|
|
@ -17,13 +17,11 @@ export const applyTheme = async (input) => {
|
|
|
|
|
|
|
|
|
|
|
|
// Assuming that "worst case scenario background" is panel background since it's the most likely one
|
|
|
|
// Assuming that "worst case scenario background" is panel background since it's the most likely one
|
|
|
|
const themes3 = init(extraRules, extraRules[0].directives['--bg'].split('|')[1].trim())
|
|
|
|
const themes3 = init(extraRules, extraRules[0].directives['--bg'].split('|')[1].trim())
|
|
|
|
const head = document.head
|
|
|
|
|
|
|
|
const body = document.body
|
|
|
|
const body = document.body
|
|
|
|
body.classList.add('hidden')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const styleEl = document.createElement('style')
|
|
|
|
const styleSheet = new CSSStyleSheet()
|
|
|
|
head.appendChild(styleEl)
|
|
|
|
document.adoptedStyleSheets = [styleSheet]
|
|
|
|
const styleSheet = styleEl.sheet
|
|
|
|
body.classList.add('hidden')
|
|
|
|
|
|
|
|
|
|
|
|
getCssRules(themes3.eager, themes3.staticVars).forEach(rule => {
|
|
|
|
getCssRules(themes3.eager, themes3.staticVars).forEach(rule => {
|
|
|
|
// Hacks to support multiple selectors on same component
|
|
|
|
// Hacks to support multiple selectors on same component
|
|
|
|