From bbf6c6513d2ddb24a24f8bc64d2946ce08277bf4 Mon Sep 17 00:00:00 2001
From: athul <athul8720@gmail.com>
Date: Fri, 17 Apr 2020 20:50:41 +0530
Subject: [PATCH] CSS fix in the tag page

---
 static/css/dark.css | 131 ++++++++++++++++++++++++++------------------
 1 file changed, 77 insertions(+), 54 deletions(-)

diff --git a/static/css/dark.css b/static/css/dark.css
index 4675652..2c3c02a 100644
--- a/static/css/dark.css
+++ b/static/css/dark.css
@@ -1,90 +1,113 @@
 body {
-	color: white;
-	background-color: #202124;
+  color: white;
+  background-color: #202124;
 }
 
 ::-moz-selection {
-	background: blue;
-	color: #fff;
-    text-shadow: none
+  background: blue;
+  color: #fff;
+  text-shadow: none;
 }
 
 ::selection {
-	background: red;
-	color: #fff;
-    text-shadow: none
+  background: red;
+  color: #fff;
+  text-shadow: none;
 }
 
 hr {
-    border-top: 3px dotted blue;
+  border-top: 3px dotted blue;
 }
 code {
-	background-color: lightblue;
-	color:black;
-	text-decoration: bold;
-	padding: .1em .2em;
-  }
+  background-color: lightblue;
+  color: black;
+  text-decoration: bold;
+  padding: 0.1em 0.2em;
+}
 pre {
-	background-color: #272822;
-	line-height: 1.4;
-	overflow-x: auto;
-	padding: 1em;
-  }
+  background-color: #272822;
+  line-height: 1.4;
+  overflow-x: auto;
+  padding: 1em;
+}
 blockquote {
-	border-color: blue;
+  border-color: blue;
 }
 
-h1,h2,h3,h4,h5,h6 {
-	color: #ddd;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: #ddd;
+}
+h1::before {
+  color: var(--darkMaincolor);
+  content: "# ";
+}
+h2::before {
+  color: var(--darkMaincolor);
+  content: "## ";
+}
+h3::before {
+  color: var(--darkMaincolor);
+  content: "### ";
+}
+h4::before {
+  color: var(--darkMaincolor);
+  content: "#### ";
+}
+h5::before {
+  color: var(--darkMaincolor);
+  content: "##### ";
+}
+h6::before {
+  color: var(--darkMaincolor);
+  content: "###### ";
 }
-h1::before { color: var(--darkMaincolor); content: '# '; }
-h2::before { color: var(--darkMaincolor); content: '## '; }
-h3::before { color: var(--darkMaincolor); content: '### '; }
-h4::before { color: var(--darkMaincolor); content: '#### '; }
-h5::before { color: var(--darkMaincolor); content: '##### '; }
-h6::before { color: var(--darkMaincolor); content: '###### '; }
 
-a{
-    border-bottom: 3px solid var(--darkMaincolor);
-    color:inherit;
+a {
+  border-bottom: 3px solid var(--darkMaincolor);
+  color: inherit;
 }
 a:hover {
-	background-color: var(--darkMaincolor);
-	color:black;
+  background-color: var(--darkMaincolor);
+  color: black;
 }
 
-.site-description a{
-	color: #ddd;
+.site-description a {
+  color: #ddd;
 }
 .site-description a:hover {
-	color: 	black;
-	
+  color: black;
 }
 
-.tags a{
-	border-bottom: 3px solid var(--darkMaincolor); 
-  }
-  .tags a:hover{
-	color: black; 
-  }
+.tags a {
+  border-bottom: 3px solid var(--darkMaincolor);
+}
+.tags a:hover {
+  background-color: var(--darkMaincolor);
+  color: black;
+}
 
 .site-title a {
-	color: white;
-	text-decoration: none !important;
+  color: white;
+  text-decoration: none !important;
 }
 
 .header nav,
 .footer {
-	border-color: #333;
+  border-color: #333;
 }
 
 .highlight {
-	background-color: #333;
+  background-color: #333;
+}
+.soc:hover {
+  color: black;
+}
+.draft-label {
+  color: var(--darkMaincolor);
+  background-color: blue;
 }
-.soc:hover{
-	color: black;
-  }
-  .draft-label{ 
-	color:var(--darkMaincolor);
-	background-color: blue;
-  }
\ No newline at end of file