Merge pull request #48 from AmanWebDev2/main

Added feature :Add text color to settings #47
dmotts · Oct 20, 2024 · e82d56a · e82d56a
2 parents 665e475 + 4518ab2
commit e82d56a
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 0 deletions.
diff --git a/includes/frontend-custom-css.php b/includes/frontend-custom-css.php
@@ -8,6 +8,7 @@
 function vacw_add_custom_color_to_chatbot() {
     // Retrieve the theme color from the settings, with a fallback to the default
     $theme_color = esc_attr(get_option('vacw_theme_color', '#dbe200'));
+    $text_color = esc_attr(get_option('vacw_text_color', '#000000'));
 
     // Output dynamic CSS to apply the theme color to the chatbot widget
     echo "<style>
@@ -17,6 +18,9 @@ function vacw_add_custom_color_to_chatbot() {
         .main-title { background-color: {$theme_color}; }
         button.input-send svg { fill: {$theme_color}; }
         .line { background-color: {$theme_color}; }
+        .chat-message-received { color: {$text_color}; }
+        .chat-message-sent { color: {$text_color}; }
+        .main-title { color: {$text_color}; }
     </style>";
 }
 add_action('wp_footer', 'vacw_add_custom_color_to_chatbot');
diff --git a/includes/settings-page.php b/includes/settings-page.php
@@ -67,5 +67,16 @@ function vacw_register_settings() {
             'sanitize_callback' => 'sanitize_hex_color' // Sanitize hex color value
         )
     );
+
+    // Text Color field (with sanitization for hex color values)
+    register_setting(
+        'vacw_settings_group',
+        'vacw_text_color',
+        array(
+            'type' => 'string',
+            'default' => '#000000', // Default text color
+            'sanitize_callback' => 'sanitize_hex_color' // Sanitize hex color value
+        )
+    );
 }
 add_action('admin_init', 'vacw_register_settings');
diff --git a/includes/settings.php b/includes/settings.php
@@ -80,6 +80,18 @@ class="rounded-circle me-3"
             </p>
         </div>
 
+        <!-- Add a color picker option for text -->
+        <div class="mb-3">
+            <label for="vacw_text_color" class="form-label">
+                <?php _e('Text Color', 'customer-support-bot'); ?>
+            </label>
+            <input type="text" name="vacw_text_color" id="vacw_text_color" class="vacw-color-field"
+                   value="<?php echo esc_attr(get_option('vacw_text_color', '#000000')); ?>" />
+            <p class="form-text text-muted">
+                <?php _e('Choose the text color for the chat widget.', 'customer-support-bot'); ?>
+            </p>
+        </div>
+
         <!-- Save Button -->
         <?php submit_button(__('Save Changes', 'customer-support-bot'), 'btn btn-primary'); ?>
     </form>