|
6 | 6 |
|
7 | 7 | :root { |
8 | 8 | --primary: #AF788B; |
9 | | - --primary-dark: #96637A; |
| 9 | + --primary-dark: #8B5E6F; |
| 10 | + --primary-deeper: #6E4556; |
10 | 11 | --primary-light: #C9A0AE; |
| 12 | + --primary-soft: rgba(175, 120, 139, 0.12); |
11 | 13 | --text: #1e293b; |
12 | | - --text-light: #64748b; |
| 14 | + --text-light: #5a4a52; |
13 | 15 | --bg: #ffffff; |
14 | | - --bg-secondary: #fdf8f9; |
15 | | - --border: #e8dde1; |
| 16 | + --bg-secondary: #F5EBEE; |
| 17 | + --bg-offset: #F6F8FA; |
| 18 | + --card-bg: #FAF5F7; |
| 19 | + --border: #E2E8F0; |
| 20 | + --code-bg: #0F172A; |
| 21 | + --code-text: #E2E8F0; |
| 22 | + --code-comment: #6272A4; |
| 23 | + --code-keyword: #FF79C6; |
16 | 24 |
|
17 | 25 | --ifm-color-primary: #AF788B; |
18 | | - --ifm-color-primary-dark: #96637A; |
19 | | - --ifm-color-primary-darker: #8d5a6f; |
20 | | - --ifm-color-primary-darkest: #6e4556; |
| 26 | + --ifm-color-primary-dark: #8B5E6F; |
| 27 | + --ifm-color-primary-darker: #7a5062; |
| 28 | + --ifm-color-primary-darkest: #6E4556; |
21 | 29 | --ifm-color-primary-light: #C9A0AE; |
22 | 30 | --ifm-color-primary-lighter: #d3b0bb; |
23 | 31 | --ifm-color-primary-lightest: #e8d0d8; |
|
26 | 34 | } |
27 | 35 |
|
28 | 36 | [data-theme='dark'] { |
| 37 | + --text: #EEF2FF; |
| 38 | + --text-light: #8B9AB0; |
| 39 | + --bg: #0A0C10; |
| 40 | + --bg-secondary: #11151A; |
| 41 | + --bg-offset: #11151A; |
| 42 | + --card-bg: #11151A; |
| 43 | + --border: #1E293B; |
| 44 | + --primary-soft: rgba(201, 160, 174, 0.15); |
| 45 | + --code-bg: #010409; |
| 46 | + --code-text: #E2E8F0; |
| 47 | + --code-comment: #6272A4; |
| 48 | + --code-keyword: #FF79C6; |
| 49 | + |
29 | 50 | --ifm-color-primary: #C9A0AE; |
30 | 51 | --ifm-color-primary-dark: #b88d9d; |
31 | 52 | --ifm-color-primary-darker: #af7f91; |
|
36 | 57 | --docusaurus-highlighted-code-line-bg: rgba(175, 120, 139, 0.2); |
37 | 58 | } |
38 | 59 |
|
39 | | -/* Navbar: no border, no shadow, match homepage bg */ |
| 60 | +/* ===== Navbar ===== */ |
40 | 61 | .navbar { |
41 | | - background-color: #fdf8f9 !important; |
| 62 | + background-color: var(--bg) !important; |
42 | 63 | border-bottom: none !important; |
43 | 64 | box-shadow: none !important; |
| 65 | + height: 68px !important; |
| 66 | + padding: 0 1.5rem !important; |
| 67 | +} |
| 68 | + |
| 69 | +.navbar__inner { |
| 70 | + height: 68px !important; |
| 71 | + max-width: 1200px; |
| 72 | + margin: 0 auto; |
| 73 | +} |
| 74 | + |
| 75 | +.navbar__brand { |
| 76 | + height: 68px !important; |
| 77 | +} |
| 78 | + |
| 79 | +.navbar__title { |
| 80 | + font-size: 1.4rem !important; |
| 81 | + font-weight: 700 !important; |
| 82 | + color: var(--text) !important; |
| 83 | + letter-spacing: -0.01em; |
| 84 | +} |
| 85 | + |
| 86 | +.navbar__logo { |
| 87 | + height: 36px; |
| 88 | + margin-right: 0.6rem; |
| 89 | +} |
| 90 | + |
| 91 | +.navbar__link { |
| 92 | + font-size: 0.95rem !important; |
| 93 | + font-weight: 500 !important; |
| 94 | + color: var(--text-light) !important; |
| 95 | + transition: color 0.15s !important; |
| 96 | +} |
| 97 | + |
| 98 | +.navbar__link:hover { |
| 99 | + color: var(--primary-dark) !important; |
| 100 | +} |
| 101 | + |
| 102 | +.navbar__link--active { |
| 103 | + color: var(--primary-dark) !important; |
44 | 104 | } |
45 | 105 |
|
46 | 106 | [data-theme='dark'] .navbar { |
47 | | - background-color: var(--ifm-background-color) !important; |
| 107 | + background-color: var(--bg) !important; |
| 108 | + border-bottom: none !important; |
| 109 | +} |
| 110 | + |
| 111 | +[data-theme='dark'] .navbar__title { |
| 112 | + color: var(--text) !important; |
| 113 | +} |
| 114 | + |
| 115 | +[data-theme='dark'] .navbar__link { |
| 116 | + color: var(--text-light) !important; |
| 117 | +} |
| 118 | + |
| 119 | +[data-theme='dark'] .navbar__link:hover { |
| 120 | + color: var(--primary-light) !important; |
| 121 | +} |
| 122 | + |
| 123 | +[data-theme='dark'] .navbar__link--active { |
| 124 | + color: var(--primary-light) !important; |
48 | 125 | } |
49 | 126 |
|
50 | 127 | /* ===== Footer ===== */ |
51 | 128 | .footer { |
52 | 129 | background-color: transparent !important; |
53 | | - padding: 3rem 1.5rem 2rem; |
| 130 | + padding: 5rem 1.5rem 1.5rem; |
54 | 131 | } |
55 | 132 |
|
56 | | -/* Column titles */ |
57 | 133 | .footer__title { |
58 | | - font-size: 0.8rem; |
| 134 | + font-size: 0.85rem; |
59 | 135 | font-weight: 700; |
60 | 136 | text-transform: uppercase; |
61 | 137 | letter-spacing: 0.08em; |
62 | 138 | color: var(--text); |
63 | | - margin-bottom: 0.75rem; |
| 139 | + margin-bottom: 1rem; |
64 | 140 | } |
65 | 141 |
|
66 | | -/* Link items */ |
67 | 142 | .footer__link-item { |
68 | | - font-size: 0.88rem; |
| 143 | + font-size: 0.92rem; |
69 | 144 | color: var(--text-light); |
70 | | - line-height: 1.8; |
| 145 | + line-height: 2; |
71 | 146 | transition: color 0.15s; |
72 | 147 | } |
73 | 148 |
|
74 | 149 | .footer__link-item:hover { |
75 | 150 | color: var(--primary); |
76 | 151 | } |
77 | 152 |
|
78 | | -/* Hide external-link icons */ |
79 | 153 | .footer__link-item svg { |
80 | 154 | display: none; |
81 | 155 | } |
82 | 156 |
|
83 | | -/* Copyright */ |
84 | 157 | .footer__copyright { |
85 | | - text-align: center; |
86 | | - font-size: 0.8rem; |
| 158 | + font-size: 0.88rem; |
87 | 159 | color: var(--text-light); |
88 | | - letter-spacing: 0.03em; |
89 | | - margin-top: 2rem; |
90 | | - padding-top: 1.5rem; |
91 | | - border-top: 1px solid var(--border); |
92 | 160 | } |
0 commit comments