customize

1 files changed, 50 insertions, 50 deletions

diff --git a/static/style.css b/static/style.css
index 1e0a1da..3fa27d7 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,14 +1,14 @@
 :root{
 	/* background */
-	--1d2021: #1d2021;
+	--background: black;
 	--282828: #282828;
 	--3c3836: #3c3836;
 	--504945: #504945;
 	
 	/* font */
-	--928374: #928374;
-	--a89984: #a89984;
-	--bdae93: #bdae93;
+	--url: #999;
+	--body: #AAA;
+	--heading-and-links: #91a5a8;
 	--8ec07c: #8ec07c;
 	--ebdbb2: #ebdbb2;
 	
@@ -43,8 +43,8 @@ body,html{
 }
 
 body{
-	background:var(--1d2021);
-	color:var(--a89984);
+	background:var(--background);
+	color:var(--body);
 	font-size:16px;
 	box-sizing:border-box;
 	font-family:sans-serif;
@@ -64,7 +64,7 @@ body{
 }
 
 .navigation a{
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 	text-decoration:none;
 }
 
@@ -83,7 +83,7 @@ h1,h2,h3,h4,h5,h6{
 	padding:0;
 	margin:0 0 7px 0;
 	line-height:initial;
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 }
 
 h3,h4,h5,h6{
@@ -118,7 +118,7 @@ h3,h4,h5,h6{
 }
 
 .searchbox input[type="text"]::placeholder{
-	color:var(--928374);
+	color:var(--url);
 }
 
 .searchbox input[type="submit"]{
@@ -136,11 +136,11 @@ h3,h4,h5,h6{
 	line-height:36px;
 	box-sizing:border-box;
 	height:36px;
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 }
 
 .searchbox:focus-within{
-	border:1px solid var(--928374);
+	border:1px solid var(--url);
 }
 
 .autocomplete{
@@ -150,7 +150,7 @@ h3,h4,h5,h6{
 	left:-1px;
 	right:-1px;
 	background:var(--282828);
-	border:1px solid var(--928374);
+	border:1px solid var(--url);
 	border-top:none;
 	border-radius:0 0 2px 2px;
 	z-index:10;
@@ -186,7 +186,7 @@ h3,h4,h5,h6{
 
 .tabs .tab{
 	text-decoration:none;
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 	padding:4px 10px;
 	display:inline-block;
 }
@@ -196,7 +196,7 @@ h3,h4,h5,h6{
 }
 
 .tabs .tab.selected{
-	border-bottom:2px solid var(--bdae93);
+	border-bottom:2px solid var(--heading-and-links);
 }
 
 /* Filters */
@@ -258,7 +258,7 @@ h3,h4,h5,h6{
 	font-family:Times;
 	width:100%;
 	height:100%;
-	background:var(--282828);
+	background: transparent !important;
 	display:block;
 	object-fit:contain;
 }
@@ -295,7 +295,7 @@ h3,h4,h5,h6{
 	position:relative;
 	max-width:400px;
 	margin:17px auto 0;
-	border:1px solid var(--928374);
+	border:1px solid var(--url);
 }
 
 .captcha{
@@ -386,7 +386,7 @@ h3,h4,h5,h6{
 }
 
 .infobox a{
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 }
 
 .infobox a:hover{
@@ -403,7 +403,7 @@ h3,h4,h5,h6{
 }
 
 .web .type{
-	border:1px solid var(--928374);
+	border:1px solid var(--url);
 	background:var(--282828);
 	padding:0 4px;
 	border-radius:2px;
@@ -420,7 +420,7 @@ h3,h4,h5,h6{
 .web .url .part{
 	font-size:15px;
 	text-decoration:none;
-	color:var(--928374);
+	color:var(--url);
 }
 
 .web .separator::before{
@@ -437,7 +437,7 @@ h3,h4,h5,h6{
 .web .hover{
 	display:block;
 	text-decoration:none;
-	color:var(--a89984);
+	color:var(--body);
 	overflow:hidden;
 	clear:left;
 	padding-top:7px;
@@ -445,12 +445,12 @@ h3,h4,h5,h6{
 
 .web .text-result .title{
 	font-size:18px;
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 	margin-bottom:7px;
 }
 
 .web .text-result a:visited .title{
-	color:var(--928374) !important;
+	color:var(--heading-and-links) !important;
 }
 
 .theme-white .web .text-result a:visited .title{
@@ -504,7 +504,7 @@ h3,h4,h5,h6{
 
 .favicon-dropdown a{
 	text-decoration:none;
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 	display:block;
 	padding:2px 7px 2px 5px;
 	font-size:13px;
@@ -590,7 +590,7 @@ h3,h4,h5,h6{
 	border:1px solid var(--504945);
 	border-radius:2px;
 	text-decoration:none;
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 }
 
 .nextpage:hover{
@@ -642,7 +642,7 @@ table tr td:first-child{
 table a{
 	display:block;
 	text-decoration:none;
-	color:var(--a89984);
+	color:var(--body);
 	padding:0 10px 0 0;
 }
 
@@ -657,7 +657,7 @@ table tr a:last-child{
 
 .related a{
 	padding-bottom:10px;
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 }
 
 .related a:hover{
@@ -680,13 +680,13 @@ table tr a:last-child{
 	bottom:0;
 	width:100%;
 	height:17px;
-	background:linear-gradient(transparent, var(--1d2021));
+	background:linear-gradient(transparent, var(--background));
 	pointer-events:none;
 }
 
 .web .answer-title{
 	text-decoration:none;
-	color:var(--a89984);
+	color:var(--body);
 }
 
 .web .answer-title a:hover{
@@ -732,7 +732,7 @@ table tr a:last-child{
 .web .info-table{
 	margin:10px 0;
 	font-size:15px;
-	color:var(--928374);
+	color:var(--url);
 	background:var(--282828);
 	border:1px dashed var(--504945);
 }
@@ -745,17 +745,17 @@ table tr a:last-child{
 	width:1%;
 	white-space:nowrap;
 	padding-right:17px;
-	color:var(--a89984);
+	color:var(--body);
 }
 
 .web .info-table tr:nth-child(even){
-	background:var(--1d2021);
+	background:var(--background);
 }
 
 .web .sublinks{
 	padding:17px 10px 0;
 	font-size:15px;
-	color:var(--#928374);
+	color:var(--#url);
 }
 
 .web .sublinks table td{
@@ -791,7 +791,7 @@ table tr a:last-child{
 .web .wiki-head table, .about table{
 	margin-top:17px;
 	border:1px dashed var(--504945);
-	background:var(--1d2021);
+	background:var(--background);
 }
 
 .web .wiki-head td, .about table td{
@@ -818,7 +818,7 @@ table tr a:last-child{
 	height:80px;
 	padding-right:4px;
 	float:left;
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 	text-decoration:none;
 	display:table;
 }
@@ -864,7 +864,7 @@ table tr a:last-child{
 	white-space:pre;
 	font-family:monospace;
 	background:var(--3c3836);
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 	padding:7px;
 	margin:4px 0 13px 0;
 	overflow-x:auto;
@@ -876,8 +876,8 @@ table tr a:last-child{
 	display:inline;
 	font-family:monospace;
 	background:var(--282828);
-	color:var(--bdae93);
-	border:1px solid var(--928374);
+	color:var(--heading-and-links);
+	border:1px solid var(--url);
 	padding:0 4px;
 	border-radius:2px;
 }
@@ -893,7 +893,7 @@ table tr a:last-child{
 }
 
 .web .wiki-head a{
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 }
 
 .quote{
@@ -1035,7 +1035,7 @@ table tr a:last-child{
 }
 
 #popup-image{
-	border:1px solid var(--928374);
+	border:1px solid var(--url);
 	display:block;
 	margin:0 auto;
 	pointer-events:all;
@@ -1052,13 +1052,13 @@ table tr a:last-child{
 	left:0;
 	width:100%;
 	height:35px;
-	background:var(--1d2021);
-	border-bottom:1px solid var(--928374);
+	background:var(--background);
+	border-bottom:1px solid var(--url);
 	z-index:4;
 }
 
 #popup-bg{
-	background:var(--1d2021);
+	background:var(--background);
 	opacity:.5;
 	position:fixed;
 	top:0;
@@ -1133,14 +1133,14 @@ table tr a:last-child{
 
 .web .settings-submit a{
 	margin-right:17px;
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 }
 
 /*
 	About page
 */
 .about a{
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 }
 
 .about h1, .about h2{
@@ -1185,7 +1185,7 @@ table tr a:last-child{
 }
 
 .instances a{
-	color:var(--bdae93);
+	color:var(--heading-and-links);
 }
 
 .instances tbody tr:nth-child(even){
@@ -1193,7 +1193,7 @@ table tr a:last-child{
 }
 
 .instances thead{
-	outline:1px solid var(--928374);
+	outline:1px solid var(--url);
 	outline-offset:-1px;
 	background:var(--3c3836);
 	user-select:none;
@@ -1230,13 +1230,13 @@ table tr a:last-child{
 	width:0;
 	height:0;
 	border:6px solid transparent;
-	border-top:10px solid var(--bdae93);
+	border-top:10px solid var(--heading-and-links);
 }
 
 .instances .arrow.up{
 	top:0;
 	border:6px solid transparent;
-	border-bottom:10px solid var(--bdae93);
+	border-bottom:10px solid var(--heading-and-links);
 }
 
 .instances th, .instances td{
@@ -1267,7 +1267,7 @@ table tr a:last-child{
 }
 
 .instances .popup{
-	border:1px solid var(--928374);
+	border:1px solid var(--url);
 	background:var(--282828);
 	padding:7px 10px;
 	pointer-events:initial;
@@ -1362,7 +1362,7 @@ table tr a:last-child{
 		font-size:24px;
 		font-weight:bold;
 		margin-bottom:17px;
-		color:var(--bdae93);
+		color:var(--heading-and-links);
 	}
 	
 	.web .answer{