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.

/* TypeGG Design System */

/* Forced dark mode */
html.skin-theme-clientpref-night {
  --background-color-base: #00031B !important;
  --background-color-neutral-subtle: #00031B !important;
  --background-color-interactive-subtle: #0D1026 !important;

  --color-base: #CCCDD1 !important;
  --color-emphasized: #FFFFFF !important;
  --color-subtle: #91939D !important;
  --color-placeholder: #91939D !important;

  --color-progressive: #00B3E4 !important;
  --color-progressive--hover: #33C5ED !important;
  --color-visited: #BC50F7 !important;

  --color-destructive: #E40000 !important;
  --color-success: #00E47D !important;
  --color-warning: #E4E000 !important;
}

/* Auto dark mode (follows system preference) */
@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os {
    --background-color-base: #00031B !important;
    --background-color-neutral-subtle: #00031B !important;
    --background-color-interactive-subtle: #0D1026 !important;

    --color-base: #CCCDD1 !important;
    --color-emphasized: #FFFFFF !important;
    --color-subtle: #91939D !important;
    --color-placeholder: #91939D !important;

    --color-progressive: #00B3E4 !important;
    --color-progressive--hover: #33C5ED !important;
    --color-visited: #BC50F7 !important;

    --color-destructive: #E40000 !important;
    --color-success: #00E47D !important;
    --color-warning: #E4E000 !important;
  }
}