23 lines
741 B
JavaScript
23 lines
741 B
JavaScript
|
function propagateStyles(rootStyles) {
|
||
|
|
if (window.frameElement == null) return;
|
||
|
|
const wfParent = window.frameElement.parentElement;
|
||
|
|
wfParent.style.setProperty(
|
||
|
|
"--background-color",
|
||
|
|
rootStyles.getPropertyValue("--background-color")
|
||
|
|
);
|
||
|
|
wfParent.style.setProperty("--color", rootStyles.getPropertyValue("--color"));
|
||
|
|
wfParent.style.setProperty(
|
||
|
|
"--accent-color",
|
||
|
|
rootStyles.getPropertyValue("--accent-color")
|
||
|
|
);
|
||
|
|
wfParent.style.setProperty(
|
||
|
|
"--accent-color-fg",
|
||
|
|
rootStyles.getPropertyValue("--accent-color-fg")
|
||
|
|
);
|
||
|
|
wfParent.style.setProperty("--border-style", "0.0625em solid var(--color)");
|
||
|
|
}
|
||
|
|
|
||
|
|
window.addEventListener("load", () => {
|
||
|
|
propagateStyles(getComputedStyle(document.documentElement));
|
||
|
|
});
|