Jump to content

MediaWiki:Common.css: Difference between revisions

From TypeGG Wiki
m update text color to aevi's recommendation
No edit summary
Line 1: Line 1:
:root {
/* TypeGG Design System */
 
/* Forced dark mode */
html.skin-theme-clientpref-night {
   --background-color-base: #00031B !important;
   --background-color-base: #00031B !important;
   --background-color-neutral-subtle: #00031B !important;
   --background-color-neutral-subtle: #00031B !important;
   --background-color-interactive-subtle: #0D1026 !important;
   --background-color-interactive-subtle: #0D1026 !important;
   --color-base: #B8B9C0 !important;
 
   --color-base: #CCCDD1 !important;
  --color-emphasized: #FFFFFF !important;
  --color-subtle: #91939D !important;
  --color-placeholder: #91939D !important;
 
   --color-progressive: #00B3E4 !important;
   --color-progressive: #00B3E4 !important;
   --color-progressive--hover: #33C5ED !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;
  }
}
}

Revision as of 14:30, 17 January 2026

/* 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;
  }
}