remco/Atomcms-edit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve text visibility in atom and dusk themes

Browse Source 
- Add CSS variable support to dusk theme components for dynamic text colors
- Fix low-contrast preset color combinations (cyberpunk, neon, magma, forest, obsidian, space)
- Add text-shadow utility classes and apply to site header and backgrounds
- Style logout buttons as proper buttons matching other button styles
- Fix hardcoded text colors in atom theme components
This commit is contained in:
root
2026-06-24 16:03:21 +02:00
parent 391458ce49
commit 3d5f94f9b9
28 changed files with 250 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Filament/Pages/General/ThemeSettings.php
+7 -7
View File
@@ -500,8 +500,8 @@ final class ThemeSettings extends Page implements HasForms
'cyberpunk' => [
'color_primary' => '#f0f', 'color_background' => '#0a0a0f',
'color_surface' => '#1a1a2e', 'color_dropdown' => '#1a1a2e',
'color_navbar' => '#0a0a0f', 'color_navbar_text' => '#0ff', 'color_text' => '#b3e0e0',
'color_text_muted' => '#f0f', 'color_accent' => '#ff0',
'color_navbar' => '#0a0a0f', 'color_navbar_text' => '#0ff', 'color_text' => '#e0e0e0',
'color_text_muted' => '#a855f7', 'color_accent' => '#ff0',
'input_text_color' => '#b3e0e0', 'input_placeholder_color' => '#806080',
'input_border_color' => '#ec4899', 'input_background' => '#1a1a2e', 'input_focus_color' => '#f0f',
'button_primary_color' => '#f0f', 'button_text_color' => '#000',
@@ -599,7 +599,7 @@ final class ThemeSettings extends Page implements HasForms
'color_primary' => '#ff00ff', 'color_background' => '#0f0f23',
'color_surface' => '#1a1a3e', 'color_dropdown' => '#1a1a3e',
'color_navbar' => '#0f0f23', 'color_navbar_text' => '#00ffff', 'color_text' => '#e0b0e0',
'color_text_muted' => '#9400d3', 'color_accent' => '#00ffff',
'color_text_muted' => '#c084fc', 'color_accent' => '#00ffff',
'input_text_color' => '#e0b0e0', 'input_placeholder_color' => '#b366b3',
'input_border_color' => '#4c1d95', 'input_background' => '#1a1a3e', 'input_focus_color' => '#ff00ff',
'button_primary_color' => '#ff00ff', 'button_text_color' => '#000000',
@@ -716,7 +716,7 @@ final class ThemeSettings extends Page implements HasForms
'color_primary' => '#ef4444', 'color_background' => '#1c1917',
'color_surface' => '#292524', 'color_dropdown' => '#44403c',
'color_navbar' => '#1c1917', 'color_navbar_text' => '#fca5a5', 'color_text' => '#fecaca',
'color_text_muted' => '#b91c1c', 'color_accent' => '#f87171',
'color_text_muted' => '#f87171', 'color_accent' => '#f87171',
'input_text_color' => '#fecaca', 'input_placeholder_color' => '#b91c1c',
'input_border_color' => '#57534e', 'input_background' => '#292524',
'button_primary_color' => '#ef4444', 'button_text_color' => '#ffffff',
@@ -732,7 +732,7 @@ final class ThemeSettings extends Page implements HasForms
'color_primary' => '#16a34a', 'color_background' => '#052e16',
'color_surface' => '#14532d', 'color_dropdown' => '#166534',
'color_navbar' => '#052e16', 'color_navbar_text' => '#86efac', 'color_text' => '#bbf7d0',
'color_text_muted' => '#15803d', 'color_accent' => '#4ade80',
'color_text_muted' => '#4ade80', 'color_accent' => '#4ade80',
'input_text_color' => '#bbf7d0', 'input_placeholder_color' => '#15803d',
'input_border_color' => '#166534', 'input_background' => '#14532d',
'button_primary_color' => '#16a34a', 'button_text_color' => '#ffffff',
@@ -764,7 +764,7 @@ final class ThemeSettings extends Page implements HasForms
'color_primary' => '#a855f7', 'color_background' => '#0f0518',
'color_surface' => '#1e0b33', 'color_dropdown' => '#2d1654',
'color_navbar' => '#0f0518', 'color_navbar_text' => '#e9d5ff', 'color_text' => '#f3e8ff',
'color_text_muted' => '#9333ea', 'color_accent' => '#c084fc',
'color_text_muted' => '#c084fc', 'color_accent' => '#c084fc',
'input_text_color' => '#f3e8ff', 'input_placeholder_color' => '#9333ea',
'input_border_color' => '#581c87', 'input_background' => '#1e0b33',
'button_primary_color' => '#a855f7', 'button_text_color' => '#ffffff',
@@ -797,7 +797,7 @@ final class ThemeSettings extends Page implements HasForms
'color_primary' => '#71717a', 'color_background' => '#09090b',
'color_surface' => '#18181b', 'color_dropdown' => '#27272a',
'color_navbar' => '#000000', 'color_navbar_text' => '#a1a1aa', 'color_text' => '#d4d4d8',
'color_text_muted' => '#52525b', 'color_accent' => '#a1a1aa',
'color_text_muted' => '#a1a1aa', 'color_accent' => '#a1a1aa',
'input_text_color' => '#d4d4d8', 'input_placeholder_color' => '#52525b',
'input_border_color' => '#3f3f46', 'input_background' => '#18181b',
'button_primary_color' => '#52525b', 'button_text_color' => '#fafafa',