Skip to content

Commit 5b2ea06

Browse files
committed
fix: unify nav hover (light/dark/Xanga), Xanga links blue by default
- Light and dark: same nav hover (transparent bg, orange text on hover) - Xanga: nav hover same as light/dark (transparent, orange text; no orange block) - Xanga: header nav links blue by default; override text-accent so Home/core links match VIP blue
1 parent c51740c commit 5b2ea06

1 file changed

Lines changed: 13 additions & 8 deletions

File tree

app/globals.css

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -214,29 +214,34 @@ html[data-theme="xanga"] body header a {
214214
text-decoration: none !important;
215215
}
216216

217-
/* Header nav in Xanga: all links same blue by default (core + VIP) */
218-
html[data-theme="xanga"] body header nav a {
217+
/* Header nav in Xanga: all links same blue by default (core + VIP, override text-accent) */
218+
html[data-theme="xanga"] body header nav a,
219+
html[data-theme="xanga"] body header nav a[class*="text-accent"] {
219220
color: var(--link) !important;
220221
}
221222

222-
/* Header nav hover: orange block, all text black (link + lock + label + VIP badge) */
223+
/* Header nav hover in Xanga: same as light/dark (transparent, orange text) */
223224
html[data-theme="xanga"] body header nav a:hover,
224225
html[data-theme="xanga"] body header nav a:focus-visible {
225-
color: var(--bg-primary) !important;
226-
background-color: var(--accent) !important;
227-
box-shadow: inset 0 -2px 0 var(--accent-navy);
226+
background-color: transparent !important;
227+
color: var(--accent-orange) !important;
228+
box-shadow: none;
228229
}
229230
html[data-theme="xanga"] body header nav a:hover *,
230231
html[data-theme="xanga"] body header nav a:focus-visible * {
231-
color: var(--bg-primary) !important;
232+
color: var(--accent-orange) !important;
232233
}
233234

234-
/* Dark mode: text color change on hover, no visible box */
235+
/* Light and dark: same nav hover (text color change, no box) */
236+
html[data-theme="light"] body header nav a:hover,
237+
html[data-theme="light"] body header nav a:focus-visible,
235238
html[data-theme="dark"] body header nav a:hover,
236239
html[data-theme="dark"] body header nav a:focus-visible {
237240
background-color: transparent;
238241
color: var(--accent-orange) !important;
239242
}
243+
html[data-theme="light"] body header nav a:hover *,
244+
html[data-theme="light"] body header nav a:focus-visible *,
240245
html[data-theme="dark"] body header nav a:hover *,
241246
html[data-theme="dark"] body header nav a:focus-visible * {
242247
color: var(--accent-orange) !important;

0 commit comments

Comments
 (0)