MediaWiki:Theme Default.css

/******************** Theme_Default.css *******************
  Theme Name: Default
 **********************************************************/

/* =========================
   Default = Dark
   ========================= */
:root {
  /* your existing vars */
  --theme-body-background-image: url("https://cdn.growtopiawiki.com/uploads/9/9a/Site-background-dark.png");
  --scrollbar-thumb-color: #FFFFFF;
  --scrollbar-background-color: #0b181c;
  --gtw-background: linear-gradient(#113133,#1f5559);
  --gtw-landscape: url("https://cdn.growtopiawiki.com/uploads/7/7f/ThemeNight.png");

  --color-surface-0: #062629;
  --color-surface-1: #042124;
  --color-surface-2: #0f393d; 
  --color-primary: #007782;
  --color-link: #72d2db;

  /* Optional: make text feel less “dead” in dark mode */
  --color-base: #ffffff;
  --color-base--subtle: rgba(255,255,255,.78);
}

/* =========================
   Light
   ========================= */
html.skin-theme-clientpref-day {
  --theme-body-background-image: url("https://cdn.growtopiawiki.com/uploads/b/b0/Site-background-light.png");
  --scrollbar-thumb-color: #186c7d;
  --scrollbar-background-color: #FFFFFF;
  --gtw-background: linear-gradient(#1b7d93,#42b5cf);
  --gtw-landscape: url("https://cdn.growtopiawiki.com/uploads/2/24/ThemeDay.png");

  --color-surface-0: #ffffff;
  --color-surface-1: #e8f6f8;
  --color-surface-2: #ffffff;
  --color-primary: #007782;
  --color-link: #007782;
  
  --color-base: #0c1012;
  --color-base--subtle: rgba(12,16,18,.72);
}

/* =========================
   Auto
   ========================= */
@media (prefers-color-scheme: light) {
  html.skin-theme-clientpref-os {
    --theme-body-background-image: url("https://cdn.growtopiawiki.com/uploads/b/b0/Site-background-light.png");
    --scrollbar-thumb-color: #186c7d;
    --scrollbar-background-color: #FFFFFF;
    --gtw-background: linear-gradient(#1b7d93,#42b5cf);
    --gtw-landscape: url("https://cdn.growtopiawiki.com/uploads/2/24/ThemeDay.png");

    --color-surface-0: #ffffff;
    --color-surface-1: #e8f6f8;
    --color-surface-2: #ffffff;
    --color-primary: #007782;
    --color-link: #007782;
    
    --color-base: #0c1012;
    --color-base--subtle: rgba(12,16,18,.72);
  }
}