More actions
RainbowGem2 (talk | contribs) Organized it a bit better and added link colors! |
RainbowGem2 (talk | contribs) mNo edit summary |
||
(64 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/*** ROOT :: The root holds the colors. ***/ | /*** ROOT :: The root holds the colors. ***/ | ||
:root { | :root { | ||
--theme-page-background-color: rgb(49 57 54 / | --theme-catlink-background-color: rgb(49 57 54 / 100%); | ||
--theme-page-border-color: rgb(49 57 54 / | |||
--theme-filebox-background-color: rgb(39 47 44 / 100%); | |||
--theme-contentbox-background-color: rgb(47 47 47 / 100%); | |||
--theme-header-background-color: rgb(39 49 44 / 100%); | |||
--theme-page-background-color: rgb(49 57 54 / 95%); | |||
--theme-page-border-color: rgb(49 57 54 / 95%); | |||
--theme-text-header-color: rgb(253 245 220 / 100%); | |||
--theme-text-color: rgb(227 216 199 / 100%); | |||
--theme-link-color: rgb(235 235 235 / 100%); | |||
--theme-link-color-hover: rgb(255 255 255 / 100%); | |||
--theme-link-color-visited: rgb(205 205 205 / 100%); | |||
--theme-link-color-redlink: rgb(255 100 100 / 100%); | |||
--theme-topbar-background-color: rgb(39 49 44 / 100%); | |||
--theme-wikitable-background-color: rgb(65 61 54 / 100%); | |||
--theme-wikitable-border-color: rgb(0 0 0 / 100%); | |||
--theme-wikitable-header-color: rgb(89 83 73 / 100%); | |||
--theme-messagebox-removed-color: rgb(113 65 52 / 100%); | |||
--theme-messagebox-underconstruction-color: rgb(248 163 119 / 100%); | |||
--theme-messagebox-stub-color: rgb(118 153 176 / 100%); | |||
--theme-messagebox-unreleased-color: rgb(248 242 180 / 100%); | |||
--theme-messagebox-outdated-color: rgb(167 23 85 / 100%); | |||
--theme-messagebox-deletion-color: rgb(122 132 154 / 100%); | |||
--theme-messagebox-translation-color: rgb(220 154 142 / 100%); | |||
--theme-messagebox-disambiguation-color: rgb(240 203 39 / 100%); | |||
--theme-messagebox-background-color: rgb(85 107 47 / 100%); | |||
} | } | ||
Line 13: | Line 40: | ||
body { | body { | ||
color: #000000; | |||
background: url(https://deadlocked.wiki/images/2/20/DeadlockWikiBG.png) top center / cover no-repeat fixed; | background: url(https://deadlocked.wiki/images/2/20/DeadlockWikiBG.png) top center / cover no-repeat fixed; | ||
} | |||
/*** .MW-PAGE-BASE :: This is where text, page background and border color is handled. ***/ | |||
#mw-page-base { | |||
visibility: hidden | |||
} | } | ||
/*** .MW-BODY :: This is where text, page background and border color is handled. ***/ | /*** .MW-BODY :: This is where text, page background and border color is handled. ***/ | ||
.mw-body { | .mw-body { | ||
color: #b1a695; | color: var(--theme-text-color);/*#b1a695;*/ | ||
background: var(--theme-page-background-color); | background: var(--theme-page-background-color); | ||
border-color: var(--theme-page-border-color); | border-color: var(--theme-page-border-color); | ||
} | |||
/*** .MW-FOOTER LI :: Footer text color ***/ | |||
.mw-footer li { | |||
color: var(--theme-text-color);/*#b1a695;*/ | |||
} | |||
/*** .CATLINKS :: This is where the category link colors are handled. ***/ | |||
.catlinks { | |||
background-color: var(--theme-catlinks-background-color); | |||
} | |||
/*** just a bunch of stuff uses the text color. ***/ | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited{ | |||
color: var(--theme-text-color);/*#b1a695;*/ | |||
} | |||
/*** File box contents ***/ | |||
#filetoc { | |||
background-color: var(--theme-filebox-background-color);/*#b1a695;*/ | |||
} | } | ||
/*** h1,ETC. :: This is where header color is handled. ***/ | /*** h1,ETC. :: This is where header color is handled. ***/ | ||
h1, h2, h3, h4, h5, h6 { | .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, .mw-body h1, h2, h3, h4, h5, h6{ | ||
color: var(--theme-text-header-color); | color: var(--theme-text-header-color); | ||
font-family:'Retail Demo Regular'; | |||
} | |||
.vector-menu-heading-label { | |||
font-family:'Retail Demo Bold'; | |||
} | } | ||
/*** LINK COLORS :: ***/ | /*** LINK COLORS :: ***/ | ||
a, a.selflink:hover, a.selflink:active { | |||
. | |||
color: var(--theme-link-color); | color: var(--theme-link-color); | ||
} | |||
a:visited { | |||
color: var(--theme-link-color-visited); | |||
} | |||
a:hover, a:active { | |||
text-decoration: underline; | |||
color: var(--theme-link-color-hover); | |||
} | |||
/** red link **/ | |||
/* we don't really need to mark you have "visited" an inexistent page */ | |||
a.new, a.new:visited { | |||
color: var(--theme-link-color-redlink); | |||
} | |||
/*** CONTENT BOX STUFF ***/ | |||
.toc{ | |||
background-color: var(--theme-contentbox-background-color); | |||
} | |||
.tocnumber{ | |||
color: var(--theme-text-header-color); | |||
} | |||
.toctogglelabel{ | |||
color: var(--theme-text-color); | |||
} | |||
.vector-search-box-input { | |||
font-family: 'Retail Demo Bold'; | |||
} | |||
.vector-user-menu-legacy .vector-menu-content-list { | |||
font-family: 'Retail Demo Bold'; | |||
} | |||
#right-navigation, .vector-menu-tabs-legacy li a { | |||
background-color: var(--theme-topbar-background-color); | |||
font-family: 'Retail Demo Bold'; | |||
color: var(--theme-link-color); | |||
} | |||
.vector-menu-tabs a { | |||
background-image: none | |||
} | |||
/*** MISC SYMBOLS ***/ | |||
::marker { | |||
color: var(--theme-text-header-color); | |||
} | |||
#mw-editsection-divider, #mw-editsection-bracket { | |||
color: var(--theme-text-header-color); | |||
} | |||
/*** WIKITABLE ***/ | |||
table.wikitable { | |||
background-color: var(--theme-wikitable-background-color); | |||
} | |||
/*** MESSAGE BOXES ***/ | |||
.vector-menu-tabs-legacy li a { | |||
background-color: var(--theme-topbar-background-color); | |||
font-family: 'Retail Demo Bold'; | |||
color: var(--theme-link-color); | |||
} | } |