From 682e4a473cdfa8141f32d5c11e7850661571e45d Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Fri, 17 Oct 2025 10:45:09 -0400
Subject: [PATCH 1/4] Sync iframe application form theme with parent
---
.../iframe_forms/iframe-application-form.html | 103 ++++++++++++++++++
1 file changed, 103 insertions(+)
diff --git a/components/iframe_forms/iframe-application-form.html b/components/iframe_forms/iframe-application-form.html
index 4165e353..4dcd3aeb 100644
--- a/components/iframe_forms/iframe-application-form.html
+++ b/components/iframe_forms/iframe-application-form.html
@@ -3,6 +3,109 @@
bitvid Whitelist Application Form
+
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 2/4] 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();
From 2ba2bdbd28365fe831a1d74335476b81feaba749 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Fri, 17 Oct 2025 10:59:14 -0400
Subject: [PATCH 3/4] Ensure iframe form applies instance accent overrides
---
.../iframe_forms/iframe-application-form.html | 85 ++++++++++++++++---
1 file changed, 73 insertions(+), 12 deletions(-)
diff --git a/components/iframe_forms/iframe-application-form.html b/components/iframe_forms/iframe-application-form.html
index f57d95e0..4959ac02 100644
--- a/components/iframe_forms/iframe-application-form.html
+++ b/components/iframe_forms/iframe-application-form.html
@@ -3,7 +3,9 @@
bitvid Whitelist Application Form
-