Newer
Older
gnexus-ui-kit / src / scss / kit-ember.scss
@Eugene Sukhodolskiy Eugene Sukhodolskiy 1 day ago 1 KB Add Ember color theme
// —————————————————————————
// Ember theme — muted warm scheme. Desaturated warm neutrals,
// a single soft orange as the expressive color; status colors
// are pulled toward it so nothing reads bright or colorful.
// Compiled alongside kit.css; the demo theme switcher swaps
// the stylesheet. Keep the palette in sync with kit-verdant.scss.
// —————————————————————————

@use "kit-deps" as * with (
	// neutrals — warm faded darks
	$color-black:        #171512,
	$color-dark:         #221E18,
	$color-grey:         #464034,
	$color-indigo:       #52493A,

	// prime neons — pulled into the warm range
	$color-cyan:         #C2A476,
	$color-electric-blue:#C9975B,
	$color-teal:         #B39A72,
	$color-neon-yellow:  #C9A15E,
	$color-neon-green:   #97A26B,

	// text tones — warm paper
	$color-text-light:   #D6CEBF,
	$color-text-medium:  #AFA695,
	$color-text-dark:    #7E7668,

	// UI state
	$color-primary:      #D6CEBF,
	$color-secondary:    #C9975B,
	$color-accent:       #CE8142,
	$color-success:      #97A26B,
	$color-warning:      #C9A15E,
	$color-error:        #C4685C,
	$color-info:         #A3988A
);

@use "kit";