add the needed bits to add theme-colors.css to the top

2 files changed, 65 insertions, 0 deletions

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 0ba38ec..c6576c9 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -40,6 +40,9 @@
   {{ .Hugo.Generator -}}
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" rel="stylesheet">
   <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/style.css" />
+  <style type="text/css">
+  {{ partial "theme-colors.css" . | safeCSS }}
+  </style>
   {{- with .Site.Params.favicon }}
   <link rel='icon' type='image/x-icon' href="{{ . | absURL }}" />
   {{- end -}}
diff --git a/layouts/partials/theme-colors.css b/layouts/partials/theme-colors.css
new file mode 100644
index 0000000..5f65d2e
--- /dev/null
+++ b/layouts/partials/theme-colors.css
@@ -0,0 +1,62 @@
+body {
+  background-color: {{ .Param "colors.background" }};
+  color: {{ .Param "colors.text" }};
+}
+
+a { color: {{ .Param "colors.text" }}; }
+
+pre {
+  background: {{ .Param "colors.code-quote-bg" }};
+  border: 1px solid {{ .Param "colors.text" }};
+  border-radius: 5px;
+}
+
+code {
+  background: {{ .Param "colors.code-quote-bg" }};
+}
+
+blockquote {
+  background: {{ .Param "colors.code-quote-bg" }};
+  border-left: 3px solid {{ .Param "colors.text" }};
+}
+
+table {
+  margin: 1em auto;
+  border-collapse: collapse;
+}
+
+table, th, td {
+  border: 1px solid {{ .Param "colors.text" }};
+}
+
+th {
+  background: {{ .Param "colors.text" }};
+  color: {{ .Param "colors.background" }};
+}
+
+.siteTitle a { color: {{ .Param "colors.main" }}; }
+
+.post .content h1{ color: {{ .Param "colors.main" }}; }
+.post .content h2{ color: {{ .Param "colors.main" }}; }
+.post .content h3{ color: {{ .Param "colors.main" }}; }
+.post .content h4{ color: {{ .Param "colors.main" }}; }
+.post .content h5{ color: {{ .Param "colors.main" }}; }
+.post .content h6{ color: {{ .Param "colors.main" }}; }
+.post .content a:hover { color: {{ .Param "colors.main" }}; }
+.social-link:hover { color: {{ .Param "colors.main" }}; }
+.nav-item-title:hover { color: {{ .Param "colors.main" }}; }
+.tag a:hover { color: {{ .Param "colors.main" }}; }
+.copyright { color: {{ .Param "colors.copyright" }} }
+.poweredby { color: {{ .Param "colors.copyright" }} }
+.poweredby a { color: {{ .Param "colors.copyright" }}; }
+.post-preview .title a{ color: {{ .Param "colors.main" }}; }
+.content-item a:hover{
+  text-decoration: underline;
+  color: {{ .Param "colors.main" }};
+}
+.post-list .title { color: {{ .Param "colors.main" }}; }
+.rmore { color: {{ .Param "colors.main" }}; }
+.terms .term a:hover {
+  text-decoration: underline;
+  color: {{ .Param "colors.main" }};
+}