Skip to content

Commit f8005fe

Browse files
alphapapajarrodmillman
authored andcommitted
Change/Fix: Invert all tabs' images for dark mode
This seems to look good, and it avoids the clash of having some bright white, light-mode images when using dark-mode. Since all of these images are illustrations and diagrams, not photographs, it seems good.
1 parent 2d96ad8 commit f8005fe

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

assets/css/tabs.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,10 @@ table td, table th {
1313
.tabs-section {
1414
display: flex;
1515
flex-direction: column;
16+
17+
html[data-theme=dark] & img {
18+
filter: invert(1) !important;
19+
}
1620
}
1721

1822
.tabs-section .container {
@@ -133,10 +137,6 @@ img.first-column-layout {
133137
max-width: 100px;
134138
max-height: 30px;
135139
margin: 0px 20px 0px 10px;
136-
137-
html[data-theme=dark] & {
138-
filter: invert(1) !important;
139-
}
140140
}
141141

142142
td.left-text {

0 commit comments

Comments
 (0)