|
179 | 179 | --white-to-light-blue-diagonal-gradient: linear-gradient( |
180 | 180 | 132.83deg, |
181 | 181 | hsl(from color-mix(in srgb, var(--bright-blue), white 60%) h s l / 0) 45.38%, |
182 | | - hsl(from color-mix(in srgb, var(--bright-blue), white 60%) h s l / 0.3) 159.03%); |
| 182 | + hsl(from color-mix(in srgb, var(--bright-blue), white 60%) h s l / 0.3) 159.03% |
| 183 | + ); |
183 | 184 |
|
184 | 185 | --white-to-light-pink-diagonal-gradient: linear-gradient( |
185 | 186 | 135deg, |
|
230 | 231 | // for the "unfilled" portion of the word that hasn't |
231 | 232 | // been highlighted by the gradient |
232 | 233 | --gray-unfilled: var(--gray-400); |
233 | | - --webgl-page-background: var(var(--page-background)) |
234 | | - --webgl-gray-unfilled: var(--gray-400); |
| 234 | + --webgl-page-background: var(var(--page-background)) --webgl-gray-unfilled: var(--gray-400); |
235 | 235 | } |
236 | 236 |
|
237 | 237 | @mixin dark-mode-definitions() { |
|
261 | 261 | --super-green: color-mix(in srgb, oklch(79.12% 0.257 155.13), var(--full-contrast) 70%); |
262 | 262 | --light-vivid-pink-to-light-electric-violet-horizontal-gradient: |
263 | 263 | linear-gradient(hsl(from var(--gray-1000) h s l / 0.9), hsl(from var(--gray-1000) h s l / 0.9)), |
264 | | - linear-gradient(hsl(from var(--full-contrast) h s l / 0.2), hsl(from var(--full-contrast) h s l / 0.2)), |
| 264 | + linear-gradient( |
| 265 | + hsl(from var(--full-contrast) h s l / 0.2), |
| 266 | + hsl(from var(--full-contrast) h s l / 0.2) |
| 267 | + ), |
265 | 268 | var(--pink-to-purple-horizontal-gradient); |
266 | | - --white-to-light-pink-diagonal-gradient: color-mix(in srgb, var(--french-violet), var(--full-contrast) 60%); |
| 269 | + --white-to-light-pink-diagonal-gradient: color-mix( |
| 270 | + in srgb, |
| 271 | + var(--french-violet), |
| 272 | + var(--full-contrast) 60% |
| 273 | + ); |
267 | 274 |
|
268 | 275 | --deprecated-dark: oklch(30% 0.02 304.04); // Base color |
269 | 276 | --deprecated-docs-bg: var(--deprecated-dark); // Alias specifically for deprecated docs |
|
301 | 308 | ); |
302 | 309 |
|
303 | 310 | --page-bg-radial-gradient: radial-gradient(circle, black 0%, black 100%); |
304 | | - --soft-pink-radial-gradient: |
305 | | - linear-gradient(119.77deg, |
306 | | - hsl(from color-mix(in srgb, var(--french-violet), white 60%) h s l / 0) 24.32%, |
307 | | - hsl(from color-mix(in srgb, var(--french-violet), white 60%) h s l / 0.3) 116.25%); |
| 311 | + --soft-pink-radial-gradient: var(--hot-pink-to-electric-violet-radial-gradient); |
308 | 312 |
|
309 | 313 | // Use light values hot pink and electric violet since this gradient used for |
310 | 314 | // the decorative header which looks the same in both modes |
|
0 commit comments