Skip to content

Commit 8b7d315

Browse files
committed
fix(docs-ui): remove light logo tile in dark mode
Site logo is a normal dark-bar icon control; only override the theme’s SVG filter. Bump override URL (?v=2) to shed cached light-button rules. Made-with: Cursor
1 parent cf66d01 commit 8b7d315

3 files changed

Lines changed: 7 additions & 27 deletions

File tree

site/supplemental-ui/css/site-doc-layout.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -188,8 +188,8 @@ pre,
188188
flex-shrink: 0;
189189
}
190190

191-
/* Dark-mode FTN header logo: see css/site-header-logo-override.css (logo link background +
192-
no filter on the img; separate file to reduce stale cache). */
191+
/* Dark-mode FTN header logo: see css/site-header-logo-override.css (strip theme filter on the
192+
SVG only; same transparent bar as other .adt-header-icon-btn; file separate for cache). */
193193

194194
a.adt-header-title,
195195
.navbar-item.adt-header-title {

site/supplemental-ui/css/site-header-logo-override.css

Lines changed: 4 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,7 @@
1-
/* Load after site-doc-layout (head-meta). Markup: navbar-item adt-header-icon-btn adt-header-site-logo
2-
(same as other top bar icon buttons) + adt-header-site-logo for per-site / per-logo overrides. */
3-
/* Dark: light “button” fill so the full control matches the other top bar hit targets. */
4-
html.dark-theme .header.adt-header .navbar .navbar-item.adt-header-icon-btn.adt-header-site-logo,
5-
html.dark-theme .header.adt-header .navbar a.adt-header-icon-btn.adt-header-site-logo {
6-
background: #eef0f3 !important;
7-
background-color: #eef0f3 !important;
8-
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
9-
}
10-
11-
html.dark-theme .header.adt-header .navbar .adt-header-icon-btn.adt-header-site-logo:hover {
12-
background: #dde1e6 !important;
13-
background-color: #dde1e6 !important;
14-
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12) !important;
15-
}
16-
17-
/* site-doc-layout uses :focus { background: transparent } on all icon btn — re-apply the tile for the site logo. */
18-
html.dark-theme .header.adt-header .navbar .adt-header-icon-btn.adt-header-site-logo:focus,
19-
html.dark-theme .header.adt-header .navbar .adt-header-icon-btn.adt-header-site-logo:focus-visible {
20-
background: #eef0f3 !important;
21-
background-color: #eef0f3 !important;
22-
}
23-
24-
/* antora-dark-theme: do not recolor the SVG */
1+
/* Load after site-doc-layout (head-meta). Markup: navbar-item adt-header-icon-btn
2+
adt-header-site-logo — same as other top bar icon buttons. Optional hook: .adt-header-site-logo. */
3+
/* In dark mode the logo button uses the same transparent bar as GitHub / theme (no light tile). */
4+
/* antora-dark-theme ships filter on .adt-header-logo; keep the real SVG colors. */
255
html.dark-theme .adt-header-site-logo .adt-header-logo,
266
html.dark-theme .adt-header-icon-btn.adt-header-site-logo .adt-header-logo,
277
html.dark-theme .adt-header-icon-btn.adt-header-site-logo > img {

site/supplemental-ui/partials/head-meta.hbs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap">
44
<link rel="stylesheet" href="{{{uiRootPath}}}/css/site-extra.css">
55
<link rel="stylesheet" href="{{{uiRootPath}}}/css/site-doc-layout.css">
6-
<link rel="stylesheet" href="{{{uiRootPath}}}/css/site-header-logo-override.css">
6+
<link rel="stylesheet" href="{{{uiRootPath}}}/css/site-header-logo-override.css?v=2">
77
{{#if page.origin.webUrl}}
88
<meta name="antora-repo-url" content="{{page.origin.webUrl}}">
99
{{/if}}

0 commit comments

Comments
 (0)