:lipstick: 外观调整

app/appearance/themes/daylight/theme.css

@@ -95,11 +95,11 @@
 
     /* 阴影 */
     --b3-point-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-    --b3-dialog-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+    --b3-dialog-shadow: 0 8px 24px rgba(140,149,159,0.2);
 
     /* 图表颜色 */
     --b3-graph-p-point: #076f7e;
-    --b3-graph-heading-point: #660e7a;
+    --b3-graph-heading-point: #8250df;
     --b3-graph-math-point: #80FFA5;
     --b3-graph-code-point: #00DDFF;
     --b3-graph-table-point: #37A2FF;
@@ -137,7 +137,7 @@
     --b3-protyle-inline-mark-background: rgb(252, 212, 126);
     --b3-protyle-inline-mark-color: #202124;
     --b3-protyle-inline-tag-color: #5f6368;
-    --b3-protyle-inline-blockref-color: #660e7a;
+    --b3-protyle-inline-blockref-color: #8250df;
 
     /* PDF */
     --b3-pdf-selection: #d0e9c8;

app/appearance/themes/midnight/theme.css

@@ -95,11 +95,11 @@
 
     /* 阴影 */
     --b3-point-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-    --b3-dialog-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+    --b3-dialog-shadow: 0 8px 24px #010409;
 
     /* 图表颜色 */
     --b3-graph-p-point: #076f7e;
-    --b3-graph-heading-point: #9876aa;
+    --b3-graph-heading-point: #8957e5;
     --b3-graph-math-point: #80FFA5;
     --b3-graph-code-point: #00DDFF;
     --b3-graph-table-point: #37A2FF;
@@ -137,7 +137,7 @@
     --b3-protyle-inline-mark-background: rgb(50, 89, 61);
     --b3-protyle-inline-mark-color: #e8eaed;
     --b3-protyle-inline-tag-color: #9aa0a6;
-    --b3-protyle-inline-blockref-color: #9876aa;
+    --b3-protyle-inline-blockref-color: #8957e5;
 
     /* PDF */
     --b3-pdf-selection: #779170;

app/src/assets/scss/_block.scss

@@ -13,6 +13,7 @@
     display: flex;
     flex-direction: column;
     min-height: 160px;
+    border: 1px solid var(--b3-theme-surface-lighter);
 
     &--open {
       opacity: 1;

app/src/assets/scss/_dialog.scss

@@ -46,6 +46,7 @@
     transform: scale(.8);
     opacity: 0;
     transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
+    border: 1px solid var(--b3-theme-surface-lighter);
   }
 
   &__header {

app/src/assets/scss/_menu.scss

@@ -2,6 +2,7 @@
   position: fixed;
   border-radius: 4px;
   box-shadow: var(--b3-dialog-shadow);
+  border: 1px solid var(--b3-theme-surface-lighter);
   background-color: var(--b3-menu-background);
   padding: 8px;
   z-index: 210;

app/src/assets/scss/_toolbar.scss

@@ -49,6 +49,7 @@
     position: fixed;
     border-radius: 4px;
     box-shadow: var(--b3-dialog-shadow);
+    border: 1px solid var(--b3-theme-surface-lighter);
     background-color: var(--b3-menu-background);
     z-index: 201;
     overflow: auto;
@@ -61,6 +62,7 @@
     position: fixed;
     border-radius: 4px;
     box-shadow: var(--b3-dialog-shadow);
+    border: 1px solid var(--b3-theme-surface-lighter);
     background-color: var(--b3-menu-background);
     padding: 8px;
     max-height: 80vh;

app/src/assets/scss/_typography.scss

@@ -613,6 +613,7 @@
   position: fixed;
   border-radius: 4px;
   box-shadow: var(--b3-dialog-shadow);
+  border: 1px solid var(--b3-theme-surface-lighter);
   background-color: var(--b3-menu-background);
   z-index: 304;
   padding: 4px;

app/src/assets/scss/base.scss

@@ -137,6 +137,7 @@ progressLoading: 400
 
 .pcr-app {
   box-shadow: var(--b3-dialog-shadow);
+  border: 1px solid var(--b3-theme-surface-lighter);
   border-radius: 4px;
 
   .pcr-interaction .pcr-result {

app/src/assets/scss/pdf/_pdf.scss

@@ -616,10 +616,10 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
 #dialogContainer > .dialog {
   padding: 8px;
   box-shadow: var(--b3-dialog-shadow);
+  border: 1px solid var(--b3-theme-surface-lighter);
   background-color: var(--b3-menu-background);
   border-radius: 4px;
   width: 520px;
-  border: 0;
   position: absolute;
   inset-inline-start: 0px;
   inset-inline-end: 0px;