@@ -419,25 +419,25 @@ const SettingsPage = () => {
419419 Apply experimental filters to the entire application. Combine with caution.
420420 </ p >
421421 < div className = "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8" >
422- < CustomToggle id = "fx-invert" label = "Invert Colors" checked = { isInverted } onChange = { toggleInvert } />
423- < CustomToggle id = "fx-retro" label = "Retro CRT" checked = { isRetro } onChange = { toggleRetro } />
424- < CustomToggle id = "fx-party" label = "Party Mode" checked = { isParty } onChange = { toggleParty } />
425- < CustomToggle id = "fx-mirror" label = "Mirror World" checked = { isMirror } onChange = { toggleMirror } />
426- < CustomToggle id = "fx-noir" label = "Film Noir" checked = { isNoir } onChange = { toggleNoir } />
427- < CustomToggle id = "fx-terminal" label = "Emerald Term" checked = { isTerminal } onChange = { toggleTerminal } />
428- < CustomToggle id = "fx-blueprint" label = "Blueprint" checked = { isBlueprint } onChange = { toggleBlueprint } />
429- < CustomToggle id = "fx-sepia" label = "Vintage Sepia" checked = { isSepia } onChange = { toggleSepia } />
430- < CustomToggle id = "fx-vaporwave" label = "Vaporwave" checked = { isVaporwave } onChange = { toggleVaporwave } />
431- < CustomToggle id = "fx-cyberpunk" label = "Cyberpunk" checked = { isCyberpunk } onChange = { toggleCyberpunk } />
432- < CustomToggle id = "fx-gameboy" label = "Legacy Handheld" checked = { isGameboy } onChange = { toggleGameboy } />
433- < CustomToggle id = "fx-comic" label = "Comic Array" checked = { isComic } onChange = { toggleComic } />
434- < CustomToggle id = "fx-sketchbook" label = "Graphite Map" checked = { isSketchbook } onChange = { toggleSketchbook } />
435- < CustomToggle id = "fx-hellenic" label = "Classical Agora" checked = { isHellenic } onChange = { toggleHellenic } />
436- < CustomToggle id = "fx-glitch" label = "Data Corruption" checked = { isGlitch } onChange = { toggleGlitch } />
437- < CustomToggle id = "fx-garden" label = "Flora Protocol" checked = { isGarden } onChange = { toggleGarden } />
438- < CustomToggle id = "fx-autumn" label = "Seasonal Decay" checked = { isAutumn } onChange = { toggleAutumn } />
439- < CustomToggle id = "fx-rain" label = "Hydraulic Filter" checked = { isRain } onChange = { toggleRain } />
440- < CustomToggle id = "fx-fallout" label = "Fallout Overlay" checked = { isFalloutOverlay } onChange = { toggleFalloutOverlay } />
422+ < CustomToggle id = "fx-invert" colorTheme = "rose" label = "Invert Colors" checked = { isInverted } onChange = { toggleInvert } />
423+ < CustomToggle id = "fx-retro" colorTheme = "blue" label = "Retro CRT" checked = { isRetro } onChange = { toggleRetro } />
424+ < CustomToggle id = "fx-party" colorTheme = "green" label = "Party Mode" checked = { isParty } onChange = { toggleParty } />
425+ < CustomToggle id = "fx-mirror" colorTheme = "amber" label = "Mirror World" checked = { isMirror } onChange = { toggleMirror } />
426+ < CustomToggle id = "fx-noir" colorTheme = "purple" label = "Film Noir" checked = { isNoir } onChange = { toggleNoir } />
427+ < CustomToggle id = "fx-terminal" colorTheme = "cyan" label = "Emerald Term" checked = { isTerminal } onChange = { toggleTerminal } />
428+ < CustomToggle id = "fx-blueprint" colorTheme = "indigo" label = "Blueprint" checked = { isBlueprint } onChange = { toggleBlueprint } />
429+ < CustomToggle id = "fx-sepia" colorTheme = "rose" label = "Vintage Sepia" checked = { isSepia } onChange = { toggleSepia } />
430+ < CustomToggle id = "fx-vaporwave" colorTheme = "blue" label = "Vaporwave" checked = { isVaporwave } onChange = { toggleVaporwave } />
431+ < CustomToggle id = "fx-cyberpunk" colorTheme = "green" label = "Cyberpunk" checked = { isCyberpunk } onChange = { toggleCyberpunk } />
432+ < CustomToggle id = "fx-gameboy" colorTheme = "amber" label = "Legacy Handheld" checked = { isGameboy } onChange = { toggleGameboy } />
433+ < CustomToggle id = "fx-comic" colorTheme = "purple" label = "Comic Array" checked = { isComic } onChange = { toggleComic } />
434+ < CustomToggle id = "fx-sketchbook" colorTheme = "cyan" label = "Graphite Map" checked = { isSketchbook } onChange = { toggleSketchbook } />
435+ < CustomToggle id = "fx-hellenic" colorTheme = "indigo" label = "Classical Agora" checked = { isHellenic } onChange = { toggleHellenic } />
436+ < CustomToggle id = "fx-glitch" colorTheme = "rose" label = "Data Corruption" checked = { isGlitch } onChange = { toggleGlitch } />
437+ < CustomToggle id = "fx-garden" colorTheme = "blue" label = "Flora Protocol" checked = { isGarden } onChange = { toggleGarden } />
438+ < CustomToggle id = "fx-autumn" colorTheme = "green" label = "Seasonal Decay" checked = { isAutumn } onChange = { toggleAutumn } />
439+ < CustomToggle id = "fx-rain" colorTheme = "amber" label = "Hydraulic Filter" checked = { isRain } onChange = { toggleRain } />
440+ < CustomToggle id = "fx-fallout" colorTheme = "purple" label = "Fallout Overlay" checked = { isFalloutOverlay } onChange = { toggleFalloutOverlay } />
441441 { isFalloutOverlay && (
442442 < div className = "col-span-1 md:col-span-2 lg:col-span-3 mt-4 p-6 border border-white/10 bg-white/5 rounded-sm space-y-6" >
443443 < div className = "flex items-center gap-4" >
0 commit comments