Browse Source

[Style 0000] 可配置首页模块样式优化

houzekong 1 month ago
parent
commit
8847d599e3

+ 1 - 0
src/design/theme.less

@@ -90,6 +90,7 @@ html[data-theme='light'] {
 @vent-text-base: var(--vent-text-base);
 @vent-base-light-bg: var(--vent-base-light-bg);
 @vent-configurable-module-bg: var(--vent-configurable-module-bg);
+@vent-configurable-original-module-bg: var(--vent-configurable-original-module-bg);
 @vent-configurable-bg: var(--vent-configurable-bg);
 @vent-base-light-bg-opcity: var(--vent-base-light-bg-opcity);
 @vent-configurable-module-border-bd: var(--vent-configurable-module-border-bd);

+ 1 - 0
src/design/themify/dark.less

@@ -37,6 +37,7 @@ html[data-theme='dark2'] {
 
   --vent-configurable-bg: #09316a;
   --vent-configurable-module-bg: #3df6ff22;
+  --vent-configurable-original-module-bg: #3df6ff15;
   --vent-configurable-module-border-bd: linear-gradient(#1dabeb 0%, #1dabeb 60%, #000723);
   --vent-configurable-dropdown: linear-gradient(to bottom, #036886, #072a40);
   --vent-configurable-home-bg-img: linear-gradient(to top, #39a3ff00, #0091ff99);

+ 1 - 0
src/design/themify/deepblue.less

@@ -40,6 +40,7 @@ html[data-theme='deepblue'] {
 
   --vent-configurable-bg: #02132c;
   --vent-configurable-module-bg: #0d2037;
+  --vent-configurable-original-module-bg: #0d203711;
   --vent-configurable-module-border-bd: linear-gradient(#3b4c65 0%, #3b4c65 60%, #000723);
   --vent-configurable-dropdown: linear-gradient(to bottom, #2d3e55, #09172c);
   --vent-configurable-home-bg-img: linear-gradient(to top, #39a3ff00, #0091ff99);

+ 1 - 1
src/design/themify/default.less

@@ -39,6 +39,7 @@ html {
 
   --vent-configurable-bg: #09316a;
   --vent-configurable-module-bg: #3df6ff22;
+  --vent-configurable-original-module-bg: #00336655;
   --vent-configurable-module-border-bd: linear-gradient(#1dabeb 0%, #1dabeb 60%, #000723);
   --vent-configurable-dropdown: linear-gradient(to bottom, #036886, #072a40);
   --vent-configurable-home-bg-img: linear-gradient(to top, #39a3ff00, #0091ff99);
@@ -61,5 +62,4 @@ html {
   --vent-warn-tab-bg: #0f376ccc;
   --vent-warn-tab-border: #166ab5;
   --vent-warn-tab-bg-actived: #209dfc;
-  
 }

+ 1 - 0
src/design/themify/light.less

@@ -37,6 +37,7 @@ html[data-theme='light'] {
 
   --vent-configurable-bg: #09316a;
   --vent-configurable-module-bg: #3df6ff22;
+  --vent-configurable-original-module-bg: #3df6ff15;
   --vent-configurable-module-border-bd: linear-gradient(#1dabeb 0%, #1dabeb 60%, #000723);
   --vent-configurable-dropdown: linear-gradient(to bottom, #036886, #072a40);
   --vent-configurable-home-bg-img: linear-gradient(to top, #39a3ff00, #0091ff99);

+ 1 - 1
src/views/vent/home/configurable/components/original/moduleBottom.vue

@@ -76,7 +76,7 @@
     height: calc(100% - 33px);
     width: calc(100% - 15px);
     backdrop-filter: blur(5px);
-    background-color: var(--vent-configurable-module-bg);
+    background-color: var(--vent-configurable-original-module-bg);
     margin-left: 5px;
   }
 

+ 1 - 1
src/views/vent/home/configurable/components/original/moduleLeft.vue

@@ -77,7 +77,7 @@
     width: calc(100% - 20px);
     backdrop-filter: blur(5px);
     // #182d47
-    background-color: var(--vent-configurable-module-bg);
+    background-color: var(--vent-configurable-original-module-bg);
     margin-left: 10px;
   }