diff --git a/css/solarized-dark.css b/css/solarized-dark.css
new file mode 100644
index 0000000..3c5f894
--- /dev/null
+++ b/css/solarized-dark.css
@@ -0,0 +1,274 @@
+@import url(https://fonts.googleapis.com/css?family=Inconsolata);
+@import url(https://fonts.googleapis.com/css?family=PT + Sans);
+@import url(https://fonts.googleapis.com/css?family=PT + Sans + Narrow:400, 700);
+img,
+legend {
+    border: 0;
+}
+html,
+pre {
+    color: #839496;
+}
+pre,
+pre code {
+    background-color: #002b36;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+    display: block;
+}
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+[hidden] {
+    display: none;
+}
+body,
+figure {
+    margin: 0;
+}
+a:focus {
+    outline: dotted thin;
+}
+a:active,
+a:hover {
+    outline: 0;
+}
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+b,
+strong {
+    font-weight: 700;
+}
+dfn {
+    font-style: italic;
+}
+mark {
+    background: #ff0;
+    color: #000;
+}
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+pre {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    border: 1pt solid #586e75;
+    padding: 1em;
+    box-shadow: 5pt 5pt 8pt #073642;
+}
+.tag,
+code,
+html {
+    background-color: #073642;
+}
+q {
+    quotes: "\201C""\201D""\2018""\2019";
+}
+small {
+    font-size: 80%;
+}
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+sup {
+    top: -0.5em;
+}
+sub {
+    bottom: -0.25em;
+}
+svg:not(:root) {
+    overflow: hidden;
+}
+fieldset {
+    border: 1px solid silver;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+legend {
+    padding: 0;
+}
+button,
+input,
+select,
+textarea {
+    font-family: inherit;
+    font-size: 100%;
+    margin: 0;
+}
+button,
+input {
+    line-height: normal;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button;
+    cursor: pointer;
+}
+button[disabled],
+input[disabled] {
+    cursor: default;
+}
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box;
+    padding: 0;
+}
+input[type="search"] {
+    -webkit-appearance: textfield;
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+textarea {
+    overflow: auto;
+    vertical-align: top;
+}
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+html {
+    -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%;
+    font-family: "PT Sans", sans-serif;
+    margin: 1em;
+}
+code,
+pre {
+    font-family: Inconsolata, sans-serif;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: "PT Sans Narrow", sans-serif;
+    font-weight: 700;
+}
+code {
+    padding: 2px;
+}
+a {
+    color: #b58900;
+}
+.tag,
+h1 {
+    color: #d33682;
+}
+a:hover,
+a:visited {
+    color: #cb4b16;
+}
+h1 {
+    font-size: 2.8em;
+}
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: #859900;
+}
+h2 {
+    font-size: 2.4em;
+}
+h3 {
+    font-size: 1.8em;
+}
+h4 {
+    font-size: 1.4em;
+}
+h5 {
+    font-size: 1.3em;
+}
+h6 {
+    font-size: 1.15em;
+}
+.tag {
+    padding: 0 0.2em;
+    -webkit-border-radius: 0.35em;
+    -moz-border-radius: 0.35em;
+    border-radius: 0.35em;
+}
+.ACTIVE,
+.NEXT,
+.TODO {
+    -webkit-border-radius: 0.2em;
+    -moz-border-radius: 0.2em;
+}
+.done,
+.next,
+.todo {
+    color: #002b36;
+    background-color: #dc322f;
+    padding: 0 0.2em;
+}
+.TODO {
+    border-radius: 0.2em;
+    background-color: #2aa198;
+}
+.ACTIVE,
+.NEXT {
+    border-radius: 0.2em;
+    background-color: #268bd2;
+}
+.CANCELLED,
+.DONE,
+.WAITING {
+    -webkit-border-radius: 0.2em;
+    -moz-border-radius: 0.2em;
+}
+.CANCELLED,
+.DONE {
+    border-radius: 0.2em;
+    background-color: #859900;
+}
+.WAITING {
+    border-radius: 0.2em;
+    background-color: #cb4b16;
+}
+.HOLD,
+.NOTE {
+    -webkit-border-radius: 0.2em;
+    -moz-border-radius: 0.2em;
+    border-radius: 0.2em;
+    background-color: #d33682;
+}
+