@fastwork/xosmoz-theme 0.64.0 → 0.65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tokens/typography.ts","../src/themes/light.ts","../src/themes/dark.ts","../src/themes/index.ts"],"names":["fontSize","fontWeight","fontFamily","primary","secondary","lineHeight","headings","heading1","desktop","mobile","heading2","heading3","heading4","heading5","heading6","titles","title1","title2","title3","title4","subtitles","subtitle1Bold","subtitle1Regular","subtitle2Bold","subtitle2Regular","subtitle3Bold","subtitle3Regular","body","body1","body2","body3","body4","font","typography","fastwork","value","gray","green","yellow","red","orange","purple","cyan","lightTheme","name","boxShadows","palette","colors","bg","surface","fg","soft","text","line","softSolid","danger","success","warning","info","neutral","blackAlpha","whiteAlpha","overlay","darkTheme","themes","light","dark","getTheme","getThemeNames","Object","keys"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Typography design tokens\n */\n\nimport type {\n\tTypographyScale,\n\tFontWeights,\n\tHeadingTokens,\n\tTitleTokens,\n\tSubtitleTokens,\n\tBodyTokens,\n} from '../types'\n\nexport const fontSize: TypographyScale = {\n\t50: '0.5rem', // 8px\n\t100: '0.625rem', // 10px\n\t200: '0.75rem', // 12px\n\t300: '0.875rem', // 14px\n\t400: '1rem', // 16px\n\t500: '1.125rem', // 18px\n\t600: '1.25rem', // 20px\n\t700: '1.5rem', // 24px\n\t800: '1.625rem', // 26px\n\t900: '2rem', // 32px\n\t1000: '2.375rem', // 38px\n\t1100: '2.5rem', // 40px\n\t1200: '2.6875rem', // 43px\n\t1300: '3rem', // 48px\n\t1400: '3.5rem', // 56px\n\t1500: '4rem', // 64px\n\t1600: '4.5rem', // 72px\n}\n\nexport const fontWeight: FontWeights = {\n\t100: 100,\n\t200: 200,\n\t300: 300,\n\t400: 400,\n\t500: 500,\n\t600: 600,\n\t700: 700,\n\t800: 800,\n\t900: 900,\n}\n\nexport const fontFamily = {\n\tprimary:\n\t\t'Google Sans, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'Google Sans, \"Fastwork\", \"Noto Sans Thai\", \"Noto Sans\", -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n}\n\nexport const lineHeight = {\n\t'100pct': '1',\n\t'125pct': '1.25',\n\t'135pct': '1.35',\n\t'150pct': '1.5',\n\t'165pct': '1.65',\n\t'200pct': '2',\n}\n\nconst headings: HeadingTokens = {\n\theading1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1600], // 72px\n\t\t\tmobile: fontSize[1300], // 48px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1500], // 64px\n\t\t\tmobile: fontSize[1200], // 43px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1400], // 56px\n\t\t\tmobile: fontSize[1000], // 38px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1300], // 48px\n\t\t\tmobile: fontSize[900], // 32px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading5: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1100], // 40px\n\t\t\tmobile: fontSize[800], // 26px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading6: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[900], // 32px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst titles: TitleTokens = {\n\ttitle1: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[700], // 24px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle2: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[600], // 20px\n\t\t\tmobile: fontSize[600], // 20px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle3: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[500], // 18px\n\t\t\tmobile: fontSize[500], // 18px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle4: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst subtitles: SubtitleTokens = {\n\tsubtitle1Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle1Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle2Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle2Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle3Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle3Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst body: BodyTokens = {\n\tbody1: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody2: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody3: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody4: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[100], // 10px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\n// Combined font tokens for easy access: typography.font.heading1, typography.font.body1, etc.\nexport const font = {\n\t...headings,\n\t...titles,\n\t...subtitles,\n\t...body,\n}\n\nexport const typography = {\n\tfontSize,\n\tfontWeight,\n\tfontFamily,\n\tlineHeight,\n\tfont,\n}\n","import type { ThemeConfig } from './types'\nimport type { ColorToken } from '../types'\n\n// Light theme color tokens\nconst fastwork: ColorToken = {\n\tvalue: 'oklch(0.57 0.237 260.608)',\n}\n\nconst gray: ColorToken = {\n\tvalue: 'oklch(0.613 0.032 259.575)',\n}\n\nconst green: ColorToken = {\n\tvalue: 'oklch(0.703 0.223 143.945)',\n}\n\nconst yellow: ColorToken = {\n\tvalue: 'oklch(0.822 0.17 78.88)',\n}\n\nconst red: ColorToken = {\n\tvalue: 'oklch(0.592 0.22 29.018)',\n}\n\nconst orange: ColorToken = {\n\tvalue: 'oklch(0.735 0.175 53.769)',\n}\n\nconst purple: ColorToken = {\n\tvalue: 'oklch(0.661 0.2 293.348)',\n}\n\nconst cyan: ColorToken = {\n\tvalue: 'oklch(0.771 0.135 212.784)',\n}\n\nexport const lightTheme: ThemeConfig = {\n\tname: 'light',\n\tboxShadows: {\n\t\t100: '0 1px 2px 0 rgba(0, 0, 0, 0.08)',\n\t\t200: '0 2px 6px 0 rgba(0, 0, 0, 0.10)',\n\t\t300: '0 4px 16px 0 rgba(0, 0, 0, 0.12)',\n\t\t400: '0 8px 20px 0 rgba(0, 0, 0, 0.14)',\n\t},\n\tpalette: { fastwork, gray, green, yellow, red, orange, purple, cyan },\n\tcolors: {\n\t\tbg: {\n\t\t\t100: 'oklch(0.312 0.02 260.638)',\n\t\t\t200: 'oklch(0.212 0.02 260.638)',\n\t\t},\n\n\t\tsurface: {\n\t\t\t50: 'oklch(1.00 0.00 260)',\n\t\t\t100: 'oklch(0.98 0.00 260)',\n\t\t\t200: 'oklch(0.96 0.00 260)',\n\t\t\t300: 'oklch(0.95 0.00 260)',\n\t\t\t400: 'oklch(0.92 0.00 260)',\n\t\t},\n\n\t\tfg: {\n\t\t\t100: 'oklch(1 0 0)',\n\t\t},\n\n\t\tsoft: {\n\t\t\t100: `color-mix(in oklab, var(--xz-color-bg-100) 4%, transparent)`,\n\t\t\t200: `color-mix(in oklab, var(--xz-color-bg-100) 7%, transparent)`,\n\t\t},\n\n\t\ttext: {\n\t\t\t100: 'oklch(0.2 0 0)',\n\t\t\t200: 'color-mix(in oklab, var(--xz-color-text-100) 70%, transparent)',\n\t\t\t300: 'color-mix(in oklab, var(--xz-color-text-100) 60%, transparent)',\n\t\t},\n\n\t\tline: {\n\t\t\t50: 'oklch(0.95 0.01 260 / 0.97)',\n\t\t\t100: 'oklch(0.90 0.01 260 / 0.97)',\n\t\t\t200: 'oklch(0.85 0.01 260 / 0.97)',\n\t\t\t300: 'oklch(0.80 0.01 260 / 0.97)',\n\t\t},\n\n\t\tprimary: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-fastwork)',\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0 / 1)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tdanger: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-red)',\n\t\t\t\t200: `oklch(from var(--xz-color-red) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0 / 1)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tsuccess: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-green)',\n\t\t\t\t200: `oklch(from var(--xz-color-green) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\twarning: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-yellow)',\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tinfo: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-cyan)',\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\torange: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-orange)',\n\t\t\t\t200: `oklch(from var(--xz-color-orange) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tpurple: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-purple)',\n\t\t\t\t200: `oklch(from var(--xz-color-purple) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tneutral: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-gray)',\n\t\t\t\t200: `oklch(from var(--xz-color-gray) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tblackAlpha: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\n\t\twhiteAlpha: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\n\t\toverlay: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\t},\n}\n","import type { ThemeConfig } from './types'\nimport type { ColorToken } from '../types'\n\n// Dark theme color tokens\nconst fastwork: ColorToken = {\n\tvalue: 'oklch(0.57 0.237 260.608)',\n}\n\nconst gray: ColorToken = {\n\tvalue: 'oklch(0.613 0.032 259.575)',\n}\n\nconst green: ColorToken = {\n\tvalue: 'oklch(0.703 0.223 143.945)',\n}\n\nconst yellow: ColorToken = {\n\tvalue: 'oklch(0.822 0.17 78.88)',\n}\n\nconst red: ColorToken = {\n\tvalue: 'oklch(0.592 0.22 29.018)',\n}\n\nconst orange: ColorToken = {\n\tvalue: 'oklch(0.735 0.175 53.769)',\n}\n\nconst purple: ColorToken = {\n\tvalue: 'oklch(0.661 0.2 293.348)',\n}\n\nconst cyan: ColorToken = {\n\tvalue: 'oklch(0.771 0.135 212.784)',\n}\n\nexport const darkTheme: ThemeConfig = {\n\tname: 'dark',\n\tboxShadows: {\n\t\t100: '0 1px 2px 0 rgba(0, 0, 0, 0.24)',\n\t\t200: '0 2px 6px 0 rgba(0, 0, 0, 0.32)',\n\t\t300: '0 4px 20px 0 rgba(0, 0, 0, 0.40)',\n\t\t400: '0 8px 20px 0 rgba(0, 0, 0, 0.48)',\n\t},\n\tpalette: { fastwork, gray, green, yellow, red, orange, purple, cyan },\n\tcolors: {\n\t\tbg: {\n\t\t\t100: 'oklch(0.97 0.01 260)',\n\t\t\t200: 'oklch(0.92 0.01 260)',\n\t\t},\n\n\t\tsurface: {\n\t\t\t50: 'oklch(0.26 0.02 269 / 1)',\n\t\t\t100: 'oklch(0.3 0.02 269 / 1)',\n\t\t\t200: 'oklch(0.33 0.02 269 / 1)',\n\t\t\t300: 'oklch(0.355 0.02 269 / 1)',\n\t\t\t400: 'oklch(0.37 0.02 269 / 1)',\n\t\t},\n\n\t\tsoft: {\n\t\t\t100: `color-mix(in oklab, var(--xz-color-bg-100) 4%, transparent)`,\n\t\t\t200: `color-mix(in oklab, var(--xz-color-bg-100) 7%, transparent)`,\n\t\t},\n\n\t\tfg: {\n\t\t\t100: 'oklch(0 0 0)',\n\t\t},\n\n\t\ttext: {\n\t\t\t100: 'oklch(0.96 0 0)',\n\t\t\t200: 'color-mix(in oklab, var(--xz-color-text-100) 65%, transparent)',\n\t\t\t300: 'color-mix(in oklab, var(--xz-color-text-100) 55%, transparent)',\n\t\t},\n\n\t\tline: {\n\t\t\t50: 'oklch(0.38 0.02 269 / 0.95)',\n\t\t\t100: 'oklch(0.42 0.02 269 / 0.95)',\n\t\t\t200: 'oklch(0.50 0.02 269 / 0.95)',\n\t\t\t300: 'oklch(0.58 0.02 269 / 0.95)',\n\t\t},\n\n\t\tprimary: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-fastwork)',\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0 / 1)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tdanger: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-red)',\n\t\t\t\t200: `oklch(from var(--xz-color-red) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0 / 1)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tsuccess: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-green)',\n\t\t\t\t200: `oklch(from var(--xz-color-green) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\twarning: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-yellow)',\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tinfo: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-cyan)',\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\torange: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-orange)',\n\t\t\t\t200: `oklch(from var(--xz-color-orange) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tpurple: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-purple)',\n\t\t\t\t200: `oklch(from var(--xz-color-purple) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tneutral: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-gray)',\n\t\t\t\t200: `oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.75 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.85 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tblackAlpha: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\n\t\twhiteAlpha: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\n\t\toverlay: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\t},\n}\n","/**\n * Theme registry and exports\n */\n\nexport * from './types'\nexport { lightTheme } from './light'\nexport { darkTheme } from './dark'\n\nimport { lightTheme } from './light'\nimport { darkTheme } from './dark'\nimport type { ThemeRegistry, ThemeConfig, ThemeName } from './types'\n\n/**\n * All available predefined themes\n */\nexport const themes: ThemeRegistry = {\n\tlight: lightTheme,\n\tdark: darkTheme,\n}\n\n/**\n * Get a theme by name\n */\nexport function getTheme(name: ThemeName): ThemeConfig {\n\treturn themes[name]\n}\n\n/**\n * Get all theme names\n */\nexport function getThemeNames(): ThemeName[] {\n\treturn Object.keys(themes) as ThemeName[]\n}\n"]}
1
+ {"version":3,"sources":["../src/tokens/typography.ts","../src/themes/light.ts","../src/themes/dark.ts","../src/themes/index.ts"],"names":["fontSize","fontWeight","fontFamily","primary","secondary","lineHeight","headings","heading1","desktop","mobile","heading2","heading3","heading4","heading5","heading6","titles","title1","title2","title3","title4","subtitles","subtitle1Bold","subtitle1Regular","subtitle2Bold","subtitle2Regular","subtitle3Bold","subtitle3Regular","body","body1","body2","body3","body4","font","typography","fastwork","value","gray","green","yellow","red","orange","purple","cyan","lightTheme","name","boxShadows","palette","colors","bg","surface","text","fg","line","soft","softSolid","danger","success","warning","info","neutral","blackAlpha","whiteAlpha","overlay","darkTheme","themes","light","dark","getTheme","getThemeNames","Object","keys"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Typography design tokens\n */\n\nimport type {\n\tTypographyScale,\n\tFontWeights,\n\tHeadingTokens,\n\tTitleTokens,\n\tSubtitleTokens,\n\tBodyTokens,\n} from '../types'\n\nexport const fontSize: TypographyScale = {\n\t50: '0.5rem', // 8px\n\t100: '0.625rem', // 10px\n\t200: '0.75rem', // 12px\n\t300: '0.875rem', // 14px\n\t400: '1rem', // 16px\n\t500: '1.125rem', // 18px\n\t600: '1.25rem', // 20px\n\t700: '1.5rem', // 24px\n\t800: '1.625rem', // 26px\n\t900: '2rem', // 32px\n\t1000: '2.375rem', // 38px\n\t1100: '2.5rem', // 40px\n\t1200: '2.6875rem', // 43px\n\t1300: '3rem', // 48px\n\t1400: '3.5rem', // 56px\n\t1500: '4rem', // 64px\n\t1600: '4.5rem', // 72px\n}\n\nexport const fontWeight: FontWeights = {\n\t100: 100,\n\t200: 200,\n\t300: 300,\n\t400: 400,\n\t500: 500,\n\t600: 600,\n\t700: 700,\n\t800: 800,\n\t900: 900,\n}\n\nexport const fontFamily = {\n\tprimary:\n\t\t'Google Sans, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'Google Sans, \"Fastwork\", \"Noto Sans Thai\", \"Noto Sans\", -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n}\n\nexport const lineHeight = {\n\t'100pct': '1',\n\t'125pct': '1.25',\n\t'135pct': '1.35',\n\t'150pct': '1.5',\n\t'165pct': '1.65',\n\t'200pct': '2',\n}\n\nconst headings: HeadingTokens = {\n\theading1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1600], // 72px\n\t\t\tmobile: fontSize[1300], // 48px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1500], // 64px\n\t\t\tmobile: fontSize[1200], // 43px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1400], // 56px\n\t\t\tmobile: fontSize[1000], // 38px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1300], // 48px\n\t\t\tmobile: fontSize[900], // 32px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading5: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1100], // 40px\n\t\t\tmobile: fontSize[800], // 26px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading6: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[900], // 32px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst titles: TitleTokens = {\n\ttitle1: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[700], // 24px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle2: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[600], // 20px\n\t\t\tmobile: fontSize[600], // 20px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle3: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[500], // 18px\n\t\t\tmobile: fontSize[500], // 18px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle4: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst subtitles: SubtitleTokens = {\n\tsubtitle1Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle1Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle2Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle2Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle3Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle3Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst body: BodyTokens = {\n\tbody1: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody2: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody3: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody4: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[100], // 10px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\n// Combined font tokens for easy access: typography.font.heading1, typography.font.body1, etc.\nexport const font = {\n\t...headings,\n\t...titles,\n\t...subtitles,\n\t...body,\n}\n\nexport const typography = {\n\tfontSize,\n\tfontWeight,\n\tfontFamily,\n\tlineHeight,\n\tfont,\n}\n","import type { ThemeConfig } from './types'\nimport type { ColorToken } from '../types'\n\n// Light theme color tokens\nconst fastwork: ColorToken = {\n\tvalue: 'oklch(0.57 0.237 260.608)',\n}\n\nconst gray: ColorToken = {\n\tvalue: 'oklch(0.613 0.032 259.575)',\n}\n\nconst green: ColorToken = {\n\tvalue: 'oklch(0.703 0.223 143.945)',\n}\n\nconst yellow: ColorToken = {\n\tvalue: 'oklch(0.822 0.17 78.88)',\n}\n\nconst red: ColorToken = {\n\tvalue: 'oklch(0.592 0.22 29.018)',\n}\n\nconst orange: ColorToken = {\n\tvalue: 'oklch(0.735 0.175 53.769)',\n}\n\nconst purple: ColorToken = {\n\tvalue: 'oklch(0.661 0.2 293.348)',\n}\n\nconst cyan: ColorToken = {\n\tvalue: 'oklch(0.771 0.135 212.784)',\n}\n\nexport const lightTheme: ThemeConfig = {\n\tname: 'light',\n\tboxShadows: {\n\t\t100: '0 1px 2px 0 rgba(0, 0, 0, 0.08)',\n\t\t200: '0 2px 6px 0 rgba(0, 0, 0, 0.10)',\n\t\t300: '0 4px 16px 0 rgba(0, 0, 0, 0.12)',\n\t\t400: '0 8px 20px 0 rgba(0, 0, 0, 0.14)',\n\t},\n\tpalette: { fastwork, gray, green, yellow, red, orange, purple, cyan },\n\tcolors: {\n\t\tbg: {\n\t\t\t100: 'oklch(0.312 0.02 260.638)',\n\t\t\t200: 'oklch(0.212 0.02 260.638)',\n\t\t},\n\n\t\tsurface: {\n\t\t\t50: 'oklch(1.00 0.00 260)',\n\t\t\t100: 'oklch(0.98 0.00 260)',\n\t\t\t200: 'oklch(0.96 0.00 260)',\n\t\t\t300: 'oklch(0.95 0.00 260)',\n\t\t\t400: 'oklch(0.92 0.00 260)',\n\t\t},\n\n\t\ttext: {\n\t\t\tfg: 'oklch(1 0 0)',\n\t\t\t100: 'oklch(0.2 0 0)',\n\t\t\t200: 'color-mix(in oklab, var(--xz-color-text-100) 70%, transparent)',\n\t\t\t300: 'color-mix(in oklab, var(--xz-color-text-100) 60%, transparent)',\n\t\t},\n\n\t\tline: {\n\t\t\t50: 'oklch(0.95 0.01 260 / 0.97)',\n\t\t\t100: 'oklch(0.90 0.01 260 / 0.97)',\n\t\t\t200: 'oklch(0.85 0.01 260 / 0.97)',\n\t\t\t300: 'oklch(0.80 0.01 260 / 0.97)',\n\t\t},\n\n\t\tprimary: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-fastwork)',\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0 / 1)',\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tdanger: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-red)',\n\t\t\t\t200: `oklch(from var(--xz-color-red) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0 / 1)',\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tsuccess: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-green)',\n\t\t\t\t200: `oklch(from var(--xz-color-green) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\twarning: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-yellow)',\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tinfo: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-cyan)',\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\torange: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-orange)',\n\t\t\t\t200: `oklch(from var(--xz-color-orange) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tpurple: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-purple)',\n\t\t\t\t200: `oklch(from var(--xz-color-purple) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tneutral: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-gray)',\n\t\t\t\t200: `oklch(from var(--xz-color-gray) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0)',\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tblackAlpha: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\n\t\twhiteAlpha: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\n\t\toverlay: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\t},\n}\n","import type { ThemeConfig } from './types'\nimport type { ColorToken } from '../types'\n\n// Dark theme color tokens\nconst fastwork: ColorToken = {\n\tvalue: 'oklch(0.57 0.237 260.608)',\n}\n\nconst gray: ColorToken = {\n\tvalue: 'oklch(0.613 0.032 259.575)',\n}\n\nconst green: ColorToken = {\n\tvalue: 'oklch(0.703 0.223 143.945)',\n}\n\nconst yellow: ColorToken = {\n\tvalue: 'oklch(0.822 0.17 78.88)',\n}\n\nconst red: ColorToken = {\n\tvalue: 'oklch(0.592 0.22 29.018)',\n}\n\nconst orange: ColorToken = {\n\tvalue: 'oklch(0.735 0.175 53.769)',\n}\n\nconst purple: ColorToken = {\n\tvalue: 'oklch(0.661 0.2 293.348)',\n}\n\nconst cyan: ColorToken = {\n\tvalue: 'oklch(0.771 0.135 212.784)',\n}\n\nexport const darkTheme: ThemeConfig = {\n\tname: 'dark',\n\tboxShadows: {\n\t\t100: '0 1px 2px 0 rgba(0, 0, 0, 0.24)',\n\t\t200: '0 2px 6px 0 rgba(0, 0, 0, 0.32)',\n\t\t300: '0 4px 20px 0 rgba(0, 0, 0, 0.40)',\n\t\t400: '0 8px 20px 0 rgba(0, 0, 0, 0.48)',\n\t},\n\tpalette: { fastwork, gray, green, yellow, red, orange, purple, cyan },\n\tcolors: {\n\t\tbg: {\n\t\t\t100: 'oklch(0.97 0.01 260)',\n\t\t\t200: 'oklch(0.92 0.01 260)',\n\t\t},\n\n\t\tsurface: {\n\t\t\t50: 'oklch(0.26 0.02 269 / 1)',\n\t\t\t100: 'oklch(0.3 0.02 269 / 1)',\n\t\t\t200: 'oklch(0.33 0.02 269 / 1)',\n\t\t\t300: 'oklch(0.355 0.02 269 / 1)',\n\t\t\t400: 'oklch(0.37 0.02 269 / 1)',\n\t\t},\n\n\t\ttext: {\n\t\t\tfg: 'oklch(0 0 0)',\n\t\t\t100: 'oklch(0.96 0 0)',\n\t\t\t200: 'color-mix(in oklab, var(--xz-color-text-100) 65%, transparent)',\n\t\t\t300: 'color-mix(in oklab, var(--xz-color-text-100) 55%, transparent)',\n\t\t},\n\n\t\tline: {\n\t\t\t50: 'oklch(0.38 0.02 269 / 0.95)',\n\t\t\t100: 'oklch(0.42 0.02 269 / 0.95)',\n\t\t\t200: 'oklch(0.50 0.02 269 / 0.95)',\n\t\t\t300: 'oklch(0.58 0.02 269 / 0.95)',\n\t\t},\n\n\t\tprimary: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-fastwork)',\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0 / 1)',\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tdanger: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-red)',\n\t\t\t\t200: `oklch(from var(--xz-color-red) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0 / 1)',\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tsuccess: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-green)',\n\t\t\t\t200: `oklch(from var(--xz-color-green) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\twarning: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-yellow)',\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tinfo: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-cyan)',\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\torange: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-orange)',\n\t\t\t\t200: `oklch(from var(--xz-color-orange) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0)',\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tpurple: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-purple)',\n\t\t\t\t200: `oklch(from var(--xz-color-purple) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0)',\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tneutral: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-gray)',\n\t\t\t\t200: `oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0)',\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.75 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.85 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tblackAlpha: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\n\t\twhiteAlpha: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\n\t\toverlay: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\t},\n}\n","/**\n * Theme registry and exports\n */\n\nexport * from './types'\nexport { lightTheme } from './light'\nexport { darkTheme } from './dark'\n\nimport { lightTheme } from './light'\nimport { darkTheme } from './dark'\nimport type { ThemeRegistry, ThemeConfig, ThemeName } from './types'\n\n/**\n * All available predefined themes\n */\nexport const themes: ThemeRegistry = {\n\tlight: lightTheme,\n\tdark: darkTheme,\n}\n\n/**\n * Get a theme by name\n */\nexport function getTheme(name: ThemeName): ThemeConfig {\n\treturn themes[name]\n}\n\n/**\n * Get all theme names\n */\nexport function getThemeNames(): ThemeName[] {\n\treturn Object.keys(themes) as ThemeName[]\n}\n"]}
package/dist/llms.txt CHANGED
@@ -83,12 +83,10 @@ Base tokens cover surfaces, text, borders, and neutral overlays. They are theme-
83
83
  | `--xz-color-surface-400` | Tertiary elevated surface | Popover, dropdown menu, tooltip, context menu, autocomplete suggestion list, command palette |
84
84
  | `--xz-color-bg-100` | Extreme base (near-black in light) | Footer dark band, inverted hero section, dark navbar, cookie banner |
85
85
  | `--xz-color-bg-200` | Secondary extreme base | Dark sidebar variant, secondary inverted section, code block background |
86
- | `--xz-color-fg-100` | Text/icon on bg-100 / bg-200 | White text on dark footer, icon on inverted navbar, button text on dark hero CTA |
86
+ | `--xz-color-text-fg` | Text/icon on bg-100 / bg-200 | White text on dark footer, icon on inverted navbar, button text on dark hero CTA |
87
87
  | `--xz-color-text-100` | Primary text | Body text, headings, button labels, nav links, input values, table cell text |
88
88
  | `--xz-color-text-200` | Secondary / muted text (70%) | Timestamps, helper text below inputs, subtitle under heading, metadata, breadcrumb inactive items |
89
89
  | `--xz-color-text-300` | Disabled / placeholder text (60%) | Input placeholder, disabled button text, watermark text, empty state hint |
90
- | `--xz-color-soft-100` | Very subtle neutral overlay (5%) | Hover highlight on table rows, subtle active state on sidebar items, zebra stripe alternate row |
91
- | `--xz-color-soft-200` | Subtle neutral overlay (10%) | Selected/active row in list, pressed state on neutral elements, drag-over drop zone highlight |
92
90
  | `--xz-color-line-50` | Subtle border | Horizontal divider between list items, subtle card border, separator between nav sections |
93
91
  | `--xz-color-line-100` | Default border | Input border, card border, table cell border, tab bar bottom border |
94
92
  | `--xz-color-line-200` | Emphasized border | Active/focus input border, emphasized separator, selected tab underline, strong divider |
@@ -115,7 +113,7 @@ Replace `{name}` with the category:
115
113
  | `--xz-color-{name}-line-300` | Strong colored border |
116
114
  | `--xz-color-{name}-bg-100` | Solid fill background — buttons, chips, badges |
117
115
  | `--xz-color-{name}-bg-200` | Solid fill hover/pressed state |
118
- | `--xz-color-{name}-fg-100` | Text/icon on solid bg — **always pair with bg-100 / bg-200** |
116
+ | `--xz-color-{name}-text-fg` | Text/icon on solid bg — **always pair with bg-100 / bg-200** |
119
117
  | `--xz-color-{name}-text-100` | Colored text on light surfaces — links, status labels |
120
118
 
121
119
  > **`neutral` exception:** also includes `--xz-color-neutral-text-200` — Muted neutral text, lighter than `text-100`. Use for supporting content, secondary labels.
@@ -137,7 +135,7 @@ When choosing a category, match the **intent** of the UI element:
137
135
 
138
136
  ### Key Rules for Semantic Tokens
139
137
 
140
- - **`bg-100` + `fg-100`**: Solid fill components (buttons, solid badges). `fg-100` provides correct contrast (white or dark depending on the category color).
138
+ - **`bg-100` + `text-fg`**: Solid fill components (buttons, solid badges). `text-fg` provides correct contrast (white or dark depending on the category color).
141
139
  - **`soft-100` + `text-100` + `line-100`**: Soft/tinted style (alerts, soft badges, highlighted rows).
142
140
  - **`soft-solid-*`**: Use instead of `soft-*` when the component sits on a non-transparent surface. Example: a success badge inside a card (`surface-200`) — use `soft-solid-100` so the tint mixes with the surface color and doesn't show the card color bleeding through. If the badge were on the page background directly, `soft-100` (transparent) is fine.
143
141
  - **`text-100`**: Use for colored text that sits on surface backgrounds (not on solid fills). Examples: link text, status label text, tag text.
@@ -188,7 +186,7 @@ These use a 100–1000 scale representing opacity from 0.1 to 1.0.
188
186
  | Nested card or secondary panel | `--xz-color-surface-300` |
189
187
  | Popover, dropdown, tooltip | `--xz-color-surface-400` |
190
188
  | Inverted/dark block on page | `--xz-color-bg-100` |
191
- | Text on inverted block | `--xz-color-fg-100` |
189
+ | Text on inverted block | `--xz-color-text-fg` |
192
190
 
193
191
  ### Text
194
192
 
@@ -213,7 +211,7 @@ These use a 100–1000 scale representing opacity from 0.1 to 1.0.
213
211
 
214
212
  ```
215
213
  background: --xz-color-{name}-bg-100
216
- color: --xz-color-{name}-fg-100 ← always use fg-100 on bg-100
214
+ color: --xz-color-{name}-text-fg ← always use text-fg on bg-100
217
215
  hover bg: --xz-color-{name}-bg-200
218
216
  ```
219
217
 
@@ -255,7 +253,7 @@ background: --xz-color-overlay-600
255
253
  ```css
256
254
  .btn-primary {
257
255
  background: var(--xz-color-primary-bg-100);
258
- color: var(--xz-color-primary-fg-100);
256
+ color: var(--xz-color-primary-text-fg);
259
257
  border: none;
260
258
  }
261
259
  .btn-primary:hover {
@@ -281,7 +279,7 @@ background: --xz-color-overlay-600
281
279
  ```css
282
280
  .btn-danger {
283
281
  background: var(--xz-color-danger-bg-100);
284
- color: var(--xz-color-danger-fg-100);
282
+ color: var(--xz-color-danger-text-fg);
285
283
  border: none;
286
284
  }
287
285
  .btn-danger:hover {
@@ -339,7 +337,7 @@ background: --xz-color-overlay-600
339
337
  ```css
340
338
  .badge-danger-solid {
341
339
  background: var(--xz-color-danger-bg-100);
342
- color: var(--xz-color-danger-fg-100);
340
+ color: var(--xz-color-danger-text-fg);
343
341
  }
344
342
  ```
345
343
 
@@ -395,7 +393,7 @@ background: --xz-color-overlay-600
395
393
  .sidebar { background: var(--xz-color-surface-200); }
396
394
  .sidebar-item { color: var(--xz-color-text-200); }
397
395
  .sidebar-item:hover {
398
- background: var(--xz-color-soft-100);
396
+ background: var(--xz-color-neutral-soft-100);
399
397
  color: var(--xz-color-text-100);
400
398
  }
401
399
  .sidebar-item.active {
@@ -414,7 +412,7 @@ background: --xz-color-overlay-600
414
412
  .table { border: 1px solid var(--xz-color-line-100); }
415
413
  .table th { background: var(--xz-color-surface-300); font: var(--xz-font-subtitle2-bold); color: var(--xz-color-text-100); }
416
414
  .table td { border-top: 1px solid var(--xz-color-line-50); font: var(--xz-font-body2); color: var(--xz-color-text-100); }
417
- .table tr:hover { background: var(--xz-color-soft-100); }
415
+ .table tr:hover { background: var(--xz-color-neutral-soft-100); }
418
416
  .table tr.selected { background: var(--xz-color-primary-soft-100); }
419
417
  ```
420
418
 
@@ -422,7 +420,7 @@ background: --xz-color-overlay-600
422
420
 
423
421
  ```css
424
422
  .tab { color: var(--xz-color-neutral-text-100); border-bottom: 2px solid transparent; }
425
- .tab:hover { color: var(--xz-color-text-100); background: var(--xz-color-soft-100); }
423
+ .tab:hover { color: var(--xz-color-text-100); background: var(--xz-color-neutral-soft-100); }
426
424
  .tab.active { color: var(--xz-color-primary-text-100); border-bottom-color: var(--xz-color-primary-bg-100); }
427
425
  ```
428
426
 
@@ -465,7 +463,7 @@ background: --xz-color-overlay-600
465
463
 
466
464
  ```css
467
465
  .skeleton {
468
- background: var(--xz-color-soft-200);
466
+ background: var(--xz-color-neutral-soft-200);
469
467
  border-radius: 4px;
470
468
  animation: skeleton-pulse 1.5s ease-in-out infinite;
471
469
  }
@@ -481,15 +479,15 @@ background: --xz-color-overlay-600
481
479
  .pricing-card.featured { border-color: var(--xz-color-primary-line-200); }
482
480
  .pricing-price { font: var(--xz-font-heading5); color: var(--xz-color-text-100); }
483
481
  .pricing-period { font: var(--xz-font-body3); color: var(--xz-color-text-200); }
484
- .pricing-cta-primary { background: var(--xz-color-primary-bg-100); color: var(--xz-color-primary-fg-100); }
482
+ .pricing-cta-primary { background: var(--xz-color-primary-bg-100); color: var(--xz-color-primary-text-fg); }
485
483
  .pricing-cta-secondary { background: transparent; color: var(--xz-color-neutral-text-100); border: 1px solid var(--xz-color-neutral-line-200); }
486
484
  ```
487
485
 
488
486
  ### Stepper / Progress
489
487
 
490
488
  ```css
491
- .step.completed .step-circle { background: var(--xz-color-success-bg-100); color: var(--xz-color-success-fg-100); }
492
- .step.current .step-circle { background: var(--xz-color-primary-bg-100); color: var(--xz-color-primary-fg-100); }
489
+ .step.completed .step-circle { background: var(--xz-color-success-bg-100); color: var(--xz-color-success-text-fg); }
490
+ .step.current .step-circle { background: var(--xz-color-primary-bg-100); color: var(--xz-color-primary-text-fg); }
493
491
  .step.pending .step-circle { background: var(--xz-color-neutral-soft-100); color: var(--xz-color-neutral-text-200); }
494
492
  .step-connector.completed { background: var(--xz-color-success-bg-100); }
495
493
  .step-connector.pending { background: var(--xz-color-line-100); }
@@ -522,7 +520,7 @@ Figma uses slash-separated paths. The mapping to CSS is direct:
522
520
 
523
521
  ### Complete Figma → CSS Mapping
524
522
 
525
- #### Base (17 variables)
523
+ #### Base (15 variables)
526
524
 
527
525
  | Figma Variable | CSS Variable |
528
526
  |---|---|
@@ -533,9 +531,7 @@ Figma uses slash-separated paths. The mapping to CSS is direct:
533
531
  | `theme/base/surface/200` | `--xz-color-surface-200` |
534
532
  | `theme/base/surface/300` | `--xz-color-surface-300` |
535
533
  | `theme/base/surface/400` | `--xz-color-surface-400` |
536
- | `theme/base/fg/100` | `--xz-color-fg-100` |
537
- | `theme/base/soft/100` | `--xz-color-soft-100` |
538
- | `theme/base/soft/200` | `--xz-color-soft-200` |
534
+ | `theme/base/text/fg` | `--xz-color-text-fg` |
539
535
  | `theme/base/text/100` | `--xz-color-text-100` |
540
536
  | `theme/base/text/200` | `--xz-color-text-200` |
541
537
  | `theme/base/text/300` | `--xz-color-text-300` |
@@ -559,7 +555,7 @@ Same pattern for all 8 categories: `primary`, `danger`, `success`, `warning`, `i
559
555
  | `theme/{name}/line/300` | `--xz-color-{name}-line-300` |
560
556
  | `theme/{name}/bg/100` | `--xz-color-{name}-bg-100` |
561
557
  | `theme/{name}/bg/200` | `--xz-color-{name}-bg-200` |
562
- | `theme/{name}/fg/100` | `--xz-color-{name}-fg-100` |
558
+ | `theme/{name}/text/fg` | `--xz-color-{name}-text-fg` |
563
559
  | `theme/{name}/text/100` | `--xz-color-{name}-text-100` |
564
560
 
565
561
  > **`neutral` exception:** also includes `theme/neutral/text/200` → `--xz-color-neutral-text-200`.
@@ -633,7 +629,7 @@ Same pattern for all 8 categories: `primary`, `danger`, `success`, `warning`, `i
633
629
  - Always use `theme/*` variables for component fills, text colors, and stroke colors
634
630
  - Use `palette/*` variables only as references — not directly on components
635
631
  - Use `theme/base/surface/100` for page backgrounds, `theme/base/surface/200` for cards
636
- - Use `theme/{name}/bg/100` for solid-filled elements and `theme/{name}/fg/100` for text on top of them
632
+ - Use `theme/{name}/bg/100` for solid-filled elements and `theme/{name}/text/fg` for text on top of them
637
633
  - Switch between Light/Dark previews using the **Mode** toggle on the variable collection
638
634
 
639
635
  ### Keeping Figma in Sync with Code
@@ -18,12 +18,10 @@
18
18
  --xz-color-surface-200: oklch(0.33 0.02 269 / 1);
19
19
  --xz-color-surface-300: oklch(0.355 0.02 269 / 1);
20
20
  --xz-color-surface-400: oklch(0.37 0.02 269 / 1);
21
- --xz-color-soft-100: color-mix(in oklab, var(--xz-color-bg-100) 4%, transparent);
22
- --xz-color-soft-200: color-mix(in oklab, var(--xz-color-bg-100) 7%, transparent);
23
- --xz-color-fg-100: oklch(0 0 0);
24
21
  --xz-color-text-100: oklch(0.96 0 0);
25
22
  --xz-color-text-200: color-mix(in oklab, var(--xz-color-text-100) 65%, transparent);
26
23
  --xz-color-text-300: color-mix(in oklab, var(--xz-color-text-100) 55%, transparent);
24
+ --xz-color-text-fg: oklch(0 0 0);
27
25
  --xz-color-line-50: oklch(0.38 0.02 269 / 0.95);
28
26
  --xz-color-line-100: oklch(0.42 0.02 269 / 0.95);
29
27
  --xz-color-line-200: oklch(0.50 0.02 269 / 0.95);
@@ -37,9 +35,9 @@
37
35
  --xz-color-primary-line-300: color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
38
36
  --xz-color-primary-bg-100: var(--xz-color-fastwork);
39
37
  --xz-color-primary-bg-200: oklch(from var(--xz-color-fastwork) calc(l + 0.05) c h / 1);
40
- --xz-color-primary-fg-100: oklch(1 0 0 / 1);
41
38
  --xz-color-primary-text-100: oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1);
42
39
  --xz-color-primary-text-200: oklch(from var(--xz-color-fastwork) 0.85 0.2 h / 1);
40
+ --xz-color-primary-text-fg: oklch(1 0 0 / 1);
43
41
  --xz-color-danger-soft-100: oklch(from var(--xz-color-red) l c h / 0.10);
44
42
  --xz-color-danger-soft-200: oklch(from var(--xz-color-red) l c h / 0.16);
45
43
  --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 10%, var(--xz-color-surface-100));
@@ -49,9 +47,9 @@
49
47
  --xz-color-danger-line-300: color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
50
48
  --xz-color-danger-bg-100: var(--xz-color-red);
51
49
  --xz-color-danger-bg-200: oklch(from var(--xz-color-red) calc(l + 0.05) c h / 1);
52
- --xz-color-danger-fg-100: oklch(1 0 0 / 1);
53
50
  --xz-color-danger-text-100: oklch(from var(--xz-color-red) 0.75 0.2 h / 1);
54
51
  --xz-color-danger-text-200: oklch(from var(--xz-color-red) 0.85 0.2 h / 1);
52
+ --xz-color-danger-text-fg: oklch(1 0 0 / 1);
55
53
  --xz-color-success-soft-100: oklch(from var(--xz-color-green) l c h / 0.10);
56
54
  --xz-color-success-soft-200: oklch(from var(--xz-color-green) l c h / 0.16);
57
55
  --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 10%, var(--xz-color-surface-100));
@@ -61,9 +59,9 @@
61
59
  --xz-color-success-line-300: color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
62
60
  --xz-color-success-bg-100: var(--xz-color-green);
63
61
  --xz-color-success-bg-200: oklch(from var(--xz-color-green) calc(l + 0.05) c h / 1);
64
- --xz-color-success-fg-100: oklch(0 0 0 / 0.95);
65
62
  --xz-color-success-text-100: oklch(from var(--xz-color-green) 0.75 0.2 h / 1);
66
63
  --xz-color-success-text-200: oklch(from var(--xz-color-green) 0.85 0.2 h / 1);
64
+ --xz-color-success-text-fg: oklch(0 0 0 / 0.95);
67
65
  --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) l c h / 0.10);
