From 67ebbd1fafa4d880f13cf7d50538ed3eb89f426a Mon Sep 17 00:00:00 2001
From: SirLouen <sir.louen@gmail.com>
Date: Fri, 30 Jan 2026 02:48:30 +0100
Subject: [PATCH 1/2] Administration: Add CSS custom properties for admin color
 scheme

---
 src/wp-admin/css/colors/_admin.scss | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/wp-admin/css/colors/_admin.scss b/src/wp-admin/css/colors/_admin.scss
index 553037e3d30d1..9b9ec91887443 100644
--- a/src/wp-admin/css/colors/_admin.scss
+++ b/src/wp-admin/css/colors/_admin.scss
@@ -14,6 +14,28 @@
 
 body {
 	background: variables.$body-background;
+
+	--wp-admin-color-base: #{variables.$base-color};
+	--wp-admin-color-text: #{variables.$text-color};
+	--wp-admin-color-icon: #{variables.$icon-color};
+	--wp-admin-color-highlight: #{variables.$highlight-color};
+	--wp-admin-color-notification: #{variables.$notification-color};
+	--wp-admin-color-body-background: #{variables.$body-background};
+	--wp-admin-color-link: #{variables.$link};
+	--wp-admin-color-menu-background: #{variables.$menu-background};
+	--wp-admin-color-menu-text: #{variables.$menu-text};
+	--wp-admin-color-menu-icon: #{variables.$menu-icon};
+	--wp-admin-color-menu-highlight-text: #{variables.$menu-highlight-text};
+	--wp-admin-color-menu-highlight-icon: #{variables.$menu-highlight-icon};
+	--wp-admin-color-menu-highlight-background: #{variables.$menu-highlight-background};
+	--wp-admin-color-menu-submenu-text: #{variables.$menu-submenu-text};
+	--wp-admin-color-menu-submenu-background: #{variables.$menu-submenu-background};
+	--wp-admin-color-menu-submenu-focus-text: #{variables.$menu-submenu-focus-text};
+	--wp-admin-color-menu-bubble-text: #{variables.$menu-bubble-text};
+	--wp-admin-color-menu-bubble-background: #{variables.$menu-bubble-background};
+	--wp-admin-color-menu-collapse-text: #{variables.$menu-collapse-text};
+	--wp-admin-color-menu-collapse-icon: #{variables.$menu-collapse-icon};
+	--wp-admin-color-menu-collapse-focus-icon: #{variables.$menu-collapse-focus-icon};
 }
 
 

From 0333935a4d108e00e7ef00e00d27e62592188bd9 Mon Sep 17 00:00:00 2001
From: SirLouen <sir.louen@gmail.com>
Date: Fri, 30 Jan 2026 16:39:33 +0100
Subject: [PATCH 2/2] add: Additional highlight color variables for improved
 theming

---
 src/wp-admin/css/colors/_admin.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/wp-admin/css/colors/_admin.scss b/src/wp-admin/css/colors/_admin.scss
index 9b9ec91887443..6a313b7b558e7 100644
--- a/src/wp-admin/css/colors/_admin.scss
+++ b/src/wp-admin/css/colors/_admin.scss
@@ -19,6 +19,11 @@ body {
 	--wp-admin-color-text: #{variables.$text-color};
 	--wp-admin-color-icon: #{variables.$icon-color};
 	--wp-admin-color-highlight: #{variables.$highlight-color};
+	--wp-admin-color-highlight--rgb: #{color.red(variables.$highlight-color)}, #{color.green(variables.$highlight-color)}, #{color.blue(variables.$highlight-color)};
+	--wp-admin-color-highlight-darker-10: #{color.adjust(variables.$highlight-color, $lightness: -5%)};
+	--wp-admin-color-highlight-darker-10--rgb: #{color.red(color.adjust(variables.$highlight-color, $lightness: -5%))}, #{color.green(color.adjust(variables.$highlight-color, $lightness: -5%))}, #{color.blue(color.adjust(variables.$highlight-color, $lightness: -5%))};
+	--wp-admin-color-highlight-darker-20: #{color.adjust(variables.$highlight-color, $lightness: -10%)};
+	--wp-admin-color-highlight-darker-20--rgb: #{color.red(color.adjust(variables.$highlight-color, $lightness: -10%))}, #{color.green(color.adjust(variables.$highlight-color, $lightness: -10%))}, #{color.blue(color.adjust(variables.$highlight-color, $lightness: -10%))};
 	--wp-admin-color-notification: #{variables.$notification-color};
 	--wp-admin-color-body-background: #{variables.$body-background};
 	--wp-admin-color-link: #{variables.$link};