Convert Figma logo to code with AI

altercation logosolarized

precision color scheme for multiple applications (terminal, vim, etc.) with both dark/light modes

15,754
3,524
15,754
219

Top Related Projects

🧛🏻‍♂️ One theme. All platforms.

13,627

Retro groove color scheme for Vim

6,037

An arctic, north-bluish color palette.

A dark Vim/Neovim color scheme inspired by Atom's One Dark syntax theme.

😸 Soothing pastel theme for the high-spirited!

🏙 A clean, dark Neovim theme written in Lua, with support for lsp, treesitter and lots of plugins. Includes additional themes for Kitty, Alacritty, iTerm and Fish.

Quick Overview

Solarized is a precision color scheme for multiple applications. It's designed to be both aesthetically pleasing and functionally optimal for prolonged use, with a carefully chosen palette that reduces eye strain while maintaining readability. The project provides color values for various development environments and applications.

Pros

  • Scientifically designed for optimal readability and reduced eye strain
  • Supports both light and dark themes
  • Available for a wide range of applications and development environments
  • Consistent across different platforms and tools

Cons

  • May require manual configuration for some applications
  • Limited color palette might not suit all personal preferences
  • Some users may find the low-contrast design challenging in certain lighting conditions
  • Occasional updates may require reconfiguration in some environments

Getting Started

To use Solarized in your terminal or text editor:

  1. Visit the Solarized GitHub repository
  2. Navigate to the folder for your specific application (e.g., vim-colors-solarized for Vim)
  3. Follow the installation instructions provided in the README for your chosen application
  4. Apply the Solarized theme in your application's settings or preferences

For example, to use Solarized in Vim:

