Explorar o código

:lipstick: 外观调整

Vanessa %!s(int64=2) %!d(string=hai) anos
pai
achega
f013161bc0

+ 1 - 1
app/appearance/themes/daylight/theme.css

@@ -94,7 +94,7 @@
     --b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms;
 
     /* 阴影 */
-    --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-point-shadow: 0 3px 6px rgba(140,149,159,0.15);
     --b3-dialog-shadow: 0 8px 24px rgba(140,149,159,0.2);
 
     /* 图表颜色 */

+ 1 - 1
app/appearance/themes/midnight/theme.css

@@ -94,7 +94,7 @@
     --b3-width-transition: width .15s cubic-bezier(0, 0, .2, 1) 0ms;
 
     /* 阴影 */
-    --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-point-shadow: 0 3px 6px #010409;
     --b3-dialog-shadow: 0 8px 24px #010409;
 
     /* 图表颜色 */

+ 1 - 0
app/src/assets/scss/_card.scss

@@ -8,6 +8,7 @@
   position: relative;
   transition: var(--b3-transition);
   cursor: pointer;
+  border: 1px solid var(--b3-theme-surface-lighter);
 
   &:hover {
     background-color: var(--b3-theme-surface-lighter);

+ 1 - 0
app/src/assets/scss/_slider.scss

@@ -20,6 +20,7 @@
     background-color: var(--b3-theme-primary);
     margin-top: -4px;
     box-shadow: var(--b3-point-shadow);
+    border: 1px solid var(--b3-theme-surface-lighter);
     transition: transform 100ms ease-out;
   }
 

+ 1 - 1
app/src/assets/scss/_switch.scss

@@ -16,11 +16,11 @@
   user-select: none;
 
   &:after {
+    border: 1px solid var(--b3-theme-surface-lighter);
     box-shadow: var(--b3-point-shadow);
     box-sizing: border-box;
     width: 16px;
     height: 16px;
-    border: 1px solid #fff;
     border-radius: 50%;
     pointer-events: none;
     z-index: 1;

+ 1 - 0
app/src/assets/scss/_toolbar.scss

@@ -7,6 +7,7 @@
     border-radius: 4px;
     display: flex;
     transition: top .15s cubic-bezier(0, 0, .2, 1) 0ms;
+    border: 1px solid var(--b3-theme-surface-lighter);
 
     &__item {
       color: var(--b3-theme-on-surface);

+ 2 - 1
app/src/assets/scss/base.scss

@@ -149,7 +149,7 @@ progressLoading: 400
   .pcr-selection .pcr-picker {
     height: 16px;
     width: 16px;
-    border: 0;
+    border: 1px solid var(--b3-theme-surface-lighter);
     box-shadow: var(--b3-point-shadow);
     transition: transform 100ms ease-out;
   }
@@ -444,6 +444,7 @@ progressLoading: 400
       border-radius: 90px;
       background-color: rgba(255, 255, 255, 0.8);
       box-shadow: var(--b3-point-shadow);
+      border: 1px solid var(--b3-theme-surface-lighter);
     }
 
     &__name {

+ 2 - 0
app/src/assets/scss/mobile.scss

@@ -199,6 +199,7 @@
       border-radius: 90px;
       background-color: rgba(255, 255, 255, 0.8);
       box-shadow: var(--b3-point-shadow);
+      border: 1px solid var(--b3-theme-surface-lighter);
     }
 
     &__info {
@@ -254,6 +255,7 @@
   background: var(--b3-theme-background);
   padding: 4px;
   box-shadow: var(--b3-point-shadow);
+  border: 1px solid var(--b3-theme-surface-lighter);
   z-index: 1;
   line-height: 28px;
   left: 8px;