|
7 | 7 | --vp-c-brand-soft: rgba(79, 195, 247, 0.14); |
8 | 8 |
|
9 | 9 | --vp-home-hero-name-color: transparent; |
10 | | - --vp-home-hero-name-background: linear-gradient(135deg, #D4A574 30%, #7DF9FF); |
| 10 | + --vp-home-hero-name-background: linear-gradient(135deg, #D4A574 10%, #4FC3F7); |
11 | 11 |
|
12 | | - --vp-home-hero-image-background-image: linear-gradient(135deg, rgba(164, 114, 74, 0.3) 30%, rgba(79, 195, 247, 0.3)); |
13 | | - --vp-home-hero-image-filter: blur(56px); |
| 12 | + --vp-home-hero-image-background-image: linear-gradient(135deg, rgba(212, 165, 116, 0.4) 30%, rgba(79, 195, 247, 0.4)); |
| 13 | + --vp-home-hero-image-filter: blur(64px); |
14 | 14 | } |
15 | 15 |
|
16 | 16 | .dark { |
17 | 17 | --vp-c-brand-1: #7DF9FF; |
18 | 18 | --vp-c-brand-2: #4FC3F7; |
19 | 19 | --vp-c-brand-3: #29B6F6; |
20 | | - --vp-c-brand-soft: rgba(125, 249, 255, 0.14); |
| 20 | + --vp-c-brand-soft: rgba(125, 249, 255, 0.15); |
21 | 21 |
|
22 | | - --vp-home-hero-name-background: linear-gradient(135deg, #D4A574 30%, #7DF9FF); |
| 22 | + --vp-home-hero-name-background: linear-gradient(135deg, #D4A574 10%, #7DF9FF); |
23 | 23 |
|
24 | | - --vp-home-hero-image-background-image: linear-gradient(135deg, rgba(164, 114, 74, 0.4) 30%, rgba(125, 249, 255, 0.4)); |
| 24 | + --vp-home-hero-image-background-image: linear-gradient(135deg, rgba(212, 165, 116, 0.5) 30%, rgba(125, 249, 255, 0.4)); |
| 25 | +} |
| 26 | + |
| 27 | +/* Subtle tech grid in dark mode */ |
| 28 | +html.dark body { |
| 29 | + background-image: |
| 30 | + linear-gradient(rgba(125, 249, 255, 0.03) 1px, transparent 1px), |
| 31 | + linear-gradient(90deg, rgba(125, 249, 255, 0.03) 1px, transparent 1px); |
| 32 | + background-size: 32px 32px; |
| 33 | + background-position: center top; |
25 | 34 | } |
26 | 35 |
|
27 | 36 | /* Hero image sizing — show only the golem head icon */ |
|
0 commit comments