|
194 | 194 | margin-left: 0.4rem; |
195 | 195 | } |
196 | 196 |
|
197 | | -/* Theme Toggle Button - Visible and styled */ |
| 197 | +/* Theme Toggle Buttons - Show both light and dark mode toggles */ |
| 198 | +/* Style all palette toggles */ |
198 | 199 | .md-header__button[for^="__palette"] { |
199 | 200 | display: flex !important; |
200 | 201 | align-items: center !important; |
|
205 | 206 | margin: 0 0.2rem !important; |
206 | 207 | border-radius: 0.25rem !important; |
207 | 208 | transition: all 0.2s ease !important; |
| 209 | + cursor: pointer !important; |
| 210 | + z-index: 10 !important; |
| 211 | + pointer-events: auto !important; |
208 | 212 | visibility: visible !important; |
209 | 213 | opacity: 1 !important; |
210 | 214 | } |
211 | 215 |
|
212 | | -/* Show ONLY the first theme toggle button - hide all others */ |
213 | | -.md-header__button[for^="__palette"] { |
| 216 | +/* Show both palette toggles (light and dark) */ |
| 217 | +.md-header__button[for="__palette_0"], |
| 218 | +.md-header__button[for="__palette_1"] { |
214 | 219 | display: flex !important; |
215 | 220 | visibility: visible !important; |
216 | 221 | opacity: 1 !important; |
217 | 222 | } |
218 | 223 |
|
219 | | -/* Hide the second palette toggle (Material creates one per palette) */ |
220 | | -.md-header__button[for="__palette_1"] { |
221 | | - display: none !important; |
222 | | -} |
223 | | - |
224 | 224 | /* Hide theme toggle in drawer/sidebar only (not in header) */ |
225 | 225 | .md-drawer .md-header__button[for^="__palette"], |
226 | 226 | .md-sidebar .md-header__button[for^="__palette"], |
|
965 | 965 | -webkit-background-clip: text; |
966 | 966 | -webkit-text-fill-color: transparent; |
967 | 967 | background-clip: text; |
968 | | - display: inline-block; |
| 968 | + display: block; |
969 | 969 | font-weight: 800; |
970 | 970 | letter-spacing: -0.02em; |
971 | 971 | text-align: center; |
| 972 | + width: 100%; |
972 | 973 | } |
973 | 974 |
|
974 | 975 | .hero-title { |
975 | 976 | font-size: 5.5em; |
976 | | - margin: 0 0 0.5em 0; |
| 977 | + margin: 0.5em 0; |
977 | 978 | line-height: 1.1; |
| 979 | + display: block; |
| 980 | + width: 100%; |
| 981 | + clear: both; |
978 | 982 | } |
979 | 983 |
|
980 | 984 | .hero-subtitle { |
981 | 985 | font-size: 4.5em; |
982 | 986 | margin: 0.5em 0 0.3em 0; |
983 | 987 | line-height: 1.2; |
984 | 988 | font-weight: 700; |
| 989 | + display: block; |
| 990 | + width: 100%; |
| 991 | + clear: both; |
985 | 992 | } |
986 | 993 |
|
987 | 994 | .hero-description { |
|
0 commit comments