From 3e3b7a79fa4c919d88b5cdda915eb4e17023bf2d Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Thu, 21 Apr 2022 02:14:02 +0800
Subject: [PATCH] update: redesigned scrollbar on non-MacOS device

---
 src/background/main.ts | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/background/main.ts b/src/background/main.ts
index d47dff0e..94068b2f 100644
--- a/src/background/main.ts
+++ b/src/background/main.ts
@@ -71,6 +71,29 @@ browser.tabs.onUpdated.addListener((tabId: number, changInfo: Tabs.OnUpdatedChan
         runAt: 'document_start',
         matchAboutBlank: true,
       })
+
+      // If it not a macOS, we will inject CSS to design the scrollbar
+      if (!navigator.userAgent.includes('Mac OS X')) {
+        browser.tabs.insertCSS(tabId, {
+          code: `
+            ::-webkit-scrollbar {
+              width: 8px;
+            }
+
+            ::-webkit-scrollbar-track {
+              // background: var(--bew-bg);
+              background: transparent;
+            }
+
+            ::-webkit-scrollbar-thumb {
+              background-color: var(--bew-fill-3);
+              border-radius: 20px;
+            }
+          `,
+          runAt: 'document_start',
+          matchAboutBlank: true,
+        })
+      }
     }
 
     else if (changInfo.status === 'complete') {