Skip to content

Commit a6120e2

Browse files
fix(standards): match Docsy specificity for table color overrides
Use .td-content table:not(.td-initial) to match Docsy/Bootstrap's exact selector specificity so CSS variable overrides actually win. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 3678cbe commit a6120e2

1 file changed

Lines changed: 6 additions & 4 deletions

File tree

‎assets/scss/_styles_project.scss‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -135,15 +135,17 @@ blockquote {
135135
}
136136

137137
// --- Tables ---
138-
// Override Bootstrap's CSS variables to ensure readable text on dark background.
139-
// Docsy applies .td-content table styles with high specificity using
140-
// var(--bs-table-color) which defaults to var(--bs-emphasis-color).
141-
.td-content table,
138+
// Override Bootstrap/Docsy CSS variables for dark theme readability.
139+
// Must match Docsy's specificity: .td-content table:not(.td-initial)
140+
.td-content table:not(.td-initial),
141+
.td-box table:not(.td-initial),
142142
table {
143143
--bs-table-color: #c8d6e5;
144144
--bs-table-striped-color: #c8d6e5;
145145
--bs-table-hover-color: #c8d6e5;
146+
--bs-table-active-color: #c8d6e5;
146147
--bs-table-bg: transparent;
148+
--bs-table-striped-bg: rgba(0, 229, 160, 0.03);
147149
color: #c8d6e5;
148150

149151
th {

0 commit comments

Comments
 (0)