From 005767980eb6f198e601cb52f9f236a4eb460fbc Mon Sep 17 00:00:00 2001
From: Yash Mehrotra <yashmehrotra95@gmail.com>
Date: Thu, 8 Jul 2021 13:13:47 +0530
Subject: [PATCH] Use variables and change header bg color in light theme

---
 themes/gokarna/static/css/main.css | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index cbd15f5..9a13494 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -1,3 +1,8 @@
+:root {
+  --color-blue: #0058b5;
+  --content-width: 810px;
+}
+
 html {
   background: white;
   color: black;
@@ -17,22 +22,22 @@ a {
 }
 
 a:hover {
-  color: #0058b5 !important;
+  color: var(--color-blue) !important;
 }
 
 main#content {
-  width: 810px;
+  width: var(--content-width);
   margin: 90px auto 0;
 }
 
 img {
-  width: 810px;
+  width: var(--content-width);
   height: auto;
 }
 
 /* HEADER */
 .header {
-  background-color: rgb(255, 255, 255);
+  background-color: rgb(240, 240, 240);
   box-shadow: rgba(170, 170, 170, 0.5) 0px 1px 2px 0px;
   color: black;
   font-size: 1.05rem;
@@ -149,8 +154,8 @@ img {
   padding: 0;
 }
 .post-tags .post-tag {
-  background-color: #0058b5;
-  border: 1px solid #0058b5;
+  background-color: var(--color-blue);
+  border: 1px solid var(--color-blue);
   border-radius: 4px;
   box-sizing: border-box;
   color: white;