From c55e86fdc32cd1520cae88f54d3ed3dfce2bc2ca Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Tue, 2 Apr 2024 02:01:36 +0800
Subject: [PATCH] feat: adjust two bilibili evolved's buttons to match the
 BewlyBewly theme (#423) close #423

---
 src/styles/main.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/styles/main.scss b/src/styles/main.scss
index 2e4b6d78..f14079e9 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -102,3 +102,20 @@ html.dark.bewly-design {
 .dark::view-transition-new(root) {
   z-index: 1;
 }
+
+// Adapt the colors of the two Bilibili Evolved's buttons on the left side to BewlyBewly theme
+.bewly-design {
+  .be-settings > .sidebar > * {
+    background-color: var(--bew-elevated-solid-1) !important;
+    opacity: 0.4;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+
+  .be-settings > .sidebar > * .be-icon {
+    color: var(--bew-text-1) !important;
+    fill: var(--bew-text-1) !important;
+  }
+}