@grantcodes/style-dictionary 1.3.1 → 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 (29) hide show
  1. package/CHANGELOG.md +15 -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 +126 -150
  7. package/dist/css/grantcodes/tokens.css +126 -150
  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 +172 -12
  13. package/dist/css/todomap/tokens.css +172 -12
  14. package/dist/css/wireframe/dark.css +180 -0
  15. package/dist/css/wireframe/tokens.css +145 -206
  16. package/dist/css/wireframe/wireframe.css +145 -206
  17. package/dist/js/grantcodes/style-dictionary.d.ts +111 -133
  18. package/dist/js/grantcodes/style-dictionary.js +117 -141
  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 +164 -10
  22. package/dist/js/todomap/style-dictionary.js +182 -14
  23. package/dist/js/wireframe/style-dictionary.d.ts +130 -183
  24. package/dist/js/wireframe/style-dictionary.js +134 -193
  25. package/dist/json/grantcodes/tokens.json +114 -136
  26. package/dist/json/grantina/tokens.json +352 -0
  27. package/dist/json/todomap/tokens.json +159 -13
  28. package/dist/json/wireframe/tokens.json +133 -186
  29. package/package.json +13 -3
package/dist/css/grantcodes/tokens.css CHANGED
@@ -1,4 +1,19 @@
1
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%;
2
17
  --g-color-neutral-100: oklch(95% 0 0);
3
18
  --g-color-neutral-200: oklch(90% 0 0);
4
19
  --g-color-neutral-300: oklch(80% 0 0);
@@ -60,29 +75,6 @@
60
75
  --g-color-brand-purple-700: oklch(45% 0.24 279.42);
61
76
  --g-color-brand-purple-800: oklch(35% 0.18 279.42);
62
77
  --g-color-brand-purple-900: oklch(25% 0.12 279.42);
63
- --g-z-index-0: 0;
64
- --g-z-index-100: 100;
65
- --g-z-index-200: 200;
66
- --g-z-index-300: 300;
67
- --g-z-index-400: 400;
68
- --g-z-index-500: 500;
69
- --g-z-index-top: 99999;
70
- --g-z-index-bottom: -100;
71
- --g-animation-duration-10: 100ms;
72
- --g-animation-duration-20: 200ms;
73
- --g-animation-duration-30: 300ms;
74
- --g-animation-duration-40: 400ms;
75
- --g-animation-timing-function-ease: ease-in-out;
76
- --g-animation-timing-function-linear: linear;
77
- --g-border-radius-125: 0.125rem;
78
- --g-border-radius-250: 0.25rem;
79
- --g-border-radius-500: 0.5rem;
80
- --g-border-radius-1000: 1rem;
81
- --g-border-radius-square: 0;
82
- --g-border-radius-rounded: 50%;
83
- --g-border-width-1: 0.0625rem;
84
- --g-border-width-2: 0.125rem;
85
- --g-border-width-4: 0.25rem;
86
78
  --g-shadow-sm-x: 0rem;
87
79
  --g-shadow-sm-y: 0.25rem;
88
80
  --g-shadow-sm-blur: 0.25rem;
@@ -108,64 +100,69 @@
108
100
  --g-spacing-40: 2.5rem;
109
101
  --g-spacing-48: 3rem;
110
102
  --g-spacing-64: 4rem;
111
- --g-typography-font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
112
- --g-typography-font-family-greycliff: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
113
103
  --g-typography-font-weight-400: 400;
114
104
  --g-typography-font-weight-500: 500;
115
105
  --g-typography-font-weight-600: 600;
116
106
  --g-typography-font-weight-700: 700;
117
107
  --g-typography-font-weight-800: 800;
118
108
  --g-typography-font-weight-900: 900;
