Skip to content
Color scheme for multiple code editors and terminals
Branch: master
Clone or download

README.md

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.

Atomic-luma

*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.

Atomic-luma

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º).

Atomic-hues

Dark mode, blue

Atomic-scheme

Dark mode, cyan (base colors alternative with hue 180º)

Atomic-scheme

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º)

Atomic-scheme

Night mode, red (base colors alternative with hue 0º)

Atomic-scheme

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.

Atomic-scheme

Code editors and IDEs

Themes

  • Irssi
  • Mutt
  • Cmus
  • Vifm
  • 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:

  1. Installation for terminals (URxvt, XTerm, xfce4-terminal, konsole).
  2. Installation for code editors (Vim, Neovim, Sublime Text, NetBeans, vim-airline).
  3. 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% |
You can’t perform that action at this time.