Skip to content

Commit 3678cbe

Browse files
fix(standards): override Bootstrap CSS variables for table readability
The previous fix didn't have enough specificity. Docsy/Bootstrap uses --bs-table-color via high-specificity selectors. Override the CSS variables directly so table text renders as light gray on dark bg. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 4370286 commit 3678cbe

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

assets/scss/_styles_project.scss

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -135,13 +135,20 @@ 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).
138141
.td-content table,
139142
table {
143+
--bs-table-color: #c8d6e5;
144+
--bs-table-striped-color: #c8d6e5;
145+
--bs-table-hover-color: #c8d6e5;
146+
--bs-table-bg: transparent;
140147
color: #c8d6e5;
141148

142149
th {
143150
background-color: #111122;
144-
color: #00e5a0;
151+
color: #00e5a0 !important;
145152
border-color: rgba(0, 229, 160, 0.2);
146153
}
147154

0 commit comments

Comments
 (0)