Adjust custom color

exampleSite/config.toml

@@ -19,6 +19,9 @@ licenseURL = "https://creativecommons.org/licenses/by-sa/4.0"
 builtWith = true
 mainSections = ["post"]
 
+## Set custom theme color.
+# themeColor = "#fc2803"
+
   [[params.socialIcons]]
   icon = "fa-linkedin"
   title = "Linkedin"

layouts/partials/theme-color.html

@@ -8,6 +8,20 @@
     border-color: {{ . }};
   }
 
+  .pagination li a {
+    color: {{ . }};
+    border: 1px solid {{ . }};
+  }
+
+  .pagination li.active a {
+    background-color: {{ . }};
+  }
+
+  .pagination li a:hover {
+    background-color: {{ . }};
+    opacity: 0.75;
+  }
+
   footer a,
   .content a,
   .related-posts li a:hover {

static/css/hyde.css

@@ -246,12 +246,13 @@ ul.posts {
 
 .pagination li a:hover {
   color: #fff;
-  background: rgba(67, 118, 122, 0.75);
+  background-color: #49757a;
+  opacity: 0.75;
 }
 
 .pagination li.active a {
   color: #fff;
-  background: #49757a;
+  background-color: #49757a;
 }
 
 .pagination li.disabled a {