Skip to content

Instantly share code, notes, and snippets.

@nummi
Created July 16, 2019 03:15
Show Gist options
  • Save nummi/e17673d45120a587a82c9da08925ae4c to your computer and use it in GitHub Desktop.
Save nummi/e17673d45120a587a82c9da08925ae4c to your computer and use it in GitHub Desktop.
iOS Colors
.theme--light {
--SystemRed: rgba(255, 59, 48, 1);
--SystemOrange: rgba(255, 149, 0, 1);
--SystemYellow: rgba(255, 204, 0, 1);
--SystemGreen: rgba( 52, 199, 89, 1);
--SystemTeal: rgba( 90, 200, 250, 1);
--SystemBlue: rgba( 0, 122, 255, 1);
--SystemIndigo: rgba( 88, 86, 214, 1);
--SystemPurple: rgba(175, 82, 222, 1);
--SystemPink: rgba(255, 45, 85, 1);
--SystemGrey: rgba(142, 142, 147, 1);
--SystemGrey2: rgba(151, 151, 151, 1);
--SystemGrey3: rgba(199, 199, 204, 1);
--SystemGrey4: rgba(209, 209, 214, 1);
--SystemGrey5: rgba(229, 229, 234, 1);
--SystemGrey6: rgba(242, 242, 247, 1);
--LabelColorPrimary: rgba( 0, 0, 0, 1.00);
--LabelColorSecondary: rgba( 60, 60, 67, 0.60);
--LabelColorTertiary: rgba( 60, 60, 67, 0.30);
--LabelColorQuarternary: rgba( 60, 60, 67, 0.18);
}
.theme--dark {
--SystemRed: rgba(255, 69, 58, 1);
--SystemOrange: rgba(255, 159, 10, 1);
--SystemYellow: rgba(255, 214, 10, 1);
--SystemGreen: rgba( 50, 215, 75, 1);
--SystemTeal: rgba(100, 210, 255, 1);
--SystemBlue: rgba( 10, 132, 255, 1);
--SystemIndigo: rgba( 94, 92, 230, 1);
--SystemPurple: rgba(191, 90, 242, 1);
--SystemPink: rgba(255, 55, 95, 1);
--SystemGrey: rgba(142, 142, 147, 1);
--SystemGrey2: rgba( 99, 99, 102, 1);
--SystemGrey3: rgba( 72, 72, 74, 1);
--SystemGrey4: rgba( 58, 58, 60, 1);
--SystemGrey5: rgba( 44, 44, 46, 1);
--SystemGrey6: rgba( 28, 28, 30, 1);
--LabelColorPrimary: rgba(255, 255, 255, 1.00);
--LabelColorSecondary: rgba(235, 235, 245, 0.60);
--LabelColorTertiary: rgba(235, 235, 245, 0.30);
--LabelColorQuarternary: rgba(235, 235, 245, 0.18);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment