Solarized CSS

This project aim is to provide general solarized light and dark colorschemes for HTML documents.

Basically I wanted solarized colorschemes for org-mode HTML exports. It is supposed to be used as a single stylesheet for HTML documents that uses regular HTML elements.

Repository: http://github.com/thomasf/solarized-css

Targeted integrations

Download CSS

Light: uncompressed / minimized

Dark: uncompressed / minimized

Using in HTML documents without downloading

Just insert one of these lines into the <head> section of any HTML file.

Light version:

<link href="http://thomasf.github.io/solarized-css/solarized-light.min.css" rel="stylesheet"></link>

Dark version:

<link href="http://thomasf.github.io/solarized-css/solarized-dark.min.css" rel="stylesheet"></link>

Using in Org mode HTML exports without downloading

Put this or something similar at the top of your .org document:

Light version:

#+INFOJS_OPT: view:t toc:t ltoc:t mouse:underline buttons:0 path:http://thomasf.github.io/solarized-css/org-info.min.js
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="http://thomasf.github.io/solarized-css/solarized-light.min.css" />

Dark version:

#+INFOJS_OPT: view:t toc:t ltoc:t mouse:underline buttons:0 path:http://thomasf.github.io/solarized-css/org-info.min.js
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="http://thomasf.github.io/solarized-css/solarized-dark.min.css" />

(#+STYLE: changed to #+HTML_HEAD: in org-mode 8.0)

Examples

Acknowledgments