[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  // global
  19  
  20  $body-background: $gray-100 !default;
  21  
  22  $link: #0073aa !default;
  23  $link-focus: color.adjust($link, $lightness: 10%) !default;
  24  
  25  $button-color: $highlight-color !default;
  26  $button-text-color: $text-color !default;
  27  
  28  $form-checked: #7e8993 !default;
  29  
  30  // admin menu & admin-bar
  31  
  32  $menu-text: $text-color !default;
  33  $menu-icon: $icon-color !default;
  34  $menu-background: $base-color !default;
  35  
  36  $menu-highlight-text: $text-color !default;
  37  $menu-highlight-icon: $text-color !default;
  38  $menu-highlight-background: $highlight-color !default;
  39  
  40  $menu-current-text: $menu-highlight-text !default;
  41  $menu-current-icon: $menu-highlight-icon !default;
  42  $menu-current-background: $menu-highlight-background !default;
  43  
  44  $menu-submenu-text: color.mix($base-color, $text-color, 30%) !default;
  45  $menu-submenu-background: color.adjust($base-color, $lightness: -7%) !default;
  46  $menu-submenu-background-alt: color.adjust(color.adjust($menu-background, $lightness: 7%), $saturation: -7%) !default;
  47  
  48  $menu-submenu-focus-text: $highlight-color !default;
  49  $menu-submenu-current-text: $text-color !default;
  50  
  51  $menu-bubble-text: $text-color !default;
  52  $menu-bubble-background: $notification-color !default;
  53  $menu-bubble-current-text: $text-color !default;
  54  $menu-bubble-current-background: $menu-submenu-background !default;
  55  
  56  $menu-collapse-text: $menu-icon !default;
  57  $menu-collapse-icon: $menu-icon !default;
  58  $menu-collapse-focus-text: $text-color !default;
  59  $menu-collapse-focus-icon: $menu-highlight-icon !default;
  60  
  61  $adminbar-avatar-frame: color.adjust($menu-background, $lightness: 7%) !default;
  62  $adminbar-input-background: color.adjust($menu-background, $lightness: 7%) !default;
  63  
  64  $adminbar-recovery-exit-text: $menu-bubble-text !default;
  65  $adminbar-recovery-exit-background: $menu-bubble-background !default;
  66  $adminbar-recovery-exit-background-alt: color.mix(#000, $adminbar-recovery-exit-background, 10%) !default;
  67  
  68  $menu-customizer-text: color.mix($base-color, $text-color, 40%) !default;
  69  
  70  // Dashboard Colors
  71  
  72  $custom-welcome-panel: "true" !default;
  73  $dashboard-accent-1: $menu-submenu-background !default;
  74  $dashboard-accent-2: $menu-background !default;
  75  $dashboard-icon-background: $dashboard-accent-2 !default;
  76  
  77  $low-contrast-theme: "false" !default;