|
| 1 | +import UIKit |
| 2 | +import SwiftUI |
| 3 | +import ColorStudio |
| 4 | +import BuildSettingsKit |
| 5 | + |
| 6 | +public enum UIAppColor { |
| 7 | + /// A tint color used in places like navigation bars. |
| 8 | + /// |
| 9 | + /// - note: The Jetpack app uses |
| 10 | + public static var tint: UIColor { |
| 11 | + switch BuildSettings.current.brand { |
| 12 | + case .wordpress: primary |
| 13 | + case .jetpack: UIColor.label |
| 14 | + } |
| 15 | + } |
| 16 | + |
| 17 | + public static var primary: UIColor { |
| 18 | + switch BuildSettings.current.brand { |
| 19 | + case .wordpress: UIColor(light: CSColor.Blue.base, dark: primary(.shade40)) |
| 20 | + case .jetpack: UIColor(light: CSColor.JetpackGreen.shade(.shade40), dark: CSColor.JetpackGreen.shade(.shade30)) |
| 21 | + } |
| 22 | + } |
| 23 | + |
| 24 | + public static func primary(_ shade: ColorStudioShade) -> UIColor { |
| 25 | + switch BuildSettings.current.brand { |
| 26 | + case .wordpress: CSColor.Blue.shade(shade) |
| 27 | + case .jetpack: CSColor.JetpackGreen.shade(shade) |
| 28 | + } |
| 29 | + } |
| 30 | +} |
| 31 | + |
| 32 | +extension UIAppColor { |
| 33 | + public static func accent(_ shade: ColorStudioShade) -> UIColor { |
| 34 | + CSColor.Pink.shade(shade) |
| 35 | + } |
| 36 | + |
| 37 | + public static func error(_ shade: ColorStudioShade) -> UIColor { |
| 38 | + CSColor.Red.shade(shade) |
| 39 | + } |
| 40 | + |
| 41 | + public static func warning(_ shade: ColorStudioShade) -> UIColor { |
| 42 | + CSColor.Yellow.shade(shade) |
| 43 | + } |
| 44 | + |
| 45 | + public static func success(_ shade: ColorStudioShade) -> UIColor { |
| 46 | + CSColor.Green.shade(shade) |
| 47 | + } |
| 48 | + |
| 49 | + public static func gray(_ shade: ColorStudioShade) -> UIColor { |
| 50 | + CSColor.Gray.shade(shade) |
| 51 | + } |
| 52 | + |
| 53 | + public static func blue(_ shade: ColorStudioShade) -> UIColor { |
| 54 | + CSColor.Blue.shade(shade) |
| 55 | + } |
| 56 | + |
| 57 | + public static func green(_ shade: ColorStudioShade) -> UIColor { |
| 58 | + CSColor.Green.shade(shade) |
| 59 | + } |
| 60 | + |
| 61 | + public static func red(_ shade: ColorStudioShade) -> UIColor { |
| 62 | + CSColor.Red.shade(shade) |
| 63 | + } |
| 64 | + |
| 65 | + public static func pink(_ shade: ColorStudioShade) -> UIColor { |
| 66 | + CSColor.Pink.shade(shade) |
| 67 | + } |
| 68 | + |
| 69 | + public static func yellow(_ shade: ColorStudioShade) -> UIColor { |
| 70 | + CSColor.Yellow.shade(shade) |
| 71 | + } |
| 72 | + |
| 73 | + public static func purple(_ shade: ColorStudioShade) -> UIColor { |
| 74 | + CSColor.Purple.shade(shade) |
| 75 | + } |
| 76 | + |
| 77 | + public static func orange(_ shade: ColorStudioShade) -> UIColor { |
| 78 | + CSColor.Orange.shade(shade) |
| 79 | + } |
| 80 | + |
| 81 | + public static func celadon(_ shade: ColorStudioShade) -> UIColor { |
| 82 | + CSColor.Celadon.shade(shade) |
| 83 | + } |
| 84 | + |
| 85 | + public static func wordPressBlue(_ shade: ColorStudioShade) -> UIColor { |
| 86 | + CSColor.WordPressBlue.shade(shade) |
| 87 | + } |
| 88 | + |
| 89 | + public static func jetpackGreen(_ shade: ColorStudioShade) -> UIColor { |
| 90 | + CSColor.JetpackGreen.shade(shade) |
| 91 | + } |
| 92 | + |
| 93 | + public static let primaryLight: UIColor = primary(.shade30) |
| 94 | + public static let primaryDark: UIColor = primary(.shade70) |
| 95 | + |
| 96 | + public static func neutral(_ shade: ColorStudioShade) -> UIColor { |
| 97 | + return switch shade { |
| 98 | + case .shade0: UIColor(light: gray(.shade0), dark: gray(.shade100)) |
| 99 | + case .shade5: UIColor(light: gray(.shade5), dark: gray(.shade90)) |
| 100 | + case .shade10: UIColor(light: gray(.shade10), dark: gray(.shade80)) |
| 101 | + case .shade20: UIColor(light: gray(.shade20), dark: gray(.shade70)) |
| 102 | + case .shade30: UIColor(light: gray(.shade30), dark: gray(.shade60)) |
| 103 | + case .shade40: UIColor(light: gray(.shade40), dark: gray(.shade50)) |
| 104 | + case .shade50: UIColor(light: gray(.shade50), dark: gray(.shade40)) |
| 105 | + case .shade60: UIColor(light: gray(.shade60), dark: gray(.shade30)) |
| 106 | + case .shade70: UIColor(light: gray(.shade70), dark: gray(.shade20)) |
| 107 | + case .shade80: UIColor(light: gray(.shade80), dark: gray(.shade10)) |
| 108 | + case .shade90: UIColor(light: gray(.shade90), dark: gray(.shade5)) |
| 109 | + case .shade100: UIColor(light: gray(.shade100), dark: gray(.shade0)) |
| 110 | + } |
| 111 | + } |
| 112 | + |
| 113 | + public static let accent = CSColor.Pink.base |
| 114 | + public static let divider = CSColor.Gray.shade(.shade10) |
| 115 | + public static let error = CSColor.Red.base |
| 116 | + public static let gray = CSColor.Gray.base |
| 117 | + public static let blue = CSColor.Blue.base |
| 118 | + |
| 119 | + public static let success = CSColor.Green.base |
| 120 | + public static let text = CSColor.Gray.shade(.shade80) |
| 121 | + public static let textSubtle = CSColor.Gray.shade(.shade50) |
| 122 | + public static let warning = CSColor.Yellow.base |
| 123 | + public static let jetpackGreen = CSColor.JetpackGreen.base |
| 124 | + public static let editorPrimary = CSColor.Blue.base |
| 125 | + public static let neutral = CSColor.Gray.base |
| 126 | + |
| 127 | + public static let statsPrimaryHighlight = UIColor(light: accent(.shade30), dark: accent(.shade60)) |
| 128 | + public static let statsSecondaryHighlight = UIColor(light: accent(.shade60), dark: accent(.shade30)) |
| 129 | + |
| 130 | + // TODO : These should be customized for WP and JP |
| 131 | + public static let appBarTint = UIColor.systemOrange |
| 132 | + public static let appBarText = UIColor.systemOrange |
| 133 | + |
| 134 | + public static let placeholderElement = UIColor(light: .systemGray5, dark: .systemGray4) |
| 135 | + public static let placeholderElementFaded: UIColor = UIColor(light: .systemGray6, dark: .systemGray5) |
| 136 | + |
| 137 | + public static let prologueBackground = UIColor(light: blue(.shade0), dark: .systemBackground) |
| 138 | + |
| 139 | + public static let switchStyle: SwitchToggleStyle = SwitchToggleStyle(tint: Color(UIAppColor.primary)) |
| 140 | +} |
| 141 | + |
| 142 | +public enum AppColor { |
| 143 | + public static var tint: Color { Color(UIAppColor.tint) } |
| 144 | + public static var primary: Color { Color(UIAppColor.primary) } |
| 145 | +} |
| 146 | + |
| 147 | +private extension UIColor { |
| 148 | + convenience init(light: UIColor, dark: UIColor) { |
| 149 | + self.init { traitCollection in |
| 150 | + if traitCollection.userInterfaceStyle == .dark { |
| 151 | + return dark |
| 152 | + } else { |
| 153 | + return light |
| 154 | + } |
| 155 | + } |
| 156 | + } |
| 157 | +} |
0 commit comments