-
-
Notifications
You must be signed in to change notification settings - Fork 2
Colors
This document lists all the colors used in this theme. If you prefer a more visual overview, you can take a look at the Inkscape SVG in this repository named Breeze Colors.
The following colors appear in the official specification of the Breeze theme. Some of these colors might only be found in the tables below the color chart.
Some of these colors might have no name. I gave those a generic name written in italic.
There is also an Inkscape SVG Document in this repository containing all the colors.
Colors used in the background and foreground of various elements. The first and last three are used as standard foreground / background while the remaining ones in the middle are used for disabled elements or things like borders.
| Color name | Hex |
|---|---|
| Paper White | #fcfcfc |
| Cardboard Gray | #eff0f1 |
| Alternate Gray | #bdc3c7 |
| Lazy Gray | #afb0b3 |
| Coastal Fog | #7f8c8d |
| Icon Gray | #4d4d4d |
| Charcoal Gray | #31363b |
| Shade Black | #232629 |
The primary selection color is Plasma Blue (#3daee9).
These colors are used for color accents, for example to show errors or colored icons. I list all colors with the same tint in one line, ignoring their official name. Usually, the icon color is something like Icon Red, darker is a darker variant of that color in the color chart and accent colors are very saturated colors like Danger Red. If there is a color I couldn't figure out where to place, it's under extra.
| Color | Icon | Darker | Accent | Extra |
|---|---|---|---|---|
| Blue | #1d99f3 |
#2980b9 |
#3498db |
|
| Purple | #9b59b6 |
#8e44ad |
||
| Red | #da4453 |
#c0392b |
#ed1515 |
#e74c3c |
| Orange | #f47750 |
#d35400 |
#f67400 |
|
| Yellow | #fdbc4b |
#f39c1f |
#c9ce3b |
|
| Green | #2ecc71 |
#27ae60 |
#10d116 |
|
| Turquoise | #1abc9c |
#16a085 |
#1cdc9a |
The following colors are not part of the official Breeze color table. I have added these to this theme since they are used in the Plasma desktop and I wanted to integrate the look as good as possible.
In the *.theme.json files, these colors are defined at the bottom with all letters written in upper case.
| Color name | Hex | Usage in Plasma |
|---|---|---|
| Title Gray | #DEE0E2 |
background of window title bars |
| Tab Gray | #CDCFD0 |
background of tabs that are not selected, for example in Kate and Dolphin |
| Space Black | #1B1E20 |
background of dolphin in dark theme |
Every other color either only appears once or is a shade of a color specified above.
Shades are variants of the colors above with 20, 40 or 60 percent transparency in front of either shade black or paper white. Their primary use case is as a background.
This theme is based on the Breeze theme created by the KDE community. Its documentation can be found here.
Most important color values:
- paper white:
#fcfcfc - cardboard gray:
#eff0f1 - charcoal gray:
#31363b - shade black:
#232629 - plasma blue:
#3daee9