diff --git a/index.html b/index.html
index 36a698a9..2d6d1785 100644
--- a/index.html
+++ b/index.html
@@ -54,8 +54,8 @@
           const root = document.documentElement;
           const themeMeta = document.querySelector('meta[name="theme-color"]');
           const fallbackColors = {
-            dark: "#0f172a",
-            light: "#f8fafc",
+            dark: "rgb(15, 23, 42)",
+            light: "rgb(248, 250, 252)",
           };
           const prefersDark =
             window.matchMedia &&
diff --git a/js/themeController.js b/js/themeController.js
index 2e6e08ef..f0b276e3 100644
--- a/js/themeController.js
+++ b/js/themeController.js
@@ -4,8 +4,8 @@ const STORAGE_KEY = "bitvid:theme";
 const FALLBACK_THEME = "dark";
 const VALID_THEMES = new Set(["light", "dark"]);
 const FALLBACK_META_COLORS = {
-  dark: "#0f172a",
-  light: "#f8fafc",
+  dark: "rgb(15, 23, 42)",
+  light: "rgb(248, 250, 252)",
 };
 const TOGGLE_SELECTORS = [
   "[data-theme-toggle]",
diff --git a/js/ui/ambientBackground.js b/js/ui/ambientBackground.js
index e51c42ac..47ee7131 100644
--- a/js/ui/ambientBackground.js
+++ b/js/ui/ambientBackground.js
@@ -31,7 +31,7 @@ function getFallbackFillColor(canvas) {
     }
   }
 
-  return "#000000";
+  return "rgb(0, 0, 0)";
 }
 
 function resizeCanvas(canvas, video) {
diff --git a/js/ui/components/VideoModal.js b/js/ui/components/VideoModal.js
index 0188f1e7..7dd694d6 100644
--- a/js/ui/components/VideoModal.js
+++ b/js/ui/components/VideoModal.js
@@ -2165,7 +2165,7 @@ export class VideoModal {
       }
     }
 
-    return "#000000";
+    return "rgb(0, 0, 0)";
   }
 
   clearAmbientCanvas() {
diff --git a/js/ui/loginModalController.js b/js/ui/loginModalController.js
index 97a1a8bd..135007cf 100644
--- a/js/ui/loginModalController.js
+++ b/js/ui/loginModalController.js
@@ -1300,8 +1300,8 @@ export default class LoginModalController {
         // Force high-contrast black-on-white for the QR code to ensure
         // it remains readable and scannable regardless of the application theme.
         // We resolve these from the unified token system to ensure consistency.
-        let qrLightColor = "#ffffff";
-        let qrDarkColor = "#000000";
+        let qrLightColor = "rgb(255, 255, 255)";
+        let qrDarkColor = "rgb(0, 0, 0)";
 
         if (this.window && typeof this.window.getComputedStyle === "function") {
           try {
diff --git a/scripts/check-hex.js b/scripts/check-hex.js
index a56d6486..97c7e47b 100755
--- a/scripts/check-hex.js
+++ b/scripts/check-hex.js
@@ -22,7 +22,9 @@ const IGNORED_GLOBS = [
   '!js/utils/qrcode.js',
   '!**/dist/**',
   '!REMEDIATION_REPORT.md',
-  '!scripts/daily-design-system-audit.mjs'
+  '!scripts/daily-design-system-audit.mjs',
+  '!config/instance-config.js',
+  '!config/validate-config.js'
 ];
 
 const rgArgs = [