Update logo text styling for improved visibility in dark mode
This commit is contained in:
@@ -319,7 +319,7 @@ p:last-child { margin-bottom: 0; }
|
|||||||
letter-spacing: -.01em;
|
letter-spacing: -.01em;
|
||||||
transition: color var(--transition);
|
transition: color var(--transition);
|
||||||
}
|
}
|
||||||
.logo-text strong { font-weight: 800; color: var(--color-primary); }
|
.logo-text strong { font-weight: 800; color: var(--color-primary); margin-right: .25em; }
|
||||||
|
|
||||||
/* When header is over a light hero (set by JS) — unscrolled only */
|
/* When header is over a light hero (set by JS) — unscrolled only */
|
||||||
.site-header.over-light-hero:not(.scrolled) .nav-menu a { color: var(--color-text); }
|
.site-header.over-light-hero:not(.scrolled) .nav-menu a { color: var(--color-text); }
|
||||||
@@ -3716,7 +3716,7 @@ p:last-child { margin-bottom: 0; }
|
|||||||
[data-theme="dark"] .site-nav.open { background: #111111; }
|
[data-theme="dark"] .site-nav.open { background: #111111; }
|
||||||
|
|
||||||
[data-theme="dark"] .logo-text { color: #F5F5F5; }
|
[data-theme="dark"] .logo-text { color: #F5F5F5; }
|
||||||
[data-theme="dark"] .logo-text strong { color: var(--color-accent); }
|
[data-theme="dark"] .logo-text strong { color: var(--color-primary); }
|
||||||
|
|
||||||
[data-theme="dark"] .nav-menu a { color: rgba(255,255,255,.8); }
|
[data-theme="dark"] .nav-menu a { color: rgba(255,255,255,.8); }
|
||||||
[data-theme="dark"] .nav-menu a:hover,
|
[data-theme="dark"] .nav-menu a:hover,
|
||||||
|
|||||||
Reference in New Issue
Block a user