adding f0ck95 dark

This commit is contained in:
Kibi Kelburton 2022-05-17 00:05:37 +02:00
parent 7a007c95e7
commit 80c7d2f3d7

View File

@ -678,7 +678,148 @@ html[theme="f0ck95"] .badge-dark, #themeselector {
background: #a8a5a5; background: #a8a5a5;
} }
html[theme="f0ck95"] /* f0ck95dARK */
html[theme='f0ck95d'] {
--accent: #fff;
--bg: #0e0f0f;
--black: #000;
--white: #fff;
--gray: silver;
--nav-bg: #0b0a0a;
--nav-brand-border: inset 1px black;
--nav-brand-bg: #0f0e0e;
--navigation-links-bg: #0b0b0b;
--navigation-links-background-linear-gradient: rgba(0,0,0,.12),rgba(0,0,0,0);
--navigation-links-border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5);
--navigation-links-box-shadow: rgba(255,255,255,.05);
--nav-link-background-linear-gradient: rgba(255,255,255,.04),rgba(255,255,255,0);
--nav-link-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 0px rgba(255,255,255,.04),inset 0 0px rgba(0,0,0,.15),0 0px 0px rgba(0,0,0,.1);
--nav-link-hover-bg: #333131;
--nav-border-color: #282727;
--dropdown-bg: #333131;
--dropdown-item-hover: #444242;
--nav-brand-font: 'VCR';
--font: 'monospace';
--pagination-background: #0b0a0a;
--pagination-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 0px rgba(255,255,255,.04),inset 0 0px rgba(0,0,0,.15),0 0px 0px rgba(0,0,0,.1);
--pagination-anchor-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.1);
--pagination-background-hover: #8a8989;
--pagination-border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5);
--metadata-bg: #0b0a0a;
--badge-bg: #0f0e0e;
--posts-meta-bg: #000000b8;
--badge-sfw: #68a728;
--badge-nsfw: #a72828;
--badge-tag: #959393;
--scrollbar-color: #2b2b2b;
--scroller-bg: #424242;
}
html[theme="f0ck95d"] html, body {
color: var(--white);
}
html[theme="f0ck95d"] a {
color: var(--white);
}
html[theme="f0ck95d"] span#favs {
border: inset 1px gray;
}
html[theme="f0ck95d"] .nav-link, .pagination > a, .pagination > span {
border-radius: 0px;
border-left: inset 1px black;
border-bottom: outset 1px black;
border-right: outset 1px black;
border-top: 1px inset black;
}
html[theme="f0ck95d"] .metadata {
border-left: inset 1px silver;
border-bottom: outset 1px silver;
border-right: outset 1px silver;
color: var(--accent);
}
html[theme="f0ck95d"] .media-object {
border-left: inset 1px silver;
border-bottom: outset 1px silver;
border-right: outset 1px silver;
border-top: 2px inset #959494;
}
html[theme="f0ck95d"] .media-object::before {
content: " ";
background: -webkit-linear-gradient(left,#08216b,#011029);
text-align: left;
width: 100%;
color: white;
height: 20px;
display: block;
border-bottom: 1px outset silver;
}
html[theme="f0ck95d"] span.placeholder {
border-left: 1px solid var(--gray);
opacity: 0.5;
}
html[theme="f0ck95d"] #prev {
color: white;
}
html[theme="f0ck95d"] #next {
color: white;
}
html[theme="f0ck95d"] .navbar-brand:hover {
background: transparent;
}
html[theme="f0ck95d"] span.f0ck::after {
content: "95";
font-size: 14px;
font-family: vcr;
vertical-align: super;
color: teal;
}
html[theme="f0ck95d"] .pagination > span {
border: 1px dashed var(--accent) !important;
color: white;
text-shadow: none;
}
html[theme="f0ck95d"] .dropdown-menu {
border-left: inset 1px silver;
border-bottom: outset 1px silver;
border-right: outset 1px silver;
border-top: outset 1px gray;
}
html[theme="f0ck95d"] .err span {
text-shadow: 0px 0px transparent;
}
html[theme="f0ck95d"] .err {
background: #3f9595;
}
html[theme="f0ck95d"] div#posts > a::after {
color: var(--white);
}
html[theme="f0ck95d"] .about {
color: var(--white);
}
html[theme="f0ck95d"] .badge-dark, #themeselector {
border: inset 1px gray;
background: rgba(255,255,255,.04),rgba(255,255,255,0);
background-image: linear-gradient(to bottom,var(--nav-link-background-linear-gradient));
box-shadow: var(--nav-link-box-shadow);
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 5px; width: 5px;