User:FlamingMojo/vector.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/** 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-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);
}

a {
	color: var(--color-text-main) !important;

	&:visited {
		color: var(--color-text-main) !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);
}