210 lines
11 KiB
JavaScript
210 lines
11 KiB
JavaScript
/**
|
|
* @generated by `astryx theme build` — do not edit manually.
|
|
* Source: src/theme/loyalyTheme.ts
|
|
* Command: astryx theme build src/theme/loyalyTheme.ts
|
|
* Generated: 2026-08-05T07:29:49.937Z
|
|
*/
|
|
|
|
/**
|
|
* loyaly theme — built by `npx astryx theme build`
|
|
* Import the CSS file alongside this module:
|
|
*
|
|
* import { loyalyTheme } from './loyaly';
|
|
* import './loyaly.css';
|
|
*/
|
|
export const loyalyTheme = {
|
|
name: 'loyaly',
|
|
__built: true,
|
|
tokens: {
|
|
"--font-size-4xs": "0.375rem",
|
|
"--font-size-3xs": "0.4375rem",
|
|
"--font-size-2xs": "0.5rem",
|
|
"--font-size-xs": "0.625rem",
|
|
"--font-size-sm": "0.75rem",
|
|
"--font-size-base": "0.875rem",
|
|
"--font-size-lg": "1.0625rem",
|
|
"--font-size-xl": "1.25rem",
|
|
"--font-size-2xl": "1.5rem",
|
|
"--font-size-3xl": "1.8125rem",
|
|
"--font-size-4xl": "2.1875rem",
|
|
"--font-size-5xl": "2.625rem",
|
|
"--text-heading-1-size": "var(--font-size-2xl)",
|
|
"--text-heading-1-weight": "var(--font-weight-semibold)",
|
|
"--text-heading-1-leading": "1.3333",
|
|
"--text-heading-2-size": "var(--font-size-xl)",
|
|
"--text-heading-2-weight": "var(--font-weight-semibold)",
|
|
"--text-heading-2-leading": "1.4",
|
|
"--text-heading-3-size": "var(--font-size-lg)",
|
|
"--text-heading-3-weight": "var(--font-weight-semibold)",
|
|
"--text-heading-3-leading": "1.4118",
|
|
"--text-heading-4-size": "var(--font-size-base)",
|
|
"--text-heading-4-weight": "var(--font-weight-semibold)",
|
|
"--text-heading-4-leading": "1.4286",
|
|
"--text-heading-5-size": "var(--font-size-sm)",
|
|
"--text-heading-5-weight": "var(--font-weight-semibold)",
|
|
"--text-heading-5-leading": "1.6667",
|
|
"--text-heading-6-size": "var(--font-size-xs)",
|
|
"--text-heading-6-weight": "var(--font-weight-semibold)",
|
|
"--text-heading-6-leading": "1.6",
|
|
"--text-body-size": "var(--font-size-base)",
|
|
"--text-body-weight": "var(--font-weight-normal)",
|
|
"--text-body-leading": "1.4286",
|
|
"--text-large-size": "var(--font-size-lg)",
|
|
"--text-large-weight": "var(--font-weight-semibold)",
|
|
"--text-large-leading": "1.4118",
|
|
"--text-label-size": "var(--font-size-base)",
|
|
"--text-label-weight": "var(--font-weight-medium)",
|
|
"--text-label-leading": "1.4286",
|
|
"--text-code-size": "var(--font-size-base)",
|
|
"--text-code-weight": "var(--font-weight-normal)",
|
|
"--text-code-leading": "1.4286",
|
|
"--text-supporting-size": "var(--font-size-sm)",
|
|
"--text-supporting-weight": "var(--font-weight-normal)",
|
|
"--text-supporting-leading": "1.6667",
|
|
"--text-display-1-size": "var(--font-size-5xl)",
|
|
"--text-display-1-weight": "var(--font-weight-normal)",
|
|
"--text-display-1-leading": "1.2381",
|
|
"--text-display-2-size": "var(--font-size-4xl)",
|
|
"--text-display-2-weight": "var(--font-weight-normal)",
|
|
"--text-display-2-leading": "1.2571",
|
|
"--text-display-3-size": "var(--font-size-3xl)",
|
|
"--text-display-3-weight": "var(--font-weight-normal)",
|
|
"--text-display-3-leading": "1.3793",
|
|
"--duration-fast-min": "90ms",
|
|
"--duration-fast": "120ms",
|
|
"--duration-fast-max": "160ms",
|
|
"--duration-medium-min": "195ms",
|
|
"--duration-medium": "260ms",
|
|
"--duration-medium-max": "345ms",
|
|
"--duration-slow-min": "450ms",
|
|
"--duration-slow": "600ms",
|
|
"--duration-slow-max": "800ms",
|
|
"--font-family-body": "var(--font-inter), -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
|
|
"--font-family-heading": "var(--font-sora), -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
|
|
"--font-family-code": "ui-monospace, \"SF Mono\", Monaco, Consolas, monospace",
|
|
"--color-syntax-keyword": "light-dark(#700084, #efa8ff)",
|
|
"--color-syntax-string": "light-dark(#005600, #a6d2a2)",
|
|
"--color-syntax-comment": "light-dark(#737373, #a3a3a3)",
|
|
"--color-syntax-number": "light-dark(#6e3500, #ffb37f)",
|
|
"--color-syntax-function": "light-dark(#00458c, #a0caff)",
|
|
"--color-syntax-type": "light-dark(#700084, #efa8ff)",
|
|
"--color-syntax-variable": "light-dark(#171717, #e5e5e5)",
|
|
"--color-syntax-operator": "light-dark(#737373, #a3a3a3)",
|
|
"--color-syntax-constant": "light-dark(#6e3500, #ffb37f)",
|
|
"--color-syntax-tag": "light-dark(#89001a, #ffaeaa)",
|
|
"--color-syntax-attribute": "light-dark(#584400, #eec12f)",
|
|
"--color-syntax-property": "light-dark(#005348, #83dac9)",
|
|
"--color-syntax-punctuation": "light-dark(#a3a3a3, #525252)",
|
|
"--color-syntax-background": "light-dark(#fafafa, #0a0a0a)",
|
|
"--color-background-surface": "light-dark(#FFFFFF, #0F0F10)",
|
|
"--color-background-body": "light-dark(#F7F7F8, #000000)",
|
|
"--color-background-card": "light-dark(#FFFFFF, #171717)",
|
|
"--color-background-popover": "light-dark(#FFFFFF, #171717)",
|
|
"--color-background-muted": "light-dark(#F1F1F2, #202124)",
|
|
"--color-accent": "light-dark(#262626, #202124)",
|
|
"--color-accent-muted": "light-dark(#F1F1F2, #27272A)",
|
|
"--color-neutral": "light-dark(#0000000F, #202124)",
|
|
"--color-overlay": "light-dark(#00000080, #000000CC)",
|
|
"--color-overlay-hover": "light-dark(#0000000D, #FFFFFF0F)",
|
|
"--color-overlay-pressed": "light-dark(#0000001A, #FFFFFF1A)",
|
|
"--color-text-primary": "light-dark(#171717, #FFFFFF)",
|
|
"--color-text-secondary": "light-dark(#71717A, #A1A1AA)",
|
|
"--color-text-disabled": "light-dark(#A1A1AA, #71717A)",
|
|
"--color-text-accent": "light-dark(#171717, #FFFFFF)",
|
|
"--color-on-dark": "#FFFFFF",
|
|
"--color-on-light": "#171717",
|
|
"--color-on-accent": "light-dark(#FFFFFF, #FFFFFF)",
|
|
"--color-on-success": "light-dark(#FFFFFF, #0A0A0A)",
|
|
"--color-on-error": "light-dark(#FFFFFF, #0A0A0A)",
|
|
"--color-on-warning": "#171717",
|
|
"--color-icon-accent": "light-dark(#171717, #FFFFFF)",
|
|
"--color-icon-primary": "light-dark(#171717, #FFFFFF)",
|
|
"--color-icon-secondary": "light-dark(#71717A, #A1A1AA)",
|
|
"--color-icon-disabled": "light-dark(#A1A1AA, #71717A)",
|
|
"--color-success": "light-dark(#15803D, #4ADE80)",
|
|
"--color-error": "light-dark(#B91C1C, #F87171)",
|
|
"--color-warning": "light-dark(#B45309, #FBBF24)",
|
|
"--color-success-muted": "light-dark(#DCFCE7, #22C55E29)",
|
|
"--color-error-muted": "light-dark(#FEE2E2, #EF444429)",
|
|
"--color-warning-muted": "light-dark(#FEF3C7, #F59E0B29)",
|
|
"--color-border": "light-dark(#00000014, #2F2F2F)",
|
|
"--color-border-emphasized": "light-dark(#D4D4D8, #3F3F46)",
|
|
"--color-skeleton": "light-dark(#EBEBEB, #27272A)",
|
|
"--color-shadow": "light-dark(#0000001A, #00000099)",
|
|
"--color-tint-hover": "light-dark(black, white)",
|
|
"--color-background-red": "light-dark(#facecb, #ff9e973D)",
|
|
"--color-border-red": "light-dark(#e6bab8, #ff6f6c)",
|
|
"--color-icon-red": "light-dark(#89001a, #ff9e97)",
|
|
"--color-text-red": "light-dark(#89001a, #ffc6c1)",
|
|
"--color-background-orange": "light-dark(#E4E4E7, #202124)",
|
|
"--color-border-orange": "light-dark(#D4D4D8, #2F2F2F)",
|
|
"--color-icon-orange": "light-dark(#52525B, #A1A1AA)",
|
|
"--color-text-orange": "light-dark(#27272A, #E4E4E7)",
|
|
"--color-background-yellow": "light-dark(#f8da9d, #deb4333D)",
|
|
"--color-border-yellow": "light-dark(#e4c279, #c0990e)",
|
|
"--color-icon-yellow": "light-dark(#584400, #deb433)",
|
|
"--color-text-yellow": "light-dark(#584400, #fdcf4f)",
|
|
"--color-background-green": "light-dark(#c5e5c0, #84c9803D)",
|
|
"--color-border-green": "light-dark(#b2d1ac, #69ad67)",
|
|
"--color-icon-green": "light-dark(#0c5700, #84c980)",
|
|
"--color-text-green": "light-dark(#0c5700, #9fe59b)",
|
|
"--color-background-teal": "light-dark(#E4E4E7, #202124)",
|
|
"--color-border-teal": "light-dark(#D4D4D8, #2F2F2F)",
|
|
"--color-icon-teal": "light-dark(#52525B, #A1A1AA)",
|
|
"--color-text-teal": "light-dark(#27272A, #E4E4E7)",
|
|
"--color-background-cyan": "light-dark(#E4E4E7, #202124)",
|
|
"--color-border-cyan": "light-dark(#D4D4D8, #2F2F2F)",
|
|
"--color-icon-cyan": "light-dark(#52525B, #A1A1AA)",
|
|
"--color-text-cyan": "light-dark(#27272A, #E4E4E7)",
|
|
"--color-background-blue": "light-dark(#E4E4E7, #202124)",
|
|
"--color-border-blue": "light-dark(#D4D4D8, #2F2F2F)",
|
|
"--color-icon-blue": "light-dark(#52525B, #A1A1AA)",
|
|
"--color-text-blue": "light-dark(#27272A, #E4E4E7)",
|
|
"--color-background-purple": "light-dark(#E4E4E7, #202124)",
|
|
"--color-border-purple": "light-dark(#D4D4D8, #2F2F2F)",
|
|
"--color-icon-purple": "light-dark(#52525B, #A1A1AA)",
|
|
"--color-text-purple": "light-dark(#27272A, #E4E4E7)",
|
|
"--color-background-pink": "light-dark(#E4E4E7, #202124)",
|
|
"--color-border-pink": "light-dark(#D4D4D8, #2F2F2F)",
|
|
"--color-icon-pink": "light-dark(#52525B, #A1A1AA)",
|
|
"--color-text-pink": "light-dark(#27272A, #E4E4E7)",
|
|
"--color-background-gray": "light-dark(#E4E4E7, #202124)",
|
|
"--color-border-gray": "light-dark(#D4D4D8, #2F2F2F)",
|
|
"--color-icon-gray": "light-dark(#52525B, #A1A1AA)",
|
|
"--color-text-gray": "light-dark(#27272A, #E4E4E7)",
|
|
"--radius-none": "0.25rem",
|
|
"--radius-inner": "0.375rem",
|
|
"--radius-element": "0.5rem",
|
|
"--radius-container": "0.75rem",
|
|
"--radius-page": "1rem",
|
|
"--radius-full": "9999px",
|
|
"--shadow-low": "0 1px 2px light-dark(oklch(0 0 0 / 5%), oklch(0 0 0 / 60%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 6%))",
|
|
"--shadow-med": "0 2px 8px light-dark(oklch(0 0 0 / 8%), oklch(0 0 0 / 70%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 9%))",
|
|
"--shadow-high": "0 8px 24px light-dark(oklch(0 0 0 / 12%), oklch(0 0 0 / 80%)), inset 0 0 0 1px light-dark(transparent, oklch(1 0 0 / 12%))",
|
|
"--shadow-inset-hover": "inset 0 0 0 2px #52525B",
|
|
"--shadow-inset-selected": "inset 0 0 0 2px #E4E4E7",
|
|
"--shadow-inset-success": "inset 0px 0px 0px 2px #1981004D",
|
|
"--shadow-inset-warning": "inset 0px 0px 0px 2px #ffce2f4D",
|
|
"--shadow-inset-error": "inset 0px 0px 0px 2px #e33f4a4D",
|
|
"--color-background-inverted": "light-dark(#171717, #E4E4E7)",
|
|
"--color-track": "light-dark(#E4E4E7, #27272A)",
|
|
"--color-data-gray-1": "light-dark(#E4E4E7, #3F3F46)",
|
|
"--color-data-gray-2": "light-dark(#A1A1AA, #52525B)",
|
|
"--color-data-gray-3": "light-dark(#71717A, #71717A)",
|
|
"--color-data-gray-4": "light-dark(#52525B, #A1A1AA)",
|
|
"--color-data-gray-5": "light-dark(#27272A, #E4E4E7)",
|
|
"--color-data-neutral": "light-dark(#71717A, #52525B)",
|
|
"--color-data-categorical-blue": "light-dark(#27272A, #E4E4E7)",
|
|
"--color-data-categorical-orange": "light-dark(#52525B, #A1A1AA)",
|
|
"--color-data-categorical-green": "light-dark(#71717A, #71717A)",
|
|
"--color-data-categorical-purple": "light-dark(#A1A1AA, #52525B)",
|
|
"--color-data-categorical-cyan": "light-dark(#D4D4D8, #3F3F46)",
|
|
"--color-data-categorical-red": "light-dark(#27272A, #E4E4E7)",
|
|
"--color-data-categorical-teal": "light-dark(#52525B, #A1A1AA)",
|
|
"--color-data-categorical-pink": "light-dark(#71717A, #71717A)",
|
|
"--color-data-categorical-brown": "light-dark(#A1A1AA, #52525B)",
|
|
"--color-data-categorical-indigo": "light-dark(#D4D4D8, #3F3F46)"
|
|
},
|
|
|
|
};
|