Skip to content

Commit 97625ad

Browse files
committed
dark-mode: invert the images in the About section
These images simply have too-dark labels otherwise. The proper solution would likely involve a separate set of images in that section, specifically targeting dark mode, with a specially-designed color palette. But I am not the person you want to do that, there are experts for this kind of stuff out there in the world, I ain't one of them. Signed-off-by: Johannes Schindelin <[email protected]>
1 parent c0b66fe commit 97625ad

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

assets/sass/dark-mode.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,12 @@
7272
img {
7373
filter: brightness(.6) contrast(1.2);
7474
}
75+
// the images in the About section would be too dark
76+
body#about img {
77+
// filter: brightness(4) contrast(0.2);
78+
filter: brightness(0.9) contrast(0.6) invert(1);
79+
}
80+
7581
// let the logo shine slightly brighter
7682
img[alt="Git"] {
7783
filter: brightness(0.9) contrast(1.5);

0 commit comments

Comments
 (0)