MediaWiki:Common.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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito+Sans:wght@400;600;700;800&display=swap");

:root,
html.skin-theme-clientpref-night,
html.skin-theme-clientpref-os {
  --ab-bg: #18181c;
  --ab-panel: #202026;
  --ab-surface: #2a2a30;
  --ab-border: #37373e;
  --ab-text: #f0f0f5;
  --ab-muted: #a0a0aa;
  --ab-link: #6496ff;
  --ab-link-hover: #78aaff;
  --ab-font: "Nunito Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --ab-display: "Fredoka One", cursive;
  --color-surface-0: var(--ab-bg);
  --color-surface-1: var(--ab-panel);
  --color-surface-2: var(--ab-surface);
  --color-surface-3: #32323a;
  --color-surface-4: #3a3a44;
  --color-base: var(--ab-text);
  --color-subtle: var(--ab-muted);
  --color-progressive: var(--ab-link);
  --color-progressive--hover: var(--ab-link-hover);
  --color-link: var(--ab-link);
  --color-visited: #78aaff;
  --border-color-base: var(--ab-border);
  --font-family-base: var(--ab-font);
  --font-family-heading: var(--ab-display);
  --font-family-citizen-base: "Nunito Sans";
}

html {
  color-scheme: dark;
  background: var(--ab-bg);
}

body.skin-citizen {
  font-family: var(--ab-font);
  background: var(--ab-bg);
  color: var(--ab-text);
}

.skin-citizen .mw-body h1,
.skin-citizen .firstHeading,
.skin-citizen h1,
.skin-citizen h2,
.skin-citizen h3,
.skin-citizen h4,
.skin-citizen h5,
.skin-citizen h6 {
  font-family: var(--ab-display);
  font-weight: 400;
}

.skin-citizen a {
  color: var(--ab-link);
}

.skin-citizen a:hover {
  color: var(--ab-link-hover);
}