Add Monokai dark color scheme

6 files changed, 94 insertions, 20 deletions

diff --git a/README.md b/README.md
index 08e9c2b..8b98a12 100644
--- a/README.md
+++ b/README.md
@@ -3,10 +3,10 @@
 A minimalistic theme for [Hugo](https://gohugo.io/) blogs, fork of
 [Solar Theme for Ghost](https://github.com/mattvh/solar-theme-ghost).
 
-It offers two color schemes: `light` and `dark`. Additional HTML can be injected
-just before `</head>` and `</body>` by creating a `header.html` or `footer.html`
-inside `layouts/partials/`. The default (empty) logo can be overwritten by
-creating a `logo.svg` in `static/img/`.
+It offers three color schemes: (Monokai) `light`, (Monokai) `dark` and `gray`
+(default). Additional HTML can be injected just before `</head>` and `</body>`
+by creating a `head.html` or `foot.html` inside `layouts/partials/`. The default
+(empty) logo can be overwritten by creating a `logo.svg` in `static/img/`.
 
 ## Screenshot
 
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 2d2ae81..42ba24b 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -3,7 +3,7 @@ theme = "solar-theme-hugo"
 paginate = 5
 
 [params]
-  scheme = "dark"
+  scheme = "gray"
   description = "A wizard is never late"
 
 [menu]
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 4766d1b..b249167 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -11,7 +11,7 @@
 	{{ end }}
 	<link rel="stylesheet" href="{{ .Site.BaseURL }}css/hybrid.css">
 	<link rel="stylesheet" href="{{ .Site.BaseURL }}css/style.css">
-	<link rel="stylesheet" href="{{ .Site.BaseURL }}css/colors-{{ .Site.Params.scheme | default "dark" }}.css">
+	<link rel="stylesheet" href="{{ .Site.BaseURL }}css/colors-{{ .Site.Params.scheme | default "gray" }}.css">
 
 	{{ partial "head.html" . }}
 </head>
diff --git a/static/css/colors-dark.css b/static/css/colors-dark.css
index 9feca2b..5aeed99 100755
--- a/static/css/colors-dark.css
+++ b/static/css/colors-dark.css
@@ -1,6 +1,6 @@
 html,
 body {
-	background-color: #222;
+	background-color: #002a35;
 	color: #839496;
 }
 
@@ -9,17 +9,17 @@ a:visited,
 a:active,
 a code {
 	color: #2aa198;
-	border-color: #2b2b2b;
+	border-color: #073642;
 }
 
 a:hover {
-	background-color: #2b2b2b;
-	border-color: #2b2b2b;
+	background-color: #073642;
+	border-color: #073642;
 	color: #2aa198;
 }
 
 hr {
-	border-color: #2b2b2b;
+	border-color: #073642;
 }
 
 h1,
@@ -35,8 +35,8 @@ h1 a:active {
 }
 
 h1 a:hover {
-	background-color: #2b2b2b;
-	border-color: #2b2b2b;
+	background-color: #073642;
+	border-color: #073642;
 	color: #cb4b16;
 }
 
@@ -54,11 +54,11 @@ blockquote {
 
 #sidebar a:hover span {
 	color: #2aa198;
-	background-color: #2b2b2b;
+	background-color: #073642;
 }
 
 #footer {
-	border-color: #2b2b2b;
+	border-color: #073642;
 }
 
 .hljs {
diff --git a/static/css/colors-gray.css b/static/css/colors-gray.css
new file mode 100644
index 0000000..9feca2b
--- /dev/null
+++ b/static/css/colors-gray.css
@@ -0,0 +1,66 @@
+html,
+body {
+	background-color: #222;
+	color: #839496;
+}
+
+a,
+a:visited,
+a:active,
+a code {
+	color: #2aa198;
+	border-color: #2b2b2b;
+}
+
+a:hover {
+	background-color: #2b2b2b;
+	border-color: #2b2b2b;
+	color: #2aa198;
+}
+
+hr {
+	border-color: #2b2b2b;
+}
+
+h1,
+h2,
+h3 {
+	color: #cb4b16;
+}
+
+h1 a,
+h1 a:visited,
+h1 a:active {
+	color: #cb4b16;
+}
+
+h1 a:hover {
+	background-color: #2b2b2b;
+	border-color: #2b2b2b;
+	color: #cb4b16;
+}
+
+article h1 a.anchor {
+	color: #2aa198;
+}
+
+blockquote {
+	border-color: #cb4b16;
+}
+
+#sidebar a:hover {
+	background-color: transparent;
+}
+
+#sidebar a:hover span {
+	color: #2aa198;
+	background-color: #2b2b2b;
+}
+
+#footer {
+	border-color: #2b2b2b;
+}
+
+.hljs {
+	background: none;
+}
diff --git a/static/css/colors-light.css b/static/css/colors-light.css
index e882f33..d4de4d2 100755
--- a/static/css/colors-light.css
+++ b/static/css/colors-light.css
@@ -1,9 +1,13 @@
-html, body {
+html,
+body {
 	background-color: #fdf6e3;
 	color: #839496;
 }
 
-a, a:visited, a:active, a code {
+a,
+a:visited,
+a:active,
+a code {
 	color: #2aa198;
 	border-color: #eee8d5;
 }
@@ -18,11 +22,15 @@ hr {
 	border-color: #eee8d5;
 }
 
-h1, h2, h3 {
+h1,
+h2,
+h3 {
 	color: #cb4b16;
 }
 
-h1 a, h1 a:visited, h1 a:active {
+h1 a,
+h1 a:visited,
+h1 a:active {
 	color: #cb4b16;
 }
 
@@ -52,7 +60,7 @@ blockquote {
 	border-color: #eee8d5;
 }
 
-pre code{
+pre code {
 	background-color: #eee8d5;
 	color: #657b83;
 	border: 1px solid #d6ceb6;