Palette

Color variables used in Nuclia Sistema are defined following the tables below:

All color token start with $color-
then the title from the row in the table below (like neutral )
finally the title from the column in the table below (like strong )

Stronger

Strong

Regular

Light

Lighter

Lightest

Dark

$color-dark-stronger

Light

$color-light-stronger

Neutral

$color-neutral-regular

$color-neutral-light

$color-neutral-lighter

$color-neutral-lightest

Primary

$color-primary-stronger

$color-primary-strong

$color-primary-regular

$color-primary-light

$color-primary-lighter

$color-primary-lightest

Secondary

$color-secondary-stronger

$color-secondary-strong

$color-secondary-regular

$color-secondary-light

$color-secondary-lighter

$color-secondary-lightest

Tertiary

$color-tertiary-stronger

$color-tertiary-strong

$color-tertiary-regular

$color-tertiary-light

$color-tertiary-lighter

$color-tertiary-lightest

Success

$color-success-stronger

$color-success-strong

$color-success-regular

$color-success-light

$color-success-lighter

$color-success-lightest