diff --git a/src/app.html b/src/app.html index d7c12761..1940856f 100644 --- a/src/app.html +++ b/src/app.html @@ -8,7 +8,7 @@ %sveltekit.head% - +
%sveltekit.body%
diff --git a/src/lib/Modal/AppearanceConfig.svelte b/src/lib/Modal/AppearanceConfig.svelte index 92a1a885..d75f4390 100644 --- a/src/lib/Modal/AppearanceConfig.svelte +++ b/src/lib/Modal/AppearanceConfig.svelte @@ -144,10 +144,12 @@ class:selected_theme={!mounted && _theme} >
-
+
+ + + {theme?.title} + +
diff --git a/src/lib/Modal/Index.svelte b/src/lib/Modal/Index.svelte index 66621a8f..772849a0 100644 --- a/src/lib/Modal/Index.svelte +++ b/src/lib/Modal/Index.svelte @@ -76,7 +76,7 @@ if (backdropImage) { if (backdrop) { backdrop.style.backgroundColor = 'black'; - backdrop.style.backgroundImage = 'var(--theme-background-image)'; + backdrop.style.backgroundImage = 'var(--theme-background-image), var(--theme-background-image-fallback)'; } } else { if (backdrop) { diff --git a/static/themes/godis.yaml b/static/themes/godis.yaml index 2e5ceb1f..27d516c9 100644 --- a/static/themes/godis.yaml +++ b/static/themes/godis.yaml @@ -9,6 +9,7 @@ theme: colors-sidebar-background: rgba(0, 0, 0, 0.2) sizes-sidebar-time: 3.4rem background-image: url('/themes/godis_background.webp') + background-image-fallback: url('/themes/godis_background.jpg') font-family: "'Inter Variable', system-ui" button-background-color-on: rgb(255, 255, 255) button-background-color-off: rgba(0, 0, 0, 0.3) diff --git a/static/themes/godis_background.jpg b/static/themes/godis_background.jpg new file mode 100644 index 00000000..60871cc7 Binary files /dev/null and b/static/themes/godis_background.jpg differ diff --git a/static/themes/muted.yaml b/static/themes/muted.yaml index e1f35797..df66200e 100644 --- a/static/themes/muted.yaml +++ b/static/themes/muted.yaml @@ -9,6 +9,7 @@ theme: colors-sidebar-background: rgba(0, 0, 0, 0.06) sizes-sidebar-time: 3.4rem background-image: url('/themes/muted_background.webp') + background-image-fallback: url('/themes/muted_background.jpg') font-family: "'Inter Variable', system-ui" button-background-color-on: rgba(255, 255, 255, 0.85) button-background-color-off: rgba(115, 115, 115, 0.25) diff --git a/static/themes/muted_background.jpg b/static/themes/muted_background.jpg new file mode 100644 index 00000000..fd933284 Binary files /dev/null and b/static/themes/muted_background.jpg differ diff --git a/static/themes/playground/category.yaml b/static/themes/playground/category.yaml index d8b3218b..491291cc 100644 --- a/static/themes/playground/category.yaml +++ b/static/themes/playground/category.yaml @@ -5,6 +5,7 @@ theme: global: font-family: inherit background-image: url('/themes/muted_background.webp') + background-image-fallback: url('/themes/muted_background.webp') modal: color: