atomic
atomic copied to clipboard
gerardbm
Color scheme for multiple code editors and terminals
Atomic
Multiple colors for multiple applications
Atomic is a dark color scheme designed to use with terminal, Vim/Neovim and several GUI code editors. This repository also includes themes for some terminal applications (vim-airline, irssi, mutt, cmus, vifm...) and Zsh.
Color palette
The color palette consists of sixteen precision colors selected procedurally (algorithms), distributed in six hues and four balanced Luma (Y'). Note that Luma (Y') is the perceived brightness; don't confuse it with the lightness of the HSL color model.
Human vision doesn't detect brightness linearly with color: in a pixel (R'G'B'), we see red color (#FF0000) darker than green color (#00FF00), and green color (#00FF00) brighter than red (#FF0000) and blue (#0000FF) colors.
*CR = contrast ratio.
So Luma (Y') has been balanced according to the ITU-R Recommendation BT.601:
Luma (Y') = 0.299 R' + 0.587 G' + 0.114 B'
This algorithm is also suggested by W3C, however it's still open to change.
In a RGB color wheel, hues have been selected in order to be distinguishable for the human eye and keeping harmony: two analogous colors (0º and 30º), their complementary (180º and 210º) and tetrad (90º and 270º).
Dark mode, blue
Dark mode, cyan (base colors alternative with hue 180º)
In the previous palettes, hues of base colors (1, 8, 9 and 16) are 210º and 180º respectively, so colors have more blue and green than red. During the day, these colors don't carry any problem, but at night blue light negatively affects health and sleep patterns: it affects levels of the sleep-inducing hormone melatonin more than any other wavelength.
Night modes use different hues of base colors: 30º and 0º instead of 210º and 180º (actually, they are their respective complementary colors). That means values of blue and green colors have been reduced inversely, while value of red color has been increased in the same proportion.
Night mode, orange (base colors alternative with hue 30º)
Night mode, red (base colors alternative with hue 0º)
Light mode
Light mode is useful when the screen receives a high illumination or we have to code in a very bright environment. Our eyes will not have to adapt the light sensibility every time we look at the screen.
Luma (Y') of this palette has been calculated keeping the proportion of the other palettes and inverting the values, so there is a symmetry between dark and light palettes.
However, Luma (Y') is not linear, so this symmetry entails lower contrast between foreground and background on a brighter background. That means colors with Luma (Y') 50% are not valid WCAG 2.0 AA: their contrast values are between 1:2.2 and 1:3.2 (from 1:3.1 is ok, though).
Hue of base colors is 45º for this palette.
Code editors and IDEs
- [x] Terminal
- URxvt
- XTerm
- xfce4-terminal
- konsole
- [x] Vim and Neovim
- [x] Vim-airline
- [x] NetBeans IDE
- [x] Sublime Text
Themes
- [x] Irssi
- [x] Mutt
- [x] Cmus
- [x] Vifm
- [x] Zsh
Installation
Atomic themes for cmus, irssi, mutt, vifm and zsh can be installed using the script install.sh. For example, to copy atomic.zsh-theme into its path use the following command:
./install.sh -m copy zsh
If you want to 'symlink' instead of 'copy', use the symlink option:
./install.sh -m symlink cmus irssi
Atomic colorscheme for Vim and Neovim can be installed directly from the following repository: gerardbm/vim-atomic.
Atomic theme for vim-airline is available from the official repository, just type: :AirlineTheme atomic.
Atomic colorscheme for Sublime Text is available from the official package manager.
For more specific information, read the following articles:
- Installation for terminals (URxvt, XTerm, xfce4-terminal, konsole).
- Installation for code editors (Vim, Neovim, Sublime Text, NetBeans, vim-airline).
- Installation for command-line tools (cmus, irssi, mutt, vifm, zsh).
Font family
Atomic is designed to look good with any kind of typography, as colors are distinguishable to any thickness.
Some themes (vim-airline, zsh) require the installation of Powerline fonts. URL: https://github.com/powerline/fonts
The values
Dark mode, blue
ID ATOMIC COLORS LUMA HUE HEX (R - G - B) (H -- S -- L)
-- ------------- ------ ---- ------- ----------- ----------------
1 Base 01 10% 210º #141A1F 20 26 31 210º 21% 10.0% |
9 Base 02 13% 210º #1A2128 26 33 40 210º 21% 13.0% | Base
8 Base 03 50% 210º #6B859E 107 133 158 210º 21% 52.0% | Colors
16 Base 04 70% 210º #A6B5C5 166 181 197 210º 21% 71.0% |
-- ------------- ------ ---- ------- ----------- ----------------
2 Dark Red 50% 0º #EC5252 236 82 82 0º 80% 62.3% |
4 Dark Orange 50% 30º #C97016 201 112 22 30º 80% 43.8% |
3 Dark Green 50% 90º #5DA713 93 167 19 90º 80% 36.3% | Dark
7 Dark Cyan 50% 180º #13AFAF 19 175 175 180º 80% 38.2% | Accent
5 Dark Blue 50% 210º #3890E9 56 144 233 210º 80% 56.6% |
6 Dark Violet 50% 270º #A359ED 163 89 237 270º 80% 63.8% |
-- ------------- ------ ---- ------- ----------- ----------------
10 Light Red 70% 0º #FF9191 255 145 145 0º 100% 78.5% |
12 Light Orange 70% 30º #EDA55D 237 165 93 30º 80% 64.6% |
11 Light Green 70% 90º #9ACD68 154 205 104 90º 50% 60.5% | Light
15 Light Cyan 70% 180º #6ECFCF 110 207 207 180º 50% 62.0% | Accent
13 Light Blue 70% 210º #7DBEFF 125 190 255 210º 100% 74.6% |
14 Light Violet 70% 270º #CB96FF 203 150 255 270º 100% 79.5% |
Dark mode, cyan (base colors alternative)
ID ATOMIC COLORS LUMA HUE HEX (R - G - B) (H -- S -- L)
-- ------------- ------ ---- ------- ----------- ----------------
1 Base 01 10% 180º #121C1C 18 28 28 180º 21% 9.0% |
9 Base 02 13% 180º #172424 23 36 36 180º 21% 11.6% | Base
8 Base 03 50% 180º #5E8F8F 94 143 143 180º 21% 46.5% | Colors
16 Base 04 70% 180º #99BDBD 153 189 189 180º 21% 67.0% |
Night mode, orange (base colors alternative)
ID ATOMIC COLORS LUMA HUE HEX (R - G - B) (H -- S -- L)
-- ------------- ------ ---- ------- ----------- ----------------
1 Base 01 10% 30º #1E1813 30 24 19 30º 21% 9.6% |
9 Base 02 13% 30º #251F18 37 31 24 30º 21% 12.0% | Base
8 Base 03 50% 30º #957B62 149 123 98 30º 21% 48.4% | Colors
16 Base 04 70% 30º #C0AF9F 192 175 159 30º 21% 68.8% |
Night mode, red (base colors alternative)
ID ATOMIC COLORS LUMA HUE HEX (R - G - B) (H -- S -- L)
-- ------------- ------ ---- ------- ----------- ----------------
1 Base 01 10% 0º #211515 33 21 21 0º 21% 10.6% |
9 Base 02 13% 0º #2B1C1C 43 28 28 0º 21% 14.0% | Base
8 Base 03 50% 0º #A27171 162 113 113 0º 21% 54.0% | Colors
16 Base 04 70% 0º #C7A9A9 199 169 169 0º 21% 72.0% |
Light mode
ID ATOMIC COLORS LUMA HUE HEX (R - G - B) (H -- S -- L)
-- ------------- ------ ---- ------- ----------- ----------------
1 Base 01 90% 45º #EFE6C9 239 230 201 45º 55% 86.4% |
9 Base 02 87% 45º #EBDFBA 235 223 186 45º 55% 82.5% | Base
8 Base 03 50% 45º #8D815C 141 129 92 45º 21% 45.8% | Colors
16 Base 04 30% 45º #554D37 85 77 55 45º 21% 27.5% |
-- ------------- ------ ---- ------- ----------- ----------------
2 Dark Red 30% 0º #C11C1C 193 28 28 0º 75% 43.2% |
4 Dark Orange 30% 30º #824100 130 65 0 30º 100% 25.5% |
3 Dark Green 30% 90º #346900 52 105 0 90º 100% 20.5% | Dark
7 Dark Cyan 30% 180º #006E6E 0 110 110 180º 100% 21.5% | Accent
5 Dark Blue 30% 210º #095CAE 9 92 174 210º 90% 36.0% |
6 Dark Violet 30% 270º #7C19DF 124 25 223 270º 80% 48.5% |
-- ------------- ------ ---- ------- ----------- ----------------
10 Light Red 50% 0º #EC5252 236 82 82 0º 80% 62.3% |
12 Light Orange 50% 30º #C97016 201 112 22 30º 80% 43.8% |
11 Light Green 50% 90º #5DA713 93 167 19 90º 80% 36.3% | Light
15 Light Cyan 50% 180º #13AFAF 19 175 175 180º 80% 38.2% | Accent
13 Light Blue 50% 210º #3890E9 56 144 233 210º 80% 56.6% |
14 Light Violet 50% 270º #A359ED 163 89 237 270º 80% 63.8% |
gerardbm