68
66
  --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) l c h / 0.16);
69
67
  --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 10%, var(--xz-color-surface-100));
@@ -73,9 +71,9 @@
73
71
  --xz-color-warning-line-300: color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
74
72
  --xz-color-warning-bg-100: var(--xz-color-yellow);
75
73
  --xz-color-warning-bg-200: oklch(from var(--xz-color-yellow) calc(l + 0.05) c h / 1);
76
- --xz-color-warning-fg-100: oklch(0 0 0 / 0.95);
77
74
  --xz-color-warning-text-100: oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1);
78
75
  --xz-color-warning-text-200: oklch(from var(--xz-color-yellow) 0.85 0.2 h / 1);
76
+ --xz-color-warning-text-fg: oklch(0 0 0 / 0.95);
79
77
  --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) l c h / 0.10);
80
78
  --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) l c h / 0.16);
81
79
  --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 10%, var(--xz-color-surface-100));
@@ -85,9 +83,9 @@
85
83
  --xz-color-info-line-300: color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
86
84
  --xz-color-info-bg-100: var(--xz-color-cyan);
87
85
  --xz-color-info-bg-200: oklch(from var(--xz-color-cyan) calc(l + 0.05) c h / 1);
88
- --xz-color-info-fg-100: oklch(0 0 0 / 0.95);
89
86
  --xz-color-info-text-100: oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1);
