PageRenderTime 125ms CodeModel.GetById 31ms RepoModel.GetById 0ms app.codeStats 0ms

/README.md

https://github.com/jhamb/solarized
Markdown | 411 lines | 307 code | 104 blank | 0 comment | 0 complexity | bf71f1762e61192424d4866b2789adf9 MD5 | raw file
  1. ---
  2. title: Solarized
  3. description: Precision colors for machines and people
  4. author: Ethan Schoonover
  5. tags: test, testing, test123
  6. colors: light yellow
  7. created: 2011 Mar 15
  8. modified: 2011 Apr 16
  9. ---
  10. Solarized
  11. =========
  12. ## Precision colors for machines and people
  13. [![solarized dualmode](https://github.com/altercation/solarized/raw/master/img/solarized-yinyang.png)](#features)\
  14. Solarized is a sixteen color palette (eight monotones, eight accent colors)
  15. designed for use with terminal and gui applications. It has several [unique
  16. properties](#features). I designed this colorscheme with both precise
  17. [CIELAB](http://en.wikipedia.org/wiki/Lab_color_space) lightness relationships
  18. and a refined set of hues based on fixed color wheel relationships. It has been
  19. tested extensively in real world use on color calibrated displays (as well as
  20. uncalibrated/intentionally miscalibrated displays) and in a variety of lighting
  21. conditions.
  22. ***See the [changelog] for what's new in the most recent release.***
  23. ![solarized palette](https://github.com/altercation/solarized/raw/master/img/solarized-palette.png)\
  24. ![solarized vim](https://github.com/altercation/solarized/raw/master/img/solarized-vim.png)\
  25. Currently available in formats for (cf [screenshots](#screenshots) below):
  26. ### Editors & IDEs
  27. * **Vim** by [me] (the Vim-only portion of Solarized is
  28. [available here][Vim Repository], for use with Pathogen, etc.).
  29. See also the [Vim README].
  30. * **Emacs** courtesy of [Greg Pfeil](http://blog.technomadic.org)
  31. ([@sellout](http://twitter.com/sellout))
  32. in the main repo and in a [standalone repository][Emacs Repository]
  33. * **IntelliJ IDEA**
  34. courtesy of [Johan Kaving](https://github.com/jkaving) and
  35. ([@flangy](http://twitter.com/flangy))
  36. in the main repo and in a [standalone repository][IntelliJ Repository]
  37. * **NetBeans** courtesy of [Brian Fenton](https://github.com/fentie) and
  38. in the main repo and in a [standalone repository][NetBeans Repository]
  39. * **SeeStyle theme for Coda & SubEthaEdit** courtesy of
  40. [Justin Hileman](http://justinhileman.com/)
  41. ([@bobthecow](http://twitter.com/bobthecow)),
  42. in the main repo and in a
  43. [standalone repository][SeeStyle-Coda-SubEthaEdit Repository]
  44. * **TextMate** --- ***NOTE:*** Dark Theme is work in progress\
  45. courtesy of [Tom Martin](http://thedeplorableword.net/)
  46. ([@deplorableword](http://twitter.com/deplorableword))
  47. in the main repo and in a [standalone repository][TextMate Repository]
  48. (with key work from [Mark Story](http://mark-story.com)
  49. and [Brian Mathiyakom](http://brian.rarevisions.net))
  50. * **TextWrangler & BBEdit** courtesy of [Rui Carmo](http://the.taoofmac.com)
  51. ([@taoofmac](http://twitter.com/taoofmac))
  52. in the main repo and in a [standalone repository][TextWrangler-BBEdit Repository]
  53. * **Visual Studio** courtesy of [David Thibault](http://www.leddt.com)
  54. ([@leddt](http://twitter.com/leddt))
  55. in the main repo and in a [standalone repository][Visual Studio Repository]
  56. * **Xcode** work in progress ports are available for [Xcode 3] and [Xcode 4]
  57. and will be pulled into the main Solarized project soon.
  58. ### Terminal Emulators
  59. * **Xresources** / Xdefaults
  60. * **iTerm2**
  61. * **OS X Terminal.app**
  62. * **Putty** courtesy [Brant Bobby](http://www.control-v.net)
  63. and on [GitHub](https://github.com/brantb)
  64. ### Other Applications
  65. * **Mutt** e-mail client also by [me] (*just* the Mutt colorscheme is
  66. [available here][Mutt Repository])
  67. ### Palettes
  68. * **Adobe Photoshop** Palette (inc. L\*a\*b values)
  69. * **Apple Color Picker** Palettes
  70. * **GIMP** Palette
  71. Don't see the application you want to use it in? Download the palettes (or pull
  72. the values from the table below) and create your own. Submit it back and I'll
  73. happily note the contribution and include it on this page. See also the
  74. [Usage & Development](#usage-development) section below for details on the
  75. specific values to be used in different contexts.
  76. Download
  77. --------
  78. ### [Click here to download latest version](http://ethanschoonover.com/solarized/files/solarized.zip)
  79. Current release is **v1.0.0beta2**. See the [changelog] for details on what's
  80. new in this release.
  81. ### Fresh Code on GitHub
  82. You can also use the following links to access application specific downloads
  83. and git repositories:
  84. * **Canonical Project Page:**
  85. Downloads, screenshots and more information are always available from the
  86. project page: <http://ethanschoonover.com/solarized>
  87. * **Full Git Repository:**
  88. The full git repository is at: <https://github.com/altercation/solarized>
  89. Get it using the following command:
  90. $ git clone git://github.com/altercation/solarized.git
  91. * **Application Specific Repositories:**
  92. You can clone repositories specific to many of the application specific
  93. color themes. See links in the list above or select from this list:
  94. * [Vim Repository]
  95. * [Mutt Repository]
  96. * [Emacs Repository]
  97. * [IntelliJ Repository]
  98. * [NetBeans Repository]
  99. * [SeeStyle-Coda-SubEthaEdit Repository]
  100. * [TextMate Repository]
  101. * [TextWrangler-BBEdit Repository]
  102. * [Visual Studio Repository]
  103. * [Xcode 3 work in progress][Xcode 3]
  104. * [Xcode 4 work in progress][Xcode 4]
  105. Note that through the magic of [git-subtree](https://github.com/apenwarr/git-subtree)
  106. these repositories are all kept in sync, so you can pull any of them and get the most up-to-date version.
  107. Features
  108. --------
  109. 1. **Selective contrast**
  110. On a sunny summer day I love to read a book outside. Not right in the sun;
  111. that's too bright. I'll hunt for a shady spot under a tree. The shaded
  112. paper contrasts with the crisp text nicely. If you were to actually measure
  113. the contrast between the two, you'd find it is much lower than black text
  114. on a white background (or white on black) on your display device of choice.
  115. Black text on white from a computer display is akin to reading a book in
  116. direct sunlight and tires the eye.
  117. ![solarized selective contrast](https://github.com/altercation/solarized/raw/master/img/solarized-selcon.png)\
  118. Solarized reduces *brightness contrast* but, unlike many low contrast
  119. colorschemes, retains *contrasting hues* (based on colorwheel relations)
  120. for syntax highlighting readability.
  121. 2. **Both sides of the force**
  122. ![solarized dualmode](https://github.com/altercation/solarized/raw/master/img/solarized-dualmode.png)\
  123. I often switch between dark and light modes when editing text and code.
  124. Solarized retains the same selective contrast relationships and overall
  125. feel when switching between the light and dark background modes. A *lot* of
  126. thought, planning and testing has gone into making both modes feel like
  127. part of a unified colorscheme.
  128. 3. **16/5 palette modes**
  129. ![solarized palettes](https://github.com/altercation/solarized/raw/master/img/solarized-165.png)\
  130. Solarized works as a sixteen color palette for compatibility with common
  131. terminal based applications / emulators. In addition, it has been carefully
  132. designed to scale down to a variety of five color palettes (four base
  133. monotones plus one accent color) for use in design work such as web design.
  134. In every case it retains a strong personality but doesn't overwhelm.
  135. 5. **Precision, symmetry**
  136. ![solarized symmetry](https://github.com/altercation/solarized/raw/master/img/solarized-sym.png)\
  137. The monotones have symmetric CIELAB lightness differences, so switching
  138. from dark to light mode retains the same perceived contrast in brightness
  139. between each value. Each mode is equally readable. The accent colors are
  140. based off specific colorwheel relations and subsequently translated to
  141. CIELAB to ensure perceptual uniformity in terms of lightness. The hues
  142. themselves, as with the monotone \*a\*b values, have been adjusted within
  143. a small range to achieve the most pleasing combination of colors.
  144. See also the [Usage & Development](#usage-development) section below for
  145. details on the specific values to be used in different contexts.
  146. This makes colorscheme inversion trivial. Here, for instance, is a sass
  147. (scss) snippet that inverts solarized based on the class of the html tag
  148. (e.g. `<html class="dark red">` to give a dark background with red accent):
  149. $base03: #002b36;
  150. $base02: #073642;
  151. $base01: #586e75;
  152. $base00: #657b83;
  153. $base0: #839496;
  154. $base1: #93a1a1;
  155. $base2: #eee8d5;
  156. $base3: #fdf6e3;
  157. $yellow: #b58900;
  158. $orange: #cb4b16;
  159. $red: #dc322f;
  160. $magenta: #d33682;
  161. $violet: #6c71c4;
  162. $blue: #268bd2;
  163. $cyan: #2aa198;
  164. $green: #859900;
  165. @mixin rebase($rebase03,$rebase02,$rebase01,$rebase00,$rebase0,$rebase1,$rebase2,$rebase3)
  166. {
  167. background-color:$rebase03;
  168. color:$rebase0;
  169. * { color:$rebase0; }
  170. h1,h2,h3,h4,h5,h6 { color:$rebase1; border-color: $rebase0; }
  171. a, a:active, a:visited { color: $rebase1; }
  172. }
  173. @mixin accentize($accent) {
  174. a, a:active, a:visited, code.url { color: $accent; }
  175. h1,h2,h3,h4,h5,h6 {color:$accent}
  176. }
  177. /* light is default mode, so pair with general html definition */
  178. html, .light { @include rebase($base3,$base2,$base1,$base0,$base00,$base01,$base02,$base03)}
  179. .dark { @include rebase($base03,$base02,$base01,$base00,$base0,$base1,$base2,$base3)}
  180. html * {
  181. color-profile: sRGB;
  182. rendering-intent: auto;
  183. }
  184. See also [the full css stylesheet for this site](https://github.com/altercation/ethanschoonover.com/blob/master/resources/css/style.css).
  185. Installation
  186. ------------
  187. Installation instructions for each version of the colorscheme are included in
  188. the subdirectory README files. Note that for Vim (and possibly for Mutt) you
  189. may want to clone the specific repository (for instance if you are using
  190. Pathogen). See the links at the top of this file.
  191. Font Samples
  192. ------------
  193. Solarized has been designed to handle fonts of various weights and retain
  194. readability, from the classic Terminus to the beefy Menlo.
  195. ![font samples - light](https://github.com/altercation/solarized/raw/master/img/solarized-fontsamples-light.png)
  196. ![font samples - dark](https://github.com/altercation/solarized/raw/master/img/solarized-fontsamples-dark.png)
  197. Clockwise from upper left: Menlo, Letter Gothic, Terminus, Andale Mono.
  198. Preview all code samples in specific font faces by selecting a link from this
  199. list:
  200. * [DejaVu Sans 18](http://ethanschoonover.com/solarized/img/dejavusans18/)
  201. * [DejaVu Sans 14](http://ethanschoonover.com/solarized/img/dejavusans14/)
  202. * [Letter Gothic 18](http://ethanschoonover.com/solarized/img/lettergothic18/)
  203. * [Letter Gothic 14](http://ethanschoonover.com/solarized/img/lettergothic14/)
  204. * [Andale Mono 14](http://ethanschoonover.com/solarized/img/andalemono14/)
  205. * [Monaco 14](http://ethanschoonover.com/solarized/img/monaco14/)
  206. * [Skyhook Mono 14](http://ethanschoonover.com/solarized/img/skyhookmono14/)
  207. * [Terminus 12](http://ethanschoonover.com/solarized/img/terminus12/)
  208. * [Terminus 20](http://ethanschoonover.com/solarized/img/terminus20/)
  209. Screenshots
  210. -----------
  211. Click to view.
  212. ### Mutt
  213. [![mutt dark](https://github.com/altercation/solarized/raw/master/img/screen-mutt-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-mutt-dark.png)
  214. [![mutt light](https://github.com/altercation/solarized/raw/master/img/screen-mutt-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-mutt-light.png)
  215. ### C (Vim)
  216. [![c dark](https://github.com/altercation/solarized/raw/master/img/screen-c-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-c-dark.png)
  217. [![c light](https://github.com/altercation/solarized/raw/master/img/screen-c-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-c-light.png)
  218. ### Haskell (Vim)
  219. [![haskell dark](https://github.com/altercation/solarized/raw/master/img/screen-haskell-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-haskell-dark.png)
  220. [![haskell light](https://github.com/altercation/solarized/raw/master/img/screen-haskell-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-haskell-light.png)
  221. ### HTML (Vim)
  222. [![html dark](https://github.com/altercation/solarized/raw/master/img/screen-html-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-html-dark.png)
  223. [![html light](https://github.com/altercation/solarized/raw/master/img/screen-html-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-html-light.png)
  224. ### Java (Vim)
  225. [![java dark](https://github.com/altercation/solarized/raw/master/img/screen-java-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-java-dark.png)
  226. [![java light](https://github.com/altercation/solarized/raw/master/img/screen-java-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-java-light.png)
  227. ### Javascript (Vim)
  228. [![javascript dark](https://github.com/altercation/solarized/raw/master/img/screen-javascript-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-javascript-dark.png)
  229. [![javascript light](https://github.com/altercation/solarized/raw/master/img/screen-javascript-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-javascript-light.png)
  230. ### Pandoc Markdown (Vim)
  231. These screen shots show Vim running with my own [Pandoc Kit Syntax](http://ethanschoonover.com/pandockit/).
  232. [![pandoc dark](https://github.com/altercation/solarized/raw/master/img/screen-pandoc-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-pandoc-dark.png)
  233. [![pandoc light](https://github.com/altercation/solarized/raw/master/img/screen-pandoc-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-pandoc-light.png)
  234. ### Perl (Vim)
  235. [![perl dark](https://github.com/altercation/solarized/raw/master/img/screen-perl-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-perl-dark.png)
  236. [![perl light](https://github.com/altercation/solarized/raw/master/img/screen-perl-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-perl-light.png)
  237. ### PHP (Vim)
  238. [![php dark](https://github.com/altercation/solarized/raw/master/img/screen-php-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-php-dark.png)
  239. [![php light](https://github.com/altercation/solarized/raw/master/img/screen-php-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-php-light.png)
  240. ### Python (Vim)
  241. [![python dark](https://github.com/altercation/solarized/raw/master/img/screen-python-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-python-dark.png)
  242. [![python light](https://github.com/altercation/solarized/raw/master/img/screen-python-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-python-light.png)
  243. ### Ruby (Vim)
  244. [![ruby dark](https://github.com/altercation/solarized/raw/master/img/screen-ruby-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-ruby-dark.png)
  245. [![ruby light](https://github.com/altercation/solarized/raw/master/img/screen-ruby-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-ruby-light.png)
  246. ### Shell (Vim)
  247. [![shell dark](https://github.com/altercation/solarized/raw/master/img/screen-shell-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-shell-dark.png)
  248. [![shell light](https://github.com/altercation/solarized/raw/master/img/screen-shell-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-shell-light.png)
  249. ### TeX (Vim)
  250. [![tex dark](https://github.com/altercation/solarized/raw/master/img/screen-tex-dark-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-tex-dark.png)
  251. [![tex light](https://github.com/altercation/solarized/raw/master/img/screen-tex-light-th.png)](https://github.com/altercation/solarized/raw/master/img/screen-tex-light.png)
  252. The Values
  253. ----------
  254. L\*a\*b values are canonical (White D65, Reference D50), other values are
  255. matched in sRGB space.
  256. SOLARIZED HEX 16/8 TERMCOL XTERM/HEX L*A*B RGB HSB
  257. --------- ------- ---- ------- ----------- ---------- ----------- -----------
  258. base03 #002b36 8/4 brblack 234 #1c1c1c 15 -12 -12 0 43 54 193 100 21
  259. base02 #073642 0/4 black 235 #262626 20 -12 -12 7 54 66 192 90 26
  260. base01 #586e75 10/7 brgreen 240 #585858 45 -07 -07 88 110 117 194 25 46
  261. base00 #657b83 11/7 bryellow 241 #626262 50 -07 -07 101 123 131 195 23 51
  262. base0 #839496 12/6 brblue 244 #808080 60 -06 -03 131 148 150 186 13 59
  263. base1 #93a1a1 14/4 brcyan 245 #8a8a8a 65 -05 -02 147 161 161 180 9 63
  264. base2 #eee8d5 7/7 white 254 #e4e4e4 92 -00 10 238 232 213 44 11 93
  265. base3 #fdf6e3 15/7 brwhite 230 #ffffd7 97 00 10 253 246 227 44 10 99
  266. yellow #b58900 3/3 yellow 136 #af8700 60 10 65 181 137 0 45 100 71
  267. orange #cb4b16 9/3 brred 166 #d75f00 50 50 55 203 75 22 18 89 80
  268. red #dc322f 1/1 red 160 #d70000 50 65 45 220 50 47 1 79 86
  269. magenta #d33682 5/5 magenta 125 #af005f 50 65 -05 211 54 130 331 74 83
  270. violet #6c71c4 13/5 brmagenta 61 #5f5faf 50 15 -45 108 113 196 237 45 77
  271. blue #268bd2 4/4 blue 33 #0087ff 55 -10 -45 38 139 210 205 82 82
  272. cyan #2aa198 6/6 cyan 37 #00afaf 60 -35 -05 42 161 152 175 74 63
  273. green #859900 2/2 green 64 #5f8700 60 -20 65 133 153 0 68 100 60
  274. Usage & Development
  275. -------------------
  276. If you are considering developing a port for Solarized, please see also the
  277. [developer notes](http://ethanschoonover.com/solarized/DEVELOPERS) for
  278. information about optional repository structure and readme formats.
  279. Solarized flips between light and dark modes. In each mode, four monotones form
  280. the core values (with an optional fifth for emphasized content).
  281. ![value samples - dark](https://github.com/altercation/solarized/raw/master/img/solarized-values-dark.png)\
  282. ![value samples - light](https://github.com/altercation/solarized/raw/master/img/solarized-values-light.png)\
  283. Thus in the case of a dark background colorscheme, the normal relationship for
  284. background and body text is `base03:base0` (please note that body text is
  285. **not** `base00`). Note also that in cases where the background and foreground
  286. can be specified as a pair value, text can be highlighted using a combination
  287. of `base02:base1`. The L\*a\*b lightness difference between `base03:base0` and
  288. `base02:base1` is identical by design, resulting in identical readability
  289. against both normal and highlighted backgrounds. An example use case is folded
  290. text in Vim which uses `base02` for the background and `base1` for the
  291. foreground.
  292. The values in this example are simply inverted in the case of a light
  293. background.
  294. [Vim Repository]: https://github.com/altercation/vim-colors-solarized
  295. [Mutt Repository]: https://github.com/altercation/mutt-colors-solarized
  296. [Emacs Repository]: https://github.com/sellout/emacs-color-theme-solarized
  297. [IntelliJ Repository]: https://github.com/jkaving/intellij-colors-solarized
  298. [NetBeans Repository]: https://github.com/fentie/netbeans-colors-solarized
  299. [SeeStyle-Coda-SubEthaEdit Repository]: https://github.com/bobthecow/solarized-seestyle
  300. [TextMate Repository]: https://github.com/deplorableword/textmate-solarized
  301. [TextWrangler-BBEdit Repository]: https://github.com/rcarmo/textwrangler-bbedit-solarized
  302. [Visual Studio Repository]: https://github.com/leddt/visualstudio-colors-solarized
  303. [Xcode 3]: https://github.com/shayne/solarized/tree/master/apple-xcode3-solarized
  304. [Xcode 4]: https://github.com/brianmichel/solarized/tree/master/apple-xcode4-solarized
  305. [me]: http://ethanschoonover.com/colophon
  306. [changelog]: http://ethanschoonover.com/solarized/CHANGELOG
  307. [Vim README]: http://ethanschoonover.com/solarized/vim-colors-solarized