Implementation FOERBICO Design System & Farbschema#123
Merged
johappel merged 14 commits intocardsboardfrom Feb 21, 2026
Merged
Conversation
…d Schriftarten, aktualisiere Komponenten-Stile
…n System, füge neue Farbvariablen und technische Fixes hinzu
… und verbessere Benutzeroberfläche
…iere Farbwechsel im SettingsPanel und aktualisiere den settingsStore
…alisiere die CSS-Variablen
…konsistenten Stil
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Zusammenfassung
Implementierung des FOERBICO Design Systems mit 4 Themes (stil/stil-dark/rpi/rpi-dark), Board-Hintergrundgradienten, Farbschema-Wechsel im SettingsPanel sowie mehrere Accessibility- und UI-Verbesserungen.
Änderungen
Design System & Themes
app.css:stil(light),stil-dark,rpi(light),rpi-dark--board-bg) für rpi/rpi-dark mit primary→accent diagonal--color-slate,--color-blue, etc.)Farbschema-Wechsel (SettingsPanel)
settingsStoreerweitert umcolorScheme-Eigenschaft mit Persistierungrpi,dark) werden dynamisch auf<html>gesetztAccessibility (A11y)
--muted-foregroundin beiden Dark-Themes vonoklch(65%)aufoklch(72%)erhöht für besseren Kontrast (WCAG)opacity-50durchtext-muted-foregroundersetzt — ändert nur Text/Icon-Farbe statt gesamte Opazität zu reduzierenCOLOR-SHEME.mdmit A11y-Optimierung dokumentiertUI-Polish
group-hover:bg-primary/15 group-hover:text-primaryGeänderte Dateien (15)
colorSchemeProperty + PersistierungTesting