90
87
  --xz-color-info-text-200: oklch(from var(--xz-color-cyan) 0.85 0.2 h / 1);
88
+ --xz-color-info-text-fg: oklch(0 0 0 / 0.95);
91
89
  --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) l c h / 0.10);
92
90
  --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) l c h / 0.16);
93
91
  --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 10%, var(--xz-color-surface-100));
@@ -97,9 +95,9 @@
97
95
  --xz-color-orange-line-300: color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
98
96
  --xz-color-orange-bg-100: var(--xz-color-orange);
99
97
  --xz-color-orange-bg-200: oklch(from var(--xz-color-orange) calc(l + 0.05) c h / 1);
100
- --xz-color-orange-fg-100: oklch(0 0 0);
101
98
  --xz-color-orange-text-100: oklch(from var(--xz-color-orange) 0.75 0.2 h / 1);
102
99
  --xz-color-orange-text-200: oklch(from var(--xz-color-orange) 0.85 0.2 h / 1);
100
+ --xz-color-orange-text-fg: oklch(0 0 0);
103
101
  --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) l c h / 0.10);
104
102
  --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) l c h / 0.16);
105
103
  --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 10%, var(--xz-color-surface-100));
@@ -109,9 +107,9 @@
109
107
  --xz-color-purple-line-300: color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
