From 93f13503688d383f68a671799fbf4c40be704e93 Mon Sep 17 00:00:00 2001
From: Rich Tabor <hi@richtabor.com>
Date: Mon, 26 Aug 2024 21:06:06 -0400
Subject: [PATCH] add styles for dark mode toggle block

---
 style.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index bdf244e..4a17b67 100644
--- a/style.css
+++ b/style.css
@@ -7,7 +7,7 @@ Description: Kanso is a simple and intuitive blog block theme designed with a fo
 Requires at least: 6.5
 Tested up to: 6.6
 Requires PHP: 7.0
-Version: 1.0.3
+Version: 1.0.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: kanso
@@ -265,7 +265,18 @@ input:not([type=submit]):focus-visible {
     padding: 12px 8px;
 }
 
-/* Third party blocks */
+/* Dark mode toggle block */
+
+.wp-block-tabor-dark-mode-toggle__track:not(.has-background) {
+	background: var(--wp--preset--color--theme-3);
+}
+
+.wp-block-tabor-dark-mode-toggle__track:not(.has-background):hover {
+    background-color: var(--wp--preset--color--theme-4);
+	color: var(--wp--preset--color--theme-6);
+}
+
+/* Other third party blocks */
 
 .wp-block-tabor-card:not(.is-style-dark) .wp-block-tabor-card__description {
 	/* CSS in theme.json for third party blocks is not supported yet; related — https://github.com/WordPress/gutenberg/issues/48439 */