Skip to content

Commit 151872c

Browse files
committed
Fix: (img.first-column-layout) Invert "Array libraries" logos
This is a simple way to make them "presentable" in dark mode. Otherwise, we'd need to keep their backgrounds white (which would clash with the dark background), or edit each one individually and swap them for dark mode, which would be more complicated.
1 parent ab211a5 commit 151872c

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

assets/css/tabs.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -134,6 +134,10 @@ img.first-column-layout {
134134
max-width: 100px;
135135
max-height: 30px;
136136
margin: 0px 20px 0px 10px;
137+
138+
html[data-theme=dark] & {
139+
filter: invert(1) !important;
140+
}
137141
}
138142

139143
td.left-text {

0 commit comments

Comments
 (0)