110
108
  --xz-color-purple-bg-100: var(--xz-color-purple);
111
109
  --xz-color-purple-bg-200: oklch(from var(--xz-color-purple) calc(l + 0.05) c h / 1);
112
- --xz-color-purple-fg-100: oklch(0 0 0);
113
110
  --xz-color-purple-text-100: oklch(from var(--xz-color-purple) 0.75 0.2 h / 1);
114
111
  --xz-color-purple-text-200: oklch(from var(--xz-color-purple) 0.85 0.2 h / 1);
112
+ --xz-color-purple-text-fg: oklch(0 0 0);
115
113
  --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) l c h / 0.10);
116
114
  --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) l c h / 0.16);
117
115
  --xz-color-neutral-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 10%, var(--xz-color-surface-100));
@@ -121,9 +119,9 @@
121
119
  --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100));
122
120
  --xz-color-neutral-bg-100: var(--xz-color-gray);
123
121
  --xz-color-neutral-bg-200: oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1);
124
- --xz-color-neutral-fg-100: oklch(1 0 0);
125
122
  --xz-color-neutral-text-100: oklch(from var(--xz-color-gray) 0.75 c h / 1);
126
123
  --xz-color-neutral-text-200: oklch(from var(--xz-color-gray) 0.85 c h / 1);
