diff --git a/src/contentScripts/index.ts b/src/contentScripts/index.ts
index 12822e69..158aeb2b 100644
--- a/src/contentScripts/index.ts
+++ b/src/contentScripts/index.ts
@@ -264,6 +264,15 @@ function startShadowDOMStyleInjection() {
       ? `
         * {
           --bew-theme-color: ${settings.value.themeColor};
+          --bew-theme-color-10: color-mix(in oklab, var(--bew-theme-color), transparent 90%);
+          --bew-theme-color-20: color-mix(in oklab, var(--bew-theme-color), transparent 80%);
+          --bew-theme-color-30: color-mix(in oklab, var(--bew-theme-color), transparent 70%);
+          --bew-theme-color-40: color-mix(in oklab, var(--bew-theme-color), transparent 60%);
+          --bew-theme-color-50: color-mix(in oklab, var(--bew-theme-color), transparent 50%);
+          --bew-theme-color-60: color-mix(in oklab, var(--bew-theme-color), transparent 40%);
+          --bew-theme-color-70: color-mix(in oklab, var(--bew-theme-color), transparent 30%);
+          --bew-theme-color-80: color-mix(in oklab, var(--bew-theme-color), transparent 20%);
+          --bew-theme-color-90: color-mix(in oklab, var(--bew-theme-color), transparent 10%);
         }
       `
       : ''}
diff --git a/src/styles/adaptedStyles/pages/videoPage.scss b/src/styles/adaptedStyles/pages/videoPage.scss
index fc7e33f7..7f11f7b2 100644
--- a/src/styles/adaptedStyles/pages/videoPage.scss
+++ b/src/styles/adaptedStyles/pages/videoPage.scss
@@ -65,7 +65,8 @@
 
     .note-list .list-note-operation,
     .note-pc .note-container .note-header .note-operation,
-    .note-up .up-desc-container .desc-top .attention-btn-container:not(.is-attention) {
+    .note-up .up-desc-container .desc-top .attention-btn-container:not(.is-attention),
+    .up-detail .up-detail-top .live-status:hover {
       background-color: var(--bew-theme-color);
     }
 
diff --git a/src/styles/adaptedStyles/shadowDom/index.ts b/src/styles/adaptedStyles/shadowDom/index.ts
index 35b5f815..df8592ed 100644
--- a/src/styles/adaptedStyles/shadowDom/index.ts
+++ b/src/styles/adaptedStyles/shadowDom/index.ts
@@ -1 +1,2 @@
 import './comments.scss'
+import './userProfile.scss'
diff --git a/src/styles/adaptedStyles/shadowDom/userProfile.scss b/src/styles/adaptedStyles/shadowDom/userProfile.scss
new file mode 100644
index 00000000..9787cb44
--- /dev/null
+++ b/src/styles/adaptedStyles/shadowDom/userProfile.scss
@@ -0,0 +1,6 @@
+:host(bili-user-profile) {
+  #action button#follow:hover {
+    background-color: var(--bew-theme-color-80);
+    border-color: var(--bew-theme-color-80);
+  }
+}