JezK
Edit File: _variables.scss
@use "sass:color"; // Import design system tokens @use "tokens" as *; // assign default value to all undefined variables $scheme-name: "default" !default; // core variables $text-color: #fff !default; $base-color: #23282d !default; $icon-color: hsl(color.channel($base-color, "hue", $space: hsl), 7%, 95%) !default; $highlight-color: #0073aa !default; $notification-color: #d54e21 !default; // global $body-background: $gray-100 !default; $link: #0073aa !default; $link-focus: color.adjust($link, $lightness: 10%) !default; $button-color: $highlight-color !default; $button-text-color: $text-color !default; $form-checked: #7e8993 !default; // admin menu & admin-bar $menu-text: $text-color !default; $menu-icon: $icon-color !default; $menu-background: $base-color !default; $menu-highlight-text: $text-color !default; $menu-highlight-icon: $text-color !default; $menu-highlight-background: $highlight-color !default; $menu-current-text: $menu-highlight-text !default; $menu-current-icon: $menu-highlight-icon !default; $menu-current-background: $menu-highlight-background !default; $menu-submenu-text: color.mix( $base-color, $text-color, 30% ) !default; $menu-submenu-background: color.adjust($base-color, $lightness: -7%) !default; $menu-submenu-background-alt: color.adjust(color.adjust($menu-background, $lightness: 7%), $saturation: -7%) !default; $menu-submenu-focus-text: $highlight-color !default; $menu-submenu-current-text: $text-color !default; $menu-bubble-text: $text-color !default; $menu-bubble-background: $notification-color !default; $menu-bubble-current-text: $text-color !default; $menu-bubble-current-background: $menu-submenu-background !default; $menu-collapse-text: $menu-icon !default; $menu-collapse-icon: $menu-icon !default; $menu-collapse-focus-text: $text-color !default; $menu-collapse-focus-icon: $menu-highlight-icon !default; $adminbar-avatar-frame: color.adjust($menu-background, $lightness: 7%) !default; $adminbar-input-background: color.adjust($menu-background, $lightness: 7%) !default; $adminbar-recovery-exit-text: $menu-bubble-text !default; $adminbar-recovery-exit-background: $menu-bubble-background !default; $adminbar-recovery-exit-background-alt: color.mix(black, $adminbar-recovery-exit-background, 10%) !default; $menu-customizer-text: color.mix( $base-color, $text-color, 40% ) !default; // Dashboard Colors $custom-welcome-panel: "true" !default; $dashboard-accent-1: $menu-submenu-background !default; $dashboard-accent-2: $menu-background !default; $dashboard-icon-background: $dashboard-accent-2 !default; $low-contrast-theme: "false" !default;