https://github.com/holtwick/desertcolors
macOS System Colors - Light & Dark Mode
https://github.com/holtwick/desertcolors
css css-variables dark dark-mode dark-theme html html5 macos mojave
Last synced: 8 days ago
JSON representation
macOS System Colors - Light & Dark Mode
- Host: GitHub
- URL: https://github.com/holtwick/desertcolors
- Owner: holtwick
- License: mit
- Created: 2018-09-25T11:28:59.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-11-05T17:30:57.000Z (over 4 years ago)
- Last Synced: 2025-08-22T22:21:41.859Z (7 months ago)
- Topics: css, css-variables, dark, dark-mode, dark-theme, html, html5, macos, mojave
- Language: Objective-C
- Homepage: https://holtwick.de/blog/2018-09-25-mojave-css?ref=github
- Size: 23.4 KB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# DesertColors
Since macOS 10.14 Mojave different **visual modes like [dark](https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/dark-mode/) and light** are available for the desktop. Native app developers can use **named system colors** to get the best fit for both [**semantic colors**](https://developer.apple.com/documentation/appkit/nscolor/ui_element_colors) (like "window background", "secondary label") or [**plain colors**](https://developer.apple.com/documentation/appkit/nscolor/standard_colors) (like "red", "green").
To adopt these [colors](https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/color/) for **web development** it is useful to get access to their **color values for use in CSS**. That's what DesertColor is providing.
`dessertcolor.css` contains these extracted colors. With `` the dark variant is used, otherwise the light one.
But be aware, that [Dark Mode](https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/dark-mode/) in Mojave is not only about plain colors and that there is more like "Desktop Tinting" or "Translucency".