Skip to content

Commit 36083ce

Browse files
committed
bootstrap, kbd - fix kbd background color on dark theme
Do like callouts and shift color to a darker version for kbd Keep the default chosen for kbd light theme with is gray and then use a darker grey, so that lighter font on dark them shows up in kbd box
1 parent 20a7a6d commit 36083ce

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/resources/formats/html/bootstrap/_bootstrap-rules.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1294,7 +1294,11 @@ $indent: 1.2em;
12941294
kbd,
12951295
.kbd {
12961296
color: $body-color;
1297-
background-color: $gray-100;
1297+
@if (quarto-color.blackness($body-bg) > $code-block-theme-dark-threshhold) {
1298+
background-color: shift-color($gray-100, 70%);
1299+
} @else {
1300+
background-color: $gray-100;
1301+
}
12981302
border: 1px solid;
12991303
border-radius: 5px;
13001304
border-color: $table-border-color;

0 commit comments

Comments
 (0)