vibe2/gitea-pages
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Nav: dark contrast bar instead of barely-visible cream tint

Browse Source 
- bg #1a1410 (warm black) on light theme, cream on dark
- white-ish links/logo, red CTA stays
- drop bottom border, add soft shadow

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Telecom 2026-05-21 22:35:39 +05:00
parent 58fd53a73c
commit cc6ab7a4d0
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
index.html
View File

@ -150,22 +150,35 @@ section.section,
nav { max-width: 1280px; } nav { max-width: 1280px; }
} }
/* Sticky nav поверх слайдов — компактный, с лёгким тинтом */ /* Sticky nav поверх слайдов — компактный, контрастный */
nav { nav {
position: sticky !important; position: sticky !important;
top: 0 !important; top: 0 !important;
z-index: 100; z-index: 100;
scroll-snap-align: none; scroll-snap-align: none;
height: 48px !important; height: 48px !important;
background: rgba(236, 228, 210, 0.92) !important; background: #1a1410 !important; /* тёмная плашка под кремовым фоном */
color: #f5efe1;
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
box-shadow: 0 1px 0 var(--border); border: none !important;
border-bottom: 1px solid var(--border-strong) !important; box-shadow: 0 2px 12px rgba(0,0,0,0.08);
} }
[data-theme="dark"] nav { [data-theme="dark"] nav {
background: rgba(34, 29, 24, 0.92) !important; background: #f5efe1 !important;
color: #1a1410;
} }
nav .nav-link, nav .logo-text { color: rgba(245,239,225,0.85) !important; }
nav .nav-link:hover { color: #fff !important; background: rgba(255,255,255,0.08) !important; }
[data-theme="dark"] nav .nav-link, [data-theme="dark"] nav .logo-text { color: rgba(26,20,16,0.85) !important; }
[data-theme="dark"] nav .nav-link:hover { color: #000 !important; background: rgba(0,0,0,0.08) !important; }
nav .theme-toggle { color: rgba(245,239,225,0.7) !important; border-color: rgba(245,239,225,0.2) !important; }
nav .theme-toggle:hover { color: #fff !important; background: rgba(255,255,255,0.08) !important; }
nav .nav-cta {
background: var(--blue) !important;
color: #fff !important;
}
nav .nav-cta:hover { background: #c0322a !important; }
nav .nav-inner { padding: 0 24px; } nav .nav-inner { padding: 0 24px; }
.logo-text { font-size: 1rem !important; } .logo-text { font-size: 1rem !important; }
.logo-mark { font-size: 0.7rem !important; padding: 2px 6px !important; } .logo-mark { font-size: 0.7rem !important; padding: 2px 6px !important; }