@grantcodes/style-dictionary 1.3.0 → 1.4.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.
Files changed (90) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/assets/fonts/grantina.css +1 -0
  3. package/assets/logos/grantina/monogram-light-bg.svg +3 -0
  4. package/assets/logos/grantina/monogram.svg +15 -0
  5. package/dist/css/grantcodes/dark.css +168 -0
  6. package/dist/css/grantcodes/grantcodes.css +343 -0
  7. package/dist/css/grantcodes/tokens.css +343 -0
  8. package/dist/css/grantina/dark.css +166 -0
  9. package/dist/css/grantina/grantina.css +363 -0
  10. package/dist/css/grantina/tokens.css +363 -0
  11. package/dist/css/todomap/dark.css +120 -0
  12. package/dist/css/todomap/todomap.css +360 -0
  13. package/dist/css/todomap/tokens.css +360 -0
  14. package/dist/css/wireframe/dark.css +180 -0
  15. package/dist/css/wireframe/tokens.css +365 -0
  16. package/dist/css/wireframe/wireframe.css +365 -0
  17. package/dist/js/grantcodes/style-dictionary.d.ts +339 -0
  18. package/dist/js/grantcodes/style-dictionary.js +362 -0
  19. package/dist/js/grantina/style-dictionary.d.ts +362 -0
  20. package/dist/js/grantina/style-dictionary.js +391 -0
  21. package/dist/js/todomap/style-dictionary.d.ts +356 -0
  22. package/dist/js/todomap/style-dictionary.js +388 -0
  23. package/dist/js/wireframe/style-dictionary.d.ts +361 -0
  24. package/dist/js/wireframe/style-dictionary.js +368 -0
  25. package/dist/json/grantcodes/tokens.json +329 -0
  26. package/dist/json/grantina/tokens.json +352 -0
  27. package/dist/json/todomap/tokens.json +346 -0
  28. package/dist/json/wireframe/tokens.json +351 -0
  29. package/package.json +76 -61
  30. package/.turbo/turbo-build.log +0 -45
  31. package/.turbo/turbo-lint.log +0 -10
  32. package/AGENTS.md +0 -67
  33. package/biome.json +0 -9
  34. package/build.js +0 -10
  35. package/config.js +0 -509
  36. package/demo.html +0 -171
  37. package/lib/color-generator.js +0 -13
  38. package/lib/get-style-dictionary-config.js +0 -223
  39. package/lib/get-themes.js +0 -10
  40. package/lib/index.js +0 -3
  41. package/tests/tokens.test.js +0 -87
  42. package/tokens/core/tier-1-definitions/colors.json +0 -174
  43. package/tokens/core/tier-1-definitions/z-index.json +0 -28
  44. package/tokens/grantcodes/tier-1-definitions/animation.json +0 -26
  45. package/tokens/grantcodes/tier-1-definitions/borders.json +0 -35
  46. package/tokens/grantcodes/tier-1-definitions/colors.json +0 -35
  47. package/tokens/grantcodes/tier-1-definitions/shadows.json +0 -38
  48. package/tokens/grantcodes/tier-1-definitions/spacing.json +0 -49
  49. package/tokens/grantcodes/tier-1-definitions/typography.json +0 -142
  50. package/tokens/grantcodes/tier-2-usage/00-colors-background.json +0 -71
  51. package/tokens/grantcodes/tier-2-usage/00-colors-border.json +0 -41
  52. package/tokens/grantcodes/tier-2-usage/00-colors-content.json +0 -44
  53. package/tokens/grantcodes/tier-2-usage/animation.json +0 -23
  54. package/tokens/grantcodes/tier-2-usage/borders.json +0 -26
  55. package/tokens/grantcodes/tier-2-usage/shadows.json +0 -38
  56. package/tokens/grantcodes/tier-2-usage/spacing.json +0 -25
  57. package/tokens/grantcodes/tier-2-usage/typography-usage.json +0 -276
  58. package/tokens/grantcodes/tier-3-components/button.json +0 -94
  59. package/tokens/grantcodes/tier-3-components/focus-ring.json +0 -25
  60. package/tokens/grantcodes/tier-3-components/form.json +0 -69
  61. package/tokens/grantcodes/tier-3-components/link.json +0 -38
  62. package/tokens/todomap/tier-1-definitions/colors.json +0 -91
  63. package/tokens/todomap/tier-1-definitions/spacing.json +0 -49
  64. package/tokens/todomap/tier-1-definitions/typography.json +0 -12
  65. package/tokens/todomap/tier-2-usage/00-colors-background.json +0 -35
  66. package/tokens/todomap/tier-2-usage/00-colors-content.json +0 -32
  67. package/tokens/todomap/tier-2-usage/spacing.json +0 -25
  68. package/tokens/todomap/tier-2-usage/typography-usage.json +0 -20
  69. package/tokens/todomap/tier-3-components/button.json +0 -140
  70. package/tokens/todomap/tier-3-components/focus-ring.json +0 -25
  71. package/tokens/todomap/tier-3-components/form.json +0 -69
  72. package/tokens/todomap/tier-3-components/link.json +0 -38
  73. package/tokens/wireframe/tier-1-definitions/animation.json +0 -17
  74. package/tokens/wireframe/tier-1-definitions/borders.json +0 -41
  75. package/tokens/wireframe/tier-1-definitions/colors.json +0 -35
  76. package/tokens/wireframe/tier-1-definitions/shadows.json +0 -38
  77. package/tokens/wireframe/tier-1-definitions/spacing.json +0 -49
  78. package/tokens/wireframe/tier-1-definitions/typography.json +0 -130
  79. package/tokens/wireframe/tier-2-usage/00-colors-background.json +0 -85
  80. package/tokens/wireframe/tier-2-usage/00-colors-border.json +0 -41
  81. package/tokens/wireframe/tier-2-usage/00-colors-content.json +0 -44
  82. package/tokens/wireframe/tier-2-usage/animation.json +0 -23
  83. package/tokens/wireframe/tier-2-usage/borders.json +0 -32
  84. package/tokens/wireframe/tier-2-usage/shadows.json +0 -38
  85. package/tokens/wireframe/tier-2-usage/spacing.json +0 -25
  86. package/tokens/wireframe/tier-2-usage/typography-usage.json +0 -444
  87. package/tokens/wireframe/tier-3-components/button.json +0 -94
  88. package/tokens/wireframe/tier-3-components/focus-ring.json +0 -25
  89. package/tokens/wireframe/tier-3-components/form.json +0 -69
  90. package/tokens/wireframe/tier-3-components/link.json +0 -38
