diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index d7199563..ca24f379 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -446,7 +446,7 @@ defineExpose({
v-if="showTopBar"
ref="headerTarget"
w="full" transition="all 300 ease-in-out"
- :class="{ hide: hideTopBar }"
+ :class="{ 'hide': hideTopBar, 'force-white-icon': forceWhiteIcon }"
:style="{ position: isTopBarFixed ? 'fixed' : 'absolute' }"
>
@@ -754,11 +754,10 @@ defineExpose({
@@ -1011,8 +1010,21 @@ defineExpose({
--uno: "bg-$bew-fill-2";
}
+ &.active a.white-icon,
+ & a:hover.white-icon {
+ --uno: "bg-white bg-opacity-20";
+ }
+
+ & a.upload {
+ --uno: "bg-$bew-theme-color-20 hover:bg-$bew-theme-color-40 text-$bew-theme-color";
+ }
+
&.active a.upload {
- --uno: "!bg-$bew-theme-color-30";
+ --uno: "bg-$bew-theme-color-40";
+ }
+
+ &.active a.upload.white-icon {
+ --uno: "!bg-white !bg-opacity-40";
}
.white-icon {
@@ -1020,11 +1032,8 @@ defineExpose({
filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.6)) !important;
&.upload {
- --uno: "bg-$bew-fill-2 hover:!bg-$bew-fill-4";
- }
-
- &.upload.active {
- --uno: "!bg-$bew-fill-4";
+ --uno: "!bg-white !bg-opacity-20 hover:!bg-white hover:!bg-opacity-40 !filter-none";
+ --uno: "!text-white";
}
}
}
diff --git a/src/components/TopBar/components/BewlyOrBiliPageSwitcher.vue b/src/components/TopBar/components/BewlyOrBiliPageSwitcher.vue
index b72f3661..26d5433d 100644
--- a/src/components/TopBar/components/BewlyOrBiliPageSwitcher.vue
+++ b/src/components/TopBar/components/BewlyOrBiliPageSwitcher.vue
@@ -51,12 +51,15 @@ function switchPage(useOriginalBiliPage: boolean) {