124
+ --xz-color-neutral-text-fg: oklch(1 0 0);
127
125
  --xz-color-black-alpha-100: oklch(0 0 0 / 0.1);
128
126
  --xz-color-black-alpha-200: oklch(0 0 0 / 0.2);
129
127
  --xz-color-black-alpha-300: oklch(0 0 0 / 0.3);
@@ -18,12 +18,10 @@
18
18
  --xz-color-surface-200: oklch(0.96 0.00 260);
19
19
  --xz-color-surface-300: oklch(0.95 0.00 260);
20
20
  --xz-color-surface-400: oklch(0.92 0.00 260);
21
- --xz-color-fg-100: oklch(1 0 0);
22
- --xz-color-soft-100: color-mix(in oklab, var(--xz-color-bg-100) 4%, transparent);
23
- --xz-color-soft-200: color-mix(in oklab, var(--xz-color-bg-100) 7%, transparent);
24
21
  --xz-color-text-100: oklch(0.2 0 0);
25
22
  --xz-color-text-200: color-mix(in oklab, var(--xz-color-text-100) 70%, transparent);
26
23
  --xz-color-text-300: color-mix(in oklab, var(--xz-color-text-100) 60%, transparent);
24
+ --xz-color-text-fg: oklch(1 0 0);
27
25
  --xz-color-line-50: oklch(0.95 0.01 260 / 0.97);
