User:Sky/vector.css

From Baldur's Gate 3 Wiki
< User:Sky
Revision as of 15:03, 19 November 2023 by Sky (talk | contribs) (Remove light theme stuff)
Jump to navigation Jump to search

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.
/*** Below is content that should be in Vector.css ***/
body.theme-light {
	/* 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;
}

/* Item icons */
.bg3wiki-itemicon {
	background-color: var(--light-body-light);
}

/* Info blob */
.bg3wiki-info-blob {
	background-color: var(--light-body-mid);
}

/* UID/UUID widget */
.bg3wiki-uid > tt {
	background-color: var(--light-body-mid);
}