User:RainbowGem2/common.css: Difference between revisions
Jump to navigation
Jump to search
RainbowGem2 (talk | contribs) No edit summary |
RainbowGem2 (talk | contribs) Added link colors |
||
Line 7: | Line 7: | ||
--theme-text-color: rgb(177 166 149 / 100%); | --theme-text-color: rgb(177 166 149 / 100%); | ||
--theme-link-color: rgb (253 240 220 / 100%); | --theme-link-color: rgb(253 240 220 / 100%); | ||
--theme-link-color-hover: rgb(255 245 225 / 100%); | |||
--theme-link-color-visited: rgb(213 210 180 / 100%); | |||
--theme-link-color-redlink: rgb(255 100 100 / 100%); | |||
} | } | ||
Line 30: | Line 33: | ||
/*** LINK COLORS :: ***/ | /*** LINK COLORS :: ***/ | ||
.vector-menu-heading-label{ | .vector-menu-heading-label{ | ||
color: var(--theme-link-color); | color: var(--theme-link-color); | ||
} | |||
a, | |||
a.selflink:hover, a.selflink:active { | |||
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); | |||
} | } |
Revision as of 00:26, 9 September 2024
/*** ROOT :: The root holds the colors. ***/
:root {
--theme-page-background-color: rgb(49 57 54 / 80%);
--theme-page-border-color: rgb(49 57 54 / 80%);
--theme-text-header-color: rgb(233 220 200 / 100%);
--theme-text-color: rgb(177 166 149 / 100%);
--theme-link-color: rgb(253 240 220 / 100%);
--theme-link-color-hover: rgb(255 245 225 / 100%);
--theme-link-color-visited: rgb(213 210 180 / 100%);
--theme-link-color-redlink: rgb(255 100 100 / 100%);
}
/*** BODY :: This is where the wiki background is handled. ***/
body {
background: url(https://deadlocked.wiki/images/2/20/DeadlockWikiBG.png) top center / cover no-repeat fixed;
}
/*** .MW-BODY :: This is where text, page background and border color is handled. ***/
.mw-body {
color: #b1a695;
background: var(--theme-page-background-color);
border-color: var(--theme-page-border-color);
}
/*** h1,ETC. :: This is where header color is handled. ***/
h1, h2, h3, h4, h5, h6 {
color: var(--theme-text-header-color);
}
/*** LINK COLORS :: ***/
.vector-menu-heading-label{
color: var(--theme-link-color);
}
a,
a.selflink:hover, a.selflink:active {
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);
}