28
26
  --xz-color-line-100: oklch(0.90 0.01 260 / 0.97);
29
27
  --xz-color-line-200: oklch(0.85 0.01 260 / 0.97);
@@ -37,9 +35,9 @@
37
35
  --xz-color-primary-line-300: color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
38
36
  --xz-color-primary-bg-100: var(--xz-color-fastwork);
39
37
  --xz-color-primary-bg-200: oklch(from var(--xz-color-fastwork) calc(l - 0.05) c h / 1);
40
- --xz-color-primary-fg-100: oklch(1 0 0 / 1);
41
38
  --xz-color-primary-text-100: oklch(from var(--xz-color-fastwork) 0.55 c h / 1);
42
39
  --xz-color-primary-text-200: oklch(from var(--xz-color-fastwork) 0.4 c h / 1);
40
+ --xz-color-primary-text-fg: oklch(1 0 0 / 1);
43
41
  --xz-color-danger-soft-100: oklch(from var(--xz-color-red) 0.8 c h / 0.15);
44
42
  --xz-color-danger-soft-200: oklch(from var(--xz-color-red) 0.8 c h / 0.25);
45
43
  --xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
@@ -49,9 +47,9 @@
49
47
  --xz-color-danger-line-300: color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
50
48
  --xz-color-danger-bg-100: var(--xz-color-red);
