|
364 | 364 | padding: 14px 0; |
365 | 365 | background: transparent; |
366 | 366 | } |
| 367 | + [data-theme="light"] .navbar { |
| 368 | + background: rgba(165, 255, 234, 0.92); |
| 369 | +} |
367 | 370 |
|
368 | 371 | .nav-island { |
369 | 372 | max-width: 1240px; |
|
385 | 388 |
|
386 | 389 | /* Light Mode Token Architecture for the Floating Component */ |
387 | 390 | [data-theme="light"] .nav-island { |
388 | | - background: rgba(255, 255, 255, 0.8); |
389 | | - border-color: rgba(15, 23, 42, 0.08); |
390 | | - box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06); |
391 | | - } |
| 391 | + background: rgba(165, 255, 234, 0.92); |
| 392 | + border: 1px solid rgba(179, 191, 217, 0.08); |
| 393 | + box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08); |
| 394 | +} |
392 | 395 |
|
393 | 396 | /* Subtle squeeze effect when scrolling down */ |
394 | 397 | .navbar.scrolled .nav-island { |
|
430 | 433 | } |
431 | 434 |
|
432 | 435 | .logo-py { color: #94a3b8; transition: color 0.3s ease; } |
433 | | - .logo-mini { color: #ffffff; transition: color 0.3s ease; } |
| 436 | + .logo-mini { color: var(--text-color); transition: color 0.3s ease; } |
434 | 437 | .logo-parens { color: #22c55e; } |
435 | 438 |
|
436 | 439 | [data-theme="light"] .logo-py { color: #64748b; } |
@@ -1150,7 +1153,7 @@ <h3>Stay Updated</h3> |
1150 | 1153 | mobileMenuToggle.querySelector("i").className = "fas fa-bars"; |
1151 | 1154 | } |
1152 | 1155 | }); |
1153 | | -}); |
| 1156 | + |
1154 | 1157 | document.querySelectorAll('.tab, .sticky-tab').forEach(function(tab) { |
1155 | 1158 | tab.addEventListener('click', function() { |
1156 | 1159 | searchInput.value = ''; |
|
0 commit comments