Take accent color as user input

themes/gokarna/layouts/partials/head.html

@@ -8,6 +8,11 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
         integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
         crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <style>
+        :root {
+            --accent-color: {{ .Site.Params.AccentColor | default "#FF4D4D" }};
+        }
+    </style>
     <link rel="stylesheet" type="text/css" href="/css/main.css">
     <link disabled id="dark-theme" rel="stylesheet" href="/css/dark.css">
 

themes/gokarna/static/css/main.css

@@ -1,7 +1,6 @@
 :root {
-  --accent-color: #ff4d4d;
   --content-width: 810px;
-  /* light theme colors */
+
   --light-bg-color: white;
   --light-text-color: black;
   --light-header-bg-color: white;
@@ -26,6 +25,7 @@ a {
   color: inherit;
 }
 
+/* This is set in partials/head.html and is populated via config */
 a:hover {
   color: var(--accent-color);
 }
@@ -171,10 +171,6 @@ a:hover .feather-sun {
   padding: 1px 0;
 }
 
-.footer span a {
-  color: inherit;
-}
-
 /** COMMON **/
 
 .flex-break {