Theme-Editor: Accessibility Fluid Dark Variante hinzugefügt

Author: skerbis

fragments/ConsentManager/theme_editor.php

@@ -26,7 +26,7 @@
         </div>
     </div>
 
-    <?php if ('fluid' === $themeBase): ?>
+    <?php if ('fluid' === $themeBase || 'fluid_dark' === $themeBase): ?>
     <div class="panel panel-warning">
         <div class="panel-heading">
             <h3 class="panel-title"><i class="rex-icon fa-exclamation-triangle"></i> Hinweis zur Barrierefreiheit bei Glaseffekt-Themes</h3>
@@ -99,7 +99,7 @@ class="btn <?= $themeBase === $key ? 'btn-primary' : 'btn-default' ?>">
                                     <span class="input-group-addon color-hex-display"><?= rex_escape($colors['background']) ?></span>
                                 </div>
                             </div>
-                            <?php if ('fluid' === $themeBase): ?>
+                            <?php if ('fluid' === $themeBase || 'fluid_dark' === $themeBase): ?>
                             <div class="form-group">
                                 <label for="background_opacity">Hintergrund-Transparenz: <span id="background_opacity_value"><?= rex_escape($colors['background_opacity'] ?? '100') ?>%</span></label>
                                 <input type="range" class="form-control" id="background_opacity" name="background_opacity" min="0" max="100" value="<?= rex_escape($colors['background_opacity'] ?? '100') ?>">
@@ -211,7 +211,7 @@ class="btn <?= $themeBase === $key ? 'btn-primary' : 'btn-default' ?>">
                                     <span class="input-group-addon color-hex-display"><?= rex_escape($colors['details_bg'] ?? '#f8f9fa') ?></span>
                                 </div>
                             </div>
-                            <?php if ('fluid' === $themeBase): ?>
+                            <?php if ('fluid' === $themeBase || 'fluid_dark' === $themeBase): ?>
                             <div class="form-group">
                                 <label for="details_bg_opacity">Hintergrund-Transparenz: <span id="details_bg_opacity_value"><?= rex_escape($colors['details_bg_opacity'] ?? '100') ?>%</span></label>
                                 <input type="range" class="form-control" id="details_bg_opacity" name="details_bg_opacity" min="0" max="100" value="<?= rex_escape($colors['details_bg_opacity'] ?? '100') ?>">

lib/Theme.php

@@ -172,7 +172,7 @@ public static function generateA11yThemeScss(string $base, string $name, string
         $isBannerTop = ('banner_top' === $base);
         $isBannerBottom = ('banner_bottom' === $base);
         $isMinimal = ('minimal' === $base);
-        $isFluid = ('fluid' === $base);
+        $isFluid = ('fluid' === $base || 'fluid_dark' === $base);
         $isBanner = $isBannerTop || $isBannerBottom;
 
         // Base values depending on theme type

pages/theme_editor.php

@@ -25,6 +25,7 @@
     'banner_bottom' => 'Accessibility Banner (Bottom) - Banner unten',
     'minimal' => 'Accessibility Minimal - Ecke unten rechts',
     'fluid' => 'Accessibility Fluid - Responsive mit Glaseffekt',
+    'fluid_dark' => 'Accessibility Fluid Dark - Responsive mit dunklem Glaseffekt',
 ];
 
 // Default colors
@@ -228,6 +229,41 @@
         'shadow_color' => '#6366f1',
         'shadow_opacity' => '15',
     ],
+    'fluid_dark' => [
+        'accent' => '#a78bfa',
+        'button_bg' => '#a78bfa',
+        'button_text' => '#0f0f23',
+        'button_hover' => '#c4b5fd',
+        'button_hover_text' => '#0f0f23',
+        'focus' => '#fbbf24',
+        'link' => '#a78bfa',
+        'link_hover' => '#c4b5fd',
+        'details_link' => '#a78bfa',
+        'details_link_hover' => '#c4b5fd',
+        'details_toggle_border' => '#a78bfa',
+        'details_toggle_border_width' => '2',
+        'details_bg' => '#1e1e2e',
+        'details_bg_opacity' => '95',
+        'details_text' => '#cdd6f4',
+        'details_heading' => '#ffffff',
+        'details_border' => '#45475a',
+        'details_border_opacity' => '50',
+        'title' => '#ffffff',
+        'background' => '#1e1e2e',
+        'background_opacity' => '85',
+        'text' => '#cdd6f4',
+        'overlay' => '#000000',
+        'overlay_opacity' => '60',
+        'border_radius' => '16',
+        'border_width' => '1',
+        'button_style' => 'filled',
+        'button_radius' => '12',
+        'button_border_width' => '0',
+        'button_border_color' => '#a78bfa',
+        'shadow_style' => 'large',
+        'shadow_color' => '#a78bfa',
+        'shadow_opacity' => '20',
+    ],
 ];
 
 // Get current colors from form or defaults