78 lines
2.0 KiB
Swift
78 lines
2.0 KiB
Swift
//
|
|
// Copyright 2021 New Vector Ltd
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
//
|
|
|
|
import Foundation
|
|
|
|
/// Colors at https://www.figma.com/file/X4XTH9iS2KGJ2wFKDqkyed/Compound?node-id=1255%3A1104
|
|
public protocol Colors {
|
|
|
|
associatedtype ColorType
|
|
|
|
/// - Focused/Active states
|
|
/// - CTAs
|
|
var accent: ColorType { get }
|
|
|
|
/// - Error messages
|
|
/// - Content requiring user attention
|
|
/// - Notification, alerts
|
|
var alert: ColorType { get }
|
|
|
|
/// - Text
|
|
/// - Icons
|
|
var primaryContent: ColorType { get }
|
|
|
|
/// - Text
|
|
/// - Icons
|
|
var secondaryContent: ColorType { get }
|
|
|
|
/// - Text
|
|
/// - Icons
|
|
var tertiaryContent: ColorType { get }
|
|
|
|
/// - Text
|
|
/// - Icons
|
|
var quarterlyContent: ColorType { get }
|
|
|
|
/// - separating lines and other UI components
|
|
var quinaryContent: ColorType { get }
|
|
|
|
/// - System-based areas and backgrounds
|
|
var system: ColorType { get }
|
|
|
|
/// Separating line
|
|
var separator: ColorType { get }
|
|
|
|
/// Cards, tiles
|
|
var tile: ColorType { get }
|
|
|
|
/// Top navigation background on iOS
|
|
var navigation: ColorType { get }
|
|
|
|
/// Background UI color
|
|
var background: ColorType { get }
|
|
|
|
/// Global color: The EMS brand's purple colour.
|
|
var ems: ColorType { get }
|
|
|
|
/// - Links
|
|
/// - Hyperlinks
|
|
var links: ColorType { get }
|
|
|
|
/// - Names in chat timeline
|
|
/// - Avatars default states that include first name letter
|
|
var namesAndAvatars: [ColorType] { get }
|
|
}
|