feat: add custom colors

inc/divi-color-palette.php

@@ -0,0 +1,28 @@
+<?php 
+
+if (!defined('ABSPATH')) {
+    return;
+}
+
+add_action('wp_head', function() {
+    $divi_colors = get_option('et_divi');
+
+    if (!$divi_colors) {
+        return;
+    }
+
+    $colors = $divi_colors["divi_color_palette"];
+
+    $colors = explode("|", $colors);
+    $css = ":root {";
+    foreach ($colors as $key => $color) {
+        $color_key = $key + 1;
+        $css .= "--wp-preset-divi-color-$color_key: $color;";
+    }
+
+    $css .= "}";
+
+    echo "<style>";
+    echo $css;
+    echo "</style>";
+});

src/scss/_custom.scss

@@ -0,0 +1 @@
+// custom css here

src/scss/_variables.scss

@@ -2,16 +2,18 @@
 
 $black: #000;
 $white: #fff;
-$primary: #32a709;
-$secondary: #daf238;
-$tertiary: #e4debe;
+$primary: var(--wp-preset-divi-color-1);
+$secondary: var(--wp-preset-divi-color-2);
+$tertiary: var(--wp-preset-divi-color-3);
+$quaternary: var(--wp-preset-divi-color-4);
 
 $colors: (
   "black": $black,
   "white": $white,
   "primary": $primary,
   "secondary": $secondary,
-  "tertiary": $tertiary
+  "tertiary": $tertiary,
+  "quaternary": $quaternary
 );
 
 :root {

src/scss/index.scss

@@ -3,6 +3,7 @@
 @import 'background';
 @import 'typography';
 @import 'header';
+@import 'custom';
 
 
 /* Fullwidth section and row styles */