119
- --g-typography-font-size-12: 0.75rem;
120
- --g-typography-font-size-14: 0.875rem;
121
- --g-typography-font-size-16: 1rem;
122
- --g-typography-font-size-18: 1.125rem;
123
- --g-typography-font-size-20: 1.25rem;
124
- --g-typography-font-size-24: 1.5rem;
125
- --g-typography-font-size-28: 1.75rem;
126
- --g-typography-font-size-32: 2rem;
127
- --g-typography-font-size-40: 2.5rem;
128
- --g-typography-font-size-48: 3rem;
129
- --g-typography-font-size-56: 3.5rem;
130
- --g-typography-font-size-64: 4rem;
131
- --g-typography-font-size-100: 6.25rem;
132
- --g-typography-line-height-16: 1.00;
133
- --g-typography-line-height-20: 1.00;
134
- --g-typography-line-height-24: 1.00;
135
- --g-typography-line-height-28: 1.00;
136
- --g-typography-line-height-32: 1.00;
137
- --g-typography-line-height-36: 2.25;
138
- --g-typography-line-height-40: 1.00;
139
- --g-typography-line-height-48: 1.00;
140
- --g-typography-line-height-56: 1.00;
141
- --g-typography-line-height-64: 1.00;
142
- --g-typography-line-height-72: 4.50;
143
- --g-typography-line-height-110: 6.88;
144
- --g-typography-letter-spacing-0: 0rem;
145
- --g-typography-letter-spacing-2: 0.125rem;
146
- --g-typography-letter-spacing-minus-2: -0.125rem;
147
- --g-typography-letter-spacing-minus-1-half: -0.0938rem;
148
- --g-typography-letter-spacing-minus-1: -0.0625rem;
149
- --g-typography-letter-spacing-minus-half: -0.0313rem;
150
- --g-typography-letter-spacing-half: 0.0313rem;
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;
151
116
  --g-typography-text-transform-none: none;
152
117
  --g-typography-text-transform-uppercase: uppercase;
153
- --g-theme-typography-display-default: 900 6.25rem/6.875rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
154
- --g-theme-typography-display-sm: 900 6.25rem/6.875rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
155
- --g-theme-typography-headline-lg: 900 3rem/3.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
156
- --g-theme-typography-headline-default: 900 2.5rem/3rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
157
- --g-theme-typography-headline-sm: 900 2rem/2.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
158
- --g-theme-typography-title-lg: 900 2rem/2.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
159
- --g-theme-typography-title-default: 900 1.75rem/2.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
160
- --g-theme-typography-title-sm: 900 1.5rem/2rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
161
- --g-theme-typography-label-lg: 600 1.25rem/1.75rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
162
- --g-theme-typography-label-default: 600 1rem/1.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
163
- --g-theme-typography-label-sm: 600 0.875rem/1.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
164
- --g-theme-typography-body-lg: 400 1.25rem/1.75rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
165
- --g-theme-typography-body-default: 500 1rem/1.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
166
- --g-theme-typography-body-sm: 500 0.875rem/1.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
167
- --g-theme-typography-meta-default: 600 0.875rem/1.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
168
- --g-theme-typography-meta-sm: 600 0.75rem/1rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
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;
169
166
  --g-theme-color-background-default: oklch(100% 0 0);
170
167
  --g-theme-color-background-default-hover: oklch(80% 0 0);
171
168
  --g-theme-color-background-subtle: oklch(95% 0 0);
@@ -210,17 +207,6 @@
210
207
  --g-theme-color-content-utility-warning: oklch(78.68% 0.162 96.43);
211
208
  --g-theme-color-content-utility-success: oklch(65.44% 0.1981 141.12);
212
209
  --g-theme-color-content-utility-info: oklch(68.89% 0.125872 220.4932);
213
- --g-theme-animation-fade-quick: 100ms;
214
- --g-theme-animation-fade-long: 400ms;
215
- --g-theme-animation-move-quick: 200ms;
216
- --g-theme-animation-move-long: 400ms;
217
- --g-theme-animation-ease: ease-in-out;
218
- --g-theme-border-radius-sm: 0.125rem;
219
- --g-theme-border-radius-md: 0.5rem;
220
- --g-theme-border-radius-lg: 1rem;
221
- --g-theme-border-width-sm: 0.0625rem;
222
- --g-theme-border-width-md: 0.125rem;
223
- --g-theme-border-width-lg: 0.25rem;
224
210
  --g-theme-spacing-xs: 0.25rem;
225
211
  --g-theme-spacing-sm: 0.5rem;
226
212
  --g-theme-spacing-md: 1rem;
@@ -228,81 +214,71 @@
228
214
  --g-theme-spacing-xl: 2rem;
229
215
  --g-theme-spacing-2xl: 3rem;
230
216
  --g-theme-spacing-3xl: 4rem;
