💄 fix https://github.com/siyuan-note/siyuan/issues/6197

app/src/assets/scss/_layout.scss

@@ -229,9 +229,9 @@
 }
 
 .dock {
-  height: 30px;
+  height: 42px;
   display: flex;
-  padding: 0 30px;
+  padding: 0 42px;
   user-select: none;
   background-color: var(--b3-theme-surface);
 
@@ -250,21 +250,19 @@
   }
 
   svg {
-    height: 16px;
-    width: 16px;
+    height: 18px;
+    width: 18px;
   }
 
   &--vertical {
-    width: 30px;
+    width: 42px;
     flex-direction: column;
     height: 100%;
     padding: 0;
 
     .dock__item {
-      margin: 8px 3px;
-
       &[data-index="0"]:after {
-        top: -26px;
+        top: -32px;
         bottom: auto;
       }
 
@@ -275,11 +273,11 @@
   }
 
   &__item {
-    padding: 4px;
+    padding: 7px;
     color: var(--b3-theme-on-surface-light);
     display: flex;
-    border-radius: 2px;
-    margin: 3px 8px;
+    border-radius: 4px;
+    margin: 5px;
 
     &:hover {
       color: var(--b3-theme-on-background);

app/src/assets/scss/_scroll.scss

@@ -8,6 +8,12 @@
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: var(--b3-scroll-color);
-  border-radius: 4px;
+  box-sizing: content-box;
+  border: 3px solid transparent;
+  border-radius: 1024px;
+  box-shadow: inset 0 0 6px 6px var(--b3-scroll-color);
+
+  &:hover {
+    border-width: 1.5px;
+  }
 }

app/src/assets/scss/base.scss

@@ -161,9 +161,9 @@ progressLoading: 400
 .toolbar {
   background-color: var(--b3-theme-surface);
   box-sizing: border-box;
-  height: 22px;
+  height: 42px;
   line-height: 22px;
-  padding-left: 70px;
+  padding-left: 84px;
 
   &--browser {
     padding-left: 0;
@@ -178,26 +178,25 @@ progressLoading: 400
 
   #drag {
     -webkit-app-region: drag;
-    font-size: 12px;
+    font-size: 14px;
     color: var(--b3-theme-on-surface);
     user-select: none;
     text-align: center;
     white-space: nowrap;
+    align-self: center;
   }
 
   &__item {
+    flex-shrink: 0;
     cursor: pointer;
     color: var(--b3-theme-on-surface);
-    padding: 2px;
+    padding: 12px;
     box-sizing: border-box;
     transition: var(--b3-transition);
     display: flex;
     align-self: center;
     background-color: transparent;
     border: 0;
-    border-radius: 2px;
-    margin: 0 8px;
-    flex-shrink: 0;
 
     &:hover,
     &--active {
@@ -206,8 +205,8 @@ progressLoading: 400
     }
 
     svg {
-      height: 14px;
-      width: 14px;
+      height: 18px;
+      width: 18px;
     }
 
     &--disabled,
@@ -242,10 +241,19 @@ progressLoading: 400
 .status {
   background-color: var(--b3-theme-surface);
   box-sizing: border-box;
-  height: 22px;
-  line-height: 22px;
+  height: 32px;
+  line-height: 32px;
   z-index: 2;
 
+  .toolbar__item {
+    padding: 9px;
+
+    svg {
+      height: 14px;
+      width: 14px;
+    }
+  }
+
   &__msg {
     font-size: 12px;
     color: var(--b3-theme-on-surface);

app/src/layout/status.ts

@@ -21,7 +21,7 @@ export const initStatus = () => {
     <svg>
         <use xlink:href="#${window.siyuan.config.uiLayout.hideDock ? "iconDock" : "iconHideDock"}"></use>
     </svg>
-    <div class="b3-menu fn__none" style="bottom: 21px;left: 4px">
+    <div class="b3-menu fn__none" style="bottom: 32px;left: 9px">
         ${menuHTML}
     </div>
 </div>