Ver Fonte

feat: 平台端UI主题色调整

周玉环 há 3 dias atrás
pai
commit
ad22e0211a

+ 1 - 1
xinkeaboard-admin/src/components/SiderMenu/index.less

@@ -104,7 +104,7 @@
   }
 
   .ant-menu.ant-menu-dark .ant-menu-item-selected {
-    background: @theme-color;
+    background: @theme-linear;
   }
 
   .ant-menu-dark {

+ 16 - 16
xinkeaboard-admin/src/defaultSettings.js

@@ -1,18 +1,18 @@
 module.exports = {
-	"navTheme": "dark",
-	"primaryColor": "#00985E",
-  "primaryLightColor": "#98FB98",
-  "primary4LightColor": "#F0FFF0",
-  "primaryCommonColor": "#F5F5F5",
-  "primaryRgbaColor": "0,238,118",
-  "primaryLightRgbaColor": "0,250,154",
-	"layout": "sidemenu",
-	"contentWidth": "Fluid",
-	"fixedHeader": true,
-	"autoHideHeader": false,
-	"fixSiderbar": true,
-	"collapse": true,
-	"menu": {
-		disableLocal:true
-	}
+  navTheme: "dark",
+  primaryColor: "#036EB8",
+  primaryLightColor: "#98FB98",
+  primary4LightColor: "#036EB81A",
+  primaryCommonColor: "#F5F5F5",
+  primaryRgbaColor: "3,110,184",
+  primaryLightRgbaColor: "0,250,154",
+  layout: "sidemenu",
+  contentWidth: "Fluid",
+  fixedHeader: true,
+  autoHideHeader: false,
+  fixSiderbar: true,
+  collapse: true,
+  menu: {
+    disableLocal: true,
+  },
 };

+ 5 - 5
xinkeaboard-admin/src/global.less

@@ -90,7 +90,7 @@ ol {
     color: #fff !important;
     padding: 12px 24px !important;
     border-radius: 4px 4px 0 0 !important;
-    background: @theme-color !important;
+    background: @theme-linear !important;
   }
 
   .ant-modal-title {
@@ -320,7 +320,7 @@ body {
     }
 
     .ant-menu-dark .ant-menu-submenu-title:hover {
-      background-color: @theme-color;
+      // background-color: @theme-color;
     }
 
     :root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon, :root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
@@ -644,16 +644,16 @@ body {
     }
 
     .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th {
-      background-color: #F0FFF0 !important;
+      background-color: @theme-light4Color !important;
       padding: 10px 8px !important;
     }
 
     .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
-      background-color: #F0FFF0 !important;
+      background-color: @theme-light4Color !important;
     }
 
     .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
-      background-color: #F0FFF0 !important;
+      background-color: @theme-light4Color !important;
     }
 
     .ant-table-scroll > .ant-table-body {

+ 6 - 5
xinkeaboard-admin/src/themeColor.less

@@ -1,10 +1,11 @@
-@theme-color: #00985E;
+@theme-color: #036EB8;
+@theme-linear: linear-gradient( 90deg, #036EB8 0%, #4AA498 100%);
 @theme-rgbColor: 0, 152, 94;
 @theme-light-rgba-Color: 0,250,154;
-@theme-lightColor: #00FF00;
-@theme-light2Color: #98FB98;
-@theme-light3Color: #90EE90;
-@theme-light4Color: #F0FFF0;
+@theme-lightColor: #036EB880;
+@theme-light2Color: #036EB84D;
+@theme-light3Color: #036EB833;
+@theme-light4Color: #036EB81A;
 //@theme-light4Color: #000;
 @theme-commonColor: #F5F5F5;