Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 1 addition & 29 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,35 +5,7 @@
<link rel="icon" type="image/svg+xml" href="/icon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>~</title>
<script>
;(function () {
const themes = __THEMES_DATA__
const defaultTheme = '__DEFAULT_THEME__'

try {
const stored = localStorage.getItem('settings')
let themeName = defaultTheme
if (stored) {
const parsed = JSON.parse(stored)
if (
parsed.currentTheme &&
themes[parsed.currentTheme]
) {
themeName = parsed.currentTheme
}
}

const theme = themes[themeName]
if (theme && theme.colors) {
const colors = theme.colors
const root = document.documentElement
for (const key in colors) {
root.style.setProperty(key, colors[key])
}
}
} catch (e) {}
})()
</script>
<script src="/theme-init.js"></script>
</head>
<body>
<div id="app"></div>
Expand Down
45 changes: 0 additions & 45 deletions plugins/inject-theme-script.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,54 +9,9 @@ export function injectThemeScript() {
'utf-8'
)

const themesModule = fs.readFileSync(
'./src/lib/config/themes.js',
'utf-8'
)
const defaultThemeMatch = themesModule.match(
/export const defaultTheme = ['"](.+?)['"]/
)

if (!defaultThemeMatch) {
console.error('Failed to extract default theme')
return html
}

const defaultTheme = defaultThemeMatch[1]

const styleTag = `<style>${themesCSS}</style>`

const themeScript = `<script>
(function() {
const defaultTheme = '${defaultTheme}';
try {
const stored = localStorage.getItem('settings');
let themeName = defaultTheme;
if (stored) {
const parsed = JSON.parse(stored);
if (parsed.currentTheme) {
themeName = parsed.currentTheme;
}
}
if (themeName === 'custom' && parsed && parsed.customThemeColors) {
var c = parsed.customThemeColors;
var s = document.createElement('style');
s.id = 'custom-theme-vars';
s.textContent = ':root.theme-custom { --bg-1:' + c.bg1 + '; --bg-2:' + c.bg2 + '; --bg-3:' + c.bg3 + '; --txt-1:' + c.txt1 + '; --txt-2:' + c.txt2 + '; --txt-3:' + c.txt3 + '; --txt-4:' + c.txt4 + '; --txt-err:' + c.txtErr + '; }';
document.head.appendChild(s);
}
document.documentElement.className = 'theme-' + themeName;
} catch (e) {
document.documentElement.className = 'theme-' + defaultTheme;
}
})();
</script>`

return html
.replace(
/<script>[\s\S]*?__THEMES_DATA__[\s\S]*?<\/script>/,
themeScript
)
.replace('</head>', `${styleTag}\n</head>`)
},
}
Expand Down
Loading