extern/glance
1
0
Fork 0
mirror of https://github.com/glanceapp/glance.git synced 2025-06-21 02:18:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Make theme key accessible via CSS

Browse Source
This commit is contained in:
Svilen Markov 2025-05-16 03:09:20 +01:00
parent a6382b2e1d
commit b294839b79
2 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
internal/glance/static/js/page.js
View File

@ -683,6 +683,7 @@ async function changeTheme(key, onChanged) {
.appendTo(document.head); .appendTo(document.head);
themeStyleElem.html(newThemeStyle); themeStyleElem.html(newThemeStyle);
document.documentElement.setAttribute("data-theme", key);
document.documentElement.setAttribute("data-scheme", response.headers.get("X-Scheme")); document.documentElement.setAttribute("data-scheme", response.headers.get("X-Scheme"));
typeof onChanged == "function" && onChanged(); typeof onChanged == "function" && onChanged();
setTimeout(() => { tempStyle.remove(); }, 10); setTimeout(() => { tempStyle.remove(); }, 10);

2
internal/glance/templates/document.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" id="top" data-scheme="{{ if .Request.Theme.Light }}light{{ else }}dark{{ end }}"> <html lang="en" id="top" data-theme="{{ .Request.Theme.Key }}" data-scheme="{{ if .Request.Theme.Light }}light{{ else }}dark{{ end }}">
<head> <head>
{{ block "document-head-before" . }}{{ end }} {{ block "document-head-before" . }}{{ end }}
<script> <script>