231
- --g-theme-typography-display-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
232
- --g-theme-typography-display-default-font-weight: 900;
233
- --g-theme-typography-display-default-font-size: 6.25rem;
234
- --g-theme-typography-display-default-line-height: 1.10;
235
- --g-theme-typography-display-default-letter-spacing: 0rem;
236
- --g-theme-typography-display-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
237
- --g-theme-typography-display-sm-font-weight: 900;
238
- --g-theme-typography-display-sm-font-size: 6.25rem;
239
- --g-theme-typography-display-sm-line-height: 1.10;
240
- --g-theme-typography-display-sm-letter-spacing: 0rem;
241
- --g-theme-typography-headline-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
242
- --g-theme-typography-headline-lg-font-weight: 900;
243
- --g-theme-typography-headline-lg-font-size: 3rem;
244
- --g-theme-typography-headline-lg-line-height: 1.17;
245
- --g-theme-typography-headline-lg-letter-spacing: 0.0313rem;
246
- --g-theme-typography-headline-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
247
- --g-theme-typography-headline-default-font-weight: 900;
248
- --g-theme-typography-headline-default-font-size: 2.5rem;
249
- --g-theme-typography-headline-default-line-height: 1.20;
250
- --g-theme-typography-headline-default-letter-spacing: 0.0313rem;
251
- --g-theme-typography-headline-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
252
- --g-theme-typography-headline-sm-font-weight: 900;
253
- --g-theme-typography-headline-sm-font-size: 2rem;
254
- --g-theme-typography-headline-sm-line-height: 1.25;
255
- --g-theme-typography-headline-sm-letter-spacing: 0.0313rem;
256
- --g-theme-typography-title-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
257
- --g-theme-typography-title-lg-font-weight: 900;
258
- --g-theme-typography-title-lg-font-size: 2rem;
259
- --g-theme-typography-title-lg-line-height: 1.25;
260
- --g-theme-typography-title-lg-letter-spacing: 0.0313rem;
261
- --g-theme-typography-title-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
262
- --g-theme-typography-title-default-font-weight: 900;
263
- --g-theme-typography-title-default-font-size: 1.75rem;
264
- --g-theme-typography-title-default-line-height: 1.29;
265
- --g-theme-typography-title-default-letter-spacing: 0.0313rem;
266
- --g-theme-typography-title-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
267
- --g-theme-typography-title-sm-font-weight: 900;
268
- --g-theme-typography-title-sm-font-size: 1.5rem;
269
- --g-theme-typography-title-sm-line-height: 1.33;
270
- --g-theme-typography-title-sm-letter-spacing: 0.0313rem;
271
- --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;
272
- --g-theme-typography-label-lg-font-weight: 600;
273
- --g-theme-typography-label-lg-font-size: 1.25rem;
274
- --g-theme-typography-label-lg-line-height: 1.40;
275
- --g-theme-typography-label-lg-letter-spacing: 0rem;
276
- --g-theme-typography-label-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
277
- --g-theme-typography-label-default-font-weight: 600;
278
- --g-theme-typography-label-default-font-size: 1rem;
279
- --g-theme-typography-label-default-line-height: 1.50;
280
- --g-theme-typography-label-default-letter-spacing: 0rem;
281
- --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;
282
- --g-theme-typography-label-sm-font-weight: 600;
283
- --g-theme-typography-label-sm-font-size: 0.875rem;
284
- --g-theme-typography-label-sm-line-height: 1.43;
285
- --g-theme-typography-label-sm-letter-spacing: 0rem;
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;
286
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;
287
248
  --g-theme-typography-body-lg-font-weight: 400;
288
249
  --g-theme-typography-body-lg-font-size: 1.25rem;
289
- --g-theme-typography-body-lg-line-height: 1.40;
250
+ --g-theme-typography-body-lg-line-height: 1.4;
290
251
  --g-theme-typography-body-lg-letter-spacing: 0rem;
291
- --g-theme-typography-body-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
292
- --g-theme-typography-body-default-font-weight: 500;
293
- --g-theme-typography-body-default-font-size: 1rem;
294
- --g-theme-typography-body-default-line-height: 1.50;
295
- --g-theme-typography-body-default-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;
296
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;
297
258
  --g-theme-typography-body-sm-font-weight: 500;
298
259
  --g-theme-typography-body-sm-font-size: 0.875rem;
299
260
  --g-theme-typography-body-sm-line-height: 1.43;
300
261
  --g-theme-typography-body-sm-letter-spacing: 0rem;
301
- --g-theme-typography-meta-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
302
- --g-theme-typography-meta-default-font-weight: 600;
303
- --g-theme-typography-meta-default-font-size: 0.875rem;
304
- --g-theme-typography-meta-default-line-height: 1.43;
305
- --g-theme-typography-meta-default-letter-spacing: 0.125rem;
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;
306
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;
307
283
  --g-theme-typography-meta-sm-font-weight: 600;
308
284
  --g-theme-typography-meta-sm-font-size: 0.75rem;
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
+ }