51
49
  --xz-color-danger-bg-200: oklch(from var(--xz-color-red) calc(l - 0.05) c h / 1);
52
- --xz-color-danger-fg-100: oklch(1 0 0 / 1);
53
50
  --xz-color-danger-text-100: oklch(from var(--xz-color-red) 0.55 c h / 1);
54
51
  --xz-color-danger-text-200: oklch(from var(--xz-color-red) 0.4 c h / 1);
52
+ --xz-color-danger-text-fg: oklch(1 0 0 / 1);
55
53
  --xz-color-success-soft-100: oklch(from var(--xz-color-green) 0.8 c h / 0.15);
56
54
  --xz-color-success-soft-200: oklch(from var(--xz-color-green) 0.8 c h / 0.25);
57
55
  --xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
@@ -61,9 +59,9 @@
61
59
  --xz-color-success-line-300: color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
62
60
  --xz-color-success-bg-100: var(--xz-color-green);
63
61
  --xz-color-success-bg-200: oklch(from var(--xz-color-green) calc(l - 0.05) c h / 1);
64
- --xz-color-success-fg-100: oklch(0 0 0 / 0.95);
65
62
  --xz-color-success-text-100: oklch(from var(--xz-color-green) 0.55 c h / 1);
66
63
  --xz-color-success-text-200: oklch(from var(--xz-color-green) 0.4 c h / 1);
