diff --git a/examples/server/webui/src/index.scss b/examples/server/webui/src/index.scss
index d5044ccb1f..4e2c4081d8 100644
--- a/examples/server/webui/src/index.scss
+++ b/examples/server/webui/src/index.scss
@@ -2,7 +2,7 @@
 @use 'tailwindcss';
 
 @plugin 'daisyui' {
-  themes: 'light', 'dark', 'cupcake', 'bumblebee', 'emerald', 'corporate', 'synthwave', 'retro', 'cyberpunk', 'valentine', 'halloween', 'garden', 'forest', 'aqua', 'lofi', 'pastel', 'fantasy', 'wireframe', 'black', 'luxury', 'dracula', 'cmyk', 'autumn', 'business', 'acid', 'lemonade', 'night', 'coffee', 'winter', 'dim', 'nord', 'sunset',
+  themes: all,
 }
 
 html {
diff --git a/examples/server/webui/src/utils/storage.ts b/examples/server/webui/src/utils/storage.ts
index 1f52a61262..1dfc9d9799 100644
--- a/examples/server/webui/src/utils/storage.ts
+++ b/examples/server/webui/src/utils/storage.ts
@@ -194,12 +194,7 @@ const StorageUtils = {
     localStorage.setItem('config', JSON.stringify(config));
   },
   getTheme(): string {
-    const theme = localStorage.getItem('theme') || 'auto';
-    const activeTheme = (theme === 'auto') ?
-      (window.matchMedia("(prefers-color-scheme: light)").matches ? 'light' : 'dark') :
-      theme;
-      
-    return activeTheme;
+    return localStorage.getItem('theme') || 'auto';
   },
   setTheme(theme: string) {
     if (theme === 'auto') {