From 3f8fc24577bc9271c5a58e787da2463f47cb6925 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Fri, 17 Oct 2025 10:50:55 -0400
Subject: [PATCH] Sync iframe accent overrides with parent theme

---
 .../iframe_forms/iframe-application-form.html | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/components/iframe_forms/iframe-application-form.html b/components/iframe_forms/iframe-application-form.html
index 4dcd3aeb..f57d95e0 100644
--- a/components/iframe_forms/iframe-application-form.html
+++ b/components/iframe_forms/iframe-application-form.html
@@ -8,6 +8,11 @@
         const VALID_THEMES = new Set(["light", "dark"]);
         const STORAGE_KEY = "bitvid:theme";
         const FALLBACK_THEME = "dark";
+        const ACCENT_CSS_VARIABLES = Object.freeze({
+          accent: "--color-accent",
+          accentStrong: "--color-accent-strong",
+          accentPressed: "--color-accent-pressed",
+        });
         const { documentElement: root } = document;
 
         if (!(root instanceof HTMLElement)) {
@@ -62,10 +67,34 @@
           }
         };
 
+        const applyAccentOverridesFromParent = () => {
+          const parentRoot = getParentRoot();
+          if (!parentRoot) {
+            Object.values(ACCENT_CSS_VARIABLES).forEach((cssVariable) => {
+              root.style.removeProperty(cssVariable);
+            });
+            return;
+          }
+
+          Object.values(ACCENT_CSS_VARIABLES).forEach((cssVariable) => {
+            try {
+              const value = parentRoot.style.getPropertyValue(cssVariable);
+              if (typeof value === "string" && value.trim() !== "") {
+                root.style.setProperty(cssVariable, value.trim());
+              } else {
+                root.style.removeProperty(cssVariable);
+              }
+            } catch (error) {
+              root.style.removeProperty(cssVariable);
+            }
+          });
+        };
+
         const syncTheme = () => {
           const resolvedTheme =
             readParentTheme() ?? readStoredTheme() ?? FALLBACK_THEME;
           applyTheme(resolvedTheme);
+          applyAccentOverridesFromParent();
         };
 
         syncTheme();