javascript/AppFlowy-Web
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy-Web.git synced 2025-08-06 19:20:25 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
AppFlowy-Web/tailwind/new-colors.cjs
Richard Shiue 1b030ed242 chore: update color tokens to v0.0.4 (#128) 
* chore: import json

* chore: generate css vars
2025-06-10 18:02:44 +08:00

274 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-06-10T08:51:13.565Z
*
* 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)",
"text-select": "var(--fill-text-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)",
"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)",
"layer-01": "var(--surface-layer-01)",
"layer-01-hover": "var(--surface-layer-01-hover)",
"layer-02": "var(--surface-layer-02)",
"layer-02-hover": "var(--surface-layer-02-hover)",
"layer-03": "var(--surface-layer-03)",
"layer-03-hover": "var(--surface-layer-03-hover)",
"layer-04": "var(--surface-layer-04)",
"layer-04-hover": "var(--surface-layer-04-hover)",
"inverse": "var(--surface-inverse)",
"secondary": "var(--surface-secondary)",
"overlay": "var(--surface-overlay)",
"container-layer-01": "var(--surface-container-layer-01)",
"container-layer-02": "var(--surface-container-layer-02)",
"container-layer-03": "var(--surface-container-layer-03)"
},
"background": {
"primary": "var(--background-primary)"
},
"badge": {
"color-1-light-1": "var(--badge-color-1-light-1)",
"color-1-light-2": "var(--badge-color-1-light-2)",
"color-1-light-3": "var(--badge-color-1-light-3)",
"color-1-thick-1": "var(--badge-color-1-thick-1)",
"color-1-thick-2": "var(--badge-color-1-thick-2)",
"color-1-thick-3": "var(--badge-color-1-thick-3)",
"color-2-light-1": "var(--badge-color-2-light-1)",
"color-2-light-2": "var(--badge-color-2-light-2)",
"color-2-light-3": "var(--badge-color-2-light-3)",
"color-2-thick-1": "var(--badge-color-2-thick-1)",
"color-2-thick-2": "var(--badge-color-2-thick-2)",
"color-2-thick-3": "var(--badge-color-2-thick-3)",
"color-3-light-1": "var(--badge-color-3-light-1)",
"color-3-light-2": "var(--badge-color-3-light-2)",
"color-3-light-3": "var(--badge-color-3-light-3)",
"color-3-thick-1": "var(--badge-color-3-thick-1)",
"color-3-thick-2": "var(--badge-color-3-thick-2)",
"color-3-thick-3": "var(--badge-color-3-thick-3)",
"color-4-light-1": "var(--badge-color-4-light-1)",
"color-4-light-2": "var(--badge-color-4-light-2)",
"color-4-light-3": "var(--badge-color-4-light-3)",
"color-4-thick-1": "var(--badge-color-4-thick-1)",
"color-4-thick-2": "var(--badge-color-4-thick-2)",
"color-4-thick-3": "var(--badge-color-4-thick-3)",
"color-5-light-1": "var(--badge-color-5-light-1)",
"color-5-light-2": "var(--badge-color-5-light-2)",
"color-5-light-3": "var(--badge-color-5-light-3)",
"color-5-thick-1": "var(--badge-color-5-thick-1)",
"color-5-thick-2": "var(--badge-color-5-thick-2)",
"color-5-thick-3": "var(--badge-color-5-thick-3)",
"color-6-light-1": "var(--badge-color-6-light-1)",
"color-6-light-2": "var(--badge-color-6-light-2)",
"color-6-light-3": "var(--badge-color-6-light-3)",
"color-6-thick-1": "var(--badge-color-6-thick-1)",
"color-6-thick-2": "var(--badge-color-6-thick-2)",
"color-6-thick-3": "var(--badge-color-6-thick-3)",
"color-7-light-1": "var(--badge-color-7-light-1)",
"color-7-light-2": "var(--badge-color-7-light-2)",
"color-7-light-3": "var(--badge-color-7-light-3)",
"color-7-thick-1": "var(--badge-color-7-thick-1)",
"color-7-thick-2": "var(--badge-color-7-thick-2)",
"color-7-thick-3": "var(--badge-color-7-thick-3)",
"color-8-light-1": "var(--badge-color-8-light-1)",
"color-8-light-2": "var(--badge-color-8-light-2)",
"color-8-light-3": "var(--badge-color-8-light-3)",
"color-8-thick-1": "var(--badge-color-8-thick-1)",
"color-8-thick-2": "var(--badge-color-8-thick-2)",
"color-8-thick-3": "var(--badge-color-8-thick-3)",
"color-9-light-1": "var(--badge-color-9-light-1)",
"color-9-light-2": "var(--badge-color-9-light-2)",
"color-9-light-3": "var(--badge-color-9-light-3)",
"color-9-thick-1": "var(--badge-color-9-thick-1)",
"color-9-thick-2": "var(--badge-color-9-thick-2)",
"color-9-thick-3": "var(--badge-color-9-thick-3)",
"color-10-light-1": "var(--badge-color-10-light-1)",
"color-10-light-2": "var(--badge-color-10-light-2)",
"color-10-light-3": "var(--badge-color-10-light-3)",
"color-10-thick-1": "var(--badge-color-10-thick-1)",
"color-10-thick-2": "var(--badge-color-10-thick-2)",
"color-10-thick-3": "var(--badge-color-10-thick-3)",
"color-11-light-1": "var(--badge-color-11-light-1)",
"color-11-light-2": "var(--badge-color-11-light-2)",
"color-11-light-3": "var(--badge-color-11-light-3)",
"color-11-thick-1": "var(--badge-color-11-thick-1)",
"color-11-thick-2": "var(--badge-color-11-thick-2)",
"color-11-thick-3": "var(--badge-color-11-thick-3)",
"color-12-light-1": "var(--badge-color-12-light-1)",
"color-12-light-2": "var(--badge-color-12-light-2)",
"color-12-light-3": "var(--badge-color-12-light-3)",
"color-12-thick-1": "var(--badge-color-12-thick-1)",
"color-12-thick-2": "var(--badge-color-12-thick-2)",
"color-12-thick-3": "var(--badge-color-12-thick-3)",
"color-13-light-1": "var(--badge-color-13-light-1)",
"color-13-light-2": "var(--badge-color-13-light-2)",
"color-13-light-3": "var(--badge-color-13-light-3)",
"color-13-thick-1": "var(--badge-color-13-thick-1)",
"color-13-thick-2": "var(--badge-color-13-thick-2)",
"color-13-thick-3": "var(--badge-color-13-thick-3)",
"color-14-light-1": "var(--badge-color-14-light-1)",
"color-14-light-2": "var(--badge-color-14-light-2)",
"color-14-light-3": "var(--badge-color-14-light-3)",
"color-14-thick-1": "var(--badge-color-14-thick-1)",
"color-14-thick-2": "var(--badge-color-14-thick-2)",
"color-14-thick-3": "var(--badge-color-14-thick-3)",
"color-15-light-1": "var(--badge-color-15-light-1)",
"color-15-light-2": "var(--badge-color-15-light-2)",
"color-15-light-3": "var(--badge-color-15-light-3)",
"color-15-thick-1": "var(--badge-color-15-thick-1)",
"color-15-thick-2": "var(--badge-color-15-thick-2)",
"color-15-thick-3": "var(--badge-color-15-thick-3)",
"color-16-light-1": "var(--badge-color-16-light-1)",
"color-16-light-2": "var(--badge-color-16-light-2)",
"color-16-light-3": "var(--badge-color-16-light-3)",
"color-16-thick-1": "var(--badge-color-16-thick-1)",
"color-16-thick-2": "var(--badge-color-16-thick-2)",
"color-16-thick-3": "var(--badge-color-16-thick-3)",
"color-17-light-1": "var(--badge-color-17-light-1)",
"color-17-light-2": "var(--badge-color-17-light-2)",
"color-17-light-3": "var(--badge-color-17-light-3)",
"color-17-thick-1": "var(--badge-color-17-thick-1)",
"color-17-thick-2": "var(--badge-color-17-thick-2)",
"color-17-thick-3": "var(--badge-color-17-thick-3)",
"color-18-light-1": "var(--badge-color-18-light-1)",
"color-18-light-2": "var(--badge-color-18-light-2)",
"color-18-light-3": "var(--badge-color-18-light-3)",
"color-18-thick-1": "var(--badge-color-18-thick-1)",
"color-18-thick-2": "var(--badge-color-18-thick-2)",
"color-18-thick-3": "var(--badge-color-18-thick-3)",
"color-19-light-1": "var(--badge-color-19-light-1)",
"color-19-light-2": "var(--badge-color-19-light-2)",
"color-19-light-3": "var(--badge-color-19-light-3)",
"color-19-thick-1": "var(--badge-color-19-thick-1)",
"color-19-thick-2": "var(--badge-color-19-thick-2)",
"color-19-thick-3": "var(--badge-color-19-thick-3)",
"color-20-light-1": "var(--badge-color-20-light-1)",
"color-20-light-2": "var(--badge-color-20-light-2)",
"color-20-light-3": "var(--badge-color-20-light-3)",
"color-20-thick-1": "var(--badge-color-20-thick-1)",
"color-20-thick-2": "var(--badge-color-20-thick-2)",
"color-20-thick-3": "var(--badge-color-20-thick-3)"
},
"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