User:FlamingMojo/vector.css: Difference between revisions

From Dune: Awakening Community Wiki
Jump to navigation Jump to search
No edit summary
m (WIP: Text and border colours)
Line 5: Line 5:
     --color-background-main: rgb(26,7,0);
     --color-background-main: rgb(26,7,0);
     --color-text-main: #F4CF8B;
     --color-text-main: #F4CF8B;
    --color-text-dark: #E39B16;
     --color-button-text: #F4CF8B;
     --color-button-text: #F4CF8B;
     --color-button-border: #F4CF8B;
     --color-button-border: #F4CF8B;
Line 29: Line 30:
span,
span,
.mw-body {
.mw-body {
color: var(--color-text-main);
  color: var(--color-text-main);
}
 
.mw-body {
  border: 1px solid var(--color-text-main);
}
}


a {
a {
color: var(--color-text-main) !important;
  color: var(--color-text-dark) !important;
 
  &:visited {
&:visited {
    color: var(--color-text-dark) !important;
color: var(--color-text-main) !important;
  }
}
}
}


Line 46: Line 50:


#mw-head {
#mw-head {
    background: var(--color-background-base);
  background: var(--color-background-base);
}
}


#content {
#content {
    background: var(--color-background-main);
  background: var(--color-background-main);
}
}

Revision as of 18:04, 10 April 2024

/** ResourceLoaderSkinModule: normalize,elements,content-tables,content-links,content-media,interface-message-box,interface-category,toc */

:root {
    --color-background-base: #23201D;
    --color-background-main: rgb(26,7,0);
    --color-text-main: #F4CF8B;
    --color-text-dark: #E39B16;
    --color-button-text: #F4CF8B;
    --color-button-border: #F4CF8B;
    --color-button-border-hover: #F4CF8B;
    --color-button-background: transparent;
    --color-button-background-hover: rgba(49, 28, 54, 0.65);
}


body {
    background: var(--color-background-base);
    color: var(--color-text-main);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
text,
span,
.mw-body {
  color: var(--color-text-main);
}

.mw-body {
  border: 1px solid var(--color-text-main);
}

a {
  color: var(--color-text-dark) !important;
  &:visited {
    color: var(--color-text-dark) !important;
  }
}

.vector-menu-tabs-legacy li {
 background-image: linear-gradient(to top, var(--color-background-base) 0,#F4CF8B 1px, #ffffff 100%)
}


#mw-head {
  background: var(--color-background-base);
}

#content {
  background: var(--color-background-main);
}