1. Download the color scheme files
2. Move them to your `~/.vim/colors` directory
3. Add the following to your `~/.vimrc`:
   ```vim
   syntax enable
   set background=dark
   colorscheme solarized
  1. Restart Vim or source your ~/.vimrc

Note that specific installation steps may vary depending on your application and operating system.

Competitor Comparisons

🧛🏻‍♂️ One theme. All platforms.

Pros of Dracula

  • More vibrant and modern color scheme
  • Wider range of supported applications and platforms
  • More active community and frequent updates

Cons of Dracula

  • Less focus on readability in different lighting conditions
  • May be too high-contrast for some users
  • Fewer color variations compared to Solarized

Code Comparison

Solarized (Light):

set background=light
colorscheme solarized
let g:solarized_termcolors=256

Dracula:

set background=dark
colorscheme dracula
let g:dracula_colorterm = 0

Both themes offer easy integration with popular text editors and IDEs. Solarized provides a more subdued and scientifically-designed color palette, focusing on readability across various lighting conditions. It offers both light and dark variants.

Dracula, on the other hand, features a bolder, more modern aesthetic with a dark background and vibrant foreground colors. It has gained popularity due to its wide range of supported applications and active community.

Solarized may be preferred by users who prioritize eye comfort and work in varying light environments, while Dracula appeals to those who enjoy a more striking visual experience and want a consistent theme across multiple platforms.

13,627

Retro groove color scheme for Vim

Pros of Gruvbox

  • More vibrant and warm color palette, which can be easier on the eyes for long coding sessions
  • Offers both light and dark variants with consistent color schemes
  • Provides better syntax highlighting for a wider range of programming languages

Cons of Gruvbox

  • Less widespread adoption compared to Solarized, potentially leading to fewer pre-configured setups
  • May not be as suitable for users who prefer a more muted or pastel color scheme
  • Slightly higher contrast, which some users might find less comfortable for extended use

Code Comparison

Gruvbox:

let g:gruvbox_contrast_dark = 'hard'
let g:gruvbox_italic = 1
colorscheme gruvbox
set background=dark

Solarized:

let g:solarized_termcolors=256
let g:solarized_visibility="high"
colorscheme solarized
set background=dark

Both color schemes offer easy configuration options, but Gruvbox provides more fine-tuned control over contrast levels and italics. Solarized focuses on terminal color compatibility and visibility settings. While both are highly customizable, Gruvbox tends to offer more out-of-the-box options for personalization.

6,037

An arctic, north-bluish color palette.

Pros of Nord

  • More modern and actively maintained color scheme
  • Wider range of supported applications and platforms
  • Extensive documentation and community resources

Cons of Nord

  • Less established and time-tested than Solarized
  • May require more manual configuration for some applications
  • Color palette might be less versatile for certain environments

Code Comparison

Nord color definition:

:root {
  --nord0: #2e3440;
  --nord1: #3b4252;
  --nord2: #434c5e;
  --nord3: #4c566a;
}

Solarized color definition:

$base03:    #002b36;
$base02:    #073642;
$base01:    #586e75;
$base00:    #657b83;

Nord offers a more modern and actively maintained color scheme with wider application support, while Solarized has a longer track record and potentially more versatile palette. Nord provides extensive documentation and community resources, but may require more manual configuration for some applications. Solarized, being older, is more established but less actively maintained. The code comparison shows different approaches to color definition, with Nord using CSS custom properties and Solarized using SASS variables.

A dark Vim/Neovim color scheme inspired by Atom's One Dark syntax theme.

Pros of onedark.vim

  • More modern and vibrant color scheme, inspired by Atom's One Dark theme
  • Specifically designed for Vim, offering better integration and syntax highlighting
  • Actively maintained with frequent updates and improvements

Cons of onedark.vim

  • Less versatile across different applications compared to Solarized
  • May not be as suitable for extended coding sessions in low-light environments
  • Fewer pre-made color variations available out of the box

Code Comparison

Solarized:

let g:solarized_termcolors=256
set background=dark
colorscheme solarized

onedark.vim:

set termguicolors
let g:onedark_terminal_italics=1
colorscheme onedark

Summary

Solarized is a widely adopted, versatile color scheme designed for multiple applications and environments. It offers carefully chosen colors to reduce eye strain and improve readability. onedark.vim, on the other hand, is a more modern and vibrant theme specifically tailored for Vim users. It provides excellent syntax highlighting and integration with Vim features but may not be as suitable for extended use in low-light conditions. The choice between the two depends on personal preference, coding environment, and the desire for a more traditional (Solarized) or contemporary (onedark.vim) aesthetic.

😸 Soothing pastel theme for the high-spirited!

Pros of Catppuccin

  • More color palette options (4 distinct themes)
  • Active community with frequent updates and contributions
  • Extensive support for various applications and tools

Cons of Catppuccin

  • Less established and time-tested compared to Solarized
  • May require more frequent updates to maintain compatibility
  • Potentially overwhelming number of options for some users

Code Comparison

Solarized (Vim color scheme):

let g:solarized_termcolors=256
set background=dark
colorscheme solarized

Catppuccin (Vim color scheme):

let g:catppuccin_flavour = "mocha"
colorscheme catppuccin

Both color schemes offer easy implementation in various applications, but Catppuccin provides more customization options with its multiple flavors. Solarized has a simpler setup process, while Catppuccin allows for more fine-tuned adjustments to suit individual preferences.

Solarized remains a classic choice with its carefully crafted, scientifically-based color palette, while Catppuccin offers a fresh and modern approach with its pastel-themed designs. The choice between the two ultimately depends on personal taste and specific use cases.

🏙 A clean, dark Neovim theme written in Lua, with support for lsp, treesitter and lots of plugins. Includes additional themes for Kitty, Alacritty, iTerm and Fish.

Pros of tokyonight.nvim

  • Specifically designed for Neovim, offering better integration and performance
  • More active development with frequent updates and bug fixes
  • Includes multiple theme variants (storm, night, day, moon)

Cons of tokyonight.nvim

  • Limited to Neovim, while Solarized supports various applications and platforms
  • Newer project with potentially less widespread adoption and community support
  • May require more configuration for optimal use in Neovim

Code Comparison

Solarized (Vim configuration):

set background=dark
colorscheme solarized
let g:solarized_termcolors=256

tokyonight.nvim (Lua configuration):

vim.cmd[[colorscheme tokyonight]]
require("tokyonight").setup({
  style = "storm",
  transparent = true,
})

Summary

While Solarized is a well-established color scheme with broad application support, tokyonight.nvim offers a modern, Neovim-specific alternative with active development and multiple variants. Solarized may be preferable for users seeking a consistent theme across various tools, while tokyonight.nvim caters to Neovim users looking for a feature-rich, customizable theme with excellent integration.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README


title: Solarized description: Precision colors for machines and people author: Ethan Schoonover tags: test, testing, test123 colors: light yellow created: 2011 Mar 15 modified: 2011 Apr 16


Solarized

Precision colors for machines and people

solarized dualmode

Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications. It has several unique properties. I designed this colorscheme with both precise CIELAB lightness relationships and a refined set of hues based on fixed color wheel relationships. It has been tested extensively in real world use on color calibrated displays (as well as uncalibrated/intentionally miscalibrated displays) and in a variety of lighting conditions.

See the changelog for what's new in the most recent release.

solarized palette

solarized vim

Currently available in formats for (cf screenshots below):

Editors & IDEs

Terminal Emulators

Other Applications

Palettes

  • Adobe Photoshop Palette (inc. L*a*b values)
  • Apple Color Picker Palettes
  • GIMP Palette

Don't see the application you want to use it in? Download the palettes (or pull the values from the table below) and create your own. Submit it back and I'll happily note the contribution and include it on this page. See also the Usage & Development section below for details on the specific values to be used in different contexts.

Download

Click here to download latest version

Current release is v1.0.0beta2. See the changelog for details on what's new in this release.

Fresh Code on GitHub

You can also use the following links to access application specific downloads and git repositories:

Note that through the magic of git-subtree these repositories are all kept in sync, so you can pull any of them and get the most up-to-date version.

Features

  1. Selective contrast

    On a sunny summer day I love to read a book outside. Not right in the sun; that's too bright. I'll hunt for a shady spot under a tree. The shaded paper contrasts with the crisp text nicely. If you were to actually measure the contrast between the two, you'd find it is much lower than black text on a white background (or white on black) on your display device of choice. Black text on white from a computer display is akin to reading a book in direct sunlight and tires the eye.

    solarized selective contrast

    Solarized reduces brightness contrast but, unlike many low contrast colorschemes, retains contrasting hues (based on colorwheel relations) for syntax highlighting readability.

  2. Both sides of the force

    solarized dualmode

    I often switch between dark and light modes when editing text and code. Solarized retains the same selective contrast relationships and overall feel when switching between the light and dark background modes. A lot of thought, planning and testing has gone into making both modes feel like part of a unified colorscheme.

  3. 16/5 palette modes

    solarized palettes

    Solarized works as a sixteen color palette for compatibility with common terminal based applications / emulators. In addition, it has been carefully designed to scale down to a variety of five color palettes (four base monotones plus one accent color) for use in design work such as web design. In every case it retains a strong personality but doesn't overwhelm.

  4. Precision, symmetry

    solarized symmetry

    The monotones have symmetric CIELAB lightness differences, so switching from dark to light mode retains the same perceived contrast in brightness between each value. Each mode is equally readable. The accent colors are based off specific colorwheel relations and subsequently translated to CIELAB to ensure perceptual uniformity in terms of lightness. The hues themselves, as with the monotone *a*b values, have been adjusted within a small range to achieve the most pleasing combination of colors.

    See also the Usage & Development section below for details on the specific values to be used in different contexts.

    This makes colorscheme inversion trivial. Here, for instance, is a sass (scss) snippet that inverts solarized based on the class of the html tag (e.g. <html class="dark red"> to give a dark background with red accent):

    $base03:    #002b36;
    $base02:    #073642;
    $base01:    #586e75;
    $base00:    #657b83;
    $base0:     #839496;
    $base1:     #93a1a1;
    $base2:     #eee8d5;
    $base3:     #fdf6e3;
    $yellow:    #b58900;
    $orange:    #cb4b16;
    $red:       #dc322f;
    $magenta:   #d33682;
    $violet:    #6c71c4;
    $blue:      #268bd2;
    $cyan:      #2aa198;
    $green:     #859900;
    @mixin rebase($rebase03,$rebase02,$rebase01,$rebase00,$rebase0,$rebase1,$rebase2,$rebase3)
    {
        background-color:$rebase03;
        color:$rebase0;
        * { color:$rebase0; }
        h1,h2,h3,h4,h5,h6 { color:$rebase1; border-color: $rebase0; }
        a, a:active, a:visited { color: $rebase1; }
    }
    @mixin accentize($accent) {
        a, a:active, a:visited, code.url { color: $accent; }
        h1,h2,h3,h4,h5,h6 {color:$accent}
    }
    /* light is default mode, so pair with general html definition */
    html, .light { @include rebase($base3,$base2,$base1,$base0,$base00,$base01,$base02,$base03)}
    .dark  { @include rebase($base03,$base02,$base01,$base00,$base0,$base1,$base2,$base3)}
    html * {
        color-profile: sRGB;
        rendering-intent: auto;
    }
    

    See also the full css stylesheet for this site.

Installation

Installation instructions for each version of the colorscheme are included in the subdirectory README files. Note that for Vim (and possibly for Mutt) you may want to clone the specific repository (for instance if you are using Pathogen). See the links at the top of this file.

Font Samples

Solarized has been designed to handle fonts of various weights and retain readability, from the classic Terminus to the beefy Menlo.

font samples - light font samples - dark

Clockwise from upper left: Menlo, Letter Gothic, Terminus, Andale Mono.

Preview all code samples in specific font faces by selecting a link from this list:

Screenshots

Click to view.

Mutt

mutt dark mutt light

C (Vim)

c dark c light

Haskell (Vim)

haskell dark haskell light

HTML (Vim)

html dark html light

Java (Vim)

java dark java light

Javascript (Vim)

javascript dark javascript light

Pandoc Markdown (Vim)

These screen shots show Vim running with my own Pandoc Kit Syntax.

pandoc dark pandoc light

Perl (Vim)

perl dark perl light

PHP (Vim)

php dark php light

Python (Vim)

python dark python light

Ruby (Vim)

ruby dark ruby light

Shell (Vim)

shell dark shell light

TeX (Vim)

tex dark tex light

The Values

L*a*b values are canonical (White D65, Reference D50), other values are matched in sRGB space.

SOLARIZED HEX     16/8 TERMCOL  XTERM/HEX   L*A*B      RGB         HSB
--------- ------- ---- -------  ----------- ---------- ----------- -----------
base03    #002b36  8/4 brblack  234 #1c1c1c 15 -12 -12   0  43  54 193 100  21
base02    #073642  0/4 black    235 #262626 20 -12 -12   7  54  66 192  90  26
base01    #586e75 10/7 brgreen  240 #585858 45 -07 -07  88 110 117 194  25  46
base00    #657b83 11/7 bryellow 241 #626262 50 -07 -07 101 123 131 195  23  51
base0     #839496 12/6 brblue   244 #808080 60 -06 -03 131 148 150 186  13  59
base1     #93a1a1 14/4 brcyan   245 #8a8a8a 65 -05 -02 147 161 161 180   9  63
base2     #eee8d5  7/7 white    254 #e4e4e4 92 -00  10 238 232 213  44  11  93
base3     #fdf6e3 15/7 brwhite  230 #ffffd7 97  00  10 253 246 227  44  10  99
yellow    #b58900  3/3 yellow   136 #af8700 60  10  65 181 137   0  45 100  71
orange    #cb4b16  9/3 brred    166 #d75f00 50  50  55 203  75  22  18  89  80
red       #dc322f  1/1 red      160 #d70000 50  65  45 220  50  47   1  79  86
magenta   #d33682  5/5 magenta  125 #af005f 50  65 -05 211  54 130 331  74  83
violet    #6c71c4 13/5 brmagenta 61 #5f5faf 50  15 -45 108 113 196 237  45  77
blue      #268bd2  4/4 blue      33 #0087ff 55 -10 -45  38 139 210 205  82  82
cyan      #2aa198  6/6 cyan      37 #00afaf 60 -35 -05  42 161 152 175  74  63
green     #859900  2/2 green     64 #5f8700 60 -20  65 133 153   0  68 100  60

Usage & Development

If you are considering developing a port for Solarized, please see also the developer notes for information about optional repository structure and readme formats.

Solarized flips between light and dark modes. In each mode, four monotones form the core values (with an optional fifth for emphasized content).

value samples - dark

value samples - light

Thus in the case of a dark background colorscheme, the normal relationship for background and body text is base03:base0 (please note that body text is not base00). Note also that in cases where the background and foreground can be specified as a pair value, text can be highlighted using a combination of base02:base1. The L*a*b lightness difference between base03:base0 and base02:base1 is identical by design, resulting in identical readability against both normal and highlighted backgrounds. An example use case is folded text in Vim which uses base02 for the background and base1 for the foreground.

The values in this example are simply inverted in the case of a light background.