Skip to content

Latest commit

 

History

History
69 lines (44 loc) · 2.74 KB

index.md

File metadata and controls

69 lines (44 loc) · 2.74 KB
<style type="text/css" media="screen">#wrapper { margin: auto; max-width:1000px; } p { max-width: 600px; } </style>

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

  • Org mode HTML exports
  • Markdown

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