User:RainbowGem2/common.css: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
mNo edit summary
m Updated colors
Line 1: Line 1:
/*** ROOT :: The root holds the colors. ***/
/*** ROOT :: The root holds the colors. ***/
:root {
:root {
  --theme-header-background-color: rgb(49 57 54 / 100%);
  --theme-page-background-color: rgb(49 57 54 / 80%);
  --theme-page-background-color: rgb(49 57 54 / 80%);
  --theme-page-border-color: rgb(49 57 54 / 80%);
  --theme-page-border-color: rgb(49 57 54 / 80%);
Line 21: Line 23:
/*** .MW-PAGE-BASE :: This is where text, page background and border color is handled. ***/
/*** .MW-PAGE-BASE :: This is where text, page background and border color is handled. ***/
#mw-page-base {
#mw-page-base {
   background-image: linear-gradient(to bottom, var(--theme-page-background-color), var(--theme-page-background-color));
   background-image: linear-gradient(to bottom, var(--theme-header-background-color), var(--theme-header-background-color));
}
}


Line 27: Line 29:


.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);

Revision as of 17:36, 9 September 2024

/*** ROOT :: The root holds the colors. ***/
:root {
	  --theme-header-background-color: rgb(49 57 54 / 100%);	

	  --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(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%);
}

/*** 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-PAGE-BASE :: This is where text, page background and border color is handled. ***/
#mw-page-base {
  background-image: linear-gradient(to bottom, var(--theme-header-background-color), var(--theme-header-background-color));
}

/*** .MW-BODY :: This is where text, page background and border color is handled. ***/

.mw-body {
	color: var(--theme-text-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);
}