feat(top-bar): bewly or bili top bar switcher (#1237)

close #1237

src/contentScripts/views/App.vue

@@ -283,7 +283,7 @@ provide<BewlyAppProvider>('BEWLY_APP', {
     ref="mainAppRef"
     class="bewly-wrapper"
     :class="{ dark: isDark }"
-    text="$bew-text-1"
+    text="$bew-text-1 size-$bew-base-font-size"
   >
     <!-- Background -->
     <template v-if="showBewlyPage">
@@ -334,6 +334,8 @@ provide<BewlyAppProvider>('BEWLY_APP', {
           || !isHomePage()"
       m-auto max-w="$bew-page-max-width"
     >
+      <BewlyOrBiliTopBarSwitcher v-if="settings.showBewlyOrBiliTopBarSwitcher" />
+
       <OldTopBar
         v-if="settings.useOldTopBar"
         pos="top-0 left-0" z="99 hover:1001" w-full
@@ -385,8 +387,6 @@ provide<BewlyAppProvider>('BEWLY_APP', {
 
 <style lang="scss" scoped>
 .bewly-wrapper {
-  --uno: "text-size-$bew-base-font-size";
-
   // To fix the filter used in `.bewly-wrapper` that cause the positions of elements become discorded.
   > * > * {
     filter: var(--bew-filter-force-dark);