$color-base-gray-100 |
"#f2f2f2" |
$color-base-gray-200 |
"#e0e0e0" |
$color-base-gray-300 |
"#a8a8a8" |
$color-base-gray-400 |
"#8d8d8d" |
$color-base-gray-500 |
"#6f6f6f" |
$color-base-gray-600 |
"#525252" |
$color-base-gray-700 |
"#363534" |
$color-base-orange-300 |
"#f68c2c" |
$color-base-orange-900 |
"#bc5801" |
$color-base-white |
"#ffffff" |
$color-border-base |
"#363534" |
$color-border-focus |
"#363534" |
$color-border-inverse-base |
"#ffffff" |
$color-border-inverse-focus |
"#ffffff" |
$color-border-button-outline |
"#363534" |
$color-border-button-inverse-outline |
"#ffffff" |
$color-brand-background |
"#ffffff" |
$color-brand-primary-base |
"#363534" |
$color-brand-primary-hover |
"#525252" |
$color-brand-primary-active |
"#6f6f6f" |
$color-brand-primary-disabled |
"#a8a8a8" |
$color-brand-surface-base |
"#f2f2f2" |
$color-brand-surface-hover |
"#e0e0e0" |
$color-brand-surface-active |
"#a8a8a8" |
$color-brand-surface-disabled |
"#a8a8a8" |
$color-brand-on-primary |
"#ffffff" |
$color-brand-on-surface |
"#363534" |
$color-brand-on-background-base |
"#363534" |
$color-brand-on-background-variant |
"#6f6f6f" |
$color-brand-inverse-background |
"#363534" |
$color-brand-inverse-primary-base |
"#ffffff" |
$color-brand-inverse-primary-hover |
"#f2f2f2" |
$color-brand-inverse-primary-active |
"#e0e0e0" |
$color-brand-inverse-primary-disabled |
"#a8a8a8" |
$color-brand-inverse-surface-base |
"#525252" |
$color-brand-inverse-surface-hover |
"#6f6f6f" |
$color-brand-inverse-surface-active |
"#8d8d8d" |
$color-brand-inverse-surface-disabled |
"#a8a8a8" |
$color-brand-inverse-on-primary |
"#363534" |
$color-brand-inverse-on-surface |
"#ffffff" |
$color-brand-inverse-on-background-base |
"#ffffff" |
$color-brand-inverse-on-background-variant |
"#a8a8a8" |
$color-brand-support-informational |
"#363534" |
$color-brand-support-error |
"#f4d8da" |
$color-brand-support-warning |
"#ffdd99" |
$color-brand-support-success |
"#000000" |
$color-brand-support-on-informational |
"#ffffff" |
$color-brand-support-on-error |
"#b10009" |
$color-brand-support-on-warning |
"#363534" |
$color-brand-support-on-success |
"#000000" |
$color-font-button-primary |
"#ffffff" |
$color-font-button-outline |
"#363534" |
$color-font-button-ghost |
"#363534" |
$color-font-button-disabled |
"#363534" |
$color-font-button-inverse-primary |
"#363534" |
$color-font-button-inverse-outline |
"#ffffff" |
$color-font-button-inverse-ghost |
"#ffffff" |
$color-support-error-base |
"#b10009" |
$color-support-error-light |
"#f4d8da" |
$color-support-warning-base |
"#ffdd99" |
$color-support-warning-light |
"#ffeecc" |
$color-support-success-base |
"#006600" |
$color-support-success-light |
"#d8ecb6" |