Add colors in the config

layouts/partials/colors.css

@@ -0,0 +1,61 @@
+a {
+    color: {{ .Param "colors.identifier" }};
+}
+
+a:hover {
+    color: {{ .Param "colors.identifier_dark" }};
+}
+
+section.main .content .markdown, section.header .name, section.header nav ul li:hover {
+    color: {{ .Param "colors.foreground" }};
+}
+
+section.header nav ul li {
+    color: {{ .Param "colors.trivial" }};
+}
+
+section.main .content .markdown code {
+    background-color: {{ .Param "colors.background" }};
+    color: {{ .Param "colors.identifier" }};
+}
+
+section.main .content .markdown pre, section.main .content .markdown pre code {
+    background-color: {{ .Param "colors.background_dark" }};
+    color: {{ .Param "colors.code" }};
+}
+
+.hljs, .hljs-subst, .hljs-variable {
+    color: {{ .Param "colors.code" }};
+}
+
+.hljs-type {
+    color: {{ .Param "colors.type" }};
+}
+
+.hljs-quote {
+    color: {{ .Param "colors.special" }};
+}
+
+.hljs-string, .hljs-number, .hljs-selector-id, .hljs-selector-class, .hljs-template-tag, .hljs-deletion {
+    color: {{ .Param "colors.value" }};
+}
+
+.hljs-comment {
+    color: {{ .Param "colors.trivial" }};
+}
+
+.hljs-regexp, .hljs-symbol, .hljs-template-variable {
+    color: {{ .Param "colors.special" }};
+}
+
+.hljs-keyword, .hljs-attribute, .hljs-meta-keyword, .hljs-doctag, .hljs-name {
+    color: {{ .Param "colors.type" }};
+}
+
+.hljs-link, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-title, .hljs-section {
+    color: {{ .Param "colors.statement" }};
+}
+
+.hljs-built_in, .hljs-bullet, .hljs-code, .hljs-addition {
+    color: {{ .Param "colors.type" }};
+}

layouts/partials/head_includes.html

@@ -20,6 +20,12 @@
   </style>
 {{ end }}
 
+{{ if .Site.Params.colors }}
+  <style type="text/css" media="screen">
+    {{ partial "colors.css" . | safeCSS }}
+  </style>
+{{ end }}
+
 {{ range .Site.Params.extracssfiles }}
   <link rel="stylesheet" href="{{ . | absURL }}">
 {{ end }}