Skip to content

Instantly share code, notes, and snippets.

@alfwatt

alfwatt/macOS 10.14 Semantic Colors

Last active August 28, 2022 14:49
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save alfwatt/a515004609b27d9074e40d4ccbcb8e82 to your computer and use it in GitHub Desktop.
Save alfwatt/a515004609b27d9074e40d4ccbcb8e82 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
macOS 10.14 Semantic Colors
// Dark Mode
#FFFEFE rgba(255, 254, 254, 0.847) hsla(320, 0%, 100%, 0.847) labelColor
#FFFEFE rgba(255, 254, 254, 0.549) hsla(320, 0%, 100%, 0.549) secondaryLabelColor
#FFFEFE rgba(255, 254, 254, 0.247) hsla(320, 0%, 100%, 0.247) tertiaryLabelColor
#FFFEFE rgba(255, 254, 254, 0.098) hsla(320, 0%, 100%, 0.098) quaternaryLabelColor
#3486FE rgba(52, 134, 254, 1.000) hsla(215, 79%, 99%, 1.000) linkColor
#FFFEFE rgba(255, 254, 254, 0.498) hsla(320, 0%, 100%, 0.498) placeholderTextColor
#FFFEFE rgba(255, 254, 254, 0.847) hsla(320, 0%, 100%, 0.847) windowFrameTextColor
#FFFEFE rgba(255, 254, 254, 1.000) hsla(320, 0%, 100%, 1.000) selectedMenuItemTextColor
#FFFEFE rgba(255, 254, 254, 1.000) hsla(320, 0%, 100%, 1.000) alternateSelectedControlTextColor
#FFFEFE rgba(255, 254, 254, 1.000) hsla(320, 0%, 100%, 1.000) headerTextColor
#FFFEFE rgba(255, 254, 254, 0.098) hsla(320, 0%, 100%, 0.098) separatorColor
#FFFEFE rgba(255, 254, 254, 0.098) hsla(320, 0%, 100%, 0.098) gridColor
#252525 rgba(37, 37, 37, 1.000) hsla(325, 0%, 14%, 1.000) windowBackgroundColor
#1D1D1D rgba(29, 29, 29, 1.000) hsla(326, 0%, 11%, 1.000) underPageBackgroundColor
#161616 rgba(22, 22, 22, 1.000) hsla(325, 0%, 8%, 1.000) controlBackgroundColor
#C7540C rgba(199, 84, 12, 1.000) hsla(22, 93%, 78%, 1.000) selectedContentBackgroundColor
#363636 rgba(54, 54, 54, 1.000) hsla(325, 0%, 21%, 1.000) unemphasizedSelectedContentBackgroundColor
#FFFF0A rgba(255, 255, 10, 1.000) hsla(60, 95%, 100%, 1.000) findHighlightColor
#FFFEFE rgba(255, 254, 254, 0.047) hsla(320, 0%, 100%, 0.047) alternatingContentBackgroundColor
#FFFEFE rgba(255, 254, 254, 1.000) hsla(320, 0%, 100%, 1.000) textColor
#161616 rgba(22, 22, 22, 1.000) hsla(325, 0%, 8%, 1.000) textBackgroundColor
#FFFFFF rgba(255, 255, 255, 1.000) hsla(0, 0%, 100%, 1.000) selectedTextColor
#803C0E rgba(128, 60, 14, 0.847) hsla(24, 88%, 50%, 0.847) selectedTextBackgroundColor
#363636 rgba(54, 54, 54, 1.000) hsla(325, 0%, 21%, 1.000) unemphasizedSelectedTextBackgroundColor
#FFFFFF rgba(255, 255, 255, 1.000) hsla(0, 0%, 100%, 1.000) unemphasizedSelectedTextColor
#FFFEFE rgba(255, 254, 254, 0.247) hsla(320, 0%, 100%, 0.247) controlColor
#FFFEFE rgba(255, 254, 254, 0.847) hsla(320, 0%, 100%, 0.847) controlTextColor
#803C0E rgba(128, 60, 14, 0.847) hsla(24, 88%, 50%, 0.847) selectedControlColor
#FFFEFE rgba(255, 254, 254, 0.847) hsla(320, 0%, 100%, 0.847) selectedControlTextColor
#FFFEFE rgba(255, 254, 254, 0.247) hsla(320, 0%, 100%, 0.247) disabledControlTextColor
#FD9D2E rgba(253, 157, 46, 0.498) hsla(32, 81%, 99%, 0.498) keyboardFocusIndicatorColor
#FB2B2C rgba(251, 43, 44, 1.000) hsla(359, 82%, 98%, 1.000) systemRedColor
#30D33A rgba(48, 211, 58, 1.000) hsla(123, 77%, 82%, 1.000) systemGreenColor
#106AFE rgba(16, 106, 254, 1.000) hsla(217, 93%, 99%, 1.000) systemBlueColor
#FC8D0D rgba(252, 141, 13, 1.000) hsla(32, 94%, 99%, 1.000) systemOrangeColor
#FECF0E rgba(254, 207, 14, 1.000) hsla(48, 94%, 99%, 1.000) systemYellowColor
#9B7B55 rgba(155, 123, 85, 1.000) hsla(33, 45%, 60%, 1.000) systemBrownColor
#FB194C rgba(251, 25, 76, 1.000) hsla(346, 89%, 98%, 1.000) systemPinkColor
#4E45D8 rgba(78, 69, 216, 1.000) hsla(243, 68%, 84%, 1.000) systemPurpleColor
#85858B rgba(133, 133, 139, 1.000) hsla(241, 4%, 54%, 1.000) systemGrayColor
#F26C16 rgba(242, 108, 22, 1.000) hsla(23, 90%, 95%, 1.000) controlAccentColor
#A4A4A4 rgba(164, 164, 164, 1.000) hsla(326, 0%, 64%, 1.000) highlightColor
#000000 rgba(0, 0, 0, 1.000) hsla(0, 0%, 0%, 1.000) shadowColor
// Light Mode
#000000 rgba(0, 0, 0, 0.847) hsla(0, 0%, 0%, 0.847) labelColor
#000000 rgba(0, 0, 0, 0.498) hsla(0, 0%, 0%, 0.498) secondaryLabelColor
#000000 rgba(0, 0, 0, 0.247) hsla(0, 0%, 0%, 0.247) tertiaryLabelColor
#000000 rgba(0, 0, 0, 0.098) hsla(0, 0%, 0%, 0.098) quaternaryLabelColor
#084FD1 rgba(8, 79, 209, 1.000) hsla(218, 95%, 81%, 1.000) linkColor
#000000 rgba(0, 0, 0, 0.247) hsla(0, 0%, 0%, 0.247) placeholderTextColor
#000000 rgba(0, 0, 0, 0.847) hsla(0, 0%, 0%, 0.847) windowFrameTextColor
#FFFEFE rgba(255, 254, 254, 1.000) hsla(320, 0%, 100%, 1.000) selectedMenuItemTextColor
#FFFEFE rgba(255, 254, 254, 1.000) hsla(320, 0%, 100%, 1.000) alternateSelectedControlTextColor
#000000 rgba(0, 0, 0, 0.847) hsla(0, 0%, 0%, 0.847) headerTextColor
#000000 rgba(0, 0, 0, 0.098) hsla(0, 0%, 0%, 0.098) separatorColor
#000000 rgba(0, 0, 0, 0.098) hsla(0, 0%, 0%, 0.098) gridColor
#E7E7E7 rgba(231, 231, 231, 1.000) hsla(325, 0%, 90%, 1.000) windowBackgroundColor
#838383 rgba(131, 131, 131, 0.898) hsla(325, 0%, 51%, 0.898) underPageBackgroundColor
#FFFEFE rgba(255, 254, 254, 1.000) hsla(320, 0%, 100%, 1.000) controlBackgroundColor
#C13A04 rgba(193, 58, 4, 1.000) hsla(16, 97%, 76%, 1.000) selectedContentBackgroundColor
#D3D3D3 rgba(211, 211, 211, 1.000) hsla(325, 0%, 83%, 1.000) unemphasizedSelectedContentBackgroundColor
#FFFF0A rgba(255, 255, 10, 1.000) hsla(60, 95%, 100%, 1.000) findHighlightColor
#F1F2F2 rgba(241, 242, 242, 1.000) hsla(178, 0%, 95%, 1.000) alternatingContentBackgroundColor
#000000 rgba(0, 0, 0, 1.000) hsla(0, 0%, 0%, 1.000) textColor
#FFFEFE rgba(255, 254, 254, 1.000) hsla(320, 0%, 100%, 1.000) textBackgroundColor
#000000 rgba(0, 0, 0, 1.000) hsla(0, 0%, 0%, 1.000) selectedTextColor
#FAC99F rgba(250, 201, 159, 1.000) hsla(27, 36%, 98%, 1.000) selectedTextBackgroundColor
#D3D3D3 rgba(211, 211, 211, 1.000) hsla(325, 0%, 83%, 1.000) unemphasizedSelectedTextBackgroundColor
#000000 rgba(0, 0, 0, 1.000) hsla(0, 0%, 0%, 1.000) unemphasizedSelectedTextColor
#FFFEFE rgba(255, 254, 254, 1.000) hsla(320, 0%, 100%, 1.000) controlColor
#000000 rgba(0, 0, 0, 0.847) hsla(0, 0%, 0%, 0.847) controlTextColor
#FAC99F rgba(250, 201, 159, 1.000) hsla(27, 36%, 98%, 1.000) selectedControlColor
#000000 rgba(0, 0, 0, 0.847) hsla(0, 0%, 0%, 0.847) selectedControlTextColor
#000000 rgba(0, 0, 0, 0.247) hsla(0, 0%, 0%, 0.247) disabledControlTextColor
#E45A08 rgba(228, 90, 8, 0.498) hsla(22, 96%, 89%, 0.498) keyboardFocusIndicatorColor
#FB2025 rgba(251, 32, 37, 1.000) hsla(358, 86%, 98%, 1.000) systemRedColor
#28C732 rgba(40, 199, 50, 1.000) hsla(123, 79%, 78%, 1.000) systemGreenColor
#0A5FFE rgba(10, 95, 254, 1.000) hsla(219, 95%, 99%, 1.000) systemBlueColor
#FC8108 rgba(252, 129, 8, 1.000) hsla(29, 96%, 99%, 1.000) systemOrangeColor
#FDC209 rgba(253, 194, 9, 1.000) hsla(45, 96%, 99%, 1.000) systemYellowColor
#90714B rgba(144, 113, 75, 1.000) hsla(32, 47%, 56%, 1.000) systemBrownColor
#FB0C43 rgba(251, 12, 67, 1.000) hsla(346, 94%, 98%, 1.000) systemPinkColor
#453BCC rgba(69, 59, 204, 1.000) hsla(244, 70%, 80%, 1.000) systemPurpleColor
#7B7B80 rgba(123, 123, 128, 1.000) hsla(241, 4%, 50%, 1.000) systemGrayColor
#F26C16 rgba(242, 108, 22, 1.000) hsla(23, 90%, 95%, 1.000) controlAccentColor
#FFFEFE rgba(255, 254, 254, 1.000) hsla(320, 0%, 100%, 1.000) highlightColor
#000000 rgba(0, 0, 0, 1.000) hsla(0, 0%, 0%, 1.000) shadowColor
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment