macOS System Colors - Light & Dark Mode
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
DesertColors.xcodeproj
DesertColors
.gitignore
LICENSE
README.md
desertcolors-variables.js
desertcolors-variables.less
desertcolors.css
example.html

README.md

DesertColors

Since macOS 10.14 Mojave different visual modes like dark and light are available for the desktop. Native app developers can use named system colors to get the best fit for both semantic colors (like "window background", "secondary label") or plain colors (like "red", "green").

To adopt these colors 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 <html data-mode="dark"> the dark variant is used, otherwise the light one.

But be aware, that Dark Mode in Mojave is not only about plain colors and that there is more like "Desktop Tinting" or "Translucency".