From 723286b6919040d07f785de1e89d58b23e45c27a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Avijit=20=F0=9F=9A=80?= <526avijit@gmail.com>
Date: Mon, 7 Jun 2021 16:28:25 +0200
Subject: [PATCH] Minor UI fixes

---
 themes/gokarna/layouts/partials/head.html |  3 +++
 themes/gokarna/static/css/main.css        | 19 +++++++++++--------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/themes/gokarna/layouts/partials/head.html b/themes/gokarna/layouts/partials/head.html
index 29a3c69..5707fa5 100644
--- a/themes/gokarna/layouts/partials/head.html
+++ b/themes/gokarna/layouts/partials/head.html
@@ -2,6 +2,9 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
     <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" />
diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 8982a21..05fe630 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -1,16 +1,19 @@
 html {
   background: white;
   color: black;
-  font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif;
+  font-family: "Roboto", sans-serif;
 }
 
 /* HEADER */
 .header {
-  background-color: rgb(238, 238, 238);
+  background-color: rgb(255, 255, 255);
   box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px 0px;
   color: black;
+  font-family: "Ubuntu", sans-serif;
+  font-size: 1.04rem;
   height: 70px;
   left: 0;
+  opacity: 0.95;
   position: fixed;
   top: 0;
   -ms-transition: height 0.5s ease-out;
@@ -94,14 +97,18 @@ html {
   padding: 0;
 }
 .post-tags .post-tag {
-  background-color: #00b5ad;
-  border: 1px solid #00b5ad;
+  background-color: #0058b5;
+  border: 1px solid #0058b5;
   border-radius: 4px;
   color: white;
   display: inline-block;
   font-size: 14px;
   padding: 4px 12px;
 }
+.post-tags .post-tag:hover {
+  background-color: #3d86d2;
+  border: 1px solid #3d86d2;
+}
 .post-tag a {
   color: inherit;
   text-decoration: none;
@@ -157,10 +164,6 @@ code {
   margin: 0 5px;
   padding: 0;
 }
-.tags-list .post-tags .post-tag:hover {
-  background-color: #009c95;
-  border: 1px solid #00b5ad;
-}
 .tags-list .post-tags .post-tag a div {
   display: inline-block;
   padding: 5px 8px;