mirror of
https://github.com/AppFlowy-IO/AppFlowy-Web.git
synced 2025-11-29 10:47:56 +08:00
chore: modified design tokens (#101)
This commit is contained in:
Kilu.He
@@ -1,267 +1,261 @@
|
||||
/**
|
||||
* TailwindCSS color configuration
|
||||
* AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
|
||||
*
|
||||
*
|
||||
* This file is auto-generated by convert-tokens.cjs script
|
||||
* Generation time: 2025-03-31T09:19:58.459Z
|
||||
*
|
||||
* Generation time: 2025-04-21T06:10:00.797Z
|
||||
*
|
||||
* To modify these colors, edit the source JSON files and run the token conversion script:
|
||||
* node scripts/system-token/convert-tokens.cjs
|
||||
*
|
||||
*
|
||||
* These colors reference CSS variables, ensure the corresponding CSS files are loaded
|
||||
*/
|
||||
|
||||
module.exports = {
|
||||
'text': {
|
||||
'primary': 'var(--text-primary)',
|
||||
'secondary': 'var(--text-secondary)',
|
||||
'tertiary': 'var(--text-tertiary)',
|
||||
'quaternary': 'var(--text-quaternary)',
|
||||
'inverse': 'var(--text-inverse)',
|
||||
'on-fill': 'var(--text-on-fill)',
|
||||
'theme': 'var(--text-theme)',
|
||||
'theme-hover': 'var(--text-theme-hover)',
|
||||
'action': 'var(--text-action)',
|
||||
'action-hover': 'var(--text-action-hover)',
|
||||
'info': 'var(--text-info)',
|
||||
'info-hover': 'var(--text-info-hover)',
|
||||
'success': 'var(--text-success)',
|
||||
'success-hover': 'var(--text-success-hover)',
|
||||
'warning': 'var(--text-warning)',
|
||||
'warning-hover': 'var(--text-warning-hover)',
|
||||
'error': 'var(--text-error)',
|
||||
'error-hover': 'var(--text-error-hover)',
|
||||
'purple': 'var(--text-purple)',
|
||||
'purple-hover': 'var(--text-purple-hover)',
|
||||
"text": {
|
||||
"primary": "var(--text-primary)",
|
||||
"secondary": "var(--text-secondary)",
|
||||
"tertiary": "var(--text-tertiary)",
|
||||
"quaternary": "var(--text-quaternary)",
|
||||
"on-fill": "var(--text-on-fill)",
|
||||
"action": "var(--text-action)",
|
||||
"action-hover": "var(--text-action-hover)",
|
||||
"info": "var(--text-info)",
|
||||
"info-hover": "var(--text-info-hover)",
|
||||
"success": "var(--text-success)",
|
||||
"success-hover": "var(--text-success-hover)",
|
||||
"warning": "var(--text-warning)",
|
||||
"warning-hover": "var(--text-warning-hover)",
|
||||
"error": "var(--text-error)",
|
||||
"error-hover": "var(--text-error-hover)",
|
||||
"featured": "var(--text-featured)",
|
||||
"featured-hover": "var(--text-featured-hover)"
|
||||
},
|
||||
'icon': {
|
||||
'primary': 'var(--icon-primary)',
|
||||
'secondary': 'var(--icon-secondary)',
|
||||
'tertiary': 'var(--icon-tertiary)',
|
||||
'quaternary': 'var(--icon-quaternary)',
|
||||
'white': 'var(--icon-white)',
|
||||
'purple-thick': 'var(--icon-purple-thick)',
|
||||
'purple-thick-hover': 'var(--icon-purple-thick-hover)',
|
||||
"icon": {
|
||||
"primary": "var(--icon-primary)",
|
||||
"secondary": "var(--icon-secondary)",
|
||||
"tertiary": "var(--icon-tertiary)",
|
||||
"quaternary": "var(--icon-quaternary)",
|
||||
"info-thick": "var(--icon-info-thick)",
|
||||
"info-thick-hover": "var(--icon-info-thick-hover)",
|
||||
"success-thick": "var(--icon-success-thick)",
|
||||
"success-thick-hover": "var(--icon-success-thick-hover)",
|
||||
"warning-thick": "var(--icon-warning-thick)",
|
||||
"warning-thick-hover": "var(--icon-warning-thick-hover)",
|
||||
"error-thick": "var(--icon-error-thick)",
|
||||
"error-thick-hover": "var(--icon-error-thick-hover)",
|
||||
"featured-thick": "var(--icon-featured-thick)",
|
||||
"featured-thick-hover": "var(--icon-featured-thick-hover)",
|
||||
"on-fill": "var(--icon-on-fill)"
|
||||
},
|
||||
'border': {
|
||||
'grey-primary': 'var(--border-grey-primary)',
|
||||
'grey-primary-hover': 'var(--border-grey-primary-hover)',
|
||||
'grey-secondary': 'var(--border-grey-secondary)',
|
||||
'grey-secondary-hover': 'var(--border-grey-secondary-hover)',
|
||||
'grey-tertiary': 'var(--border-grey-tertiary)',
|
||||
'grey-tertiary-hover': 'var(--border-grey-tertiary-hover)',
|
||||
'grey-quaternary': 'var(--border-grey-quaternary)',
|
||||
'grey-quaternary-hover': 'var(--border-grey-quaternary-hover)',
|
||||
'transparent': 'var(--border-transparent)',
|
||||
'theme-thick': 'var(--border-theme-thick)',
|
||||
'theme-thick-hover': 'var(--border-theme-thick-hover)',
|
||||
'info-thick': 'var(--border-info-thick)',
|
||||
'info-thick-hover': 'var(--border-info-thick-hover)',
|
||||
'success-thick': 'var(--border-success-thick)',
|
||||
'success-thick-hover': 'var(--border-success-thick-hover)',
|
||||
'warning-thick': 'var(--border-warning-thick)',
|
||||
'warning-thick-hover': 'var(--border-warning-thick-hover)',
|
||||
'error-thick': 'var(--border-error-thick)',
|
||||
'error-thick-hover': 'var(--border-error-thick-hover)',
|
||||
'purple-thick': 'var(--border-purple-thick)',
|
||||
'purple-thick-hover': 'var(--border-purple-thick-hover)',
|
||||
'radius-border-radius-0': 'var(--border-radius-border-radius-0)',
|
||||
'radius-border-radius-xs': 'var(--border-radius-border-radius-xs)',
|
||||
'radius-border-radius-s': 'var(--border-radius-border-radius-s)',
|
||||
'radius-border-radius-m': 'var(--border-radius-border-radius-m)',
|
||||
'radius-border-radius-l': 'var(--border-radius-border-radius-l)',
|
||||
'radius-border-radius-xl': 'var(--border-radius-border-radius-xl)',
|
||||
'radius-border-radius-xxl': 'var(--border-radius-border-radius-xxl)',
|
||||
'radius-border-radius-full': 'var(--border-radius-border-radius-full)',
|
||||
"border": {
|
||||
"primary": "var(--border-primary)",
|
||||
"primary-hover": "var(--border-primary-hover)",
|
||||
"secondary": "var(--border-secondary)",
|
||||
"secondary-hover": "var(--border-secondary-hover)",
|
||||
"tertiary": "var(--border-tertiary)",
|
||||
"tertiary-hover": "var(--border-tertiary-hover)",
|
||||
"theme-thick": "var(--border-theme-thick)",
|
||||
"theme-thick-hover": "var(--border-theme-thick-hover)",
|
||||
"info-thick": "var(--border-info-thick)",
|
||||
"info-thick-hover": "var(--border-info-thick-hover)",
|
||||
"success-thick": "var(--border-success-thick)",
|
||||
"success-thick-hover": "var(--border-success-thick-hover)",
|
||||
"warning-thick": "var(--border-warning-thick)",
|
||||
"warning-thick-hover": "var(--border-warning-thick-hover)",
|
||||
"error-thick": "var(--border-error-thick)",
|
||||
"error-thick-hover": "var(--border-error-thick-hover)",
|
||||
"featured-thick": "var(--border-featured-thick)",
|
||||
"featured-thick-hover": "var(--border-featured-thick-hover)",
|
||||
"radius-border-radius-0": "var(--border-radius-border-radius-0)",
|
||||
"radius-border-radius-xs": "var(--border-radius-border-radius-xs)",
|
||||
"radius-border-radius-s": "var(--border-radius-border-radius-s)",
|
||||
"radius-border-radius-m": "var(--border-radius-border-radius-m)",
|
||||
"radius-border-radius-l": "var(--border-radius-border-radius-l)",
|
||||
"radius-border-radius-xl": "var(--border-radius-border-radius-xl)",
|
||||
"radius-border-radius-xxl": "var(--border-radius-border-radius-xxl)",
|
||||
"radius-border-radius-full": "var(--border-radius-border-radius-full)"
|
||||
},
|
||||
'fill': {
|
||||
'primary': 'var(--fill-primary)',
|
||||
'primary-hover': 'var(--fill-primary-hover)',
|
||||
'secondary': 'var(--fill-secondary)',
|
||||
'secondary-hover': 'var(--fill-secondary-hover)',
|
||||
'tertiary': 'var(--fill-tertiary)',
|
||||
'tertiary-hover': 'var(--fill-tertiary-hover)',
|
||||
'quaternary': 'var(--fill-quaternary)',
|
||||
'quaternary-hover': 'var(--fill-quaternary-hover)',
|
||||
'transparent': 'var(--fill-transparent)',
|
||||
'primary-alpha-5': 'var(--fill-primary-alpha-5)',
|
||||
'primary-alpha-5-hover': 'var(--fill-primary-alpha-5-hover)',
|
||||
'primary-alpha-80': 'var(--fill-primary-alpha-80)',
|
||||
'primary-alpha-80-hover': 'var(--fill-primary-alpha-80-hover)',
|
||||
'white': 'var(--fill-white)',
|
||||
'white-alpha': 'var(--fill-white-alpha)',
|
||||
'white-alpha-hover': 'var(--fill-white-alpha-hover)',
|
||||
'black': 'var(--fill-black)',
|
||||
'theme-light': 'var(--fill-theme-light)',
|
||||
'theme-light-hover': 'var(--fill-theme-light-hover)',
|
||||
'theme-thick': 'var(--fill-theme-thick)',
|
||||
'theme-thick-hover': 'var(--fill-theme-thick-hover)',
|
||||
'theme-select': 'var(--fill-theme-select)',
|
||||
'info-light': 'var(--fill-info-light)',
|
||||
'info-light-hover': 'var(--fill-info-light-hover)',
|
||||
'info-thick': 'var(--fill-info-thick)',
|
||||
'info-thick-hover': 'var(--fill-info-thick-hover)',
|
||||
'success-light': 'var(--fill-success-light)',
|
||||
'success-light-hover': 'var(--fill-success-light-hover)',
|
||||
'success-thick': 'var(--fill-success-thick)',
|
||||
'success-thick-hover': 'var(--fill-success-thick-hover)',
|
||||
'warning-light': 'var(--fill-warning-light)',
|
||||
'warning-light-hover': 'var(--fill-warning-light-hover)',
|
||||
'warning-thick': 'var(--fill-warning-thick)',
|
||||
'warning-thick-hover': 'var(--fill-warning-thick-hover)',
|
||||
'error-light': 'var(--fill-error-light)',
|
||||
'error-light-hover': 'var(--fill-error-light-hover)',
|
||||
'error-thick': 'var(--fill-error-thick)',
|
||||
'error-thick-hover': 'var(--fill-error-thick-hover)',
|
||||
'error-select': 'var(--fill-error-select)',
|
||||
'purple-light': 'var(--fill-purple-light)',
|
||||
'purple-light-hover': 'var(--fill-purple-light-hover)',
|
||||
'purple-thick-hover': 'var(--fill-purple-thick-hover)',
|
||||
'purple-thick': 'var(--fill-purple-thick)',
|
||||
"fill": {
|
||||
"primary": "var(--fill-primary)",
|
||||
"primary-hover": "var(--fill-primary-hover)",
|
||||
"secondary": "var(--fill-secondary)",
|
||||
"secondary-hover": "var(--fill-secondary-hover)",
|
||||
"tertiary": "var(--fill-tertiary)",
|
||||
"tertiary-hover": "var(--fill-tertiary-hover)",
|
||||
"quaternary": "var(--fill-quaternary)",
|
||||
"quaternary-hover": "var(--fill-quaternary-hover)",
|
||||
"content": "var(--fill-content)",
|
||||
"content-hover": "var(--fill-content-hover)",
|
||||
"content-visible": "var(--fill-content-visible)",
|
||||
"content-visible-hover": "var(--fill-content-visible-hover)",
|
||||
"theme-thick": "var(--fill-theme-thick)",
|
||||
"theme-thick-hover": "var(--fill-theme-thick-hover)",
|
||||
"theme-select": "var(--fill-theme-select)",
|
||||
"info-light": "var(--fill-info-light)",
|
||||
"info-light-hover": "var(--fill-info-light-hover)",
|
||||
"info-thick": "var(--fill-info-thick)",
|
||||
"info-thick-hover": "var(--fill-info-thick-hover)",
|
||||
"success-light": "var(--fill-success-light)",
|
||||
"success-light-hover": "var(--fill-success-light-hover)",
|
||||
"warning-light": "var(--fill-warning-light)",
|
||||
"warning-light-hover": "var(--fill-warning-light-hover)",
|
||||
"error-light": "var(--fill-error-light)",
|
||||
"error-light-hover": "var(--fill-error-light-hover)",
|
||||
"error-thick": "var(--fill-error-thick)",
|
||||
"error-thick-hover": "var(--fill-error-thick-hover)",
|
||||
"error-select": "var(--fill-error-select)",
|
||||
"featured-light": "var(--fill-featured-light)",
|
||||
"featured-light-hover": "var(--fill-featured-light-hover)",
|
||||
"featured-thick": "var(--fill-featured-thick)",
|
||||
"featured-thick-hover": "var(--fill-featured-thick-hover)"
|
||||
},
|
||||
'surface': {
|
||||
'primary': 'var(--surface-primary)',
|
||||
'overlay': 'var(--surface-overlay)',
|
||||
'secondary': 'var(--surface-secondary)',
|
||||
"surface": {
|
||||
"primary": "var(--surface-primary)",
|
||||
"primary-hover": "var(--surface-primary-hover)",
|
||||
"secondary": "var(--surface-secondary)",
|
||||
"overlay": "var(--surface-overlay)"
|
||||
},
|
||||
'background': {
|
||||
'primary': 'var(--background-primary)',
|
||||
'secondary': 'var(--background-secondary)',
|
||||
'tertiary': 'var(--background-tertiary)',
|
||||
'quaternary': 'var(--background-quaternary)',
|
||||
"background": {
|
||||
"primary": "var(--background-primary)",
|
||||
"secondary": "var(--background-secondary)",
|
||||
"tertiary": "var(--background-tertiary)",
|
||||
"quaternary": "var(--background-quaternary)"
|
||||
},
|
||||
'badge': {
|
||||
'color-rose-rose-light-1': 'var(--badge-color-rose-rose-light-1)',
|
||||
'color-rose-rose-light-2': 'var(--badge-color-rose-rose-light-2)',
|
||||
'color-rose-rose-light-3': 'var(--badge-color-rose-rose-light-3)',
|
||||
'color-rose-rose-thick-1': 'var(--badge-color-rose-rose-thick-1)',
|
||||
'color-rose-rose-thick-2': 'var(--badge-color-rose-rose-thick-2)',
|
||||
'color-rose-rose-thick-3': 'var(--badge-color-rose-rose-thick-3)',
|
||||
'color-papaya-papaya-light-1': 'var(--badge-color-papaya-papaya-light-1)',
|
||||
'color-papaya-papaya-light-2': 'var(--badge-color-papaya-papaya-light-2)',
|
||||
'color-papaya-papaya-light-3': 'var(--badge-color-papaya-papaya-light-3)',
|
||||
'color-papaya-papaya-thick-1': 'var(--badge-color-papaya-papaya-thick-1)',
|
||||
'color-papaya-papaya-thick-2': 'var(--badge-color-papaya-papaya-thick-2)',
|
||||
'color-papaya-papaya-thick-3': 'var(--badge-color-papaya-papaya-thick-3)',
|
||||
'color-tangerine-tangerine-light-1': 'var(--badge-color-tangerine-tangerine-light-1)',
|
||||
'color-tangerine-tangerine-light-2': 'var(--badge-color-tangerine-tangerine-light-2)',
|
||||
'color-tangerine-tangerine-light-3': 'var(--badge-color-tangerine-tangerine-light-3)',
|
||||
'color-tangerine-tangerine-thick-1': 'var(--badge-color-tangerine-tangerine-thick-1)',
|
||||
'color-tangerine-tangerine-thick-2': 'var(--badge-color-tangerine-tangerine-thick-2)',
|
||||
'color-tangerine-tangerine-thick-3': 'var(--badge-color-tangerine-tangerine-thick-3)',
|
||||
'color-mango-mango-light-1': 'var(--badge-color-mango-mango-light-1)',
|
||||
'color-mango-mango-light-2': 'var(--badge-color-mango-mango-light-2)',
|
||||
'color-mango-mango-light-3': 'var(--badge-color-mango-mango-light-3)',
|
||||
'color-mango-mango-thick-1': 'var(--badge-color-mango-mango-thick-1)',
|
||||
'color-mango-mango-thick-2': 'var(--badge-color-mango-mango-thick-2)',
|
||||
'color-mango-mango-thick-3': 'var(--badge-color-mango-mango-thick-3)',
|
||||
'color-lemon-lemon-light-1': 'var(--badge-color-lemon-lemon-light-1)',
|
||||
'color-lemon-lemon-light-2': 'var(--badge-color-lemon-lemon-light-2)',
|
||||
'color-lemon-lemon-light-3': 'var(--badge-color-lemon-lemon-light-3)',
|
||||
'color-lemon-lemon-thick-1': 'var(--badge-color-lemon-lemon-thick-1)',
|
||||
'color-lemon-lemon-thick-2': 'var(--badge-color-lemon-lemon-thick-2)',
|
||||
'color-lemon-lemon-thick-3': 'var(--badge-color-lemon-lemon-thick-3)',
|
||||
'color-olive-olive-light-1': 'var(--badge-color-olive-olive-light-1)',
|
||||
'color-olive-olive-light-2': 'var(--badge-color-olive-olive-light-2)',
|
||||
'color-olive-olive-light-3': 'var(--badge-color-olive-olive-light-3)',
|
||||
'color-olive-olive-thick-1': 'var(--badge-color-olive-olive-thick-1)',
|
||||
'color-olive-olive-thick-2': 'var(--badge-color-olive-olive-thick-2)',
|
||||
'color-olive-olive-thick-3': 'var(--badge-color-olive-olive-thick-3)',
|
||||
'color-lime-lime-light-1': 'var(--badge-color-lime-lime-light-1)',
|
||||
'color-lime-lime-light-2': 'var(--badge-color-lime-lime-light-2)',
|
||||
'color-lime-lime-light-3': 'var(--badge-color-lime-lime-light-3)',
|
||||
'color-lime-lime-thick-1': 'var(--badge-color-lime-lime-thick-1)',
|
||||
'color-lime-lime-thick-2': 'var(--badge-color-lime-lime-thick-2)',
|
||||
'color-lime-lime-thick-3': 'var(--badge-color-lime-lime-thick-3)',
|
||||
'color-grass-grass-light-1': 'var(--badge-color-grass-grass-light-1)',
|
||||
'color-grass-grass-light-2': 'var(--badge-color-grass-grass-light-2)',
|
||||
'color-grass-grass-light-3': 'var(--badge-color-grass-grass-light-3)',
|
||||
'color-grass-grass-thick-1': 'var(--badge-color-grass-grass-thick-1)',
|
||||
'color-grass-grass-thick-2': 'var(--badge-color-grass-grass-thick-2)',
|
||||
'color-grass-grass-thick-3': 'var(--badge-color-grass-grass-thick-3)',
|
||||
'color-forest-forest-light-1': 'var(--badge-color-forest-forest-light-1)',
|
||||
'color-forest-forest-light-2': 'var(--badge-color-forest-forest-light-2)',
|
||||
'color-forest-forest-light-3': 'var(--badge-color-forest-forest-light-3)',
|
||||
'color-forest-forest-thick-1': 'var(--badge-color-forest-forest-thick-1)',
|
||||
'color-forest-forest-thick-2': 'var(--badge-color-forest-forest-thick-2)',
|
||||
'color-forest-forest-thick-3': 'var(--badge-color-forest-forest-thick-3)',
|
||||
'color-jade-jade-light-1': 'var(--badge-color-jade-jade-light-1)',
|
||||
'color-jade-jade-light-2': 'var(--badge-color-jade-jade-light-2)',
|
||||
'color-jade-jade-light-3': 'var(--badge-color-jade-jade-light-3)',
|
||||
'color-jade-jade-thick-1': 'var(--badge-color-jade-jade-thick-1)',
|
||||
'color-jade-jade-thick-2': 'var(--badge-color-jade-jade-thick-2)',
|
||||
'color-jade-jade-thick-3': 'var(--badge-color-jade-jade-thick-3)',
|
||||
'color-aqua-aqua-light-1': 'var(--badge-color-aqua-aqua-light-1)',
|
||||
'color-aqua-aqua-light-2': 'var(--badge-color-aqua-aqua-light-2)',
|
||||
'color-aqua-aqua-light-3': 'var(--badge-color-aqua-aqua-light-3)',
|
||||
'color-aqua-aqua-thick-1': 'var(--badge-color-aqua-aqua-thick-1)',
|
||||
'color-aqua-aqua-thick-2': 'var(--badge-color-aqua-aqua-thick-2)',
|
||||
'color-aqua-aqua-thick-3': 'var(--badge-color-aqua-aqua-thick-3)',
|
||||
'color-azure-azure-light-1': 'var(--badge-color-azure-azure-light-1)',
|
||||
'color-azure-azure-light-2': 'var(--badge-color-azure-azure-light-2)',
|
||||
'color-azure-azure-light-3': 'var(--badge-color-azure-azure-light-3)',
|
||||
'color-azure-azure-thick-1': 'var(--badge-color-azure-azure-thick-1)',
|
||||
'color-azure-azure-thick-2': 'var(--badge-color-azure-azure-thick-2)',
|
||||
'color-azure-azure-thick-3': 'var(--badge-color-azure-azure-thick-3)',
|
||||
'color-denim-denim-light-1': 'var(--badge-color-denim-denim-light-1)',
|
||||
'color-denim-denim-light-2': 'var(--badge-color-denim-denim-light-2)',
|
||||
'color-denim-denim-light-3': 'var(--badge-color-denim-denim-light-3)',
|
||||
'color-denim-denim-thick-1': 'var(--badge-color-denim-denim-thick-1)',
|
||||
'color-denim-denim-thick-2': 'var(--badge-color-denim-denim-thick-2)',
|
||||
'color-denim-denim-thick-3': 'var(--badge-color-denim-denim-thick-3)',
|
||||
'color-mauve-mauve-light-1': 'var(--badge-color-mauve-mauve-light-1)',
|
||||
'color-mauve-mauve-thick-2': 'var(--badge-color-mauve-mauve-thick-2)',
|
||||
'color-mauve-mauve-thick-3': 'var(--badge-color-mauve-mauve-thick-3)',
|
||||
'color-mauve-mauve-thick-1': 'var(--badge-color-mauve-mauve-thick-1)',
|
||||
'color-lavender-lavender-light-1': 'var(--badge-color-lavender-lavender-light-1)',
|
||||
'color-lavender-lavender-light-2': 'var(--badge-color-lavender-lavender-light-2)',
|
||||
'color-lavender-lavender-light-3': 'var(--badge-color-lavender-lavender-light-3)',
|
||||
'color-lavender-lavender-thick-1': 'var(--badge-color-lavender-lavender-thick-1)',
|
||||
'color-lavender-lavender-thick-2': 'var(--badge-color-lavender-lavender-thick-2)',
|
||||
'color-lavender-lavender-thick-3': 'var(--badge-color-lavender-lavender-thick-3)',
|
||||
'color-lilac-liliac-light-1': 'var(--badge-color-lilac-liliac-light-1)',
|
||||
'color-lilac-liliac-light-2': 'var(--badge-color-lilac-liliac-light-2)',
|
||||
'color-lilac-liliac-light-3': 'var(--badge-color-lilac-liliac-light-3)',
|
||||
'color-lilac-liliac-thick-1': 'var(--badge-color-lilac-liliac-thick-1)',
|
||||
'color-lilac-liliac-thick-2': 'var(--badge-color-lilac-liliac-thick-2)',
|
||||
'color-lilac-liliac-thick-3': 'var(--badge-color-lilac-liliac-thick-3)',
|
||||
'color-mallow-mallow-light-1': 'var(--badge-color-mallow-mallow-light-1)',
|
||||
'color-mallow-mallow-light-2': 'var(--badge-color-mallow-mallow-light-2)',
|
||||
'color-mallow-mallow-light-3': 'var(--badge-color-mallow-mallow-light-3)',
|
||||
'color-mallow-mallow-thick-1': 'var(--badge-color-mallow-mallow-thick-1)',
|
||||
'color-mallow-mallow-thick-2': 'var(--badge-color-mallow-mallow-thick-2)',
|
||||
'color-mallow-mallow-thick-3': 'var(--badge-color-mallow-mallow-thick-3)',
|
||||
'color-camellia-camellia-light-1': 'var(--badge-color-camellia-camellia-light-1)',
|
||||
'color-camellia-camellia-light-2': 'var(--badge-color-camellia-camellia-light-2)',
|
||||
'color-camellia-camellia-light-3': 'var(--badge-color-camellia-camellia-light-3)',
|
||||
'color-camellia-camellia-thick-1': 'var(--badge-color-camellia-camellia-thick-1)',
|
||||
'color-camellia-camellia-thick-2': 'var(--badge-color-camellia-camellia-thick-2)',
|
||||
'color-camellia-camellia-thick-3': 'var(--badge-color-camellia-camellia-thick-3)',
|
||||
'color-smoke-smoke-light-1': 'var(--badge-color-smoke-smoke-light-1)',
|
||||
'color-smoke-smoke-light-2': 'var(--badge-color-smoke-smoke-light-2)',
|
||||
'color-smoke-smoke-light-3': 'var(--badge-color-smoke-smoke-light-3)',
|
||||
'color-smoke-smoke-thick-1': 'var(--badge-color-smoke-smoke-thick-1)',
|
||||
'color-smoke-smoke-thick-2': 'var(--badge-color-smoke-smoke-thick-2)',
|
||||
'color-smoke-smoke-thick-3': 'var(--badge-color-smoke-smoke-thick-3)',
|
||||
'color-iron-icon-light-1': 'var(--badge-color-iron-icon-light-1)',
|
||||
'color-iron-icon-light-2': 'var(--badge-color-iron-icon-light-2)',
|
||||
'color-iron-icon-light-3': 'var(--badge-color-iron-icon-light-3)',
|
||||
'color-iron-icon-thick-1': 'var(--badge-color-iron-icon-thick-1)',
|
||||
'color-iron-icon-thick-2': 'var(--badge-color-iron-icon-thick-2)',
|
||||
'color-iron-icon-thick-3': 'var(--badge-color-iron-icon-thick-3)',
|
||||
"badge": {
|
||||
"color-1-1-1-light": "var(--badge-color-1-1-1-light)",
|
||||
"color-1-1-2-light": "var(--badge-color-1-1-2-light)",
|
||||
"color-1-1-3-light": "var(--badge-color-1-1-3-light)",
|
||||
"color-1-1-1-thick": "var(--badge-color-1-1-1-thick)",
|
||||
"color-1-1-2-thick": "var(--badge-color-1-1-2-thick)",
|
||||
"color-1-1-3-thick": "var(--badge-color-1-1-3-thick)",
|
||||
"color-2-2-1-light": "var(--badge-color-2-2-1-light)",
|
||||
"color-2-2-2-light": "var(--badge-color-2-2-2-light)",
|
||||
"color-2-2-3-light": "var(--badge-color-2-2-3-light)",
|
||||
"color-2-2-1-thick": "var(--badge-color-2-2-1-thick)",
|
||||
"color-2-2-2-thick": "var(--badge-color-2-2-2-thick)",
|
||||
"color-2-2-3-thick": "var(--badge-color-2-2-3-thick)",
|
||||
"color-3-3-1-light": "var(--badge-color-3-3-1-light)",
|
||||
"color-3-3-2-light": "var(--badge-color-3-3-2-light)",
|
||||
"color-3-3-3-light": "var(--badge-color-3-3-3-light)",
|
||||
"color-3-3-1-thick": "var(--badge-color-3-3-1-thick)",
|
||||
"color-3-3-2-thick": "var(--badge-color-3-3-2-thick)",
|
||||
"color-3-3-3-thick": "var(--badge-color-3-3-3-thick)",
|
||||
"color-4-4-1-light": "var(--badge-color-4-4-1-light)",
|
||||
"color-4-4-2-light": "var(--badge-color-4-4-2-light)",
|
||||
"color-4-4-3-light": "var(--badge-color-4-4-3-light)",
|
||||
"color-4-4-1-thick": "var(--badge-color-4-4-1-thick)",
|
||||
"color-4-4-2-thick": "var(--badge-color-4-4-2-thick)",
|
||||
"color-4-4-3-thick": "var(--badge-color-4-4-3-thick)",
|
||||
"color-5-5-1-light": "var(--badge-color-5-5-1-light)",
|
||||
"color-5-5-2-light": "var(--badge-color-5-5-2-light)",
|
||||
"color-5-5-3-light": "var(--badge-color-5-5-3-light)",
|
||||
"color-5-5-1-thick": "var(--badge-color-5-5-1-thick)",
|
||||
"color-5-5-2-thick": "var(--badge-color-5-5-2-thick)",
|
||||
"color-5-5-3-thick": "var(--badge-color-5-5-3-thick)",
|
||||
"color-6-6-1-light": "var(--badge-color-6-6-1-light)",
|
||||
"color-6-6-2-light": "var(--badge-color-6-6-2-light)",
|
||||
"color-6-6-3-light": "var(--badge-color-6-6-3-light)",
|
||||
"color-6-6-1-thick": "var(--badge-color-6-6-1-thick)",
|
||||
"color-6-6-2-thick": "var(--badge-color-6-6-2-thick)",
|
||||
"color-6-6-3-thick": "var(--badge-color-6-6-3-thick)",
|
||||
"color-7-7-1-light": "var(--badge-color-7-7-1-light)",
|
||||
"color-7-7-2-light": "var(--badge-color-7-7-2-light)",
|
||||
"color-7-7-3-light": "var(--badge-color-7-7-3-light)",
|
||||
"color-7-7-1-thick": "var(--badge-color-7-7-1-thick)",
|
||||
"color-7-7-2-thick": "var(--badge-color-7-7-2-thick)",
|
||||
"color-7-7-3-thick": "var(--badge-color-7-7-3-thick)",
|
||||
"color-8-8-1-light": "var(--badge-color-8-8-1-light)",
|
||||
"color-8-8-2-light": "var(--badge-color-8-8-2-light)",
|
||||
"color-8-8-3-light": "var(--badge-color-8-8-3-light)",
|
||||
"color-8-8-1-thick": "var(--badge-color-8-8-1-thick)",
|
||||
"color-8-8-2-thick": "var(--badge-color-8-8-2-thick)",
|
||||
"color-8-8-3-thick": "var(--badge-color-8-8-3-thick)",
|
||||
"color-9-9-1-light": "var(--badge-color-9-9-1-light)",
|
||||
"color-9-9-2-light": "var(--badge-color-9-9-2-light)",
|
||||
"color-9-9-3-light": "var(--badge-color-9-9-3-light)",
|
||||
"color-9-9-1-thick": "var(--badge-color-9-9-1-thick)",
|
||||
"color-9-9-2-thick": "var(--badge-color-9-9-2-thick)",
|
||||
"color-9-9-3-thick": "var(--badge-color-9-9-3-thick)",
|
||||
"color-10-10-1-light": "var(--badge-color-10-10-1-light)",
|
||||
"color-10-10-2-light": "var(--badge-color-10-10-2-light)",
|
||||
"color-10-10-3-light": "var(--badge-color-10-10-3-light)",
|
||||
"color-10-10-1-thick": "var(--badge-color-10-10-1-thick)",
|
||||
"color-10-10-2-thick": "var(--badge-color-10-10-2-thick)",
|
||||
"color-10-10-3-thick": "var(--badge-color-10-10-3-thick)",
|
||||
"color-11-11-1-light": "var(--badge-color-11-11-1-light)",
|
||||
"color-11-11-2-light": "var(--badge-color-11-11-2-light)",
|
||||
"color-11-11-3-light": "var(--badge-color-11-11-3-light)",
|
||||
"color-11-11-1-thick": "var(--badge-color-11-11-1-thick)",
|
||||
"color-11-11-2-thick": "var(--badge-color-11-11-2-thick)",
|
||||
"color-11-11-3-thick": "var(--badge-color-11-11-3-thick)",
|
||||
"color-12-12-1-light": "var(--badge-color-12-12-1-light)",
|
||||
"color-12-12-2-light": "var(--badge-color-12-12-2-light)",
|
||||
"color-12-12-3-light": "var(--badge-color-12-12-3-light)",
|
||||
"color-12-12-1-thick": "var(--badge-color-12-12-1-thick)",
|
||||
"color-12-12-2-thick": "var(--badge-color-12-12-2-thick)",
|
||||
"color-12-12-3-thick": "var(--badge-color-12-12-3-thick)",
|
||||
"color-13-13-1-light": "var(--badge-color-13-13-1-light)",
|
||||
"color-13-13-2-light": "var(--badge-color-13-13-2-light)",
|
||||
"color-13-13-3-light": "var(--badge-color-13-13-3-light)",
|
||||
"color-13-13-1-thick": "var(--badge-color-13-13-1-thick)",
|
||||
"color-13-13-2-thick": "var(--badge-color-13-13-2-thick)",
|
||||
"color-13-13-3-thick": "var(--badge-color-13-13-3-thick)",
|
||||
"color-14-14-1-light": "var(--badge-color-14-14-1-light)",
|
||||
"color-14-14-2-light": "var(--badge-color-14-14-2-light)",
|
||||
"color-14-14-3-light": "var(--badge-color-14-14-3-light)",
|
||||
"color-14-14-1-thick": "var(--badge-color-14-14-1-thick)",
|
||||
"color-14-14-2-thick": "var(--badge-color-14-14-2-thick)",
|
||||
"color-14-14-3-thick": "var(--badge-color-14-14-3-thick)",
|
||||
"color-15-15-1-light": "var(--badge-color-15-15-1-light)",
|
||||
"color-15-15-2-light": "var(--badge-color-15-15-2-light)",
|
||||
"color-15-15-3-light": "var(--badge-color-15-15-3-light)",
|
||||
"color-15-15-1-thick": "var(--badge-color-15-15-1-thick)",
|
||||
"color-15-15-2-thick": "var(--badge-color-15-15-2-thick)",
|
||||
"color-15-15-3-thick": "var(--badge-color-15-15-3-thick)",
|
||||
"color-16-16-1-light": "var(--badge-color-16-16-1-light)",
|
||||
"color-16-16-2-light": "var(--badge-color-16-16-2-light)",
|
||||
"color-16-16-3-light": "var(--badge-color-16-16-3-light)",
|
||||
"color-16-16-1-thick": "var(--badge-color-16-16-1-thick)",
|
||||
"color-16-16-2-thick": "var(--badge-color-16-16-2-thick)",
|
||||
"color-16-16-3-thick": "var(--badge-color-16-16-3-thick)",
|
||||
"color-17-17-1-light": "var(--badge-color-17-17-1-light)",
|
||||
"color-17-17-2-light": "var(--badge-color-17-17-2-light)",
|
||||
"color-17-17-3-light": "var(--badge-color-17-17-3-light)",
|
||||
"color-17-17-1-thick": "var(--badge-color-17-17-1-thick)",
|
||||
"color-17-17-2-thick": "var(--badge-color-17-17-2-thick)",
|
||||
"color-17-17-3-thick": "var(--badge-color-17-17-3-thick)",
|
||||
"color-18-18-1-light": "var(--badge-color-18-18-1-light)",
|
||||
"color-18-18-2-light": "var(--badge-color-18-18-2-light)",
|
||||
"color-18-18-3-light": "var(--badge-color-18-18-3-light)",
|
||||
"color-18-18-1-thick": "var(--badge-color-18-18-1-thick)",
|
||||
"color-18-18-2-thick": "var(--badge-color-18-18-2-thick)",
|
||||
"color-18-18-3-thick": "var(--badge-color-18-18-3-thick)",
|
||||
"color-19-19-1-light": "var(--badge-color-19-19-1-light)",
|
||||
"color-19-19-2-light": "var(--badge-color-19-19-2-light)",
|
||||
"color-19-19-3-light": "var(--badge-color-19-19-3-light)",
|
||||
"color-19-19-1-thick": "var(--badge-color-19-19-1-thick)",
|
||||
"color-19-19-2-thick": "var(--badge-color-19-19-2-thick)",
|
||||
"color-19-19-3-thick": "var(--badge-color-19-19-3-thick)",
|
||||
"color-20-20-1-light": "var(--badge-color-20-20-1-light)",
|
||||
"color-20-20-2-light": "var(--badge-color-20-20-2-light)",
|
||||
"color-20-20-3-light": "var(--badge-color-20-20-3-light)",
|
||||
"color-20-20-1-thick": "var(--badge-color-20-20-1-thick)",
|
||||
"color-20-20-2-thick": "var(--badge-color-20-20-2-thick)",
|
||||
"color-20-20-3-thick": "var(--badge-color-20-20-3-thick)"
|
||||
},
|
||||
'brand': {
|
||||
'skyline': 'var(--brand-skyline)',
|
||||
'aqua': 'var(--brand-aqua)',
|
||||
'violet': 'var(--brand-violet)',
|
||||
'amethyst': 'var(--brand-amethyst)',
|
||||
'berry': 'var(--brand-berry)',
|
||||
'coral': 'var(--brand-coral)',
|
||||
'golden': 'var(--brand-golden)',
|
||||
'amber': 'var(--brand-amber)',
|
||||
'lemon': 'var(--brand-lemon)',
|
||||
},
|
||||
'other': {
|
||||
'colors-text-highlight': 'var(--other-colors-text-highlight)',
|
||||
"brand": {
|
||||
"skyline": "var(--brand-skyline)",
|
||||
"aqua": "var(--brand-aqua)",
|
||||
"violet": "var(--brand-violet)",
|
||||
"amethyst": "var(--brand-amethyst)",
|
||||
"berry": "var(--brand-berry)",
|
||||
"coral": "var(--brand-coral)",
|
||||
"golden": "var(--brand-golden)",
|
||||
"amber": "var(--brand-amber)",
|
||||
"lemon": "var(--brand-lemon)"
|
||||
},
|
||||
"other": {
|
||||
"colors-text-highlight": "var(--other-colors-text-highlight)"
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user