User:Willowisp/vector-2022.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "body { --mw-code-background-color: #ddd4bb; →We want itemicon border opacity to be 1.0.: --bg3wiki-itemicon-border-opacity: 100%; →Navbox colours: --bg3wiki-navbox-header-bg: var(--light-body-dark); --bg3wiki-navbox-header-secondary-bg: var(--light-body-mid); --bg3wiki-gameplay-navbox-header-bg: var(--light-body-dark); --bg3wiki-navbox-bg: var(--light-body-light); --bg3wiki-gameplay-navbox-bg: var(--light-body-light); --bg3wiki-navbox-header-text: d...") |
No edit summary |
||
Line 1: | Line 1: | ||
body { | body.skin-vector { | ||
--mw-code-background-color: #ddd4bb; | --mw-code-background-color: #ddd4bb; | ||
/* We want itemicon border opacity to be 1.0. */ | /* We want itemicon border opacity to be 1.0. */ | ||
Line 42: | Line 42: | ||
/* Item icons */ | /* Item icons */ | ||
body .bg3wiki-itemicon { | body.skin-vector .bg3wiki-itemicon { | ||
background-color: var(--light-body-light); | background-color: var(--light-body-light); | ||
} | } | ||
/* Info blob */ | /* Info blob */ | ||
body .bg3wiki-info-blob { | body.skin-vector .bg3wiki-info-blob { | ||
background-color: var(--light-body-mid); | background-color: var(--light-body-mid); | ||
} | } | ||
/* UID/UUID widget */ | /* UID/UUID widget */ | ||
body .bg3wiki-uid > tt { | body.skin-vector .bg3wiki-uid > tt { | ||
background-color: var(--light-body-mid); | background-color: var(--light-body-mid); | ||
} | } | ||
/* Coordinates: Light skin needs the background not to be transparent */ | /* Coordinates: Light skin needs the background not to be transparent */ | ||
body .bg3wiki-coordinates { | body.skin-vector .bg3wiki-coordinates { | ||
background: #343232; | background: #343232; | ||
} | } | ||
/* A helper class to add a drop shadow to white icons only on light theme */ | /* A helper class to add a drop shadow to white icons only on light theme */ | ||
body .bg3wiki-lightmode-drop-shadow, | body.skin-vector .bg3wiki-lightmode-drop-shadow, | ||
body .bg3wiki-lightmode-drop-shadow > img { | body.skin-vector .bg3wiki-lightmode-drop-shadow > img { | ||
filter: drop-shadow(0 0 2px black);; | filter: drop-shadow(0 0 2px black);; | ||
} | } |
Revision as of 17:37, 28 November 2023
body.skin-vector {
--mw-code-background-color: #ddd4bb;
/* We want itemicon border opacity to be 1.0. */
--bg3wiki-itemicon-border-opacity: 100%;
/* Navbox colours */
--bg3wiki-navbox-header-bg: var(--light-body-dark);
--bg3wiki-navbox-header-secondary-bg: var(--light-body-mid);
--bg3wiki-gameplay-navbox-header-bg: var(--light-body-dark);
--bg3wiki-navbox-bg: var(--light-body-light);
--bg3wiki-gameplay-navbox-bg: var(--light-body-light);
--bg3wiki-navbox-header-text: default;
/* Define different colors for relative location theme */
--bg3wiki-relative-location-bg: var(--light-body-light);
--bg3wiki-relative-location-header-bg-dark: var(--light-body-dark);
--aria-label-tooltip-bg: hsl(0deg 0% 90%);
--aria-label-tooltip-fg: hsl(200deg 5% 10%);
--aria-label-tooltip-border: 1px solid hsl(200deg 5% 10%);
/* Override tooltip colour */
--bg3wiki-tooltip-bg: var(--light-body-light);
/* Documentation */
--bg3wiki-documentation-bg: #eaf3ff;
--bg3wiki-documentation-border: #a3caff;
--bg3wiki-documentation-header-bg: #c2dcff;
/* Tab bar */
--bg3wiki-tabbar-bg: var(--light-body-light);
--bg3wiki-tabbar-active-color: var(--light-background-link-color);
--bg3wiki-tabbar-active-bg: var(--light-body-background-color);
/* License box */
--bg3wiki-license-color: black;
/* Spoiler box */
--bg3wiki-spoiler-warning-start: var(--light-body-dark);
--bg3wiki-spoiler-warning-end: var(--light-body-light);
--bg3wiki-spoiler-warning-strong-color: black;
/* Widget:lower city map */
--bg3wiki-lower-city-map-bg: var(--light-body-light);
--bg3wiki-lower-city-map-inner-bg: var(--light-body-main);
/* Toc */
--toc-subheader-border-color: var(--light-body-border);
}
/* Item icons */
body.skin-vector .bg3wiki-itemicon {
background-color: var(--light-body-light);
}
/* Info blob */
body.skin-vector .bg3wiki-info-blob {
background-color: var(--light-body-mid);
}
/* UID/UUID widget */
body.skin-vector .bg3wiki-uid > tt {
background-color: var(--light-body-mid);
}
/* Coordinates: Light skin needs the background not to be transparent */
body.skin-vector .bg3wiki-coordinates {
background: #343232;
}
/* A helper class to add a drop shadow to white icons only on light theme */
body.skin-vector .bg3wiki-lightmode-drop-shadow,
body.skin-vector .bg3wiki-lightmode-drop-shadow > img {
filter: drop-shadow(0 0 2px black);;
}