Skip to content

Commit 7f5d15e

Browse files
AMDphreakAMDphreak
committed
fix: dark mode backgrounds for all block types
Add specific selectors for sidebar, example, quote, verse, literal, listing, open, and collapsible blocks.
1 parent 8645247 commit 7f5d15e

1 file changed

Lines changed: 90 additions & 0 deletions

File tree

‎supplemental-ui/css/site-extra.css‎

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,96 @@ html.dark-theme .tableblock {
120120
border-color: #373a40;
121121
}
122122

123+
/* All block types - more specific selectors for Antora */
124+
html.dark-theme .doc .sidebarblock,
125+
html.dark-theme .doc .sidebarblock > .content {
126+
background-color: #25262b !important;
127+
background: #25262b !important;
128+
border-color: #373a40;
129+
}
130+
131+
html.dark-theme .doc .exampleblock,
132+
html.dark-theme .doc .exampleblock > .content {
133+
background-color: #1f2125 !important;
134+
background: #1f2125 !important;
135+
border-color: #373a40;
136+
}
137+
138+
html.dark-theme .doc .quoteblock,
139+
html.dark-theme .doc .quoteblock blockquote,
140+
html.dark-theme .doc .quoteblock > blockquote {
141+
background-color: #1f2125 !important;
142+
background: #1f2125 !important;
143+
border-color: #4dabf7;
144+
}
145+
146+
html.dark-theme .doc .quoteblock .attribution,
147+
html.dark-theme .doc .quoteblock cite {
148+
color: #909296;
149+
}
150+
151+
html.dark-theme .doc .verseblock,
152+
html.dark-theme .doc .verseblock pre,
153+
html.dark-theme .doc .verseblock > pre {
154+
background-color: #1f2125 !important;
155+
background: #1f2125 !important;
156+
border-color: #373a40;
157+
color: #c1c2c5;
158+
}
159+
160+
html.dark-theme .doc .literalblock,
161+
html.dark-theme .doc .literalblock > .content,
162+
html.dark-theme .doc .literalblock pre {
163+
background-color: #141517 !important;
164+
background: #141517 !important;
165+
border-color: #373a40;
166+
}
167+
168+
html.dark-theme .doc .listingblock,
169+
html.dark-theme .doc .listingblock > .content {
170+
background-color: #141517 !important;
171+
background: #141517 !important;
172+
border-color: #373a40;
173+
}
174+
175+
html.dark-theme .doc .openblock,
176+
html.dark-theme .doc .openblock > .content {
177+
background-color: transparent !important;
178+
background: transparent !important;
179+
border-color: #373a40;
180+
}
181+
182+
/* Collapsible blocks (details/summary) */
183+
html.dark-theme .doc details,
184+
html.dark-theme .doc details[open],
185+
html.dark-theme .doc .exampleblock[%collapsible],
186+
html.dark-theme .doc details > summary {
187+
background-color: #1f2125 !important;
188+
background: #1f2125 !important;
189+
border-color: #373a40;
190+
color: #c1c2c5;
191+
}
192+
193+
html.dark-theme .doc details > summary {
194+
cursor: pointer;
195+
}
196+
197+
html.dark-theme .doc details > .content {
198+
background-color: #1f2125 !important;
199+
background: #1f2125 !important;
200+
}
201+
202+
/* Block titles */
203+
html.dark-theme .doc .sidebarblock > .content > .title,
204+
html.dark-theme .doc .exampleblock > .content > .title,
205+
html.dark-theme .doc .quoteblock > .title,
206+
html.dark-theme .doc .verseblock > .title,
207+
html.dark-theme .doc .literalblock > .title,
208+
html.dark-theme .doc .listingblock > .title,
209+
html.dark-theme .doc .openblock > .title {
210+
color: #ffffff;
211+
}
212+
123213
/* Admonition blocks - more specific selectors */
124214
html.dark-theme .doc .admonitionblock,
125215
html.dark-theme .doc .admonitionblock > table,

0 commit comments

Comments
 (0)