Gecko [ v3.cesa.co.za ]

Name	Size	Permission	Date
blue	[ DIR ]	drwxr-sr-x	2020-03-20 04:33
coffee	[ DIR ]	drwxr-sr-x	2020-03-20 04:33
ectoplasm	[ DIR ]	drwxr-sr-x	2020-03-20 04:33
light	[ DIR ]	drwxr-sr-x	2020-03-20 04:33
midnight	[ DIR ]	drwxr-sr-x	2020-03-20 04:33
modern	[ DIR ]	drwxr-sr-x	2021-12-06 16:06
ocean	[ DIR ]	drwxr-sr-x	2020-03-20 04:33
sunrise	[ DIR ]	drwxr-sr-x	2020-03-20 04:33
_admin.scss	22.84 KB	-rw-r--r--	2026-08-20 16:07
_mixins.scss	3.14 KB	-rw-r--r--	2026-07-03 02:00
_tokens.scss	8.23 KB	-rw-r--r--	2026-08-20 16:07
_variables.scss	2.56 KB	-rw-r--r--	2026-07-03 02:00

Rename

@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;