More actions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS | /* Vector 2022 skin CSS overrides */ | ||
:root { | :root { | ||
--main-bg-color-primary: #202020; | --main-bg-color-primary: #202020; | ||
--main-bg-color-secondary: #1b1b1b; | --main-bg-color-secondary: #1b1b1b; | ||
--text-color: #c4ae5f; | --text-color: #c4ae5f; | ||
--link-color: #fa5c5c; | --link-color: #fa5c5c; | ||
} | } | ||
/* Background colors */ | |||
body { | body { | ||
background-color: var(--main-bg-color-primary) | background-color: var(--main-bg-color-primary); | ||
} | } | ||
#content, #mw-panel, #p-personal, #p-navigation { | |||
color: var(-- | background-color: var(--main-bg-color-secondary); | ||
} | } | ||
#mw- | |||
/* Text color */ | |||
body, #content, #mw-panel, #p-personal, #p-navigation { | |||
color: var(--text-color); | |||
} | |||
/* Link color */ | |||
a, a:visited { | |||
color: var(--link-color); | |||
} | } | ||
/* Hover effect for links */ | |||
a:hover, a:focus { | |||
color: #ff7f7f; /* Adjust if a lighter hover color is desired */ | |||
} | } |
Revision as of 13:21, 6 November 2024
/* Vector 2022 skin CSS overrides */ :root { --main-bg-color-primary: #202020; --main-bg-color-secondary: #1b1b1b; --text-color: #c4ae5f; --link-color: #fa5c5c; } /* Background colors */ body { background-color: var(--main-bg-color-primary); } #content, #mw-panel, #p-personal, #p-navigation { background-color: var(--main-bg-color-secondary); } /* Text color */ body, #content, #mw-panel, #p-personal, #p-navigation { color: var(--text-color); } /* Link color */ a, a:visited { color: var(--link-color); } /* Hover effect for links */ a:hover, a:focus { color: #ff7f7f; /* Adjust if a lighter hover color is desired */ }