From 7fb8b2adfd840bba7ec2a345c8868508337b2412 Mon Sep 17 00:00:00 2001 From: root Date: Thu, 6 Jun 2024 08:56:17 +0000 Subject: customize --- static/style.css | 100 +++++++++++++++++++++++++++---------------------------- 1 file changed, 50 insertions(+), 50 deletions(-) (limited to 'static') 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{ -- cgit v1.2.3