tgui moment.

tgui/packages/tgui-panel/Panel.js

@@ -31,8 +31,8 @@ export const Panel = (props, context) => {
       );
     }
   }
-  return (
-    <Pane theme={settings.theme}>
+  return ( // yes i know it's bad.
+    <Pane theme={settings.theme === 'default' ? 'light' : settings.theme}>
       <Flex
         direction="column"
         height="100%">
@@ -116,7 +116,7 @@ export const Panel = (props, context) => {
 const HoboIE8Panel = (props, context) => {
   const settings = useSettings(context);
   return (
-    <Pane theme={settings.theme}>
+    <Pane theme={settings.theme === 'default' ? 'light' : settings.theme}>
       <Pane.Content scrollable>
         <Button
           style={{

tgui/packages/tgui-panel/settings/reducer.js

@@ -11,7 +11,7 @@ const initialState = {
   version: 1,
   fontSize: 13,
   lineHeight: 1.2,
-  theme: 'light',
+  theme: 'default',
   adminMusicVolume: 0.5,
   highlightText: '',
   highlightColor: '#ffdd44',

tgui/packages/tgui-panel/themes.js

@@ -8,7 +8,7 @@ export const THEMES = ['light', 'dark', 'default'];
 
 const COLOR_DARK_BG = '#202020';
 const COLOR_DARK_BG_DARKER = '#171717';
-const COLOR_DARK_TEXT = 'E0E0E0'; // '#a4bad6';
+const COLOR_DARK_TEXT = '#a4bad6';
 
 /**
  * Darkmode preference, originally by Kmc2000.
@@ -36,17 +36,17 @@ export const setClientTheme = name => {
       'split.background-color': 'none',
       // Buttons
       'changelog.background-color': '#90B3DD',
-      'changelog.text-color': '#EF7F7F',
+      'changelog.text-color': '#000000',
       'rules.background-color': '#90B3DD',
-      'rules.text-color': '#EF7F7F',
+      'rules.text-color': '#000000',
       'wiki.background-color': '#90B3DD',
-      'wiki.text-color': '#EF7F7F',
+      'wiki.text-color': '#000000',
       'forum.background-color': '#90B3DD',
-      'forum.text-color': '#EF7F7F',
+      'forum.text-color': '#000000',
       'github.background-color': '#90B3DD',
-      'github.text-color': '#EF7F7F',
+      'github.text-color': '#000000',
       'report-issue.background-color': '#90B3DD',
-      'report-issue.text-color': '#EF7F7F',
+      'report-issue.text-color': '#000000',
       // Status and verb tabs
       'output.background-color': 'none',
       'output.text-color': '#000000',
@@ -121,7 +121,54 @@ export const setClientTheme = name => {
       'tooltip.text-color': COLOR_DARK_TEXT,
     });
   }
-  if (name === 'default') {
-    setClientTheme('light'); // absolute cheeze.
+  if (name === 'default') { // white-theme (chat) BUT game is using dorktheme
+    Byond.winset({
+      // Main windows
+      'infowindow.background-color': COLOR_DARK_BG,
+      'infowindow.text-color': COLOR_DARK_TEXT,
+      'info.background-color': COLOR_DARK_BG,
+      'info.text-color': COLOR_DARK_TEXT,
+      'browseroutput.background-color': COLOR_DARK_BG,
+      'browseroutput.text-color': COLOR_DARK_TEXT,
+      'outputwindow.background-color': COLOR_DARK_BG,
+      'outputwindow.text-color': COLOR_DARK_TEXT,
+      'mainwindow.background-color': COLOR_DARK_BG,
+      'split.background-color': COLOR_DARK_BG,
+      // Buttons
+      'changelog.background-color': '#40628A',
+      'changelog.text-color': COLOR_DARK_TEXT,
+      'rules.background-color': '#40628A',
+      'rules.text-color': COLOR_DARK_TEXT,
+      'wiki.background-color': '#40628A',
+      'wiki.text-color': COLOR_DARK_TEXT,
+      'forum.background-color': '#40628A',
+      'forum.text-color': COLOR_DARK_TEXT,
+      'github.background-color': '#40628A',
+      'github.text-color': COLOR_DARK_TEXT,
+      'report-issue.background-color': '#40628A',
+      'report-issue.text-color': COLOR_DARK_TEXT,
+      // Status and verb tabs
+      'output.background-color': COLOR_DARK_BG_DARKER,
+      'output.text-color': COLOR_DARK_TEXT,
+      'statwindow.background-color': COLOR_DARK_BG_DARKER,
+      'statwindow.text-color': COLOR_DARK_TEXT,
+      'stat.background-color': COLOR_DARK_BG_DARKER,
+      'stat.tab-background-color': COLOR_DARK_BG,
+      'stat.text-color': COLOR_DARK_TEXT,
+      'stat.tab-text-color': COLOR_DARK_TEXT,
+      'stat.prefix-color': COLOR_DARK_TEXT,
+      'stat.suffix-color': COLOR_DARK_TEXT,
+      // Say, OOC, me Buttons etc.
+      'saybutton.background-color': COLOR_DARK_BG,
+      'saybutton.text-color': COLOR_DARK_TEXT,
+      'oocbutton.background-color': COLOR_DARK_BG,
+      'oocbutton.text-color': COLOR_DARK_TEXT,
+      'mebutton.background-color': COLOR_DARK_BG,
+      'mebutton.text-color': COLOR_DARK_TEXT,
+      'asset_cache_browser.background-color': COLOR_DARK_BG,
+      'asset_cache_browser.text-color': COLOR_DARK_TEXT,
+      'tooltip.background-color': COLOR_DARK_BG,
+      'tooltip.text-color': COLOR_DARK_TEXT,
+    });
   }
 };