User:Willowisp/vector-2022.css: Difference between revisions

From bg3.wiki
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);;
}