User:RainbowGem2/common.css: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
Organized it a bit better and added link colors!
mNo edit summary
Tags: Mobile edit Mobile web edit
Line 30: Line 30:
/*** LINK COLORS :: ***/
/*** LINK COLORS :: ***/
/* Link color */
/* Link color */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.mw-list-item {
   color: var(--theme-link-color);
   color: var(--theme-link-color);
}
}

Revision as of 00:01, 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%);
}

/*** 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 */
.mw-list-item {
  color: var(--theme-link-color);
}