From a9b3dcd2c22cb91cafb55e8ce4a61e07dc04b96e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20B=C3=B6hmer?= <mail@jan-boehmer.de>
Date: Sat, 11 Mar 2023 19:48:42 +0100
Subject: [PATCH] Do the color inversion for the IC logos when darkmode is
 enabled, the logos are then shown as white on black background.

This fixes issue #242
---
 assets/css/app/darkmode.css                 | 4 ++++
 templates/tools/ic_logos/ic_logos.html.twig | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/css/app/darkmode.css b/assets/css/app/darkmode.css
index 24df8bab..8ef745f4 100644
--- a/assets/css/app/darkmode.css
+++ b/assets/css/app/darkmode.css
@@ -31,3 +31,7 @@
 .darkmode--activated .hoverpic:hover {
     background: black;
 }
+
+.tools-ic-logos img {
+    mix-blend-mode: normal;
+}
\ No newline at end of file
diff --git a/templates/tools/ic_logos/ic_logos.html.twig b/templates/tools/ic_logos/ic_logos.html.twig
index 908527c1..6a8eaa18 100644
--- a/templates/tools/ic_logos/ic_logos.html.twig
+++ b/templates/tools/ic_logos/ic_logos.html.twig
@@ -15,7 +15,7 @@
                 <li class="page-item"><a class="link-anchor page-link" data-turbo="false" href="#{{ letter }}">{{ letter }}</a></li>
             {% endfor %}
         </ul>
-        <table class="table table-striped table-hover">
+        <table class="table table-striped table-hover tools-ic-logos">
 
             <thead><tr class="bg-info"><th colspan="2"><a id="A">A</a></th></tr></thead>
             <tr><td><img src="{{ asset("img/iclogos/acer.png") }}" alt=""></td><td>Acer Integrated Circuit Designs</td></tr>