M static/css/dark.css → 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;
+}