64
+ --xz-color-success-text-fg: oklch(0 0 0 / 0.95);
67
65
  --xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) 0.8 c h / 0.15);
68
66
  --xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) 0.8 c h / 0.25);
69
67
  --xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
@@ -73,9 +71,9 @@
73
71
  --xz-color-warning-line-300: color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
74
72
  --xz-color-warning-bg-100: var(--xz-color-yellow);
75
73
  --xz-color-warning-bg-200: oklch(from var(--xz-color-yellow) calc(l - 0.05) c h / 1);
76
- --xz-color-warning-fg-100: oklch(0 0 0 / 0.95);
77
74
  --xz-color-warning-text-100: oklch(from var(--xz-color-yellow) 0.55 c h / 1);
78
75
  --xz-color-warning-text-200: oklch(from var(--xz-color-yellow) 0.4 c h / 1);
76
+ --xz-color-warning-text-fg: oklch(0 0 0 / 0.95);
79
77
  --xz-color-info-soft-100: oklch(from var(--xz-color-cyan) 0.8 c h / 0.15);
80
78
  --xz-color-info-soft-200: oklch(from var(--xz-color-cyan) 0.8 c h / 0.25);
81
79
  --xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
@@ -85,9 +83,9 @@
85
83
  --xz-color-info-line-300: color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
86
84
  --xz-color-info-bg-100: var(--xz-color-cyan);
87
85
  --xz-color-info-bg-200: oklch(from var(--xz-color-cyan) calc(l - 0.05) c h / 1);
88
- --xz-color-info-fg-100: oklch(0 0 0 / 0.95);
89
86
  --xz-color-info-text-100: oklch(from var(--xz-color-cyan) 0.55 c h / 1);
90
87
  --xz-color-info-text-200: oklch(from var(--xz-color-cyan) 0.4 c h / 1);
88
+ --xz-color-info-text-fg: oklch(0 0 0 / 0.95);
91
89
  --xz-color-orange-soft-100: oklch(from var(--xz-color-orange) 0.8 c h / 0.15);
92
90
  --xz-color-orange-soft-200: oklch(from var(--xz-color-orange) 0.8 c h / 0.25);
93
91
  --xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
@@ -97,9 +95,9 @@
97
95
  --xz-color-orange-line-300: color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
98
96
  --xz-color-orange-bg-100: var(--xz-color-orange);
99
97
  --xz-color-orange-bg-200: oklch(from var(--xz-color-orange) calc(l - 0.05) c h / 1);
100
- --xz-color-orange-fg-100: oklch(0 0 0 / 0.95);
101
98
  --xz-color-orange-text-100: oklch(from var(--xz-color-orange) 0.55 c h / 1);
102
99
  --xz-color-orange-text-200: oklch(from var(--xz-color-orange) 0.4 c h / 1);
100
+ --xz-color-orange-text-fg: oklch(0 0 0 / 0.95);
103
101
  --xz-color-purple-soft-100: oklch(from var(--xz-color-purple) 0.8 c h / 0.15);
104
102
  --xz-color-purple-soft-200: oklch(from var(--xz-color-purple) 0.8 c h / 0.25);
105
103
  --xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
@@ -109,9 +107,9 @@
109
107
  --xz-color-purple-line-300: color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
110
108
  --xz-color-purple-bg-100: var(--xz-color-purple);
111
109
  --xz-color-purple-bg-200: oklch(from var(--xz-color-purple) calc(l - 0.05) c h / 1);
112
- --xz-color-purple-fg-100: oklch(0 0 0 / 0.95);
113
110
  --xz-color-purple-text-100: oklch(from var(--xz-color-purple) 0.55 c h / 1);
114
111
  --xz-color-purple-text-200: oklch(from var(--xz-color-purple) 0.4 c h / 1);
112
+ --xz-color-purple-text-fg: oklch(0 0 0 / 0.95);
115
113
  --xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) 0.8 c h / 0.15);
116
114
  --xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) 0.8 c h / 0.25);
117
115
  --xz-color-neutral-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
@@ -121,9 +119,9 @@
121
119
  --xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100));
122
120
  --xz-color-neutral-bg-100: var(--xz-color-gray);
123
121
  --xz-color-neutral-bg-200: oklch(from var(--xz-color-gray) calc(l - 0.05) c h / 1);
124
- --xz-color-neutral-fg-100: oklch(1 0 0);
125
122
  --xz-color-neutral-text-100: oklch(from var(--xz-color-gray) 0.55 c h / 1);
126
123
  --xz-color-neutral-text-200: oklch(from var(--xz-color-gray) 0.4 c h / 1);
124
+ --xz-color-neutral-text-fg: oklch(1 0 0);
127
125
  --xz-color-black-alpha-100: oklch(0 0 0 / 0.1);
128
126
  --xz-color-black-alpha-200: oklch(0 0 0 / 0.2);
129
127
  --xz-color-black-alpha-300: oklch(0 0 0 / 0.3);