主题定制

assets/css/base.less

@@ -794,10 +794,10 @@ textarea::-webkit-input-placeholder {
 .tableCommon  tr td {
     line-height: 25px;
     font-size: 14px;
-    padding: 0 2px;
+    padding: 4px 2px;
 }
 .tableCommon  tr td .ivu-table-cell {
-    padding:0 2px;
+    padding:4px 2px;
 }
 
 

styles/default/index.less

 // 自定义主题
 // 详见 https://www.iviewui.com/docs/guide/theme
 @import '~view-design/src/styles/index.less';
-
+// 侧边栏颜色
 @menu-dark-title: #191a23;
 @menu-dark-active-bg: #101117;
+// 顶部header颜色
+@menu-dark-bg: #2173dc;
+@menu-dark-lie-bg: linear-gradient(to right, #1d42ab, #2173dc, #1e93ff);
+@menu-dark-linear-bg: (to right, #1d42ab, #2173dc, #1e93ff);
+// 表格浮在某行
+.ivu-table-row-hover td {
+    background-color: #abc9eb!important;
+    font-size: 1.1em!important;
+}
+// 表格选中某一行高亮 
+.ivu-table-row-highlight td {
+    background-color: #abc9eb!important;
+    font-size: 1.1em!important;
+}
+// tree hover 效果
+.ivu-tree-title:hover{
+    background-color: #abc9eb!important;
+    font-size: 1.1em!important;
+}
\ No newline at end of file

styles/index.less

-@import "./default/index.less";
+@import "./default/index.less";//深色主题--默认
+// @import "./theme/pink.less";//粉色主题
+// @import "./theme/yellow.less";//黄色主题
 @import "./font/iconfont.less";
 @import "./setting.less";
 @import "./common.less";

styles/layout/basic-layout/layout.less

@@ -35,12 +35,11 @@
                 background: @menu-dark-title;
             }
             &-primary{
-                background: #2173dc;
-                background: -webkit-linear-gradient(to right, #1d42ab, #2173dc, #1e93ff);
-                background: -moz-linear-gradient(to right, #1d42ab, #2173dc, #1e93ff);
-                background: -o-linear-gradient(to right, #1d42ab, #2173dc, #1e93ff);
-                background: linear-gradient(to right, #1d42ab, #2173dc, #1e93ff);
-
+                background: @menu-dark-bg;
+                background: -webkit-linear-gradient@menu-dark-linear-bg;
+                background: -moz-linear-gradient@menu-dark-linear-bg;
+                background: -o-linear-gradient@menu-dark-linear-bg;
+                background: @menu-dark-lie-bg;
                 .i-layout-header-search{
                     .placeholder(fade(#fff, 70%));
                 }

styles/theme/pink.less

+// 自定义主题
+// 详见 https://www.iviewui.com/docs/guide/theme
+@import '~view-design/src/styles/index.less';
+// 侧边栏颜色
+@menu-dark-title: #bd35ab;
+@menu-dark-active-bg: #830883;
+// 按钮颜色
+@success-color: #932bd8;
+@primary-color: #e620cb;
+// 顶部header颜色
+@menu-dark-bg: #bd35ab;
+@menu-dark-lie-bg: linear-gradient(to right, #ab1da4, #dc21d3, #f81eff);
+@menu-dark-linear-bg: (to right, #ab1da4, #dc21d3, #f81eff);
\ No newline at end of file

styles/theme/yellow.less

+// 自定义主题
+// yellow
+@import '~view-design/src/styles/index.less';
+// 侧边栏颜色
+@menu-dark-title: #e0d204;
+@menu-dark-active-bg: #c4b709;
+// 按钮颜色
+@success-color: #d8c72b;
+@primary-color: #e6d220;
+// 顶部header颜色
+@menu-dark-bg: #bda935;
+@menu-dark-lie-bg: linear-gradient(to right, #ab911d, #dcc921, #ffd61e);
+@menu-dark-linear-bg: (to right, #ab911d, #dcc921, #ffd61e);
\ No newline at end of file