Last active
April 4, 2023 23:13
-
-
Save StoneyEagle/7d9d4d9a4e31b1b32f4888bb9da57492 to your computer and use it in GitHub Desktop.
Rendered NoMercy theme system for TailwindCSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --shadow-light: 150, 150, 150; | |
| --shadow-dark: 0, 0, 0; | |
| --shadow: var(--shadow-light); | |
| --gray-50: 250, 250, 250; | |
| --gray-100: 245, 245, 245; | |
| --gray-200: 229, 229, 229; | |
| --gray-300: 212, 212, 212; | |
| --gray-400: 163, 163, 163; | |
| --gray-500: 115, 115, 115; | |
| --gray-600: 82, 82, 82; | |
| --gray-700: 64, 64, 64; | |
| --gray-800: 38, 38, 38; | |
| --gray-900: 23, 23, 23; | |
| --gray-950: 10, 10, 10; | |
| --color-text: var(--gray-800); | |
| --color-text-medium: var(--gray-500); | |
| --color-text-contrast: var(--gray-900); | |
| --color-text-hover: var(--gray-800); | |
| --color-logo-dark: var(--color-theme-200); | |
| --color-logo-light: var(--color-theme-700); | |
| --color-logo-text: var(--color-theme-600); | |
| --color-logo-brand: var(--gray-500); | |
| --color-gray-50: var(--gray-50); | |
| --color-gray-100: var(--gray-200); | |
| --color-gray-200: var(--gray-200); | |
| --color-gray-300: var(--gray-300); | |
| --color-gray-400: var(--gray-400); | |
| --color-gray-500: var(--gray-500); | |
| --color-gray-600: var(--gray-600); | |
| --color-gray-700: var(--gray-700); | |
| --color-gray-800: var(--gray-800); | |
| --color-gray-900: var(--gray-900); | |
| --color-gray-950: var(--gray-950); | |
| --color-theme-50: var(--custom-50); | |
| --color-theme-100: var(--custom-100); | |
| --color-theme-200: var(--custom-200); | |
| --color-theme-300: var(--custom-300); | |
| --color-theme-400: var(--custom-400); | |
| --color-theme-500: var(--custom-500); | |
| --color-theme-600: var(--custom-600); | |
| --color-theme-700: var(--custom-700); | |
| --color-theme-800: var(--custom-800); | |
| --color-theme-900: var(--custom-900) | |
| } | |
| body { | |
| color: #fff; | |
| background: var(--color-gray-50) | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| :root { | |
| --shadow: var(--shadow-dark); | |
| --color-text-contrast: var(--gray-200); | |
| --color-text-medium: var(--gray-500); | |
| --color-text-hover: var(--gray-800); | |
| --color-logo-dark: var(--color-theme-800); | |
| --color-logo-light: var(--color-theme-500); | |
| --color-logo-text: var(--color-theme-600); | |
| --color-logo-brand: var(--color-theme-950); | |
| --color-gray-900: var(--gray-50); | |
| --color-gray-800: var(--gray-100); | |
| --color-gray-700: var(--gray-200); | |
| --color-gray-600: var(--gray-300); | |
| --color-gray-500: var(--gray-400); | |
| --color-gray-400: var(--gray-500); | |
| --color-gray-300: var(--gray-600); | |
| --color-gray-200: var(--gray-700); | |
| --color-gray-100: var(--gray-800); | |
| --color-gray-50: var(--gray-900); | |
| --color-theme-950: var(--custom-50); | |
| --color-theme-900: var(--custom-100); | |
| --color-theme-800: var(--custom-200); | |
| --color-theme-700: var(--custom-300); | |
| --color-theme-600: var(--custom-400); | |
| --color-theme-500: var(--custom-500); | |
| --color-theme-400: var(--custom-600); | |
| --color-theme-300: var(--custom-700); | |
| --color-theme-200: var(--custom-800); | |
| --color-theme-100: var(--custom-900); | |
| --color-theme-50: var(--custom-950) | |
| } | |
| } | |
| .scheme-light { | |
| --shadow: var(--shadow-light); | |
| --color-text: var(--gray-800); | |
| --color-text-medium: var(--gray-500); | |
| --color-text-contrast: var(--gray-900); | |
| --color-text-hover: var(--gray-800); | |
| --color-logo-dark: var(--color-theme-200); | |
| --color-logo-light: var(--color-theme-500); | |
| --color-logo-text: var(--color-theme-700); | |
| --color-logo-brand: var(--gray-500); | |
| --color-gray-50: var(--gray-50); | |
| --color-gray-100: var(--gray-200); | |
| --color-gray-200: var(--gray-200); | |
| --color-gray-300: var(--gray-300); | |
| --color-gray-400: var(--gray-400); | |
| --color-gray-500: var(--gray-500); | |
| --color-gray-600: var(--gray-600); | |
| --color-gray-700: var(--gray-700); | |
| --color-gray-800: var(--gray-800); | |
| --color-gray-900: var(--gray-900); | |
| --color-gray-950: var(--gray-950) | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .scheme-light { | |
| --color-text-contrast: var(--gray-900); | |
| --color-text-medium: var(--gray-300); | |
| --color-text-hover: var(--gray-100) | |
| } | |
| } | |
| .scheme-dark { | |
| --shadow: var(--shadow-dark); | |
| --color-text-contrast: var(--gray-200); | |
| --color-text-medium: var(--gray-500); | |
| --color-text-hover: var(--gray-800); | |
| --color-logo-dark: var(--color-theme-800); | |
| --color-logo-light: var(--color-theme-500); | |
| --color-logo-text: var(--color-theme-600); | |
| --color-logo-brand: var(--color-theme-950); | |
| --color-theme-950: var(--custom-50); | |
| --color-theme-900: var(--custom-100); | |
| --color-theme-800: var(--custom-200); | |
| --color-theme-700: var(--custom-300); | |
| --color-theme-600: var(--custom-400); | |
| --color-theme-500: var(--custom-500); | |
| --color-theme-400: var(--custom-600); | |
| --color-theme-300: var(--custom-700); | |
| --color-theme-200: var(--custom-800); | |
| --color-theme-100: var(--custom-900); | |
| --color-theme-50: var(--custom-950) | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .scheme-dark { | |
| --color-text-contrast: var(--gray-200); | |
| --color-text-medium: var(--gray-500); | |
| --color-text-hover: var(--gray-800); | |
| --color-logo-dark: var(--color-theme-800); | |
| --color-logo-light: var(--color-theme-500); | |
| --color-logo-text: var(--color-theme-600); | |
| --color-logo-brand: var(--color-theme-950); | |
| --color-gray-900: var(--gray-50); | |
| --color-gray-800: var(--gray-100); | |
| --color-gray-700: var(--gray-200); | |
| --color-gray-600: var(--gray-300); | |
| --color-gray-500: var(--gray-400); | |
| --color-gray-400: var(--gray-500); | |
| --color-gray-300: var(--gray-600); | |
| --color-gray-200: var(--gray-700); | |
| --color-gray-100: var(--gray-800); | |
| --color-gray-50: var(--gray-900) | |
| } | |
| } | |
| .scheme-auto { | |
| --shadow: var(--shadow-dark); | |
| --color-text-contrast: var(--gray-200); | |
| --color-text-medium: var(--gray-500); | |
| --color-text-hover: var(--gray-800) | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .scheme-auto { | |
| --color-text-contrast: var(--gray-900); | |
| --color-text-medium: var(--gray-300); | |
| --color-text-hover: var(--gray-100); | |
| --color-logo-dark: var(--color-theme-200); | |
| --color-logo-light: var(--color-theme-500); | |
| --color-logo-text: var(--color-theme-600); | |
| --color-logo-brand: var(--gray-500); | |
| --color-gray-50: var(--gray-50); | |
| --color-gray-100: var(--gray-200); | |
| --color-gray-200: var(--gray-200); | |
| --color-gray-300: var(--gray-300); | |
| --color-gray-400: var(--gray-400); | |
| --color-gray-500: var(--gray-500); | |
| --color-gray-600: var(--gray-600); | |
| --color-gray-700: var(--gray-700); | |
| --color-gray-800: var(--gray-800); | |
| --color-gray-900: var(--gray-900); | |
| --color-gray-950: var(--gray-950) | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .scheme-auto { | |
| --color-text-contrast: var(--gray-200); | |
| --color-text-medium: var(--gray-500); | |
| --color-text-hover: var(--gray-800); | |
| --color-logo-dark: var(--color-theme-800); | |
| --color-logo-light: var(--color-theme-500); | |
| --color-logo-text: var(--color-theme-600); | |
| --color-logo-brand: var(--color-theme-950); | |
| --color-gray-900: var(--gray-50); | |
| --color-gray-800: var(--gray-100); | |
| --color-gray-700: var(--gray-200); | |
| --color-gray-600: var(--gray-300); | |
| --color-gray-500: var(--gray-400); | |
| --color-gray-400: var(--gray-500); | |
| --color-gray-300: var(--gray-600); | |
| --color-gray-200: var(--gray-700); | |
| --color-gray-100: var(--gray-800); | |
| --color-gray-50: var(--gray-900) | |
| } | |
| } | |
| .theme-custom.scheme-dark { | |
| --color-text-contrast: var(--gray-200); | |
| --color-text-medium: var(--gray-500); | |
| --color-text-hover: var(--gray-800); | |
| --color-logo-dark: var(--color-theme-800); | |
| --color-logo-light: var(--color-theme-500); | |
| --color-logo-text: var(--color-theme-600); | |
| --color-logo-brand: var(--color-theme-950) | |
| } | |
| .theme-custom.scheme-light { | |
| --color-text-contrast: var(--gray-900); | |
| --color-text-medium: var(--gray-500); | |
| --color-text-hover: var(--gray-800); | |
| --color-theme-50: var(--custom-50); | |
| --color-theme-100: var(--custom-100); | |
| --color-theme-200: var(--custom-200); | |
| --color-theme-300: var(--custom-300); | |
| --color-theme-400: var(--custom-400); | |
| --color-theme-500: var(--custom-500); | |
| --color-theme-600: var(--custom-600); | |
| --color-theme-700: var(--custom-700); | |
| --color-theme-800: var(--custom-800); | |
| --color-theme-900: var(--custom-900); | |
| --color-theme-950: var(--custom-950) | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-custom.scheme-light { | |
| --color-text-contrast: var(--gray-900); | |
| --color-text-medium: var(--gray-300); | |
| --color-text-hover: var(--gray-100) | |
| } | |
| } | |
| .theme-slate.scheme-auto { | |
| --color-text-logo: 100, 116, 139 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-slate.scheme-auto { | |
| --color-theme-50: 248, 250, 252; | |
| --color-theme-100: 241, 245, 249; | |
| --color-theme-200: 226, 232, 240; | |
| --color-theme-300: 203, 213, 225; | |
| --color-theme-400: 148, 163, 184; | |
| --color-theme-500: 100, 116, 139; | |
| --color-theme-600: 71, 85, 105; | |
| --color-theme-700: 51, 65, 85; | |
| --color-theme-800: 30, 41, 59; | |
| --color-theme-900: 15, 23, 42; | |
| --color-theme-950: 2, 6, 23 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-slate.scheme-auto { | |
| --color-theme-950: 248, 250, 252; | |
| --color-theme-900: 241, 245, 249; | |
| --color-theme-800: 226, 232, 240; | |
| --color-theme-700: 203, 213, 225; | |
| --color-theme-600: 148, 163, 184; | |
| --color-theme-500: 100, 116, 139; | |
| --color-theme-400: 71, 85, 105; | |
| --color-theme-300: 51, 65, 85; | |
| --color-theme-200: 30, 41, 59; | |
| --color-theme-100: 15, 23, 42 | |
| } | |
| } | |
| .theme-slate.scheme-dark { | |
| --color-theme-950: 248, 250, 252; | |
| --color-theme-900: 241, 245, 249; | |
| --color-theme-800: 226, 232, 240; | |
| --color-theme-700: 203, 213, 225; | |
| --color-theme-600: 148, 163, 184; | |
| --color-theme-500: 100, 116, 139; | |
| --color-theme-400: 71, 85, 105; | |
| --color-theme-300: 51, 65, 85; | |
| --color-theme-200: 30, 41, 59; | |
| --color-theme-100: 15, 23, 42 | |
| } | |
| .theme-slate.scheme-light { | |
| --color-theme-50: 248, 250, 252; | |
| --color-theme-100: 241, 245, 249; | |
| --color-theme-200: 226, 232, 240; | |
| --color-theme-300: 203, 213, 225; | |
| --color-theme-400: 148, 163, 184; | |
| --color-theme-500: 100, 116, 139; | |
| --color-theme-600: 71, 85, 105; | |
| --color-theme-700: 51, 65, 85; | |
| --color-theme-800: 30, 41, 59; | |
| --color-theme-900: 15, 23, 42; | |
| --color-theme-950: 2, 6, 23 | |
| } | |
| .theme-gray.scheme-auto { | |
| --color-text-logo: 107, 114, 128 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-gray.scheme-auto { | |
| --color-theme-50: 249, 250, 251; | |
| --color-theme-100: 243, 244, 246; | |
| --color-theme-200: 229, 231, 235; | |
| --color-theme-300: 209, 213, 219; | |
| --color-theme-400: 156, 163, 175; | |
| --color-theme-500: 107, 114, 128; | |
| --color-theme-600: 75, 85, 99; | |
| --color-theme-700: 55, 65, 81; | |
| --color-theme-800: 31, 41, 55; | |
| --color-theme-900: 17, 24, 39; | |
| --color-theme-950: 3, 7, 18 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-gray.scheme-auto { | |
| --color-theme-950: 249, 250, 251; | |
| --color-theme-900: 243, 244, 246; | |
| --color-theme-800: 229, 231, 235; | |
| --color-theme-700: 209, 213, 219; | |
| --color-theme-600: 156, 163, 175; | |
| --color-theme-500: 107, 114, 128; | |
| --color-theme-400: 75, 85, 99; | |
| --color-theme-300: 55, 65, 81; | |
| --color-theme-200: 31, 41, 55; | |
| --color-theme-100: 17, 24, 39 | |
| } | |
| } | |
| .theme-gray.scheme-dark { | |
| --color-theme-950: 249, 250, 251; | |
| --color-theme-900: 243, 244, 246; | |
| --color-theme-800: 229, 231, 235; | |
| --color-theme-700: 209, 213, 219; | |
| --color-theme-600: 156, 163, 175; | |
| --color-theme-500: 107, 114, 128; | |
| --color-theme-400: 75, 85, 99; | |
| --color-theme-300: 55, 65, 81; | |
| --color-theme-200: 31, 41, 55; | |
| --color-theme-100: 17, 24, 39 | |
| } | |
| .theme-gray.scheme-light { | |
| --color-theme-50: 249, 250, 251; | |
| --color-theme-100: 243, 244, 246; | |
| --color-theme-200: 229, 231, 235; | |
| --color-theme-300: 209, 213, 219; | |
| --color-theme-400: 156, 163, 175; | |
| --color-theme-500: 107, 114, 128; | |
| --color-theme-600: 75, 85, 99; | |
| --color-theme-700: 55, 65, 81; | |
| --color-theme-800: 31, 41, 55; | |
| --color-theme-900: 17, 24, 39; | |
| --color-theme-950: 3, 7, 18 | |
| } | |
| .theme-zinc.scheme-auto { | |
| --color-text-logo: 113, 113, 122 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-zinc.scheme-auto { | |
| --color-theme-50: 250, 250, 250; | |
| --color-theme-100: 244, 244, 245; | |
| --color-theme-200: 228, 228, 231; | |
| --color-theme-300: 212, 212, 216; | |
| --color-theme-400: 161, 161, 170; | |
| --color-theme-500: 113, 113, 122; | |
| --color-theme-600: 82, 82, 91; | |
| --color-theme-700: 63, 63, 70; | |
| --color-theme-800: 39, 39, 42; | |
| --color-theme-900: 24, 24, 27; | |
| --color-theme-950: 9, 9, 11 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-zinc.scheme-auto { | |
| --color-theme-950: 250, 250, 250; | |
| --color-theme-900: 244, 244, 245; | |
| --color-theme-800: 228, 228, 231; | |
| --color-theme-700: 212, 212, 216; | |
| --color-theme-600: 161, 161, 170; | |
| --color-theme-500: 113, 113, 122; | |
| --color-theme-400: 82, 82, 91; | |
| --color-theme-300: 63, 63, 70; | |
| --color-theme-200: 39, 39, 42; | |
| --color-theme-100: 24, 24, 27 | |
| } | |
| } | |
| .theme-zinc.scheme-dark { | |
| --color-theme-950: 250, 250, 250; | |
| --color-theme-900: 244, 244, 245; | |
| --color-theme-800: 228, 228, 231; | |
| --color-theme-700: 212, 212, 216; | |
| --color-theme-600: 161, 161, 170; | |
| --color-theme-500: 113, 113, 122; | |
| --color-theme-400: 82, 82, 91; | |
| --color-theme-300: 63, 63, 70; | |
| --color-theme-200: 39, 39, 42; | |
| --color-theme-100: 24, 24, 27 | |
| } | |
| .theme-zinc.scheme-light { | |
| --color-theme-50: 250, 250, 250; | |
| --color-theme-100: 244, 244, 245; | |
| --color-theme-200: 228, 228, 231; | |
| --color-theme-300: 212, 212, 216; | |
| --color-theme-400: 161, 161, 170; | |
| --color-theme-500: 113, 113, 122; | |
| --color-theme-600: 82, 82, 91; | |
| --color-theme-700: 63, 63, 70; | |
| --color-theme-800: 39, 39, 42; | |
| --color-theme-900: 24, 24, 27; | |
| --color-theme-950: 9, 9, 11 | |
| } | |
| .theme-neutral.scheme-auto { | |
| --color-text-logo: 115, 115, 115 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-neutral.scheme-auto { | |
| --color-theme-50: 250, 250, 250; | |
| --color-theme-100: 245, 245, 245; | |
| --color-theme-200: 229, 229, 229; | |
| --color-theme-300: 212, 212, 212; | |
| --color-theme-400: 163, 163, 163; | |
| --color-theme-500: 115, 115, 115; | |
| --color-theme-600: 82, 82, 82; | |
| --color-theme-700: 64, 64, 64; | |
| --color-theme-800: 38, 38, 38; | |
| --color-theme-900: 23, 23, 23; | |
| --color-theme-950: 10, 10, 10 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-neutral.scheme-auto { | |
| --color-theme-950: 250, 250, 250; | |
| --color-theme-900: 245, 245, 245; | |
| --color-theme-800: 229, 229, 229; | |
| --color-theme-700: 212, 212, 212; | |
| --color-theme-600: 163, 163, 163; | |
| --color-theme-500: 115, 115, 115; | |
| --color-theme-400: 82, 82, 82; | |
| --color-theme-300: 64, 64, 64; | |
| --color-theme-200: 38, 38, 38; | |
| --color-theme-100: 23, 23, 23 | |
| } | |
| } | |
| .theme-neutral.scheme-dark { | |
| --color-theme-950: 250, 250, 250; | |
| --color-theme-900: 245, 245, 245; | |
| --color-theme-800: 229, 229, 229; | |
| --color-theme-700: 212, 212, 212; | |
| --color-theme-600: 163, 163, 163; | |
| --color-theme-500: 115, 115, 115; | |
| --color-theme-400: 82, 82, 82; | |
| --color-theme-300: 64, 64, 64; | |
| --color-theme-200: 38, 38, 38; | |
| --color-theme-100: 23, 23, 23 | |
| } | |
| .theme-neutral.scheme-light { | |
| --color-theme-50: 250, 250, 250; | |
| --color-theme-100: 245, 245, 245; | |
| --color-theme-200: 229, 229, 229; | |
| --color-theme-300: 212, 212, 212; | |
| --color-theme-400: 163, 163, 163; | |
| --color-theme-500: 115, 115, 115; | |
| --color-theme-600: 82, 82, 82; | |
| --color-theme-700: 64, 64, 64; | |
| --color-theme-800: 38, 38, 38; | |
| --color-theme-900: 23, 23, 23; | |
| --color-theme-950: 10, 10, 10 | |
| } | |
| .theme-stone.scheme-auto { | |
| --color-text-logo: 120, 113, 108 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-stone.scheme-auto { | |
| --color-theme-50: 250, 250, 249; | |
| --color-theme-100: 245, 245, 244; | |
| --color-theme-200: 231, 229, 228; | |
| --color-theme-300: 214, 211, 209; | |
| --color-theme-400: 168, 162, 158; | |
| --color-theme-500: 120, 113, 108; | |
| --color-theme-600: 87, 83, 78; | |
| --color-theme-700: 68, 64, 60; | |
| --color-theme-800: 41, 37, 36; | |
| --color-theme-900: 28, 25, 23; | |
| --color-theme-950: 12, 10, 9 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-stone.scheme-auto { | |
| --color-theme-950: 250, 250, 249; | |
| --color-theme-900: 245, 245, 244; | |
| --color-theme-800: 231, 229, 228; | |
| --color-theme-700: 214, 211, 209; | |
| --color-theme-600: 168, 162, 158; | |
| --color-theme-500: 120, 113, 108; | |
| --color-theme-400: 87, 83, 78; | |
| --color-theme-300: 68, 64, 60; | |
| --color-theme-200: 41, 37, 36; | |
| --color-theme-100: 28, 25, 23 | |
| } | |
| } | |
| .theme-stone.scheme-dark { | |
| --color-theme-950: 250, 250, 249; | |
| --color-theme-900: 245, 245, 244; | |
| --color-theme-800: 231, 229, 228; | |
| --color-theme-700: 214, 211, 209; | |
| --color-theme-600: 168, 162, 158; | |
| --color-theme-500: 120, 113, 108; | |
| --color-theme-400: 87, 83, 78; | |
| --color-theme-300: 68, 64, 60; | |
| --color-theme-200: 41, 37, 36; | |
| --color-theme-100: 28, 25, 23 | |
| } | |
| .theme-stone.scheme-light { | |
| --color-theme-50: 250, 250, 249; | |
| --color-theme-100: 245, 245, 244; | |
| --color-theme-200: 231, 229, 228; | |
| --color-theme-300: 214, 211, 209; | |
| --color-theme-400: 168, 162, 158; | |
| --color-theme-500: 120, 113, 108; | |
| --color-theme-600: 87, 83, 78; | |
| --color-theme-700: 68, 64, 60; | |
| --color-theme-800: 41, 37, 36; | |
| --color-theme-900: 28, 25, 23; | |
| --color-theme-950: 12, 10, 9 | |
| } | |
| .theme-red.scheme-auto { | |
| --color-text-logo: 239, 68, 68 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-red.scheme-auto { | |
| --color-theme-50: 254, 242, 242; | |
| --color-theme-100: 254, 226, 226; | |
| --color-theme-200: 254, 202, 202; | |
| --color-theme-300: 252, 165, 165; | |
| --color-theme-400: 248, 113, 113; | |
| --color-theme-500: 239, 68, 68; | |
| --color-theme-600: 220, 38, 38; | |
| --color-theme-700: 185, 28, 28; | |
| --color-theme-800: 153, 27, 27; | |
| --color-theme-900: 127, 29, 29; | |
| --color-theme-950: 69, 10, 10 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-red.scheme-auto { | |
| --color-theme-950: 254, 242, 242; | |
| --color-theme-900: 254, 226, 226; | |
| --color-theme-800: 254, 202, 202; | |
| --color-theme-700: 252, 165, 165; | |
| --color-theme-600: 248, 113, 113; | |
| --color-theme-500: 239, 68, 68; | |
| --color-theme-400: 220, 38, 38; | |
| --color-theme-300: 185, 28, 28; | |
| --color-theme-200: 153, 27, 27; | |
| --color-theme-100: 127, 29, 29 | |
| } | |
| } | |
| .theme-red.scheme-dark { | |
| --color-theme-950: 254, 242, 242; | |
| --color-theme-900: 254, 226, 226; | |
| --color-theme-800: 254, 202, 202; | |
| --color-theme-700: 252, 165, 165; | |
| --color-theme-600: 248, 113, 113; | |
| --color-theme-500: 239, 68, 68; | |
| --color-theme-400: 220, 38, 38; | |
| --color-theme-300: 185, 28, 28; | |
| --color-theme-200: 153, 27, 27; | |
| --color-theme-100: 127, 29, 29 | |
| } | |
| .theme-red.scheme-light { | |
| --color-theme-50: 254, 242, 242; | |
| --color-theme-100: 254, 226, 226; | |
| --color-theme-200: 254, 202, 202; | |
| --color-theme-300: 252, 165, 165; | |
| --color-theme-400: 248, 113, 113; | |
| --color-theme-500: 239, 68, 68; | |
| --color-theme-600: 220, 38, 38; | |
| --color-theme-700: 185, 28, 28; | |
| --color-theme-800: 153, 27, 27; | |
| --color-theme-900: 127, 29, 29; | |
| --color-theme-950: 69, 10, 10 | |
| } | |
| .theme-orange.scheme-auto { | |
| --color-text-logo: 249, 115, 22 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-orange.scheme-auto { | |
| --color-theme-50: 255, 247, 237; | |
| --color-theme-100: 255, 237, 213; | |
| --color-theme-200: 254, 215, 170; | |
| --color-theme-300: 253, 186, 116; | |
| --color-theme-400: 251, 146, 60; | |
| --color-theme-500: 249, 115, 22; | |
| --color-theme-600: 234, 88, 12; | |
| --color-theme-700: 194, 65, 12; | |
| --color-theme-800: 154, 52, 18; | |
| --color-theme-900: 124, 45, 18; | |
| --color-theme-950: 67, 20, 7 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-orange.scheme-auto { | |
| --color-theme-950: 255, 247, 237; | |
| --color-theme-900: 255, 237, 213; | |
| --color-theme-800: 254, 215, 170; | |
| --color-theme-700: 253, 186, 116; | |
| --color-theme-600: 251, 146, 60; | |
| --color-theme-500: 249, 115, 22; | |
| --color-theme-400: 234, 88, 12; | |
| --color-theme-300: 194, 65, 12; | |
| --color-theme-200: 154, 52, 18; | |
| --color-theme-100: 124, 45, 18 | |
| } | |
| } | |
| .theme-orange.scheme-dark { | |
| --color-theme-950: 255, 247, 237; | |
| --color-theme-900: 255, 237, 213; | |
| --color-theme-800: 254, 215, 170; | |
| --color-theme-700: 253, 186, 116; | |
| --color-theme-600: 251, 146, 60; | |
| --color-theme-500: 249, 115, 22; | |
| --color-theme-400: 234, 88, 12; | |
| --color-theme-300: 194, 65, 12; | |
| --color-theme-200: 154, 52, 18; | |
| --color-theme-100: 124, 45, 18 | |
| } | |
| .theme-orange.scheme-light { | |
| --color-theme-50: 255, 247, 237; | |
| --color-theme-100: 255, 237, 213; | |
| --color-theme-200: 254, 215, 170; | |
| --color-theme-300: 253, 186, 116; | |
| --color-theme-400: 251, 146, 60; | |
| --color-theme-500: 249, 115, 22; | |
| --color-theme-600: 234, 88, 12; | |
| --color-theme-700: 194, 65, 12; | |
| --color-theme-800: 154, 52, 18; | |
| --color-theme-900: 124, 45, 18; | |
| --color-theme-950: 67, 20, 7 | |
| } | |
| .theme-amber.scheme-auto { | |
| --color-text-logo: 245, 158, 11 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-amber.scheme-auto { | |
| --color-theme-50: 255, 251, 235; | |
| --color-theme-100: 254, 243, 199; | |
| --color-theme-200: 253, 230, 138; | |
| --color-theme-300: 252, 211, 77; | |
| --color-theme-400: 251, 191, 36; | |
| --color-theme-500: 245, 158, 11; | |
| --color-theme-600: 217, 119, 6; | |
| --color-theme-700: 180, 83, 9; | |
| --color-theme-800: 146, 64, 14; | |
| --color-theme-900: 120, 53, 15; | |
| --color-theme-950: 69, 26, 3 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-amber.scheme-auto { | |
| --color-theme-950: 255, 251, 235; | |
| --color-theme-900: 254, 243, 199; | |
| --color-theme-800: 253, 230, 138; | |
| --color-theme-700: 252, 211, 77; | |
| --color-theme-600: 251, 191, 36; | |
| --color-theme-500: 245, 158, 11; | |
| --color-theme-400: 217, 119, 6; | |
| --color-theme-300: 180, 83, 9; | |
| --color-theme-200: 146, 64, 14; | |
| --color-theme-100: 120, 53, 15 | |
| } | |
| } | |
| .theme-amber.scheme-dark { | |
| --color-theme-950: 255, 251, 235; | |
| --color-theme-900: 254, 243, 199; | |
| --color-theme-800: 253, 230, 138; | |
| --color-theme-700: 252, 211, 77; | |
| --color-theme-600: 251, 191, 36; | |
| --color-theme-500: 245, 158, 11; | |
| --color-theme-400: 217, 119, 6; | |
| --color-theme-300: 180, 83, 9; | |
| --color-theme-200: 146, 64, 14; | |
| --color-theme-100: 120, 53, 15 | |
| } | |
| .theme-amber.scheme-light { | |
| --color-theme-50: 255, 251, 235; | |
| --color-theme-100: 254, 243, 199; | |
| --color-theme-200: 253, 230, 138; | |
| --color-theme-300: 252, 211, 77; | |
| --color-theme-400: 251, 191, 36; | |
| --color-theme-500: 245, 158, 11; | |
| --color-theme-600: 217, 119, 6; | |
| --color-theme-700: 180, 83, 9; | |
| --color-theme-800: 146, 64, 14; | |
| --color-theme-900: 120, 53, 15; | |
| --color-theme-950: 69, 26, 3 | |
| } | |
| .theme-yellow.scheme-auto { | |
| --color-text-logo: 234, 179, 8 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-yellow.scheme-auto { | |
| --color-theme-50: 254, 252, 232; | |
| --color-theme-100: 254, 249, 195; | |
| --color-theme-200: 254, 240, 138; | |
| --color-theme-300: 253, 224, 71; | |
| --color-theme-400: 250, 204, 21; | |
| --color-theme-500: 234, 179, 8; | |
| --color-theme-600: 202, 138, 4; | |
| --color-theme-700: 161, 98, 7; | |
| --color-theme-800: 133, 77, 14; | |
| --color-theme-900: 113, 63, 18; | |
| --color-theme-950: 66, 32, 6 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-yellow.scheme-auto { | |
| --color-theme-950: 254, 252, 232; | |
| --color-theme-900: 254, 249, 195; | |
| --color-theme-800: 254, 240, 138; | |
| --color-theme-700: 253, 224, 71; | |
| --color-theme-600: 250, 204, 21; | |
| --color-theme-500: 234, 179, 8; | |
| --color-theme-400: 202, 138, 4; | |
| --color-theme-300: 161, 98, 7; | |
| --color-theme-200: 133, 77, 14; | |
| --color-theme-100: 113, 63, 18 | |
| } | |
| } | |
| .theme-yellow.scheme-dark { | |
| --color-theme-950: 254, 252, 232; | |
| --color-theme-900: 254, 249, 195; | |
| --color-theme-800: 254, 240, 138; | |
| --color-theme-700: 253, 224, 71; | |
| --color-theme-600: 250, 204, 21; | |
| --color-theme-500: 234, 179, 8; | |
| --color-theme-400: 202, 138, 4; | |
| --color-theme-300: 161, 98, 7; | |
| --color-theme-200: 133, 77, 14; | |
| --color-theme-100: 113, 63, 18 | |
| } | |
| .theme-yellow.scheme-light { | |
| --color-theme-50: 254, 252, 232; | |
| --color-theme-100: 254, 249, 195; | |
| --color-theme-200: 254, 240, 138; | |
| --color-theme-300: 253, 224, 71; | |
| --color-theme-400: 250, 204, 21; | |
| --color-theme-500: 234, 179, 8; | |
| --color-theme-600: 202, 138, 4; | |
| --color-theme-700: 161, 98, 7; | |
| --color-theme-800: 133, 77, 14; | |
| --color-theme-900: 113, 63, 18; | |
| --color-theme-950: 66, 32, 6 | |
| } | |
| .theme-lime.scheme-auto { | |
| --color-text-logo: 132, 204, 22 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-lime.scheme-auto { | |
| --color-theme-50: 247, 254, 231; | |
| --color-theme-100: 236, 252, 203; | |
| --color-theme-200: 217, 249, 157; | |
| --color-theme-300: 190, 242, 100; | |
| --color-theme-400: 163, 230, 53; | |
| --color-theme-500: 132, 204, 22; | |
| --color-theme-600: 101, 163, 13; | |
| --color-theme-700: 77, 124, 15; | |
| --color-theme-800: 63, 98, 18; | |
| --color-theme-900: 54, 83, 20; | |
| --color-theme-950: 26, 46, 5 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-lime.scheme-auto { | |
| --color-theme-950: 247, 254, 231; | |
| --color-theme-900: 236, 252, 203; | |
| --color-theme-800: 217, 249, 157; | |
| --color-theme-700: 190, 242, 100; | |
| --color-theme-600: 163, 230, 53; | |
| --color-theme-500: 132, 204, 22; | |
| --color-theme-400: 101, 163, 13; | |
| --color-theme-300: 77, 124, 15; | |
| --color-theme-200: 63, 98, 18; | |
| --color-theme-100: 54, 83, 20 | |
| } | |
| } | |
| .theme-lime.scheme-dark { | |
| --color-theme-950: 247, 254, 231; | |
| --color-theme-900: 236, 252, 203; | |
| --color-theme-800: 217, 249, 157; | |
| --color-theme-700: 190, 242, 100; | |
| --color-theme-600: 163, 230, 53; | |
| --color-theme-500: 132, 204, 22; | |
| --color-theme-400: 101, 163, 13; | |
| --color-theme-300: 77, 124, 15; | |
| --color-theme-200: 63, 98, 18; | |
| --color-theme-100: 54, 83, 20 | |
| } | |
| .theme-lime.scheme-light { | |
| --color-theme-50: 247, 254, 231; | |
| --color-theme-100: 236, 252, 203; | |
| --color-theme-200: 217, 249, 157; | |
| --color-theme-300: 190, 242, 100; | |
| --color-theme-400: 163, 230, 53; | |
| --color-theme-500: 132, 204, 22; | |
| --color-theme-600: 101, 163, 13; | |
| --color-theme-700: 77, 124, 15; | |
| --color-theme-800: 63, 98, 18; | |
| --color-theme-900: 54, 83, 20; | |
| --color-theme-950: 26, 46, 5 | |
| } | |
| .theme-green.scheme-auto { | |
| --color-text-logo: 34, 197, 94 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-green.scheme-auto { | |
| --color-theme-50: 240, 253, 244; | |
| --color-theme-100: 220, 252, 231; | |
| --color-theme-200: 187, 247, 208; | |
| --color-theme-300: 134, 239, 172; | |
| --color-theme-400: 74, 222, 128; | |
| --color-theme-500: 34, 197, 94; | |
| --color-theme-600: 22, 163, 74; | |
| --color-theme-700: 21, 128, 61; | |
| --color-theme-800: 22, 101, 52; | |
| --color-theme-900: 20, 83, 45; | |
| --color-theme-950: 5, 46, 22 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-green.scheme-auto { | |
| --color-theme-950: 240, 253, 244; | |
| --color-theme-900: 220, 252, 231; | |
| --color-theme-800: 187, 247, 208; | |
| --color-theme-700: 134, 239, 172; | |
| --color-theme-600: 74, 222, 128; | |
| --color-theme-500: 34, 197, 94; | |
| --color-theme-400: 22, 163, 74; | |
| --color-theme-300: 21, 128, 61; | |
| --color-theme-200: 22, 101, 52; | |
| --color-theme-100: 20, 83, 45 | |
| } | |
| } | |
| .theme-green.scheme-dark { | |
| --color-theme-950: 240, 253, 244; | |
| --color-theme-900: 220, 252, 231; | |
| --color-theme-800: 187, 247, 208; | |
| --color-theme-700: 134, 239, 172; | |
| --color-theme-600: 74, 222, 128; | |
| --color-theme-500: 34, 197, 94; | |
| --color-theme-400: 22, 163, 74; | |
| --color-theme-300: 21, 128, 61; | |
| --color-theme-200: 22, 101, 52; | |
| --color-theme-100: 20, 83, 45 | |
| } | |
| .theme-green.scheme-light { | |
| --color-theme-50: 240, 253, 244; | |
| --color-theme-100: 220, 252, 231; | |
| --color-theme-200: 187, 247, 208; | |
| --color-theme-300: 134, 239, 172; | |
| --color-theme-400: 74, 222, 128; | |
| --color-theme-500: 34, 197, 94; | |
| --color-theme-600: 22, 163, 74; | |
| --color-theme-700: 21, 128, 61; | |
| --color-theme-800: 22, 101, 52; | |
| --color-theme-900: 20, 83, 45; | |
| --color-theme-950: 5, 46, 22 | |
| } | |
| .theme-emerald.scheme-auto { | |
| --color-text-logo: 16, 185, 129 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-emerald.scheme-auto { | |
| --color-theme-50: 236, 253, 245; | |
| --color-theme-100: 209, 250, 229; | |
| --color-theme-200: 167, 243, 208; | |
| --color-theme-300: 110, 231, 183; | |
| --color-theme-400: 52, 211, 153; | |
| --color-theme-500: 16, 185, 129; | |
| --color-theme-600: 5, 150, 105; | |
| --color-theme-700: 4, 120, 87; | |
| --color-theme-800: 6, 95, 70; | |
| --color-theme-900: 6, 78, 59; | |
| --color-theme-950: 2, 44, 34 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-emerald.scheme-auto { | |
| --color-theme-950: 236, 253, 245; | |
| --color-theme-900: 209, 250, 229; | |
| --color-theme-800: 167, 243, 208; | |
| --color-theme-700: 110, 231, 183; | |
| --color-theme-600: 52, 211, 153; | |
| --color-theme-500: 16, 185, 129; | |
| --color-theme-400: 5, 150, 105; | |
| --color-theme-300: 4, 120, 87; | |
| --color-theme-200: 6, 95, 70; | |
| --color-theme-100: 6, 78, 59 | |
| } | |
| } | |
| .theme-emerald.scheme-dark { | |
| --color-theme-950: 236, 253, 245; | |
| --color-theme-900: 209, 250, 229; | |
| --color-theme-800: 167, 243, 208; | |
| --color-theme-700: 110, 231, 183; | |
| --color-theme-600: 52, 211, 153; | |
| --color-theme-500: 16, 185, 129; | |
| --color-theme-400: 5, 150, 105; | |
| --color-theme-300: 4, 120, 87; | |
| --color-theme-200: 6, 95, 70; | |
| --color-theme-100: 6, 78, 59 | |
| } | |
| .theme-emerald.scheme-light { | |
| --color-theme-50: 236, 253, 245; | |
| --color-theme-100: 209, 250, 229; | |
| --color-theme-200: 167, 243, 208; | |
| --color-theme-300: 110, 231, 183; | |
| --color-theme-400: 52, 211, 153; | |
| --color-theme-500: 16, 185, 129; | |
| --color-theme-600: 5, 150, 105; | |
| --color-theme-700: 4, 120, 87; | |
| --color-theme-800: 6, 95, 70; | |
| --color-theme-900: 6, 78, 59; | |
| --color-theme-950: 2, 44, 34 | |
| } | |
| .theme-teal.scheme-auto { | |
| --color-text-logo: 20, 184, 166 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-teal.scheme-auto { | |
| --color-theme-50: 240, 253, 250; | |
| --color-theme-100: 204, 251, 241; | |
| --color-theme-200: 153, 246, 228; | |
| --color-theme-300: 94, 234, 212; | |
| --color-theme-400: 45, 212, 191; | |
| --color-theme-500: 20, 184, 166; | |
| --color-theme-600: 13, 148, 136; | |
| --color-theme-700: 15, 118, 110; | |
| --color-theme-800: 17, 94, 89; | |
| --color-theme-900: 19, 78, 74; | |
| --color-theme-950: 4, 47, 46 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-teal.scheme-auto { | |
| --color-theme-950: 240, 253, 250; | |
| --color-theme-900: 204, 251, 241; | |
| --color-theme-800: 153, 246, 228; | |
| --color-theme-700: 94, 234, 212; | |
| --color-theme-600: 45, 212, 191; | |
| --color-theme-500: 20, 184, 166; | |
| --color-theme-400: 13, 148, 136; | |
| --color-theme-300: 15, 118, 110; | |
| --color-theme-200: 17, 94, 89; | |
| --color-theme-100: 19, 78, 74 | |
| } | |
| } | |
| .theme-teal.scheme-dark { | |
| --color-theme-950: 240, 253, 250; | |
| --color-theme-900: 204, 251, 241; | |
| --color-theme-800: 153, 246, 228; | |
| --color-theme-700: 94, 234, 212; | |
| --color-theme-600: 45, 212, 191; | |
| --color-theme-500: 20, 184, 166; | |
| --color-theme-400: 13, 148, 136; | |
| --color-theme-300: 15, 118, 110; | |
| --color-theme-200: 17, 94, 89; | |
| --color-theme-100: 19, 78, 74 | |
| } | |
| .theme-teal.scheme-light { | |
| --color-theme-50: 240, 253, 250; | |
| --color-theme-100: 204, 251, 241; | |
| --color-theme-200: 153, 246, 228; | |
| --color-theme-300: 94, 234, 212; | |
| --color-theme-400: 45, 212, 191; | |
| --color-theme-500: 20, 184, 166; | |
| --color-theme-600: 13, 148, 136; | |
| --color-theme-700: 15, 118, 110; | |
| --color-theme-800: 17, 94, 89; | |
| --color-theme-900: 19, 78, 74; | |
| --color-theme-950: 4, 47, 46 | |
| } | |
| .theme-cyan.scheme-auto { | |
| --color-text-logo: 6, 182, 212 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-cyan.scheme-auto { | |
| --color-theme-50: 236, 254, 255; | |
| --color-theme-100: 207, 250, 254; | |
| --color-theme-200: 165, 243, 252; | |
| --color-theme-300: 103, 232, 249; | |
| --color-theme-400: 34, 211, 238; | |
| --color-theme-500: 6, 182, 212; | |
| --color-theme-600: 8, 145, 178; | |
| --color-theme-700: 14, 116, 144; | |
| --color-theme-800: 21, 94, 117; | |
| --color-theme-900: 22, 78, 99; | |
| --color-theme-950: 8, 51, 68 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-cyan.scheme-auto { | |
| --color-theme-950: 236, 254, 255; | |
| --color-theme-900: 207, 250, 254; | |
| --color-theme-800: 165, 243, 252; | |
| --color-theme-700: 103, 232, 249; | |
| --color-theme-600: 34, 211, 238; | |
| --color-theme-500: 6, 182, 212; | |
| --color-theme-400: 8, 145, 178; | |
| --color-theme-300: 14, 116, 144; | |
| --color-theme-200: 21, 94, 117; | |
| --color-theme-100: 22, 78, 99 | |
| } | |
| } | |
| .theme-cyan.scheme-dark { | |
| --color-theme-950: 236, 254, 255; | |
| --color-theme-900: 207, 250, 254; | |
| --color-theme-800: 165, 243, 252; | |
| --color-theme-700: 103, 232, 249; | |
| --color-theme-600: 34, 211, 238; | |
| --color-theme-500: 6, 182, 212; | |
| --color-theme-400: 8, 145, 178; | |
| --color-theme-300: 14, 116, 144; | |
| --color-theme-200: 21, 94, 117; | |
| --color-theme-100: 22, 78, 99 | |
| } | |
| .theme-cyan.scheme-light { | |
| --color-theme-50: 236, 254, 255; | |
| --color-theme-100: 207, 250, 254; | |
| --color-theme-200: 165, 243, 252; | |
| --color-theme-300: 103, 232, 249; | |
| --color-theme-400: 34, 211, 238; | |
| --color-theme-500: 6, 182, 212; | |
| --color-theme-600: 8, 145, 178; | |
| --color-theme-700: 14, 116, 144; | |
| --color-theme-800: 21, 94, 117; | |
| --color-theme-900: 22, 78, 99; | |
| --color-theme-950: 8, 51, 68 | |
| } | |
| .theme-sky.scheme-auto { | |
| --color-text-logo: 14, 165, 233 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-sky.scheme-auto { | |
| --color-theme-50: 240, 249, 255; | |
| --color-theme-100: 224, 242, 254; | |
| --color-theme-200: 186, 230, 253; | |
| --color-theme-300: 125, 211, 252; | |
| --color-theme-400: 56, 189, 248; | |
| --color-theme-500: 14, 165, 233; | |
| --color-theme-600: 2, 132, 199; | |
| --color-theme-700: 3, 105, 161; | |
| --color-theme-800: 7, 89, 133; | |
| --color-theme-900: 12, 74, 110; | |
| --color-theme-950: 8, 47, 73 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-sky.scheme-auto { | |
| --color-theme-950: 240, 249, 255; | |
| --color-theme-900: 224, 242, 254; | |
| --color-theme-800: 186, 230, 253; | |
| --color-theme-700: 125, 211, 252; | |
| --color-theme-600: 56, 189, 248; | |
| --color-theme-500: 14, 165, 233; | |
| --color-theme-400: 2, 132, 199; | |
| --color-theme-300: 3, 105, 161; | |
| --color-theme-200: 7, 89, 133; | |
| --color-theme-100: 12, 74, 110 | |
| } | |
| } | |
| .theme-sky.scheme-dark { | |
| --color-theme-950: 240, 249, 255; | |
| --color-theme-900: 224, 242, 254; | |
| --color-theme-800: 186, 230, 253; | |
| --color-theme-700: 125, 211, 252; | |
| --color-theme-600: 56, 189, 248; | |
| --color-theme-500: 14, 165, 233; | |
| --color-theme-400: 2, 132, 199; | |
| --color-theme-300: 3, 105, 161; | |
| --color-theme-200: 7, 89, 133; | |
| --color-theme-100: 12, 74, 110 | |
| } | |
| .theme-sky.scheme-light { | |
| --color-theme-50: 240, 249, 255; | |
| --color-theme-100: 224, 242, 254; | |
| --color-theme-200: 186, 230, 253; | |
| --color-theme-300: 125, 211, 252; | |
| --color-theme-400: 56, 189, 248; | |
| --color-theme-500: 14, 165, 233; | |
| --color-theme-600: 2, 132, 199; | |
| --color-theme-700: 3, 105, 161; | |
| --color-theme-800: 7, 89, 133; | |
| --color-theme-900: 12, 74, 110; | |
| --color-theme-950: 8, 47, 73 | |
| } | |
| .theme-blue.scheme-auto { | |
| --color-text-logo: 59, 130, 246 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-blue.scheme-auto { | |
| --color-theme-50: 239, 246, 255; | |
| --color-theme-100: 219, 234, 254; | |
| --color-theme-200: 191, 219, 254; | |
| --color-theme-300: 147, 197, 253; | |
| --color-theme-400: 96, 165, 250; | |
| --color-theme-500: 59, 130, 246; | |
| --color-theme-600: 37, 99, 235; | |
| --color-theme-700: 29, 78, 216; | |
| --color-theme-800: 30, 64, 175; | |
| --color-theme-900: 30, 58, 138; | |
| --color-theme-950: 23, 37, 84 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-blue.scheme-auto { | |
| --color-theme-950: 239, 246, 255; | |
| --color-theme-900: 219, 234, 254; | |
| --color-theme-800: 191, 219, 254; | |
| --color-theme-700: 147, 197, 253; | |
| --color-theme-600: 96, 165, 250; | |
| --color-theme-500: 59, 130, 246; | |
| --color-theme-400: 37, 99, 235; | |
| --color-theme-300: 29, 78, 216; | |
| --color-theme-200: 30, 64, 175; | |
| --color-theme-100: 30, 58, 138 | |
| } | |
| } | |
| .theme-blue.scheme-dark { | |
| --color-theme-950: 239, 246, 255; | |
| --color-theme-900: 219, 234, 254; | |
| --color-theme-800: 191, 219, 254; | |
| --color-theme-700: 147, 197, 253; | |
| --color-theme-600: 96, 165, 250; | |
| --color-theme-500: 59, 130, 246; | |
| --color-theme-400: 37, 99, 235; | |
| --color-theme-300: 29, 78, 216; | |
| --color-theme-200: 30, 64, 175; | |
| --color-theme-100: 30, 58, 138 | |
| } | |
| .theme-blue.scheme-light { | |
| --color-theme-50: 239, 246, 255; | |
| --color-theme-100: 219, 234, 254; | |
| --color-theme-200: 191, 219, 254; | |
| --color-theme-300: 147, 197, 253; | |
| --color-theme-400: 96, 165, 250; | |
| --color-theme-500: 59, 130, 246; | |
| --color-theme-600: 37, 99, 235; | |
| --color-theme-700: 29, 78, 216; | |
| --color-theme-800: 30, 64, 175; | |
| --color-theme-900: 30, 58, 138; | |
| --color-theme-950: 23, 37, 84 | |
| } | |
| .theme-indigo.scheme-auto { | |
| --color-text-logo: 99, 102, 241 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-indigo.scheme-auto { | |
| --color-theme-50: 238, 242, 255; | |
| --color-theme-100: 224, 231, 255; | |
| --color-theme-200: 199, 210, 254; | |
| --color-theme-300: 165, 180, 252; | |
| --color-theme-400: 129, 140, 248; | |
| --color-theme-500: 99, 102, 241; | |
| --color-theme-600: 79, 70, 229; | |
| --color-theme-700: 67, 56, 202; | |
| --color-theme-800: 55, 48, 163; | |
| --color-theme-900: 49, 46, 129; | |
| --color-theme-950: 30, 27, 75 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-indigo.scheme-auto { | |
| --color-theme-950: 238, 242, 255; | |
| --color-theme-900: 224, 231, 255; | |
| --color-theme-800: 199, 210, 254; | |
| --color-theme-700: 165, 180, 252; | |
| --color-theme-600: 129, 140, 248; | |
| --color-theme-500: 99, 102, 241; | |
| --color-theme-400: 79, 70, 229; | |
| --color-theme-300: 67, 56, 202; | |
| --color-theme-200: 55, 48, 163; | |
| --color-theme-100: 49, 46, 129 | |
| } | |
| } | |
| .theme-indigo.scheme-dark { | |
| --color-theme-950: 238, 242, 255; | |
| --color-theme-900: 224, 231, 255; | |
| --color-theme-800: 199, 210, 254; | |
| --color-theme-700: 165, 180, 252; | |
| --color-theme-600: 129, 140, 248; | |
| --color-theme-500: 99, 102, 241; | |
| --color-theme-400: 79, 70, 229; | |
| --color-theme-300: 67, 56, 202; | |
| --color-theme-200: 55, 48, 163; | |
| --color-theme-100: 49, 46, 129 | |
| } | |
| .theme-indigo.scheme-light { | |
| --color-theme-50: 238, 242, 255; | |
| --color-theme-100: 224, 231, 255; | |
| --color-theme-200: 199, 210, 254; | |
| --color-theme-300: 165, 180, 252; | |
| --color-theme-400: 129, 140, 248; | |
| --color-theme-500: 99, 102, 241; | |
| --color-theme-600: 79, 70, 229; | |
| --color-theme-700: 67, 56, 202; | |
| --color-theme-800: 55, 48, 163; | |
| --color-theme-900: 49, 46, 129; | |
| --color-theme-950: 30, 27, 75 | |
| } | |
| .theme-violet.scheme-auto { | |
| --color-text-logo: 139, 92, 246 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-violet.scheme-auto { | |
| --color-theme-50: 245, 243, 255; | |
| --color-theme-100: 237, 233, 254; | |
| --color-theme-200: 221, 214, 254; | |
| --color-theme-300: 196, 181, 253; | |
| --color-theme-400: 167, 139, 250; | |
| --color-theme-500: 139, 92, 246; | |
| --color-theme-600: 124, 58, 237; | |
| --color-theme-700: 109, 40, 217; | |
| --color-theme-800: 91, 33, 182; | |
| --color-theme-900: 76, 29, 149; | |
| --color-theme-950: 46, 16, 101 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-violet.scheme-auto { | |
| --color-theme-950: 245, 243, 255; | |
| --color-theme-900: 237, 233, 254; | |
| --color-theme-800: 221, 214, 254; | |
| --color-theme-700: 196, 181, 253; | |
| --color-theme-600: 167, 139, 250; | |
| --color-theme-500: 139, 92, 246; | |
| --color-theme-400: 124, 58, 237; | |
| --color-theme-300: 109, 40, 217; | |
| --color-theme-200: 91, 33, 182; | |
| --color-theme-100: 76, 29, 149 | |
| } | |
| } | |
| .theme-violet.scheme-dark { | |
| --color-theme-950: 245, 243, 255; | |
| --color-theme-900: 237, 233, 254; | |
| --color-theme-800: 221, 214, 254; | |
| --color-theme-700: 196, 181, 253; | |
| --color-theme-600: 167, 139, 250; | |
| --color-theme-500: 139, 92, 246; | |
| --color-theme-400: 124, 58, 237; | |
| --color-theme-300: 109, 40, 217; | |
| --color-theme-200: 91, 33, 182; | |
| --color-theme-100: 76, 29, 149 | |
| } | |
| .theme-violet.scheme-light { | |
| --color-theme-50: 245, 243, 255; | |
| --color-theme-100: 237, 233, 254; | |
| --color-theme-200: 221, 214, 254; | |
| --color-theme-300: 196, 181, 253; | |
| --color-theme-400: 167, 139, 250; | |
| --color-theme-500: 139, 92, 246; | |
| --color-theme-600: 124, 58, 237; | |
| --color-theme-700: 109, 40, 217; | |
| --color-theme-800: 91, 33, 182; | |
| --color-theme-900: 76, 29, 149; | |
| --color-theme-950: 46, 16, 101 | |
| } | |
| .theme-purple.scheme-auto { | |
| --color-text-logo: 168, 85, 247 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-purple.scheme-auto { | |
| --color-theme-50: 250, 245, 255; | |
| --color-theme-100: 243, 232, 255; | |
| --color-theme-200: 233, 213, 255; | |
| --color-theme-300: 216, 180, 254; | |
| --color-theme-400: 192, 132, 252; | |
| --color-theme-500: 168, 85, 247; | |
| --color-theme-600: 147, 51, 234; | |
| --color-theme-700: 126, 34, 206; | |
| --color-theme-800: 107, 33, 168; | |
| --color-theme-900: 76, 29, 149; | |
| --color-theme-950: 59, 7, 100 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-purple.scheme-auto { | |
| --color-theme-950: 250, 245, 255; | |
| --color-theme-900: 243, 232, 255; | |
| --color-theme-800: 233, 213, 255; | |
| --color-theme-700: 216, 180, 254; | |
| --color-theme-600: 192, 132, 252; | |
| --color-theme-500: 168, 85, 247; | |
| --color-theme-400: 147, 51, 234; | |
| --color-theme-300: 126, 34, 206; | |
| --color-theme-200: 107, 33, 168; | |
| --color-theme-100: 76, 29, 149 | |
| } | |
| } | |
| .theme-purple.scheme-dark { | |
| --color-theme-950: 250, 245, 255; | |
| --color-theme-900: 243, 232, 255; | |
| --color-theme-800: 233, 213, 255; | |
| --color-theme-700: 216, 180, 254; | |
| --color-theme-600: 192, 132, 252; | |
| --color-theme-500: 168, 85, 247; | |
| --color-theme-400: 147, 51, 234; | |
| --color-theme-300: 126, 34, 206; | |
| --color-theme-200: 107, 33, 168; | |
| --color-theme-100: 76, 29, 149 | |
| } | |
| .theme-purple.scheme-light { | |
| --color-theme-50: 250, 245, 255; | |
| --color-theme-100: 243, 232, 255; | |
| --color-theme-200: 233, 213, 255; | |
| --color-theme-300: 216, 180, 254; | |
| --color-theme-400: 192, 132, 252; | |
| --color-theme-500: 168, 85, 247; | |
| --color-theme-600: 147, 51, 234; | |
| --color-theme-700: 126, 34, 206; | |
| --color-theme-800: 107, 33, 168; | |
| --color-theme-900: 76, 29, 149; | |
| --color-theme-950: 59, 7, 100 | |
| } | |
| .theme-fuchsia.scheme-auto { | |
| --color-text-logo: 217, 70, 239 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-fuchsia.scheme-auto { | |
| --color-theme-50: 253, 244, 255; | |
| --color-theme-100: 250, 232, 255; | |
| --color-theme-200: 245, 208, 254; | |
| --color-theme-300: 240, 171, 252; | |
| --color-theme-400: 232, 121, 249; | |
| --color-theme-500: 217, 70, 239; | |
| --color-theme-600: 192, 38, 211; | |
| --color-theme-700: 162, 28, 175; | |
| --color-theme-800: 134, 25, 143; | |
| --color-theme-900: 112, 26, 117; | |
| --color-theme-950: 74, 4, 78 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-fuchsia.scheme-auto { | |
| --color-theme-950: 253, 244, 255; | |
| --color-theme-900: 250, 232, 255; | |
| --color-theme-800: 245, 208, 254; | |
| --color-theme-700: 240, 171, 252; | |
| --color-theme-600: 232, 121, 249; | |
| --color-theme-500: 217, 70, 239; | |
| --color-theme-400: 192, 38, 211; | |
| --color-theme-300: 162, 28, 175; | |
| --color-theme-200: 134, 25, 143; | |
| --color-theme-100: 112, 26, 117 | |
| } | |
| } | |
| .theme-fuchsia.scheme-dark { | |
| --color-theme-950: 253, 244, 255; | |
| --color-theme-900: 250, 232, 255; | |
| --color-theme-800: 245, 208, 254; | |
| --color-theme-700: 240, 171, 252; | |
| --color-theme-600: 232, 121, 249; | |
| --color-theme-500: 217, 70, 239; | |
| --color-theme-400: 192, 38, 211; | |
| --color-theme-300: 162, 28, 175; | |
| --color-theme-200: 134, 25, 143; | |
| --color-theme-100: 112, 26, 117 | |
| } | |
| .theme-fuchsia.scheme-light { | |
| --color-theme-50: 253, 244, 255; | |
| --color-theme-100: 250, 232, 255; | |
| --color-theme-200: 245, 208, 254; | |
| --color-theme-300: 240, 171, 252; | |
| --color-theme-400: 232, 121, 249; | |
| --color-theme-500: 217, 70, 239; | |
| --color-theme-600: 192, 38, 211; | |
| --color-theme-700: 162, 28, 175; | |
| --color-theme-800: 134, 25, 143; | |
| --color-theme-900: 112, 26, 117; | |
| --color-theme-950: 74, 4, 78 | |
| } | |
| .theme-pink.scheme-auto { | |
| --color-text-logo: 236, 72, 153 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-pink.scheme-auto { | |
| --color-theme-50: 253, 242, 248; | |
| --color-theme-100: 252, 231, 243; | |
| --color-theme-200: 251, 207, 232; | |
| --color-theme-300: 249, 168, 212; | |
| --color-theme-400: 244, 114, 182; | |
| --color-theme-500: 236, 72, 153; | |
| --color-theme-600: 219, 39, 119; | |
| --color-theme-700: 190, 24, 93; | |
| --color-theme-800: 157, 23, 77; | |
| --color-theme-900: 131, 24, 67; | |
| --color-theme-950: 80, 7, 36 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-pink.scheme-auto { | |
| --color-theme-950: 253, 242, 248; | |
| --color-theme-900: 252, 231, 243; | |
| --color-theme-800: 251, 207, 232; | |
| --color-theme-700: 249, 168, 212; | |
| --color-theme-600: 244, 114, 182; | |
| --color-theme-500: 236, 72, 153; | |
| --color-theme-400: 219, 39, 119; | |
| --color-theme-300: 190, 24, 93; | |
| --color-theme-200: 157, 23, 77; | |
| --color-theme-100: 131, 24, 67 | |
| } | |
| } | |
| .theme-pink.scheme-dark { | |
| --color-theme-950: 253, 242, 248; | |
| --color-theme-900: 252, 231, 243; | |
| --color-theme-800: 251, 207, 232; | |
| --color-theme-700: 249, 168, 212; | |
| --color-theme-600: 244, 114, 182; | |
| --color-theme-500: 236, 72, 153; | |
| --color-theme-400: 219, 39, 119; | |
| --color-theme-300: 190, 24, 93; | |
| --color-theme-200: 157, 23, 77; | |
| --color-theme-100: 131, 24, 67 | |
| } | |
| .theme-pink.scheme-light { | |
| --color-theme-50: 253, 242, 248; | |
| --color-theme-100: 252, 231, 243; | |
| --color-theme-200: 251, 207, 232; | |
| --color-theme-300: 249, 168, 212; | |
| --color-theme-400: 244, 114, 182; | |
| --color-theme-500: 236, 72, 153; | |
| --color-theme-600: 219, 39, 119; | |
| --color-theme-700: 190, 24, 93; | |
| --color-theme-800: 157, 23, 77; | |
| --color-theme-900: 131, 24, 67; | |
| --color-theme-950: 80, 7, 36 | |
| } | |
| .theme-rose.scheme-auto { | |
| --color-text-logo: 244, 63, 94 | |
| } | |
| @media (prefers-color-scheme: light) { | |
| .theme-rose.scheme-auto { | |
| --color-theme-50: 255, 241, 242; | |
| --color-theme-100: 255, 228, 230; | |
| --color-theme-200: 254, 205, 211; | |
| --color-theme-300: 253, 164, 175; | |
| --color-theme-400: 251, 113, 133; | |
| --color-theme-500: 244, 63, 94; | |
| --color-theme-600: 225, 29, 72; | |
| --color-theme-700: 190, 18, 60; | |
| --color-theme-800: 159, 18, 57; | |
| --color-theme-900: 136, 19, 55; | |
| --color-theme-950: 76, 5, 25 | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| .theme-rose.scheme-auto { | |
| --color-theme-950: 255, 241, 242; | |
| --color-theme-900: 255, 228, 230; | |
| --color-theme-800: 254, 205, 211; | |
| --color-theme-700: 253, 164, 175; | |
| --color-theme-600: 251, 113, 133; | |
| --color-theme-500: 244, 63, 94; | |
| --color-theme-400: 225, 29, 72; | |
| --color-theme-300: 190, 18, 60; | |
| --color-theme-200: 159, 18, 57; | |
| --color-theme-100: 136, 19, 55 | |
| } | |
| } | |
| .theme-rose.scheme-dark { | |
| --color-theme-950: 255, 241, 242; | |
| --color-theme-900: 255, 228, 230; | |
| --color-theme-800: 254, 205, 211; | |
| --color-theme-700: 253, 164, 175; | |
| --color-theme-600: 251, 113, 133; | |
| --color-theme-500: 244, 63, 94; | |
| --color-theme-400: 225, 29, 72; | |
| --color-theme-300: 190, 18, 60; | |
| --color-theme-200: 159, 18, 57; | |
| --color-theme-100: 136, 19, 55 | |
| } | |
| .theme-rose.scheme-light { | |
| --color-theme-50: 255, 241, 242; | |
| --color-theme-100: 255, 228, 230; | |
| --color-theme-200: 254, 205, 211; | |
| --color-theme-300: 253, 164, 175; | |
| --color-theme-400: 251, 113, 133; | |
| --color-theme-500: 244, 63, 94; | |
| --color-theme-600: 225, 29, 72; | |
| --color-theme-700: 190, 18, 60; | |
| --color-theme-800: 159, 18, 57; | |
| --color-theme-900: 136, 19, 55; | |
| --color-theme-950: 76, 5, 25 | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment