Refactor UI styles to use CSS variables for consistent theming

- Updated background colors across various templates to use CSS variables for better theming support.
- Replaced hardcoded colors with variables like `var(--ui-surface)` and `var(--ui-surface-soft)` for backgrounds.
- Adjusted text colors to use `var(--ui-text)` for improved readability and consistency.
- Enhanced the theme toggle functionality in the base template to dynamically change theme colors based on user preference.
- Ensured that all relevant templates reflect the new theming approach for a cohesive user experience.
This commit is contained in:
2026-04-20 20:20:33 +02:00
parent 2d37ded5be
commit bc61e87ab0
25 changed files with 208 additions and 147 deletions
+1 -1
View File
@@ -53,7 +53,7 @@
max-width: 500px;
margin: 50px auto;
padding: 30px;
background-color: #f8f9fa;
background-color: var(--ui-surface-soft);
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}