package/dist/css/grantcodes/tokens.css ADDED
@@ -0,0 +1,343 @@
1
+ :root {
2
+ --g-animation-duration-10: 100ms;
3
+ --g-animation-duration-20: 200ms;
4
+ --g-animation-duration-30: 300ms;
5
+ --g-animation-duration-40: 400ms;
6
+ --g-animation-timing-function-ease: ease-in-out;
7
+ --g-animation-timing-function-linear: linear;
8
+ --g-border-width-1: 0.0625rem;
9
+ --g-border-width-2: 0.125rem;
10
+ --g-border-width-4: 0.25rem;
11
+ --g-border-radius-125: 0.125rem;
12
+ --g-border-radius-250: 0.25rem;
13
+ --g-border-radius-500: 0.5rem;
14
+ --g-border-radius-1000: 1rem;
15
+ --g-border-radius-square: 0;
16
+ --g-border-radius-rounded: 50%;
17
+ --g-color-neutral-100: oklch(95% 0 0);
18
+ --g-color-neutral-200: oklch(90% 0 0);
19
+ --g-color-neutral-300: oklch(80% 0 0);
20
+ --g-color-neutral-400: oklch(70% 0 0);
21
+ --g-color-neutral-500: oklch(60% 0 0);
22
+ --g-color-neutral-600: oklch(50% 0 0);
23
+ --g-color-neutral-700: oklch(40% 0 0);
24
+ --g-color-neutral-800: oklch(30% 0 0);
25
+ --g-color-neutral-900: oklch(20% 0 0);
26
+ --g-color-neutral-white: oklch(100% 0 0);
27
+ --g-color-neutral-black: oklch(0% 0 0);
28
+ --g-color-utility-green-100: oklch(96.73% 0.0537 129.1);
29
+ --g-color-utility-green-200: oklch(93.45% 0.107 131.96);
30
+ --g-color-utility-green-300: oklch(87.97% 0.1546 135.05);
31
+ --g-color-utility-green-400: oklch(81.78% 0.1827 137.62);
32
+ --g-color-utility-green-500: oklch(74.01% 0.2132 139.87);
33
+ --g-color-utility-green-600: oklch(65.44% 0.1981 141.12);
34
+ --g-color-utility-green-700: oklch(57.11% 0.1795 142.12);
35
+ --g-color-utility-green-800: oklch(48.67% 0.1572 142.68);
36
+ --g-color-utility-green-900: oklch(42.59% 0.1358 143.3);
37
+ --g-color-utility-blue-100: oklch(95.86% 0.0542 179.13);
38
+ --g-color-utility-blue-200: oklch(92.82% 0.0973 184.41);
39
+ --g-color-utility-blue-300: oklch(90.54% 0.1282 189.63);
40
+ --g-color-utility-blue-500: oklch(81.86% 0.141005 208.7047);
41
+ --g-color-utility-blue-600: oklch(68.89% 0.125872 220.4932);
42
+ --g-color-utility-blue-700: oklch(56.7% 0.116289 232.4331);
43
+ --g-color-utility-blue-800: oklch(45.75% 0.107158 241.2805);
44
+ --g-color-utility-blue-900: oklch(37.55% 0.1037 249.04);
45
+ --g-color-utility-yellow-100: oklch(97.66% 0.0606 103.43);
46
+ --g-color-utility-yellow-200: oklch(95.72% 0.1147 103.53);
47
+ --g-color-utility-yellow-300: oklch(93.47% 0.1552 102.21);
48
+ --g-color-utility-yellow-400: oklch(91.68% 0.1745 101.08);
49
+ --g-color-utility-yellow-500: oklch(88.99% 0.183778 97.6996);
50
+ --g-color-utility-yellow-600: oklch(78.68% 0.162 96.43);
51
+ --g-color-utility-yellow-700: oklch(68.35% 0.14027 94.7302);
52
+ --g-color-utility-yellow-800: oklch(58.04% 0.1189 93.71);
53
+ --g-color-utility-yellow-900: oklch(50.09% 0.1025 92.6);
54
+ --g-color-utility-red-100: oklch(94.96% 0.0395 73.45);
55
+ --g-color-utility-red-200: oklch(89.21% 0.076552 65.9429);
56
+ --g-color-utility-red-300: oklch(82.67% 0.1156 57.65);
57
+ --g-color-utility-red-400: oklch(77.04% 0.1486 49.15);
58
+ --g-color-utility-red-500: oklch(69.31% 0.203172 39.994);
59
+ --g-color-utility-red-600: oklch(60.03% 0.1938 35.81);
60
+ --g-color-utility-red-700: oklch(51.18% 0.1802 32.56);
61
+ --g-color-utility-red-800: oklch(42.79% 0.16 30.38);
62
+ --g-color-utility-red-900: oklch(36.89% 0.1443 28.98);
63
+ --g-color-transparent-0: oklch(100% 0 0 / 0);
64
+ --g-color-transparent-10: oklch(100% 0 0 / 0.1);
65
+ --g-color-transparent-25: oklch(100% 0 0 / 0.25);
66
+ --g-color-transparent-50: oklch(100% 0 0 / 0.5);
67
+ --g-color-transparent-75: oklch(100% 0 0 / 0.75);
68
+ --g-color-transparent-90: oklch(100% 0 0 / 0.9);
69
+ --g-color-brand-purple-100: oklch(95% 0.04 279.42);
70
+ --g-color-brand-purple-200: oklch(90% 0.08 279.42);
71
+ --g-color-brand-purple-300: oklch(82% 0.12 279.42);
72
+ --g-color-brand-purple-400: oklch(74% 0.17 279.42);
73
+ --g-color-brand-purple-500: oklch(65% 0.22 279.42);
74
+ --g-color-brand-purple-600: oklch(55% 0.26 279.42);
75
+ --g-color-brand-purple-700: oklch(45% 0.24 279.42);
76
+ --g-color-brand-purple-800: oklch(35% 0.18 279.42);
77
+ --g-color-brand-purple-900: oklch(25% 0.12 279.42);
78
+ --g-shadow-sm-x: 0rem;
79
+ --g-shadow-sm-y: 0.25rem;
80
+ --g-shadow-sm-blur: 0.25rem;
81
+ --g-shadow-sm-spread: 0rem;
82
+ --g-shadow-sm-color: #00000040;
83
+ --g-shadow-md-x: 0rem;
84
+ --g-shadow-md-y: 0.5rem;
85
+ --g-shadow-md-blur: 0.375rem;
86
+ --g-shadow-md-spread: -0.375rem;
87
+ --g-shadow-md-color: #0000001a;
88
+ --g-spacing-0: 0rem;
89
+ --g-spacing-1: 0.0625rem;
90
+ --g-spacing-2: 0.125rem;
91
+ --g-spacing-4: 0.25rem;
92
+ --g-spacing-6: 0.375rem;
93
+ --g-spacing-8: 0.5rem;
94
+ --g-spacing-10: 0.625rem;
95
+ --g-spacing-12: 0.75rem;
96
+ --g-spacing-16: 1rem;
97
+ --g-spacing-20: 1.25rem;
98
+ --g-spacing-24: 1.5rem;
99
+ --g-spacing-32: 2rem;
100
+ --g-spacing-40: 2.5rem;
101
+ --g-spacing-48: 3rem;
102
+ --g-spacing-64: 4rem;
103
+ --g-typography-font-weight-400: 400;
104
+ --g-typography-font-weight-500: 500;
105
+ --g-typography-font-weight-600: 600;
106
+ --g-typography-font-weight-700: 700;
107
+ --g-typography-font-weight-800: 800;
108
+ --g-typography-font-weight-900: 900;
109
+ --g-typography-letter-spacing-none: 0rem;
110
+ --g-typography-letter-spacing-sm: 0.0313rem;
111
+ --g-typography-letter-spacing-lg: 0.125rem;
112
+ --g-typography-letter-spacing-neg-sm: -0.0313rem;
113
+ --g-typography-letter-spacing-neg-md: -0.0625rem;
114
+ --g-typography-letter-spacing-neg-lg: -0.0938rem;
115
+ --g-typography-letter-spacing-neg-xl: -0.125rem;
116
+ --g-typography-text-transform-none: none;
117
+ --g-typography-text-transform-uppercase: uppercase;
118
+ --g-typography-font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
119
+ --g-typography-font-family-greycliff: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
120
+ --g-typography-font-size-xs: 0.75rem;
121
+ --g-typography-font-size-sm: 0.875rem;
122
+ --g-typography-font-size-md: 1rem;
123
+ --g-typography-font-size-lg: 1.125rem;
124
+ --g-typography-font-size-xl: 1.25rem;
125
+ --g-typography-font-size-2xl: 1.5rem;
126
+ --g-typography-font-size-3xl: 1.75rem;
127
+ --g-typography-font-size-4xl: 2rem;
128
+ --g-typography-font-size-5xl: 2.5rem;
129
+ --g-typography-font-size-6xl: 3rem;
130
+ --g-typography-font-size-7xl: 3.5rem;
131
+ --g-typography-font-size-8xl: 4rem;
132
+ --g-typography-font-size-display: 6.25rem;
133
+ --g-z-index-0: 0;
134
+ --g-z-index-100: 100;
135
+ --g-z-index-200: 200;
136
+ --g-z-index-300: 300;
137
+ --g-z-index-400: 400;
138
+ --g-z-index-500: 500;
139
+ --g-z-index-top: 99999;
140
+ --g-z-index-bottom: -100;
141
+ --g-theme-typography-h1: 900 6.25rem/1.1 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
142
+ --g-theme-typography-h2: 900 3rem/1.17 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
143
+ --g-theme-typography-h3: 900 2.5rem/1.2 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
144
+ --g-theme-typography-h4: 900 2rem/1.25 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
145
+ --g-theme-typography-h5: 900 1.75rem/1.29 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
146
+ --g-theme-typography-h6: 900 1.5rem/1.33 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
147
+ --g-theme-typography-body-lg: 400 1.25rem/1.4 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
148
+ --g-theme-typography-body: 500 1rem/1.5 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
149
+ --g-theme-typography-body-sm: 500 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
150
+ --g-theme-typography-label-lg: 600 1.25rem/1.4 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
151
+ --g-theme-typography-label: 600 1rem/1.5 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
152
+ --g-theme-typography-label-sm: 600 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
153
+ --g-theme-typography-meta: 600 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
154
+ --g-theme-typography-meta-sm: 600 0.75rem/1.33 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
155
+ --g-theme-animation-fade-quick: 100ms;
156
+ --g-theme-animation-fade-long: 400ms;
157
+ --g-theme-animation-move-quick: 200ms;
158
+ --g-theme-animation-move-long: 400ms;
159
+ --g-theme-animation-ease: ease-in-out;
160
+ --g-theme-border-width-sm: 0.0625rem;
161
+ --g-theme-border-width-md: 0.125rem;
162
+ --g-theme-border-width-lg: 0.25rem;
163
+ --g-theme-border-radius-sm: 0.125rem;
164
+ --g-theme-border-radius-md: 0.5rem;
165
+ --g-theme-border-radius-lg: 1rem;
166
+ --g-theme-color-background-default: oklch(100% 0 0);
167
+ --g-theme-color-background-default-hover: oklch(80% 0 0);
168
+ --g-theme-color-background-subtle: oklch(95% 0 0);
169
+ --g-theme-color-background-subtle-hover: oklch(90% 0 0);
170
+ --g-theme-color-background-knockout: oklch(0% 0 0);
171
+ --g-theme-color-background-brand: oklch(95% 0.04 279.42);
172
+ --g-theme-color-background-brand-hover: oklch(90% 0.08 279.42);
173
+ --g-theme-color-background-brand-disabled: oklch(90% 0 0);
174
+ --g-theme-color-background-brand-knockout: oklch(35% 0.18 279.42);
175
+ --g-theme-color-background-brand-knockout-hover: oklch(45% 0.24 279.42);
176
+ --g-theme-color-background-utility-error: oklch(94.96% 0.0395 73.45);
177
+ --g-theme-color-background-utility-error-knockout: oklch(60.03% 0.1938 35.81);
178
+ --g-theme-color-background-utility-warning: oklch(97.66% 0.0606 103.43);
179
+ --g-theme-color-background-utility-warning-knockout: oklch(78.68% 0.162 96.43);
180
+ --g-theme-color-background-utility-success: oklch(96.73% 0.0537 129.1);
181
+ --g-theme-color-background-utility-success-knockout: oklch(65.44% 0.1981 141.12);
182
+ --g-theme-color-background-utility-info: oklch(95.86% 0.0542 179.13);
183
+ --g-theme-color-background-utility-info-knockout: oklch(68.89% 0.125872 220.4932);
184
+ --g-theme-color-background-disabled: oklch(90% 0 0);
185
+ --g-theme-color-background-transparent: oklch(100% 0 0 / 0.25);
186
+ --g-theme-color-background-transparent-strong: oklch(100% 0 0 / 0.9);
187
+ --g-theme-color-border-default: oklch(80% 0 0);
188
+ --g-theme-color-border-default-hover: oklch(60% 0 0);
189
+ --g-theme-color-border-subtle: oklch(90% 0 0);
190
+ --g-theme-color-border-strong: oklch(20% 0 0);
191
+ --g-theme-color-border-knockout: oklch(70% 0 0);
192
+ --g-theme-color-border-brand: oklch(45% 0.24 279.42);
193
+ --g-theme-color-border-utility-error: oklch(51.18% 0.1802 32.56);
194
+ --g-theme-color-border-utility-warning: oklch(68.35% 0.14027 94.7302);
195
+ --g-theme-color-border-utility-success: oklch(57.11% 0.1795 142.12);
196
+ --g-theme-color-border-utility-info: oklch(56.7% 0.116289 232.4331);
197
+ --g-theme-color-border-disabled: oklch(90% 0 0);
198
+ --g-theme-color-content-default: oklch(20% 0 0);
199
+ --g-theme-color-content-default-hover: oklch(0% 0 0);
200
+ --g-theme-color-content-subtle: oklch(60% 0 0);
201
+ --g-theme-color-content-knockout: oklch(100% 0 0);
202
+ --g-theme-color-content-brand: oklch(55% 0.26 279.42);
203
+ --g-theme-color-content-brand-hover: oklch(25% 0.12 279.42);
204
+ --g-theme-color-content-brand-knockout: oklch(95% 0.04 279.42);
205
+ --g-theme-color-content-disabled: oklch(50% 0 0);
206
+ --g-theme-color-content-utility-error: oklch(60.03% 0.1938 35.81);
207
+ --g-theme-color-content-utility-warning: oklch(78.68% 0.162 96.43);
208
+ --g-theme-color-content-utility-success: oklch(65.44% 0.1981 141.12);
209
+ --g-theme-color-content-utility-info: oklch(68.89% 0.125872 220.4932);
210
+ --g-theme-spacing-xs: 0.25rem;
211
+ --g-theme-spacing-sm: 0.5rem;
212
+ --g-theme-spacing-md: 1rem;
213
+ --g-theme-spacing-lg: 1.5rem;
214
+ --g-theme-spacing-xl: 2rem;
215
+ --g-theme-spacing-2xl: 3rem;
216
+ --g-theme-spacing-3xl: 4rem;
217
+ --g-theme-typography-h1-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
218
+ --g-theme-typography-h1-font-weight: 900;
219
+ --g-theme-typography-h1-font-size: 6.25rem;
220
+ --g-theme-typography-h1-line-height: 1.1;
221
+ --g-theme-typography-h1-letter-spacing: 0rem;
222
+ --g-theme-typography-h2-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
223
+ --g-theme-typography-h2-font-weight: 900;
224
+ --g-theme-typography-h2-font-size: 3rem;
225
+ --g-theme-typography-h2-line-height: 1.17;
226
+ --g-theme-typography-h2-letter-spacing: 0.0313rem;
227
+ --g-theme-typography-h3-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
228
+ --g-theme-typography-h3-font-weight: 900;
229
+ --g-theme-typography-h3-font-size: 2.5rem;
230
+ --g-theme-typography-h3-line-height: 1.2;
231
+ --g-theme-typography-h3-letter-spacing: 0.0313rem;
232
+ --g-theme-typography-h4-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
233
+ --g-theme-typography-h4-font-weight: 900;
234
+ --g-theme-typography-h4-font-size: 2rem;
235
+ --g-theme-typography-h4-line-height: 1.25;
236
+ --g-theme-typography-h4-letter-spacing: 0.0313rem;
237
+ --g-theme-typography-h5-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
238
+ --g-theme-typography-h5-font-weight: 900;
239
+ --g-theme-typography-h5-font-size: 1.75rem;
240
+ --g-theme-typography-h5-line-height: 1.29;
241
+ --g-theme-typography-h5-letter-spacing: 0.0313rem;
242
+ --g-theme-typography-h6-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
243
+ --g-theme-typography-h6-font-weight: 900;
244
+ --g-theme-typography-h6-font-size: 1.5rem;
245
+ --g-theme-typography-h6-line-height: 1.33;
246
+ --g-theme-typography-h6-letter-spacing: 0.0313rem;
247
+ --g-theme-typography-body-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
248
+ --g-theme-typography-body-lg-font-weight: 400;
249
+ --g-theme-typography-body-lg-font-size: 1.25rem;
250
+ --g-theme-typography-body-lg-line-height: 1.4;
251
+ --g-theme-typography-body-lg-letter-spacing: 0rem;
252
+ --g-theme-typography-body-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
253
+ --g-theme-typography-body-font-weight: 500;
254
+ --g-theme-typography-body-font-size: 1rem;
255
+ --g-theme-typography-body-line-height: 1.5;
256
+ --g-theme-typography-body-letter-spacing: 0rem;
257
+ --g-theme-typography-body-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
258
+ --g-theme-typography-body-sm-font-weight: 500;
259
+ --g-theme-typography-body-sm-font-size: 0.875rem;
260
+ --g-theme-typography-body-sm-line-height: 1.43;
261
+ --g-theme-typography-body-sm-letter-spacing: 0rem;
262
+ --g-theme-typography-label-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
263
+ --g-theme-typography-label-lg-font-weight: 600;
264
+ --g-theme-typography-label-lg-font-size: 1.25rem;
265
+ --g-theme-typography-label-lg-line-height: 1.4;
266
+ --g-theme-typography-label-lg-letter-spacing: 0rem;
267
+ --g-theme-typography-label-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
268
+ --g-theme-typography-label-font-weight: 600;
269
+ --g-theme-typography-label-font-size: 1rem;
270
+ --g-theme-typography-label-line-height: 1.5;
271
+ --g-theme-typography-label-letter-spacing: 0rem;
272
+ --g-theme-typography-label-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
273
+ --g-theme-typography-label-sm-font-weight: 600;
274
+ --g-theme-typography-label-sm-font-size: 0.875rem;
275
+ --g-theme-typography-label-sm-line-height: 1.43;
276
+ --g-theme-typography-label-sm-letter-spacing: 0rem;
277
+ --g-theme-typography-meta-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
278
+ --g-theme-typography-meta-font-weight: 600;
279
+ --g-theme-typography-meta-font-size: 0.875rem;
280
+ --g-theme-typography-meta-line-height: 1.43;
281
+ --g-theme-typography-meta-letter-spacing: 0.125rem;
282
+ --g-theme-typography-meta-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
283
+ --g-theme-typography-meta-sm-font-weight: 600;
284
+ --g-theme-typography-meta-sm-font-size: 0.75rem;
285
+ --g-theme-typography-meta-sm-line-height: 1.33;
286
+ --g-theme-typography-meta-sm-letter-spacing: 0.125rem;
287
+ --g-theme-box-shadow-sm: 0rem 0.25rem 0.25rem 0rem #00000040;
288
+ --g-theme-box-shadow-md: 0rem 0.5rem 0.375rem -0.375rem #0000001a;
289
+ --g-theme-button-color-background-default: oklch(95% 0.04 279.42);
290
+ --g-theme-button-color-background-hover: oklch(90% 0.08 279.42);
291
+ --g-theme-button-color-background-active: oklch(90% 0.08 279.42);
292
+ --g-theme-button-color-background-disabled: oklch(100% 0 0);
293
+ --g-theme-button-color-content-default: oklch(95% 0.04 279.42);
294
+ --g-theme-button-color-content-hover: oklch(95% 0.04 279.42);
295
+ --g-theme-button-color-content-active: oklch(95% 0.04 279.42);
296
+ --g-theme-button-color-content-disabled: oklch(50% 0 0);
297
+ --g-theme-button-color-border-default: oklch(80% 0 0);
298
+ --g-theme-button-color-border-hover: oklch(45% 0.24 279.42);
299
+ --g-theme-button-color-border-active: oklch(45% 0.24 279.42);
300
+ --g-theme-button-color-border-disabled: oklch(80% 0 0);
301
+ --g-theme-button-primary-color-background-default: oklch(65% 0.22 279.42);
302
+ --g-theme-button-primary-color-background-hover: oklch(55% 0.26 279.42);
303
+ --g-theme-button-primary-color-background-active: oklch(45% 0.24 279.42);
304
+ --g-theme-button-primary-color-background-disabled: oklch(90% 0 0);
305
+ --g-theme-button-primary-color-content-default: oklch(100% 0 0);
306
+ --g-theme-button-primary-color-content-hover: oklch(100% 0 0);
307
+ --g-theme-button-primary-color-content-active: oklch(100% 0 0);
308
+ --g-theme-button-primary-color-content-disabled: oklch(20% 0 0);
309
+ --g-theme-button-primary-color-border-default: oklch(65% 0.22 279.42);
310
+ --g-theme-button-primary-color-border-hover: oklch(45% 0.24 279.42);
311
+ --g-theme-button-primary-color-border-active: oklch(45% 0.24 279.42);
312
+ --g-theme-button-primary-color-border-disabled: oklch(80% 0 0);
313
+ --g-theme-focus-ring-color-default: rgba(106, 91, 197, 0.4);
314
+ --g-theme-focus-ring-color-contrast: oklch(90% 0.08 279.42);
315
+ --g-theme-focus-ring-color-contrast-shadow: oklch(35% 0.18 279.42);
316
+ --g-theme-focus-ring-width-default: 0.2rem;
317
+ --g-theme-focus-ring-offset-default: 0rem;
318
+ --g-theme-form-color-background-default: oklch(100% 0 0);
319
+ --g-theme-form-color-background-focus: oklch(100% 0 0);
320
+ --g-theme-form-color-background-hover: oklch(95% 0 0);
321
+ --g-theme-form-color-background-active: oklch(100% 0 0);
322
+ --g-theme-form-color-background-disabled: oklch(100% 0 0);
323
+ --g-theme-form-color-content-default: oklch(20% 0 0);
324
+ --g-theme-form-color-content-focus: oklch(20% 0 0);
325
+ --g-theme-form-color-content-hover: oklch(20% 0 0);
326
+ --g-theme-form-color-content-active: oklch(20% 0 0);
327
+ --g-theme-form-color-content-disabled: oklch(50% 0 0);
328
+ --g-theme-form-color-border-default: oklch(80% 0 0);
329
+ --g-theme-form-color-border-focus: oklch(45% 0.24 279.42);
330
+ --g-theme-form-color-border-hover: oklch(60% 0 0);
331
+ --g-theme-form-color-border-active: oklch(45% 0.24 279.42);
332
+ --g-theme-form-color-border-disabled: oklch(80% 0 0);
333
+ --g-theme-form-color-border-error: oklch(51.18% 0.1802 32.56);
334
+ --g-theme-form-input-accent-color-default: oklch(65% 0.22 279.42);
335
+ --g-theme-link-color-content-default: oklch(65% 0.22 279.42);
336
+ --g-theme-link-color-content-hover: oklch(55% 0.26 279.42);
337
+ --g-theme-link-color-content-active: oklch(55% 0.26 279.42);
338
+ --g-theme-link-color-content-visited: oklch(65% 0.22 279.42);
339
+ --g-theme-link-knockout-color-content-default: oklch(100% 0 0);
340
+ --g-theme-link-knockout-color-content-hover: oklch(100% 0 0);
341
+ --g-theme-link-knockout-color-content-active: oklch(100% 0 0);
342
+ --g-theme-link-knockout-color-content-visited: oklch(100% 0 0);
343
+ }
package/dist/css/grantina/dark.css ADDED
@@ -0,0 +1,166 @@
1
+ /* Dark mode overrides for grantina theme */
2
+ /* Auto-detect: respects OS/browser preference unless .light is set */
3
+ @media (prefers-color-scheme: dark) {
4
+ :root:not(.light) {
5
+ --g-theme-color-background-default: oklch(17% 0.03 282.93);
6
+ --g-theme-color-background-default-hover: oklch(0.2284 0.0384 282.93);
7
+ --g-theme-color-background-subtle: oklch(20% 0.035 282.93);
8
+ --g-theme-color-background-subtle-hover: oklch(0.2284 0.0384 282.93);
9
+ --g-theme-color-background-knockout: oklch(0.9798 0.0045 78.30);
10
+ --g-theme-color-background-brand: oklch(22% 0.10 274.16);
11
+ --g-theme-color-background-brand-hover: oklch(30% 0.14 274.16);
12
+ --g-theme-color-background-brand-disabled: oklch(40% 0 0);
13
+ --g-theme-color-background-brand-knockout: oklch(90% 0.08 274.16);
14
+ --g-theme-color-background-brand-knockout-hover: oklch(82% 0.12 274.16);
15
+ --g-theme-color-background-utility-error: oklch(36.89% 0.1443 28.98);
16
+ --g-theme-color-background-utility-error-knockout: oklch(77.04% 0.1486 49.15);
17
+ --g-theme-color-background-utility-warning: oklch(50.09% 0.1025 92.6);
18
+ --g-theme-color-background-utility-warning-knockout: oklch(91.68% 0.1745 101.08);
19
+ --g-theme-color-background-utility-success: oklch(42.59% 0.1358 143.3);
20
+ --g-theme-color-background-utility-success-knockout: oklch(81.78% 0.1827 137.62);
21
+ --g-theme-color-background-utility-info: oklch(37.55% 0.1037 249.04);
22
+ --g-theme-color-background-utility-info-knockout: oklch(90.54% 0.1282 189.63);
23
+ --g-theme-color-background-disabled: oklch(40% 0 0);
24
+ --g-theme-color-border-default: oklch(48% 0.035 282.93);
25
+ --g-theme-color-border-default-hover: oklch(65% 0.03 282.93);
26
+ --g-theme-color-border-subtle: oklch(0.2284 0.0384 282.93);
27
+ --g-theme-color-border-strong: oklch(96% 0.006 78.30);
28
+ --g-theme-color-border-brand: oklch(68% 0.16 274.16);
29
+ --g-theme-color-border-utility-error: oklch(77.04% 0.1486 49.15);
30
+ --g-theme-color-border-utility-warning: oklch(91.68% 0.1745 101.08);
31
+ --g-theme-color-border-utility-success: oklch(81.78% 0.1827 137.62);
32
+ --g-theme-color-border-utility-info: oklch(90.54% 0.1282 189.63);
33
+ --g-theme-color-border-disabled: oklch(40% 0 0);
34
+ --g-theme-color-content-default: oklch(96% 0.006 78.30);
35
+ --g-theme-color-content-default-hover: oklch(0.9798 0.0045 78.30);
36
+ --g-theme-color-content-subtle: oklch(82% 0.010 78.30);
37
+ --g-theme-color-content-knockout: oklch(17% 0.03 282.93);
38
+ --g-theme-color-content-brand: oklch(82% 0.12 274.16);
39
+ --g-theme-color-content-brand-hover: oklch(95% 0.04 274.16);
40
+ --g-theme-color-content-brand-knockout: oklch(22% 0.10 274.16);
41
+ --g-theme-color-content-disabled: oklch(60% 0 0);
42
+ --g-theme-color-content-utility-error: oklch(77.04% 0.1486 49.15);
43
+ --g-theme-color-content-utility-warning: oklch(91.68% 0.1745 101.08);
44
+ --g-theme-color-content-utility-success: oklch(81.78% 0.1827 137.62);
45
+ --g-theme-color-content-utility-info: oklch(90.54% 0.1282 189.63);
46
+ --g-theme-box-shadow-sm: 0rem 0.25rem 0.25rem 0rem #00000080;
47
+ --g-theme-box-shadow-md: 0rem 0.5rem 0.375rem -0.375rem #00000040;
48
+ --g-theme-button-color-background-default: oklch(22% 0.10 274.16);
49
+ --g-theme-button-color-background-hover: oklch(30% 0.14 274.16);
50
+ --g-theme-button-color-background-active: oklch(30% 0.14 274.16);
51
+ --g-theme-button-color-background-disabled: oklch(17% 0.03 282.93);
52
+ --g-theme-button-color-content-default: oklch(22% 0.10 274.16);
53
+ --g-theme-button-color-content-hover: oklch(22% 0.10 274.16);
54
+ --g-theme-button-color-content-active: oklch(22% 0.10 274.16);
55
+ --g-theme-button-color-content-disabled: oklch(60% 0 0);
56
+ --g-theme-button-color-border-default: oklch(48% 0.035 282.93);
57
+ --g-theme-button-color-border-hover: oklch(68% 0.16 274.16);
58
+ --g-theme-button-color-border-active: oklch(68% 0.16 274.16);
59
+ --g-theme-button-color-border-disabled: oklch(48% 0.035 282.93);
60
+ --g-theme-button-primary-color-background-disabled: oklch(40% 0 0);
61
+ --g-theme-button-primary-color-content-disabled: oklch(96% 0.006 78.30);
62
+ --g-theme-button-primary-color-border-disabled: oklch(48% 0.035 282.93);
63
+ --g-theme-form-color-background-default: oklch(17% 0.03 282.93);
64
+ --g-theme-form-color-background-focus: oklch(17% 0.03 282.93);
65
+ --g-theme-form-color-background-hover: oklch(20% 0.035 282.93);
66
+ --g-theme-form-color-background-active: oklch(17% 0.03 282.93);
67
+ --g-theme-form-color-background-disabled: oklch(17% 0.03 282.93);
68
+ --g-theme-form-color-content-default: oklch(96% 0.006 78.30);
69
+ --g-theme-form-color-content-focus: oklch(96% 0.006 78.30);
70
+ --g-theme-form-color-content-hover: oklch(96% 0.006 78.30);
71
+ --g-theme-form-color-content-active: oklch(96% 0.006 78.30);
72
+ --g-theme-form-color-content-disabled: oklch(60% 0 0);
73
+ --g-theme-form-color-border-default: oklch(48% 0.035 282.93);
74
+ --g-theme-form-color-border-focus: oklch(68% 0.16 274.16);
75
+ --g-theme-form-color-border-hover: oklch(65% 0.03 282.93);
76
+ --g-theme-form-color-border-active: oklch(68% 0.16 274.16);
77
+ --g-theme-form-color-border-disabled: oklch(48% 0.035 282.93);
78
+ --g-theme-form-color-border-error: oklch(77.04% 0.1486 49.15);
79
+ --g-theme-link-knockout-color-content-default: oklch(17% 0.03 282.93);
80
+ --g-theme-link-knockout-color-content-hover: oklch(17% 0.03 282.93);
81
+ --g-theme-link-knockout-color-content-active: oklch(17% 0.03 282.93);
82
+ --g-theme-link-knockout-color-content-visited: oklch(17% 0.03 282.93);
83
+ }
84
+ }
85
+
86
+ /* Manual override: force dark mode on any element or subtree */
87
+ .dark {
88
+ --g-theme-color-background-default: oklch(17% 0.03 282.93);
89
+ --g-theme-color-background-default-hover: oklch(0.2284 0.0384 282.93);
90
+ --g-theme-color-background-subtle: oklch(20% 0.035 282.93);
91
+ --g-theme-color-background-subtle-hover: oklch(0.2284 0.0384 282.93);
92
+ --g-theme-color-background-knockout: oklch(0.9798 0.0045 78.30);
93
+ --g-theme-color-background-brand: oklch(22% 0.10 274.16);
94
+ --g-theme-color-background-brand-hover: oklch(30% 0.14 274.16);
95
+ --g-theme-color-background-brand-disabled: oklch(40% 0 0);
96
+ --g-theme-color-background-brand-knockout: oklch(90% 0.08 274.16);
97
+ --g-theme-color-background-brand-knockout-hover: oklch(82% 0.12 274.16);
98
+ --g-theme-color-background-utility-error: oklch(36.89% 0.1443 28.98);
99
+ --g-theme-color-background-utility-error-knockout: oklch(77.04% 0.1486 49.15);
100
+ --g-theme-color-background-utility-warning: oklch(50.09% 0.1025 92.6);
101
+ --g-theme-color-background-utility-warning-knockout: oklch(91.68% 0.1745 101.08);
102
+ --g-theme-color-background-utility-success: oklch(42.59% 0.1358 143.3);
103
+ --g-theme-color-background-utility-success-knockout: oklch(81.78% 0.1827 137.62);
104
+ --g-theme-color-background-utility-info: oklch(37.55% 0.1037 249.04);
105
+ --g-theme-color-background-utility-info-knockout: oklch(90.54% 0.1282 189.63);
106
+ --g-theme-color-background-disabled: oklch(40% 0 0);
107
+ --g-theme-color-border-default: oklch(48% 0.035 282.93);
108
+ --g-theme-color-border-default-hover: oklch(65% 0.03 282.93);
109
+ --g-theme-color-border-subtle: oklch(0.2284 0.0384 282.93);
110
+ --g-theme-color-border-strong: oklch(96% 0.006 78.30);
111
+ --g-theme-color-border-brand: oklch(68% 0.16 274.16);
112
+ --g-theme-color-border-utility-error: oklch(77.04% 0.1486 49.15);
113
+ --g-theme-color-border-utility-warning: oklch(91.68% 0.1745 101.08);
114
+ --g-theme-color-border-utility-success: oklch(81.78% 0.1827 137.62);
115
+ --g-theme-color-border-utility-info: oklch(90.54% 0.1282 189.63);
116
+ --g-theme-color-border-disabled: oklch(40% 0 0);
117
+ --g-theme-color-content-default: oklch(96% 0.006 78.30);
118
+ --g-theme-color-content-default-hover: oklch(0.9798 0.0045 78.30);
119
+ --g-theme-color-content-subtle: oklch(82% 0.010 78.30);
120
+ --g-theme-color-content-knockout: oklch(17% 0.03 282.93);
121
+ --g-theme-color-content-brand: oklch(82% 0.12 274.16);
122
+ --g-theme-color-content-brand-hover: oklch(95% 0.04 274.16);
123
+ --g-theme-color-content-brand-knockout: oklch(22% 0.10 274.16);
124
+ --g-theme-color-content-disabled: oklch(60% 0 0);
125
+ --g-theme-color-content-utility-error: oklch(77.04% 0.1486 49.15);
126
+ --g-theme-color-content-utility-warning: oklch(91.68% 0.1745 101.08);
127
+ --g-theme-color-content-utility-success: oklch(81.78% 0.1827 137.62);
128
+ --g-theme-color-content-utility-info: oklch(90.54% 0.1282 189.63);
129
+ --g-theme-box-shadow-sm: 0rem 0.25rem 0.25rem 0rem #00000080;
130
+ --g-theme-box-shadow-md: 0rem 0.5rem 0.375rem -0.375rem #00000040;
131
+ --g-theme-button-color-background-default: oklch(22% 0.10 274.16);
132
+ --g-theme-button-color-background-hover: oklch(30% 0.14 274.16);
133
+ --g-theme-button-color-background-active: oklch(30% 0.14 274.16);
134
+ --g-theme-button-color-background-disabled: oklch(17% 0.03 282.93);
135
+ --g-theme-button-color-content-default: oklch(22% 0.10 274.16);
136
+ --g-theme-button-color-content-hover: oklch(22% 0.10 274.16);
137
+ --g-theme-button-color-content-active: oklch(22% 0.10 274.16);
138
+ --g-theme-button-color-content-disabled: oklch(60% 0 0);
139
+ --g-theme-button-color-border-default: oklch(48% 0.035 282.93);
140
+ --g-theme-button-color-border-hover: oklch(68% 0.16 274.16);
141
+ --g-theme-button-color-border-active: oklch(68% 0.16 274.16);
142
+ --g-theme-button-color-border-disabled: oklch(48% 0.035 282.93);
143
+ --g-theme-button-primary-color-background-disabled: oklch(40% 0 0);
144
+ --g-theme-button-primary-color-content-disabled: oklch(96% 0.006 78.30);
145
+ --g-theme-button-primary-color-border-disabled: oklch(48% 0.035 282.93);
146
+ --g-theme-form-color-background-default: oklch(17% 0.03 282.93);
147
+ --g-theme-form-color-background-focus: oklch(17% 0.03 282.93);
148
+ --g-theme-form-color-background-hover: oklch(20% 0.035 282.93);
149
+ --g-theme-form-color-background-active: oklch(17% 0.03 282.93);
150
+ --g-theme-form-color-background-disabled: oklch(17% 0.03 282.93);
151
+ --g-theme-form-color-content-default: oklch(96% 0.006 78.30);
152
+ --g-theme-form-color-content-focus: oklch(96% 0.006 78.30);
153
+ --g-theme-form-color-content-hover: oklch(96% 0.006 78.30);
154
+ --g-theme-form-color-content-active: oklch(96% 0.006 78.30);
155
+ --g-theme-form-color-content-disabled: oklch(60% 0 0);
156
+ --g-theme-form-color-border-default: oklch(48% 0.035 282.93);
157
+ --g-theme-form-color-border-focus: oklch(68% 0.16 274.16);
158
+ --g-theme-form-color-border-hover: oklch(65% 0.03 282.93);
159
+ --g-theme-form-color-border-active: oklch(68% 0.16 274.16);
160
+ --g-theme-form-color-border-disabled: oklch(48% 0.035 282.93);
161
+ --g-theme-form-color-border-error: oklch(77.04% 0.1486 49.15);
162
+ --g-theme-link-knockout-color-content-default: oklch(17% 0.03 282.93);
163
+ --g-theme-link-knockout-color-content-hover: oklch(17% 0.03 282.93);
164
+ --g-theme-link-knockout-color-content-active: oklch(17% 0.03 282.93);
165
+ --g-theme-link-knockout-color-content-visited: oklch(17% 0.03 282.93);
166
+ }