From 29e451f5e5be4cde17d8940597021470aef068f5 Mon Sep 17 00:00:00 2001
From: Frank419 <hufang2007@icloud.com>
Date: Tue, 20 Aug 2024 07:54:33 +0800
Subject: [PATCH] Added a "Minimal" color palette.

---
 css/color-palette.css                    |  8 ++++++++
 includes/class-color-palette-control.php |  1 +
 js/color-palette.js                      | 22 ++++++++++++++++++++++
 3 files changed, 31 insertions(+)

diff --git a/css/color-palette.css b/css/color-palette.css
index fd70a97..4450732 100644
--- a/css/color-palette.css
+++ b/css/color-palette.css
@@ -18,6 +18,10 @@
     background-position: center center;
 }
 
+.palette-clear {
+    border: dashed 1px #c3c4c7;
+}
+
 .palette > button {
     display: block;
     width: 100%;
@@ -34,6 +38,10 @@
     background-color: #ffffff3f;
 }
 
+.palette-clear > button:hover {
+    background-color: #fff;
+}
+
 #minimalistflex-palette-galatic,
 #minimalistflex-palette-dark {
     color: #fff;
diff --git a/includes/class-color-palette-control.php b/includes/class-color-palette-control.php
index 8751544..8958c59 100644
--- a/includes/class-color-palette-control.php
+++ b/includes/class-color-palette-control.php
@@ -32,6 +32,7 @@ class MinimalistFlex_Color_Palette_Custom_Control extends WP_Customize_Control
 
         <div>
             <ul class='palettes'>
+            <li class="palette palette-clear"><button id="minimalistflex-palette-minimal"><?php echo esc_html_x( 'Minimal', 'color palette', 'minimalistflex' ) ?></li>
                 <li class="palette" style="background-image: url('<?php echo esc_attr( $theme_uri . '/defaults/palette.png' ) ?>')"><button id="minimalistflex-palette-light"><?php echo esc_html_x( 'Light', 'color palette', 'minimalistflex' ) ?></li>
                 <li class="palette" style="background-image: url('<?php echo esc_attr( $theme_uri . '/defaults/palette2.png' ) ?>')"><button id="minimalistflex-palette-dark"><?php echo esc_html_x( 'Dark', 'color palette', 'minimalistflex' ) ?></li>
                 <li class="palette" style="background-image: url('<?php echo esc_attr( $theme_uri . '/defaults/palette3.png' ) ?>')"><button id="minimalistflex-palette-galatic"><?php echo esc_html_x( 'Galatic', 'color palette', 'minimalistflex' ) ?></li>
diff --git a/js/color-palette.js b/js/color-palette.js
index 062d7a7..5bf58f8 100644
--- a/js/color-palette.js
+++ b/js/color-palette.js
@@ -1,4 +1,26 @@
 jQuery(document).ready(function($){
+    $("#minimalistflex-palette-minimal").click(function(e){
+        e.preventDefault()
+        wp.customize("minimalistflex_color_default").set("#000000")
+        wp.customize("minimalistflex_color_level3-dark").set("#666666")
+        wp.customize("minimalistflex_color_link").set("#004774")
+        wp.customize("minimalistflex_color_link-hover").set("#003663")
+        wp.customize("minimalistflex_color_header-bg").set("#ffffff")
+        wp.customize("header_textcolor").set("#000000")
+        wp.customize("minimalistflex_color_header-text").set("#000000")
+        wp.customize("minimalistflex_color_header-menu").set("#ffffff")
+        wp.customize("minimalistflex_color_header-sidebar").set("#ffffff")
+        wp.customize("minimalistflex_color_level1").set("#ffffff")
+        wp.customize("minimalistflex_color_level2").set("#ffffff")
+        wp.customize("minimalistflex_color_tint").set("#ffd900")
+        wp.customize("minimalistflex_color_tint-dark").set("#c1a400")
+        wp.customize("minimalistflex_color_tint-alt").set("#0060c1")
+        wp.customize("minimalistflex_color_tint-contrast").set("#00281d")
+        wp.customize("minimalistflex_color_contrast").set("#000000")
+        wp.customize("minimalistflex_color_contrast-dark").set("#ffffff")
+        wp.customize("minimalistflex_color_footer-text").set("#000000")
+        wp.customize("minimalistflex_color_footer-bg").set("#ffffff")
+    })
     $("#minimalistflex-palette-light").click(function(e){
         e.preventDefault()
         wp.customize("minimalistflex_color_default").set("#000000")