Files
console/src/themes/light-cloud.json
T
Torsten Dittmann 3eec8e2767 fix: color tokens
2025-03-03 18:10:32 +04:00

204 lines
8.4 KiB
JSON

{
"neutral-0": "rgba(255, 255, 255, 100%)",
"neutral-25": "rgba(250, 250, 251, 100%)",
"neutral-40": "rgba(244, 244, 247, 100%)",
"neutral-50": "rgba(237, 237, 240, 100%)",
"neutral-100": "rgba(228, 228, 231, 100%)",
"neutral-200": "rgba(216, 216, 219, 100%)",
"neutral-250": "rgba(195, 195, 198, 100%)",
"neutral-300": "rgba(173, 173, 176, 100%)",
"neutral-400": "rgba(151, 151, 155, 100%)",
"neutral-500": "rgba(129, 129, 134, 100%)",
"neutral-600": "rgba(108, 108, 113, 100%)",
"neutral-700": "rgba(86, 86, 92, 100%)",
"neutral-750": "rgba(65, 65, 70, 100%)",
"neutral-800": "rgba(45, 45, 49, 100%)",
"neutral-850": "rgba(29, 29, 33, 100%)",
"neutral-900": "rgba(25, 25, 28, 100%)",
"neutral-950": "rgba(20, 20, 22, 100%)",
"neutral-1000": "rgba(0, 0, 0, 100%)",
"brand-pink-200": "rgba(254, 175, 197, 100%)",
"brand-purple-200": "rgba(203, 194, 255, 100%)",
"brand-purple-500": "rgba(124, 103, 254, 100%)",
"brand-purple-700": "rgba(74, 62, 152, 100%)",
"brand-mint-200": "rgba(206, 241, 239, 100%)",
"brand-mint-500": "rgba(133, 219, 216, 100%)",
"brand-mint-600": "rgba(106, 175, 173, 100%)",
"brand-mint-700": "rgba(78, 126, 124, 100%)",
"brand-mint-900": "rgba(27, 44, 43, 100%)",
"brand-orange-200": "rgba(255, 213, 194, 100%)",
"brand-orange-500": "rgba(254, 149, 103, 100%)",
"brand-orange-700": "rgba(152, 89, 62, 100%)",
"brand-yellow-200": "rgba(255, 237, 194, 100%)",
"brand-yellow-500": "rgba(254, 211, 103, 100%)",
"brand-yellow-700": "rgba(152, 127, 62, 100%)",
"brand-blue-200": "rgba(195, 218, 255, 100%)",
"brand-blue-500": "rgba(104, 163, 254, 100%)",
"brand-blue-600": "rgba(83, 130, 203, 100%)",
"web-red-200": "rgba(255, 213, 212, 100%)",
"web-red-500": "rgba(255, 69, 58, 100%)",
"web-red-700": "rgba(179, 18, 18, 100%)",
"brand-blue-700": "rgba(62, 98, 152, 100%)",
"brand-pink-500": "rgba(253, 54, 110, 100%)",
"brand-pink-600": "rgba(202, 43, 88, 100%)",
"brand-pink-700": "rgba(152, 32, 66, 100%)",
"web-orange-200": "rgba(255, 213, 194, 100%)",
"web-green-100": "rgba(223, 253, 238, 100%)",
"web-green-200": "rgba(180, 248, 226, 100%)",
"web-green-500": "rgba(16, 185, 129, 100%)",
"web-green-700": "rgba(10, 113, 79, 100%)",
"web-orange-500": "rgba(254, 124, 67, 100%)",
"web-orange-700": "rgba(97, 37, 10, 100%)",
"web-red-800": "rgba(143, 14, 14, 100%)",
"web-red-900": "rgba(107, 11, 11, 100%)",
"bgcolor-neutral-default": "var(--neutral-25)",
"bgcolor-neutral-primary": "var(--neutral-0)",
"bgcolor-neutral-secondary": "var(--neutral-40)",
"bgcolor-neutral-tertiary": "var(--neutral-50)",
"bgcolor-neutral-invert": "var(--neutral-900)",
"bgcolor-neutral-invert-weak": "var(--neutral-700)",
"bgcolor-neutral-invert-weaker": "var(--neutral-500)",
"bgcolor-neutral-invert-weakest": "var(--neutral-100)",
"bgcolor-accent": "var(--brand-pink-500)",
"bgcolor-accent-weak": "rgba(252, 53, 110, 12%)",
"bgcolor-accent-secondary": "var(--brand-pink-600)",
"bgcolor-accent-tertiary": "var(--brand-pink-700)",
"bgcolor-success-weaker": "rgba(16, 185, 129, 4%)",
"bgcolor-success-weak": "rgba(16, 185, 129, 16%)",
"bgcolor-success": "var(--web-green-500)",
"bgcolor-success-strong": "var(--web-green-700)",
"bgcolor-error-weaker": "rgba(255, 69, 58, 4%)",
"bgcolor-error-weak": "rgba(255, 69, 58, 16%)",
"bgcolor-error": "var(--web-red-500)",
"bgcolor-error-strong": "var(--web-red-700)",
"bgcolor-warning": "var(--web-orange-500)",
"bgcolor-warning-weak": "rgba(254, 124, 67, 16%)",
"bgcolor-warning-weaker": "rgba(254, 124, 67, 4%)",
"bgcolor-warning-strong": "var(--web-orange-700)",
"bgcolor-error-strong-secondary": "var(--web-red-800)",
"bgcolor-error-strong-tertiary": "var(--web-red-900)",
"fgcolor-neutral-primary": "var(--neutral-800)",
"fgcolor-neutral-secondary": "var(--neutral-700)",
"fgcolor-neutral-tertiary": "var(--neutral-400)",
"fgcolor-neutral-weak": "var(--neutral-200)",
"fgcolor-accent": "var(--brand-pink-500)",
"fgcolor-accent-neutral": "var(--neutral-900)",
"fgcolor-on-accent": "var(--neutral-0)",
"fgcolor-success": "var(--web-green-700)",
"fgcolor-on-success": "var(--neutral-0)",
"fgcolor-on-success-weak": "var(--web-green-700)",
"fgcolor-error": "var(--web-red-700)",
"fgcolor-on-error": "var(--neutral-0)",
"fgcolor-on-error-weak": "var(--web-red-700)",
"fgcolor-warning": "var(--web-orange-700)",
"fgcolor-on-warning": "var(--neutral-0)",
"fgcolor-on-warning-weak": "var(--web-orange-700)",
"fgcolor-on-invert": "var(--neutral-25)",
"border-neutral": "var(--neutral-50)",
"border-neutral-strong": "var(--neutral-200)",
"border-neutral-stronger": "var(--neutral-500)",
"border-neutral-strongest": "var(--neutral-900)",
"border-focus": "var(--neutral-300)",
"border-accent": "var(--brand-pink-500)",
"border-accent-secondary": "var(--brand-pink-600)",
"border-success": "var(--web-green-500)",
"border-success-weak": "rgba(16, 185, 129, 32%)",
"border-warning": "var(--web-orange-500)",
"border-warning-weak": "rgba(254, 124, 67, 32%)",
"border-error": "var(--web-red-500)",
"border-error-weak": "rgba(255, 69, 58, 32%)",
"overlay-on-accent": "rgba(255, 255, 255, 32%)",
"overlay-accent-hover": "rgba(0, 0, 0, 20%)",
"overlay-accent-pressed": "rgba(0, 0, 0, 40%)",
"overlay-on-neutral": "rgba(0, 0, 0, 6%)",
"overlay-neutral-hover": "rgba(25, 25, 28, 3%)",
"overlay-neutral-pressed": "rgba(25, 25, 28, 4%)",
"overlay-neutral-selected": "rgba(25, 25, 28, 4%)",
"overlay-scrim": "rgba(25, 25, 28, 80%)",
"overlay-skeleton": "rgba(25, 25, 28, 4%)",
"gradient-border-button-secondary-bottom": "var(--border-neutral)",
"gradient-border-button-secondary-top": "var(--border-neutral-strong)",
"font-family-brand": "Aeonik Pro",
"font-family-sansserif": "Inter",
"font-family-monospace": "Aeonik Fono",
"font-family-code": "Fira Code",
"font-weight-regular": "Regular",
"font-weight-medium": "Medium",
"font-weight-semibold": "Semibold",
"font-size-xs": "12px",
"font-size-s": "14px",
"font-size-m": "16px",
"font-size-l": "20px",
"font-size-xl": "24px",
"font-size-xxl": "28px",
"font-size-xxxl": "32px",
"base-0": "0px",
"base-2": "2px",
"base-4": "4px",
"base-6": "6px",
"base-8": "8px",
"base-10": "10px",
"base-12": "12px",
"base-16": "16px",
"base-20": "20px",
"base-24": "24px",
"base-28": "28px",
"base-32": "32px",
"base-36": "36px",
"base-40": "40px",
"base-44": "44px",
"base-48": "48px",
"base-64": "64px",
"base-80": "80px",
"base-96": "96px",
"base-128": "128px",
"space-0": "var(--base-0)",
"base-160": "160px",
"space-1": "var(--base-2)",
"space-2": "var(--base-4)",
"space-3": "var(--base-6)",
"space-4": "var(--base-8)",
"space-5": "var(--base-10)",
"space-6": "var(--base-12)",
"space-7": "var(--base-16)",
"space-8": "var(--base-20)",
"space-9": "var(--base-24)",
"space-10": "var(--base-32)",
"space-11": "var(--base-40)",
"space-12": "var(--base-48)",
"space-13": "var(--base-64)",
"icon-size-s": "var(--base-16)",
"border-radius-none": "var(--base-0)",
"border-radius-xxs": "var(--base-4)",
"border-radius-xs": "var(--base-6)",
"border-radius-s": "var(--base-8)",
"border-radius-m": "var(--base-12)",
"border-radius-l": "var(--base-16)",
"border-radius-xl": "var(--base-20)",
"border-radius-xxl": "var(--base-24)",
"border-radius-circle": "99999px",
"icon-size-m": "var(--base-20)",
"icon-size-l": "var(--base-24)",
"border-width-s": "1px",
"gap-none": "var(--base-0)",
"gap-xxxs": "var(--base-2)",
"gap-xxs": "var(--base-4)",
"gap-xs": "var(--base-6)",
"gap-s": "var(--base-8)",
"gap-m": "var(--base-12)",
"gap-l": "var(--base-16)",
"gap-xl": "var(--base-20)",
"gap-xxl": "var(--base-32)",
"gap-xxxl": "var(--base-40)",
"border-width-m": "1.2000000476837158px",
"border-width-l": "2px",
"border-width-xl": "3px",
"shadow-offsetx-0": "var(--base-0)",
"shadow-offsety-0": "var(--base-0)",
"shadow-offsety-1": "1px",
"shadow-offsety-4": "var(--base-4)",
"shadow-offsety-6": "var(--base-6)",
"shadow-offsety-8": "var(--base-8)",
"shadow-offsety-20": "var(--base-20)"
}