From 7f9827a4ee0012c2f0f0c370d71ad19c45ff4112 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Thu, 10 Dec 2020 23:20:02 +0800
Subject: [PATCH] chore: hack the clippy button

---
 src/styles/index.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/styles/index.scss b/src/styles/index.scss
index 5222662..2a75f96 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -86,6 +86,18 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
   }
 }
 
+// TODO: use react to render the button content and set color with CSS variables
+@media (prefers-color-scheme: dark) {
+  :root[data-color-mode='auto'] .markdown-body .clippy .icon {
+    filter: invert(0.7); // hack to make it looks like a normal color :P
+  }
+}
+:root[data-color-mode='dark'] {
+  .markdown-body .clippy .icon {
+    filter: invert(0.7); // hack to make it looks like a normal color :P
+  }
+}
+
 .markdown-body {
   .clippy-wrapper {
     position: relative;