Skip to content

Commit 688c301

Browse files
committed
fix: Enhance navbar dark theme visibility with brighter text colors
- Change nav-link color to rgba(255,255,255,0.85) for better visibility - Change nav-brand color to solid white instead of gradient for clarity - Change nav-link hover color to pure white (#ffffff) - Ensures all text is clearly visible against dark navbar background This makes the dark navbar much more obvious and readable
1 parent 24daefc commit 688c301

1 file changed

Lines changed: 3 additions & 6 deletions

File tree

css/style.css

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -269,10 +269,7 @@ ul {
269269
.nav-brand a {
270270
font-size: 1.5rem;
271271
font-weight: 700;
272-
background: var(--gradient-primary);
273-
-webkit-background-clip: text;
274-
-webkit-text-fill-color: transparent;
275-
background-clip: text;
272+
color: white;
276273
font-family: var(--font-heading);
277274
transition: all var(--transition-normal);
278275
}
@@ -288,15 +285,15 @@ ul {
288285
}
289286

290287
.nav-link {
291-
color: var(--text-secondary);
288+
color: rgba(255, 255, 255, 0.85);
292289
font-weight: 500;
293290
transition: all var(--transition-fast);
294291
position: relative;
295292
padding: 0.5rem 0;
296293
}
297294

298295
.nav-link:hover {
299-
color: var(--primary-light);
296+
color: #ffffff;
300297
/* Removed transform for steady appearance */
301298
}
302299

0 commit comments

Comments
 (0)