From f623ccd856b16be4d714f2eb19f88b9fe30bc802 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 24 Mar 2023 21:20:46 +0800
Subject: [PATCH] Make shortcut view mode icons work better for dark mode

---
 src/components/shortcuts-settings.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/shortcuts-settings.css b/src/components/shortcuts-settings.css
index b46bde08..f485bcd7 100644
--- a/src/components/shortcuts-settings.css
+++ b/src/components/shortcuts-settings.css
@@ -60,6 +60,11 @@
 #shortcuts-settings-container .shortcuts-view-mode label img {
   max-height: 64px;
 }
+@media (prefers-color-scheme: dark) {
+  #shortcuts-settings-container .shortcuts-view-mode label img {
+    filter: invert(0.9) hue-rotate(180deg);
+  }
+}
 #shortcuts-settings-container .shortcuts-view-mode label span {
   text-align: center;
   font-size: 80%;