User:RainbowGem2/common.css: Difference between revisions
Jump to navigation
Jump to search
RainbowGem2 (talk | contribs) mNo edit summary |
RainbowGem2 (talk | contribs) Organized it a bit better and added link colors! |
||
Line 1: | Line 1: | ||
/*** | /*** ROOT :: The root holds the colors. ***/ | ||
:root { | :root { | ||
--theme- | --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-header-color: rgb(233 220 200 / 100%); | ||
--theme-text-color: rgb(177 166 149 / 100%); | |||
--theme-link-color: rgb (253 240 220 / 100%); | |||
} | } | ||
/*** BODY :: This is where the wiki background is handled. ***/ | |||
body { | body { | ||
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-BODY :: This is where text, page background and border color is handled. ***/ | |||
.mw-body { | .mw-body { | ||
color: #b1a695; | color: #b1a695; | ||
background: var(--theme- | background: var(--theme-page-background-color); | ||
border-color: var(--theme- | border-color: var(--theme-page-border-color); | ||
} | } | ||
/*** h1,ETC. :: This is where header color is handled. ***/ | |||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
color: var(--theme-text-header-color); | color: var(--theme-text-header-color); | ||
} | |||
/*** LINK COLORS :: ***/ | |||
/* Link color */ | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | |||
color: var(--theme-link-color); | |||
} | } |
Revision as of 23:57, 8 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%);
}
/*** 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 :: ***/
/* Link color */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--theme-link-color);
}