javascript/AppFlowy-Web
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy-Web.git synced 2025-08-14 02:32:17 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
AppFlowy-Web/tailwind/new-colors.cjs
Kilu.He 1d172f5dff chore: modified design tokens (#101)
2025-04-21 14:41:32 +08:00

262 lines
13 KiB
JavaScript
Raw Permalink Blame History

/**
* TailwindCSS color configuration
* AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
*
* This file is auto-generated by convert-tokens.cjs script
* 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)",
"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)",
"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": {
"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)",
"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)",
"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)"
},
"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)"
}
};
Reference in New Issue View Git Blame Copy Permalink