config for status bar color

Author: reloxx13

admin/components/head.admin.php

@@ -12,7 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no, viewport-fit=cover">
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="msapplication-TileColor" content="<?=$config['colors']['primary']?>">
-    <meta name="theme-color" content="#000000">
+    <meta name="theme-color" content="<?=$config['colors']['status_bar'] ?? '#000000'?>">
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 

lib/configsetup.inc.php

@@ -3025,6 +3025,14 @@
             'placeholder' => $defaultConfig['colors']['box'],
             'value' => $config['colors']['box'],
         ],
+        'colors_status_bar' => [
+            'view' => 'expert',
+            'type' => 'color',
+            'name' => 'colors[status_bar]',
+            'data-theme-field' => 'true',
+            'placeholder' => $defaultConfig['colors']['status_bar'],
+            'value' => $config['colors']['status_bar'],
+        ],
         'colors_gallery_button' => [
             'view' => 'expert',
             'type' => 'color',

resources/lang/de.json

@@ -964,6 +964,7 @@
   "userinterface:colors_background_countdown": "Countdown Hintergrundfarbe",
   "userinterface:colors_border": "Umrandungsfarbe",
   "userinterface:colors_box": "Feldfarbe",
+  "userinterface:colors_status_bar": "Statusleistenfarbe",
   "userinterface:colors_button_font": "Schriftfarbe der Schaltflächen",
   "userinterface:colors_cheese": "Lächeln Farbe",
   "userinterface:colors_countdown": "Countdown-Farbe",

resources/lang/en.json

@@ -967,6 +967,7 @@
   "userinterface:colors_background_countdown": "Countdown background color",
   "userinterface:colors_border": "Border color",
   "userinterface:colors_box": "Field color",
+  "userinterface:colors_status_bar": "Status bar color",
   "userinterface:colors_button_font": "Buttons font color",
   "userinterface:colors_cheese": "Cheese color",
   "userinterface:colors_countdown": "Countdown color",

src/Configuration/Section/ColorsConfiguration.php

@@ -26,6 +26,7 @@ public static function getNode(): NodeDefinition
                 ->scalarNode('panel')->defaultValue('#1b3faa')->end()
                 ->scalarNode('border')->defaultValue('#eeeeee')->end()
                 ->scalarNode('box')->defaultValue('#e8ebf6')->end()
+                ->scalarNode('status_bar')->defaultValue('#000000')->end()
                 ->scalarNode('gallery_button')->defaultValue('#ffffff')->end()
             ->end();
     }

template/components/main.head.php

@@ -20,7 +20,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="msapplication-TileColor" content="<?= $config['colors']['primary'] ?>">
-    <meta name="theme-color" content="#000000">
+    <meta name="theme-color" content="<?= $config['colors']['status_bar'] ?? '#000000' ?>">
 
     <title><?= $pageTitle ?></title>