BPKColor
@interface BPKColor : NSObject
BPKColor is the entry point for the Backpack color palette. It expose the whole palette as static methods.
-
The
backgroundAlternativeDarkColor
color from the Backpack palette - rgb(0, 0, 0).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeDarkColor;
Swift
class var backgroundAlternativeDarkColor: UIColor { get }
-
The
backgroundAlternativeLightColor
color from the Backpack palette - rgb(241, 242, 248).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeLightColor;
Swift
class var backgroundAlternativeLightColor: UIColor { get }
-
The
backgroundAlternativeSecondaryDarkColor
color from the Backpack palette - rgb(29, 27, 32).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeSecondaryDarkColor;
Swift
class var backgroundAlternativeSecondaryDarkColor: UIColor { get }
-
The
backgroundAlternativeSecondaryLightColor
color from the Backpack palette - rgb(255, 255, 255).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeSecondaryLightColor;
Swift
class var backgroundAlternativeSecondaryLightColor: UIColor { get }
-
The
backgroundDarkColor
color from the Backpack palette - rgb(0, 0, 0).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundDarkColor;
Swift
class var backgroundDarkColor: UIColor { get }
-
The
backgroundElevation01DarkColor
color from the Backpack palette - rgb(29, 27, 32).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation01DarkColor;
Swift
class var backgroundElevation01DarkColor: UIColor { get }
-
The
backgroundElevation01LightColor
color from the Backpack palette - rgb(255, 255, 255).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation01LightColor;
Swift
class var backgroundElevation01LightColor: UIColor { get }
-
The
backgroundElevation02DarkColor
color from the Backpack palette - rgb(44, 44, 46).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation02DarkColor;
Swift
class var backgroundElevation02DarkColor: UIColor { get }
-
The
backgroundElevation02LightColor
color from the Backpack palette - rgb(255, 255, 255).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation02LightColor;
Swift
class var backgroundElevation02LightColor: UIColor { get }
-
The
backgroundElevation03DarkColor
color from the Backpack palette - rgb(58, 58, 60).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation03DarkColor;
Swift
class var backgroundElevation03DarkColor: UIColor { get }
-
The
backgroundElevation03LightColor
color from the Backpack palette - rgb(255, 255, 255).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation03LightColor;
Swift
class var backgroundElevation03LightColor: UIColor { get }
-
The
backgroundLightColor
color from the Backpack palette - rgb(255, 255, 255).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundLightColor;
Swift
class var backgroundLightColor: UIColor { get }
-
The
backgroundSecondaryDarkColor
color from the Backpack palette - rgb(29, 27, 32).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundSecondaryDarkColor;
Swift
class var backgroundSecondaryDarkColor: UIColor { get }
-
The
backgroundSecondaryLightColor
color from the Backpack palette - rgb(241, 242, 248).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundSecondaryLightColor;
Swift
class var backgroundSecondaryLightColor: UIColor { get }
-
The
backgroundTertiaryDarkColor
color from the Backpack palette - rgb(44, 44, 46).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundTertiaryDarkColor;
Swift
class var backgroundTertiaryDarkColor: UIColor { get }
-
The
backgroundTertiaryLightColor
color from the Backpack palette - rgb(255, 255, 255).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundTertiaryLightColor;
Swift
class var backgroundTertiaryLightColor: UIColor { get }
-
The
abisko
color from the Backpack palette - rgb(90, 72, 155).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull abisko;
Swift
class var abisko: UIColor { get }
-
The
bagan
color from the Backpack palette - rgb(255, 235, 208).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull bagan;
Swift
class var bagan: UIColor { get }
-
The
black
color from the Backpack palette - rgb(0, 0, 0).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull black;
Swift
class var black: UIColor { get }
-
The
blackTint01
color from the Backpack palette - rgb(29, 27, 32).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull blackTint01;
Swift
class var blackTint01: UIColor { get }
-
The
blackTint02
color from the Backpack palette - rgb(44, 44, 46).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull blackTint02;
Swift
class var blackTint02: UIColor { get }
-
The
blackTint03
color from the Backpack palette - rgb(58, 58, 60).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull blackTint03;
Swift
class var blackTint03: UIColor { get }
-
The
blackTint04
color from the Backpack palette - rgb(72, 72, 74).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull blackTint04;
Swift
class var blackTint04: UIColor { get }
-
The
blackTint05
color from the Backpack palette - rgb(99, 99, 102).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull blackTint05;
Swift
class var blackTint05: UIColor { get }
-
The
blackTint06
color from the Backpack palette - rgb(142, 142, 147).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull blackTint06;
Swift
class var blackTint06: UIColor { get }
-
The
bunol
color from the Backpack palette - rgb(255, 123, 89).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull bunol;
Swift
class var bunol: UIColor { get }
-
The
erfoud
color from the Backpack palette - rgb(255, 181, 77).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull erfoud;
Swift
class var erfoud: UIColor { get }
-
The
glencoe
color from the Backpack palette - rgb(115, 206, 198).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull glencoe;
Swift
class var glencoe: UIColor { get }
-
The
harbour
color from the Backpack palette - rgb(246, 221, 225).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull harbour;
Swift
class var harbour: UIColor { get }
-
The
hillier
color from the Backpack palette - rgb(225, 139, 150).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull hillier;
Swift
class var hillier: UIColor { get }
-
The
kolkata
color from the Backpack palette - rgb(255, 148, 0).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull kolkata;
Swift
class var kolkata: UIColor { get }
-
The
monteverde
color from the Backpack palette - rgb(0, 166, 152).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull monteverde;
Swift
class var monteverde: UIColor { get }
-
The
nara
color from the Backpack palette - rgb(255, 231, 224).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull nara;
Swift
class var nara: UIColor { get }
-
The
panjin
color from the Backpack palette - rgb(209, 67, 91).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull panjin;
Swift
class var panjin: UIColor { get }
-
The
petra
color from the Backpack palette - rgb(255, 171, 149).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull petra;
Swift
class var petra: UIColor { get }
-
The
primaryGradientLight
color from the Backpack palette - rgb(7, 112, 227).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull primaryGradientLight;
Swift
class var primaryGradientLight: UIColor { get }
-
The
sagano
color from the Backpack palette - rgb(208, 238, 236).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull sagano;
Swift
class var sagano: UIColor { get }
-
The
skyBlue
color from the Backpack palette - rgb(7, 112, 227).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyBlue;
Swift
class var skyBlue: UIColor { get }
-
The
skyBlueShade01
color from the Backpack palette - rgb(8, 78, 178).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueShade01;
Swift
class var skyBlueShade01: UIColor { get }
-
The
skyBlueShade02
color from the Backpack palette - rgb(4, 39, 89).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueShade02;
Swift
class var skyBlueShade02: UIColor { get }
-
The
skyBlueShade03
color from the Backpack palette - rgb(2, 18, 44).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueShade03;
Swift
class var skyBlueShade03: UIColor { get }
-
The
skyBlueTint01
color from the Backpack palette - rgb(109, 159, 235).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueTint01;
Swift
class var skyBlueTint01: UIColor { get }
-
The
skyBlueTint02
color from the Backpack palette - rgb(157, 192, 242).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueTint02;
Swift
class var skyBlueTint02: UIColor { get }
-
The
skyBlueTint03
color from the Backpack palette - rgb(205, 223, 248).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueTint03;
Swift
class var skyBlueTint03: UIColor { get }
-
The
skyGray
color from the Backpack palette - rgb(17, 18, 54).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyGray;
Swift
class var skyGray: UIColor { get }
-
The
skyGrayTint01
color from the Backpack palette - rgb(68, 69, 96).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint01;
Swift
class var skyGrayTint01: UIColor { get }
-
The
skyGrayTint02
color from the Backpack palette - rgb(104, 105, 127).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint02;
Swift
class var skyGrayTint02: UIColor { get }
-
The
skyGrayTint03
color from the Backpack palette - rgb(143, 144, 160).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint03;
Swift
class var skyGrayTint03: UIColor { get }
-
The
skyGrayTint04
color from the Backpack palette - rgb(178, 178, 191).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint04;
Swift
class var skyGrayTint04: UIColor { get }
-
The
skyGrayTint05
color from the Backpack palette - rgb(205, 205, 215).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint05;
Swift
class var skyGrayTint05: UIColor { get }
-
The
skyGrayTint06
color from the Backpack palette - rgb(221, 221, 229).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint06;
Swift
class var skyGrayTint06: UIColor { get }
-
The
skyGrayTint07
color from the Backpack palette - rgb(241, 242, 248).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint07;
Swift
class var skyGrayTint07: UIColor { get }
-
The
systemGreen
color from the Backpack palette - rgb(0, 166, 152).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull systemGreen;
Swift
class var systemGreen: UIColor { get }
-
The
systemRed
color from the Backpack palette - rgb(209, 67, 91).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull systemRed;
Swift
class var systemRed: UIColor { get }
-
The
tochigi
color from the Backpack palette - rgb(225, 221, 236).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull tochigi;
Swift
class var tochigi: UIColor { get }
-
The
valensole
color from the Backpack palette - rgb(165, 155, 200).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull valensole;
Swift
class var valensole: UIColor { get }
-
The
white
color from the Backpack palette - rgb(255, 255, 255).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull white;
Swift
class var white: UIColor { get }
-
The
lineDarkColor
color from the Backpack palette - rgb(72, 72, 74).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull lineDarkColor;
Swift
class var lineDarkColor: UIColor { get }
-
The
lineLightColor
color from the Backpack palette - rgb(205, 205, 215).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull lineLightColor;
Swift
class var lineLightColor: UIColor { get }
-
The
primaryDarkColor
color from the Backpack palette - rgb(109, 159, 235).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull primaryDarkColor;
Swift
class var primaryDarkColor: UIColor { get }
-
The
primaryLightColor
color from the Backpack palette - rgb(7, 112, 227).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull primaryLightColor;
Swift
class var primaryLightColor: UIColor { get }
-
The
shadowLgColor
color from the Backpack palette - rgb(17, 18, 54).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull shadowLgColor;
Swift
class var shadowLgColor: UIColor { get }
-
The
shadowSmColor
color from the Backpack palette - rgb(17, 18, 54).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull shadowSmColor;
Swift
class var shadowSmColor: UIColor { get }
-
The
textPrimaryDarkColor
color from the Backpack palette - rgb(255, 255, 255).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textPrimaryDarkColor;
Swift
class var textPrimaryDarkColor: UIColor { get }
-
The
textPrimaryLightColor
color from the Backpack palette - rgb(17, 18, 54).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textPrimaryLightColor;
Swift
class var textPrimaryLightColor: UIColor { get }
-
The
textQuaternaryDarkColor
color from the Backpack palette - rgb(142, 142, 147).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textQuaternaryDarkColor;
Swift
class var textQuaternaryDarkColor: UIColor { get }
-
The
textQuaternaryLightColor
color from the Backpack palette - rgb(143, 144, 160).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textQuaternaryLightColor;
Swift
class var textQuaternaryLightColor: UIColor { get }
-
The
textSecondaryDarkColor
color from the Backpack palette - rgb(142, 142, 147).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textSecondaryDarkColor;
Swift
class var textSecondaryDarkColor: UIColor { get }
-
The
textSecondaryLightColor
color from the Backpack palette - rgb(104, 105, 127).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textSecondaryLightColor;
Swift
class var textSecondaryLightColor: UIColor { get }
-
The
textTertiaryDarkColor
color from the Backpack palette - rgb(142, 142, 147).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textTertiaryDarkColor;
Swift
class var textTertiaryDarkColor: UIColor { get }
-
The
textTertiaryLightColor
color from the Backpack palette - rgb(143, 144, 160).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textTertiaryLightColor;
Swift
class var textTertiaryLightColor: UIColor { get }
-
The
touchableOverlayColor
color from the Backpack palette - rgb(17, 18, 54).Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull touchableOverlayColor;
Swift
class var touchableOverlayColor: UIColor { get }
-
The
clear
color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull clear;
Swift
class var clear: UIColor { get }
-
The
backgroundAlternativeColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeColor;
Swift
class var backgroundAlternativeColor: UIColor { get }
-
The
backgroundAlternativeSecondaryColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeSecondaryColor;
Swift
class var backgroundAlternativeSecondaryColor: UIColor { get }
-
The
backgroundColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundColor;
Swift
class var backgroundColor: UIColor { get }
-
The
backgroundElevation01Color
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation01Color;
Swift
class var backgroundElevation01Color: UIColor { get }
-
The
backgroundElevation02Color
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation02Color;
Swift
class var backgroundElevation02Color: UIColor { get }
-
The
backgroundElevation03Color
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation03Color;
Swift
class var backgroundElevation03Color: UIColor { get }
-
The
backgroundSecondaryColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundSecondaryColor;
Swift
class var backgroundSecondaryColor: UIColor { get }
-
The
backgroundTertiaryColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull backgroundTertiaryColor;
Swift
class var backgroundTertiaryColor: UIColor { get }
-
The
lineColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull lineColor;
Swift
class var lineColor: UIColor { get }
-
The
primaryColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull primaryColor;
Swift
class var primaryColor: UIColor { get }
-
The
textPrimaryColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textPrimaryColor;
Swift
class var textPrimaryColor: UIColor { get }
-
The
textQuaternaryColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textQuaternaryColor;
Swift
class var textQuaternaryColor: UIColor { get }
-
The
textSecondaryColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textSecondaryColor;
Swift
class var textSecondaryColor: UIColor { get }
-
The
textTertiaryColor
dynamic color from the Backpack palette.Declaration
Objective-C
@property (class, nonatomic, readonly) UIColor *_Nonnull textTertiaryColor;
Swift
class var textTertiaryColor: UIColor { get }
-
Combines two
UIColor
values with a specified weighting.Declaration
Objective-C
+ (nonnull UIColor *)blend:(nonnull UIColor *)firstColor with:(nonnull UIColor *)secondColor weight:(double)weight;
Swift
class func blend(_ firstColor: UIColor, with secondColor: UIColor, weight: Double) -> UIColor
Parameters
firstColor
The color you wish to modify.
secondColor
The color to blend with the first color.
weight
The relative weighting of the first color. Close to
1.0f
gives more weight tofirstColor
. Close to0.0f
gives more weight tosecondColor
. -
Generates a dynamic color given a light and dark variant.
Declaration
Objective-C
+ (nonnull UIColor *) dynamicColorWithLightVariant:(nonnull UIColor *)lightVariant darkVariant:(nonnull UIColor *)darkVariant;
Swift
class func dynamicColor(withLightVariant lightVariant: UIColor, darkVariant: UIColor) -> UIColor
Parameters
lightVariant
The color used in light mode, or on systems that don’t support dark-mode.
darkVariant
The color used in dark mode.