Color scheme configurable

3 files changed, 28 insertions, 8 deletions

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index dafa8fd..4766d1b 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-dark.css">
+	<link rel="stylesheet" href="{{ .Site.BaseURL }}css/colors-{{ .Site.Params.scheme | default "dark" }}.css">
 
 	{{ partial "head.html" . }}
 </head>
diff --git a/static/css/colors-dark.css b/static/css/colors-dark.css
index 915b2ff..9feca2b 100755
--- a/static/css/colors-dark.css
+++ b/static/css/colors-dark.css
@@ -1,9 +1,13 @@
-html, body {
+html,
+body {
 	background-color: #222;
 	color: #839496;
 }
 
-a, a:visited, a:active, a code {
+a,
+a:visited,
+a:active,
+a code {
 	color: #2aa198;
 	border-color: #2b2b2b;
 }
@@ -18,11 +22,15 @@ hr {
 	border-color: #2b2b2b;
 }
 
-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;
 }
 
diff --git a/static/css/colors-light.css b/static/css/colors-light.css
index c8fb916..e882f33 100755
--- a/static/css/colors-light.css
+++ b/static/css/colors-light.css
@@ -14,6 +14,10 @@ a:hover {
 	color: #2aa198;
 }
 
+hr {
+	border-color: #eee8d5;
+}
+
 h1, h2, h3 {
 	color: #cb4b16;
 }
@@ -36,6 +40,10 @@ blockquote {
 }
 
 #sidebar a:hover {
+	background-color: transparent;
+}
+
+#sidebar a:hover span {
 	color: #2aa198;
 	background-color: #eee8d5;
 }
@@ -48,7 +56,11 @@ pre code{
 	background-color: #eee8d5;
 	color: #657b83;
 	border: 1px solid #d6ceb6;
-    border-radius: 3px 3px 3px 3px;
-    overflow: auto;
-    padding: 6px 10px;
+	border-radius: 3px 3px 3px 3px;
+	overflow: auto;
+	padding: 6px 10px;
+}
+
+.hljs {
+	background: none;
 }