Issue #3342896: Add the missing "Background Color" into global settings form

src/Form/EbtCoreSettingsForm.php

@@ -86,6 +86,14 @@ class EbtCoreSettingsForm extends ConfigFormBase {
       ],
     ];
 
+    $form['ebt_core_background_color'] = [
+      '#type' => 'textfield',
+      '#title' => $this->t('Background Color'),
+      '#default_value' => $config->get('ebt_core_background_color'),
+      '#description' => $this->t('HEX color for Background color. If empty the default value will be #0d77b5'),
+      '#element_validate' => [['\Drupal\ebt_core\Plugin\Field\FieldWidget\EbtSettingsDefaultWidget', 'validateColorElement']],
+    ];
+
     $form['ebt_core_mobile_breakpoint'] = [
       '#type' => 'number',
       '#title' => $this->t('Mobile breakpoint'),
@@ -153,11 +161,16 @@ class EbtCoreSettingsForm extends ConfigFormBase {
    * {@inheritdoc}
    */
   public function submitForm(array &$form, FormStateInterface $form_state) {
+
+    // If the "ebt_core_background_color" is empty, let's use the default value.
+    $ebt_core_background_color = !empty($form_state->getValue('ebt_core_background_color')) ? $form_state->getValue('ebt_core_background_color') : '#0d77b5';
+
     $this->config(static::SETTINGS)
       ->set('ebt_core_primary_color', $form_state->getValue('ebt_core_primary_color'))
       ->set('ebt_core_primary_button_text_color', $form_state->getValue('ebt_core_primary_button_text_color'))
       ->set('ebt_core_secondary_color', $form_state->getValue('ebt_core_secondary_color'))
       ->set('ebt_core_secondary_button_text_color', $form_state->getValue('ebt_core_secondary_button_text_color'))
+      ->set('ebt_core_background_color', $ebt_core_background_color)
       ->set('ebt_core_mobile_breakpoint', $form_state->getValue('ebt_core_mobile_breakpoint'))
       ->set('ebt_core_tablet_breakpoint', $form_state->getValue('ebt_core_tablet_breakpoint'))
       ->set('ebt_core_desktop_breakpoint', $form_state->getValue('ebt_core_desktop_breakpoint'))