Add a non-js placeholder for the theme picker

2026-01-13 03:45:27 -08:00
parent efff385570
commit 85946a2b40
2 changed files with 6 additions and 2 deletions
--- a/src/frontend/components/theme-picker.tsx
+++ b/src/frontend/components/theme-picker.tsx
@@ -24,9 +24,10 @@ const THEME_NAMES: Record<string, string> = {

 export function ThemePicker() {
    return (
-        <div className="themePicker sheet-background">
+      <div className="themePicker sheet-background">
+            <noscript>Enable Javascript to select a theme</noscript>
            <label htmlFor="theme" className="hidden">Theme</label>
-            <div className="theme-controls">
+            <div className="theme-controls hidden">
                <div className="theme-mode-toggle">
                    <button
                        className="mode-btn active"