User:FlamingMojo/vector.css: Difference between revisions
Jump to navigation
Jump to search
FlamingMojo (talk | contribs) No edit summary |
FlamingMojo (talk | contribs) 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); | |||
} | |||
.mw-body { | |||
border: 1px solid var(--color-text-main); | |||
} | } | ||
a { | a { | ||
color: var(--color-text-dark) !important; | |||
&:visited { | |||
color: var(--color-text-dark) !important; | |||
} | |||
} | } | ||
Line 46: | Line 50: | ||
#mw-head { | #mw-head { | ||
background: var(--color-background-base); | |||
} | } | ||
#content { | #content { | ||
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); }