Newer
Older
gnexus-ui-kit / src / scss / _palette-colors.scss
// —————————————————————————
// Cyberpunk Mix Palette with a light Tokyo Night influence
// —————————————————————————

// neutrals
$color-black:        #16161E;
$color-dark:         #1F2335;
$color-grey:         #414868;

// prime neons
$color-cyan:         #7DCFFF;
$color-magenta:      #FF00CC;
$color-hot-pink:     #FF1492;
$color-electric-blue:#7AA2F7;
$color-orange:       #FF9E64;

// secondary accents
$color-purple:       #BB9AF7;
$color-indigo:       #565F89;
$color-teal:         #73DACA;

// highlights
$color-neon-yellow:  #E0AF68;
$color-neon-green:   #9ECE6A;

// text tones
$color-text-light:   #C0CAF5;
$color-text-medium:  #A9B1D6;
$color-text-dark:    #787C99;

// UI state
$color-primary:      $color-text-light;
$color-secondary:    $color-electric-blue;
$color-accent:       $color-orange;
$color-success:      $color-neon-green;
$color-warning:      $color-neon-yellow;
$color-error:        #F7768E;
$color-info:         $color-purple;