[Summary view] [Print] [Text view]

   1  @use "sass:color";
   2  
   3  // Import design system tokens
   4  @use "tokens" as *;
   5  
   6  // assign default value to all undefined variables
   7  
   8  $scheme-name: "default" !default;
   9  
  10  // core variables
  11  
  12  $text-color: #fff !default;
  13  $base-color: #23282d !default;
  14  $icon-color: hsl(color.channel($base-color, "hue", $space: hsl), 7%, 95%) !default;
  15  $highlight-color: #0073aa !default;
  16  $notification-color: #d54e21 !default;
  17  
  18  
  19  // global
  20  
  21  $body-background: $gray-100 !default;
  22  
  23  $link: #0073aa !default;
  24  $link-focus: color.adjust($link, $lightness: 10%) !default;
  25  
  26  $button-color: $highlight-color !default;
  27  $button-text-color: $text-color !default;
  28  
  29  $form-checked: #7e8993 !default;
  30  
  31  // admin menu & admin-bar
  32  
  33  $menu-text: $text-color !default;
  34  $menu-icon: $icon-color !default;
  35  $menu-background: $base-color !default;
  36  
  37  $menu-highlight-text: $text-color !default;
  38  $menu-highlight-icon: $text-color !default;
  39  $menu-highlight-background: $highlight-color !default;
  40  
  41  $menu-current-text: $menu-highlight-text !default;
  42  $menu-current-icon: $menu-highlight-icon !default;
  43  $menu-current-background: $menu-highlight-background !default;
  44  
  45  $menu-submenu-text: color.mix( $base-color, $text-color, 30% ) !default;
  46  $menu-submenu-background: color.adjust($base-color, $lightness: -7%) !default;
  47  $menu-submenu-background-alt: color.adjust(color.adjust($menu-background, $lightness: 7%), $saturation: -7%) !default;
  48  
  49  $menu-submenu-focus-text: $highlight-color !default;
  50  $menu-submenu-current-text: $text-color !default;
  51  
  52  $menu-bubble-text: $text-color !default;
  53  $menu-bubble-background: $notification-color !default;
  54  $menu-bubble-current-text: $text-color !default;
  55  $menu-bubble-current-background: $menu-submenu-background !default;
  56  
  57  $menu-collapse-text: $menu-icon !default;
  58  $menu-collapse-icon: $menu-icon !default;
  59  $menu-collapse-focus-text: $text-color !default;
  60  $menu-collapse-focus-icon: $menu-highlight-icon !default;
  61  
  62  $adminbar-avatar-frame: color.adjust($menu-background, $lightness: 7%) !default;
  63  $adminbar-input-background: color.adjust($menu-background, $lightness: 7%) !default;
  64  
  65  $adminbar-recovery-exit-text: $menu-bubble-text !default;
  66  $adminbar-recovery-exit-background: $menu-bubble-background !default;
  67  $adminbar-recovery-exit-background-alt: color.mix(black, $adminbar-recovery-exit-background, 10%) !default;
  68  
  69  $menu-customizer-text: color.mix( $base-color, $text-color, 40% ) !default;
  70  
  71  // Dashboard Colors
  72  
  73  $custom-welcome-panel: "true" !default;
  74  $dashboard-accent-1: $menu-submenu-background !default;
  75  $dashboard-accent-2: $menu-background !default;
  76  $dashboard-icon-background: $dashboard-accent-2 !default;
  77  
  78  $low-contrast-theme: "false" !default;