|
5 | 5 |
|
6 | 6 | /* Root variables for easy theming*/ |
7 | 7 | :root { |
8 | | - --primary-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 60%, #92400e 100%); |
9 | | - --glass-bg: rgba(255,245,235,0.25); |
10 | | - --glass-border: rgba(255,245,235,0.18); |
| 8 | + --primary-gradient: linear-gradient(135deg, #2fd6e8 0%, #2494c1 60%, #37e6c4 100%); |
| 9 | + --glass-bg: rgba(255,255,255,0.25); |
| 10 | + --glass-border: rgba(255,255,255,0.18); |
11 | 11 | --navbar-height: 64px; |
12 | 12 | --footer-height: 50px; |
13 | | - --card-bg: rgba(255,245,235,0.22); |
14 | | - --card-hover-bg: rgba(255,245,235,0.38); |
15 | | - --text-light: #2c1f0f; |
16 | | - --text-dark: #fef3c7; |
17 | | - --button-bg: #d97706; |
18 | | - --button-hover-bg: #f59e0b; |
19 | | - --link-color: #b45309; |
| 13 | + --card-bg: rgba(255,255,255,0.22); |
| 14 | + --card-hover-bg: rgba(255,255,255,0.38); |
| 15 | + --text-light: #1a2128; |
| 16 | + --text-dark: #e6f4fa; |
| 17 | + --button-bg: #2494c1; |
| 18 | + --button-hover-bg: #37e6c4; |
| 19 | + --link-color: #2494c1; |
20 | 20 | --section-padding: 2.5rem 1.5rem; |
21 | 21 | --infobox-width: 320px; |
22 | 22 | } |
23 | 23 |
|
24 | 24 | /* Dark mode variables */ |
25 | 25 | body.dark-mode { |
26 | | - --glass-bg: rgba(40,30,20,0.25); |
27 | | - --glass-border: rgba(40,30,20,0.18); |
28 | | - --card-bg: rgba(50,40,30,0.30); |
29 | | - --card-hover-bg: rgba(50,40,30,0.50); |
30 | | - --text-light: #fef3c7; |
31 | | - --text-dark: #2c1f0f; |
32 | | - --button-bg: #f59e0b; |
33 | | - --button-hover-bg: #d97706; |
34 | | - --link-color: #f59e0b; |
| 26 | + --glass-bg: rgba(25,34,40,0.25); |
| 27 | + --glass-border: rgba(25,34,40,0.18); |
| 28 | + --card-bg: rgba(33,37,41,0.30); |
| 29 | + --card-hover-bg: rgba(33,37,41,0.50); |
| 30 | + --text-light: #e6f4fa; |
| 31 | + --text-dark: #1a2128; |
| 32 | + --button-bg: #37e6c4; |
| 33 | + --button-hover-bg: #2494c1; |
| 34 | + --link-color: #37e6c4; |
35 | 35 | } |
36 | 36 |
|
37 | 37 |
|
| 38 | + |
38 | 39 | /* Body and gradient background */ |
39 | 40 | body { |
40 | 41 | min-height: 100vh; |
|
0 commit comments