TGUI window flashing begone (#761)

MrMelbert · web-flow · commit 6be3588b8f4d · 2025-09-21T14:20:52.000-05:00
diff --git a/html/statbrowser.css b/html/statbrowser.css
@@ -1,6 +1,7 @@
 .light:root {
-	--scrollbar-base: #f2f2f2;
-	--scrollbar-thumb: #a7a7a7;
+  --color-base: #ffffff;
+  --scrollbar-base: #f2f2f2;
+  --scrollbar-thumb: #a7a7a7;
 }
 
 html,
@@ -197,20 +198,14 @@ img {
  * MARK: Dark theme colors
  */
 .dark:root {
-	--scrollbar-base: #151515;
-	--scrollbar-thumb: #363636;
+  --color-base: #151515;
+  --scrollbar-base: #151515;
+  --scrollbar-thumb: #363636;
 }
 
 body.dark {
-	background-color: #151515;
-	color: #b2c4dd;
-	scrollbar-base-color: #1c1c1c;
-	scrollbar-face-color: #3b3b3b;
-	scrollbar-3dlight-color: #252525;
-	scrollbar-highlight-color: #252525;
-	scrollbar-track-color: #1c1c1c;
-	scrollbar-arrow-color: #929292;
-	scrollbar-shadow-color: #3b3b3b;
+  background-color: #151515;
+  color: #b2c4dd;
 }
 
 .dark a {
diff --git a/html/statbrowser.js b/html/statbrowser.js
@@ -703,15 +703,13 @@ function draw_verbs(cat) {
 }
 
 function set_theme(which) {
-	if (which == "light") {
-		document.body.className = "";
-		document.documentElement.className = 'light';
-		set_style_sheet("browserOutput_white");
-	} else if (which == "dark") {
-		document.body.className = "dark";
-		document.documentElement.className = 'dark';
-		set_style_sheet("browserOutput");
-	}
+  if (which == "light") {
+    document.body.className = "";
+    document.documentElement.className = "light";
+  } else if (which == "dark") {
+    document.body.className = "dark";
+    document.documentElement.className = "dark";
+  }
 }
 
 function set_font_size(size) {
@@ -731,21 +729,6 @@ function set_tabs_style(style) {
 	}
 }
 
-function set_style_sheet(sheet) {
-	if (document.getElementById("goonStyle")) {
-		var currentSheet = document.getElementById("goonStyle");
-		currentSheet.parentElement.removeChild(currentSheet);
-	}
-	var head = document.getElementsByTagName('head')[0];
-	var sheetElement = document.createElement("link");
-	sheetElement.id = "goonStyle";
-	sheetElement.rel = "stylesheet";
-	sheetElement.type = "text/css";
-	sheetElement.href = sheet + ".css";
-	sheetElement.media = 'all';
-	head.appendChild(sheetElement);
-}
-
 function restoreFocus() {
 	run_after_focus(function () {
 		Byond.winset('map', {
diff --git a/tgui/packages/tgui/backend.ts b/tgui/packages/tgui/backend.ts
@@ -225,7 +225,10 @@ export const backendMiddleware = (store) => {
       suspendRenderer();
       clearInterval(suspendInterval);
       suspendInterval = undefined;
+      // Tiny window to not show previous content when resumed
       Byond.winset(Byond.windowId, {
+        size: '1x1',
+        pos: '1,1',
         'is-visible': false,
       });
       setTimeout(() => focusMap());
diff --git a/tgui/public/tgui.html b/tgui/public/tgui.html
@@ -13,7 +13,7 @@
     <!-- tgui:ntos-error -->
     <!-- tgui:inline-css -->
   </head>
-  <body>
+  <body style="background-color: var(--color-base)">
     <!-- tgui:assets -->
     <!-- tgui:inline-html-start -->
     <!-- tgui:inline-html -->
