Skip to content

Commit 6b851b5

Browse files
To1nedscho
authored andcommitted
dark-mode: don't apply color filter on all images
The image on the /about/data-assurance page looked creepy with the color filter. And because the image isn't bright anyway, remove the filter from that image. Signed-off-by: Toon Claes <[email protected]>
1 parent c7c71b3 commit 6b851b5

File tree

3 files changed

+3
-3
lines changed

3 files changed

+3
-3
lines changed

assets/sass/dark-mode.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@
7777

7878
// the images in the About section would be too dark
7979
body#about {
80-
img:not([alt="Git"]) {
80+
img:not(.no-filter) {
8181
filter: brightness(0.9) contrast(0.6) invert(1);
8282
}
8383

content/about/data-assurance.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ <h2>Data Assurance</h2>
1717
checksum when checked back out. It's impossible to get anything out of Git
1818
other than the <strong>exact bits you put in</strong>.
1919
</p>
20-
<img height="522" src="{{< relurl "images/[email protected]" >}}" width="628">
20+
<img class="no-filter" height="522" src="{{< relurl "images/[email protected]" >}}" width="628">
2121
<p>
2222
It is also impossible to change any file, date, commit message, or any other
2323
data in a Git repository without changing the IDs of everything after it.

layouts/partials/header.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<header>
22

3-
<a href="{{ relURL "" }}"><img src="{{ relURL "images/[email protected]" }}" width="110" height="46" alt="Git" /></a>
3+
<a href="{{ relURL "" }}"><img src="{{ relURL "images/[email protected]" }}" width="110" height="46" alt="Git" class="no-filter" /></a>
44
<span id="tagline"></span>
55
<script type="text/javascript">
66
const taglines = [

0 commit comments

Comments
 (0)