Skip to content

Solarized Color Palette but focus for <coders>

License

Notifications You must be signed in to change notification settings

BenSouchet/polarized

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Polarized

cover_polarized

Polarized is a color palette (17 colors) for IDEs, editors & code highlighters.

The palette is based on Solarized but introduce modifications on the "monotones" colors and a strict guideline on what's the purpose of the colors.

Light & Dark

Polarized exists in two variants Light and Dark.

palettes

As you can see the Light and Dark variants of Polarized share 9 colors and have 8 specific colors. These specific colors were obtained by blending two colors as you can see here: gradients

The last color of each row (image below) aren't used in the final palette, these colors were simply used in the blending process to generate the other colors.

Colors Info / Guidelines

Short Name Color Name Light Dark Apply on Description
bgr background bgr_light bgr_dark background Code Block Background, Editor Background
hgl highlighted hgl_light hgl_dark background Highlighted Line(s), Search Results Highlighed (not user selection)
sel selection sel_light sel_dark background User Selection of word(s) or line(s)
com comments com_light com_dark text Code Comments (comments are normally displayed in italic)
lin line n° lin_light lin_dark text Line Numbers
def default def_light def_dark text Default color for text, delimiters & ponctuations ({,},;,,,...)
acc Accent acc_light acc_dark text Use when default text are selected to keep text readibility
kwd keywords kwd_light kwd_dark text Keywords, Keyword Declaration (e.g. var in JavaScript), Keyword Type (int, float, ...), Keyword Namespace (namespace)
esc escaped esc esc text Escaped Characters, Regex, Interpoled Strings, Character Entities
res reserved res res text Reserved Keywords, Constant Keywords, Pseudo Keywords
opr operators opr opr text Operators, Word Operators
str strings str str text Strings, DocStrings
var variables var var text Variable Names, Attributes Names
nam names nam nam text Namespace Names, Class Names, Decorator Names, Exception Names, Function Names
nbr numbers nbr nbr text All kind of Numbers (integer, float, hex, binary, ...)
err errors err err text OR wavy underline Errors (the color can be applied to text or only to a wavy underline), Diff Deleted (apply on text)
ins inserted ins ins text Diff Inserted, Success Messages

As you can see every colors are meant to be used for a specific purpose. Of course if in your case you can't use all the colors do your best to stay as close as possible to the original palette.

Palette Colors Values

Find in this page a table with the exact colors codes in multiple color models (HEX, RGB, HSV, HSL, Lab).

There is also files in the palette/ folder defining the colors in HEX in multiple formats: YAML, CSS, SCSS.

Important: if you implement the color palette in an editor, a website, a service, ... please do not modify the color codes (use the exact ones listed in this page).

Additionnal Info

If you implement this palette as a color theme somewhere, code comments should be displayed in italics, and keywords should be in bold (to easily identify them).

Sixteen Color Palette

Polarized is a seventeen (17) color palette but if you need (or are restricted) to only sixteen colors, you can ignore the accent (acc) color or use the operators (opr) color for the Diff Inserted texts.

Version

The current version is 1.0.0, you can download the latest release on the Releases category (on the sidebar) or from this page.

Others Ressouces & Useful links

Author & maintainer

Polarized has been created and is currently maintained by Ben Souchet.

All the files present in this repository are under MIT license.