build:更改主题

src/components/globalComponents/download-addr/main.vue

@@ -47,9 +47,9 @@ export default {
   white-space: nowrap;
   cursor: pointer;
   background: #ffffff;
-  border: 1px solid #3c7eff;
+  border: 1px solid #6954f0;
   font-size: 12px;
-  background-color: #3c7eff;
+  background-color: #6954f0;
   border-color: #dcdfe6;
   // -webkit-appearance: none;
   text-align: center;

src/components/globalComponents/main-menu/main.vue

@@ -71,7 +71,7 @@ export default {
     color: #232323;
     font-weight:normal;
     &.activeLink {
-      color: #3c7eff;
+      color: #6954f0;
       font-weight: bold;
     }
   }

src/components/globalComponents/organize-tree/main.vue

@@ -15,6 +15,7 @@
           <span class="btn-list" @click="(e) => e.stopPropagation()">
             <el-button
               v-if="powers.some((i) => i == '005')"
+              plain
               type="warning"
               size="mini"
               @click="
@@ -36,6 +37,7 @@
               v-if="powers.some((i) => i == '004')"
               :type="item.status === '1' ? 'primary' : 'info'"
               size="mini"
+              plain
               @click="
                 status(
                   $event,
@@ -53,6 +55,7 @@
               v-if="powers.some((i) => i == '006')"
               type="danger"
               size="mini"
+              plain
               @click="
                 del(
                   $event,

src/components/globalComponents/staff-tree/main.vue

@@ -8,6 +8,7 @@
           <el-button
             v-if="powers.some((i) => i == '005')"
             :type="item.position === '1' ? 'primary' : 'info'"
+            plain
             size="mini"
             @click="setUpEdit($event, item.id, item.position)"
           >

src/components/globalComponents/theme-picker/main.vue

@@ -2,7 +2,7 @@
   <el-color-picker
     v-model="theme"
     :predefine="[
-      '#409EFF',
+      '#6954f0',
       '#1890ff',
       '#304156',
       '#212121',
@@ -18,7 +18,7 @@
 
 <script>
 const version = require('element-ui/package.json').version // element-ui version from node_modules
-const ORIGINAL_THEME = '#409EFF' // default color
+const ORIGINAL_THEME = '#6954f0' // default color
 
 export default {
   data() {

src/layout/components/Sidebar/Logo.vue

@@ -47,7 +47,7 @@ export default {
   width: 100%;
   height: 80px;
   line-height: 88px;
-  // background:  #3c7eff;
+  // background:  #6954f0;
   text-align: center;
   overflow: hidden;
   z-index: 2;;

src/styles/element-ui.scss

@@ -1,5 +1,7 @@
 // cover some element-ui styles
 
+@import "./element-variables.scss";
+
 .el-breadcrumb__inner,
 .el-breadcrumb__inner a {
   font-weight: 400 !important;
@@ -82,3 +84,57 @@
 .el-range-separator {
   box-sizing: content-box;
 }
+
+
+#app .sidebar-container .el-submenu .el-menu-item.is-active{
+  background-color: $--color-primary !important;
+  color:#fff !important;
+}
+
+
+#app .sidebar-container .el-submenu .el-menu-item.is-active:hover{
+  background-color: $--color-primary !important;
+  color:#fff !important;
+}
+
+.el-menu-item.is-active{
+  background-color: $--color-primary !important;
+}
+
+.el-menu--collapse .el-submenu.is-active{
+  color: $--color-primary !important;
+}
+
+
+.el-button--warning.is-plain:hover{
+  background-color: #fff8e6 !important;
+  color:#ffba00 !important;
+  border-color: #ffe399 !important;
+}
+
+
+.el-button--primary.is-plain:hover{
+  color: #6954f0 !important;
+  background-color: #f0eefe !important;
+  border-color: #c3bbf9;
+}
+
+
+.el-button--danger.is-plain:hover{
+  color: #ff4d4f !important;
+  background-color: #ffeded !important;
+  border-color: #ffb8b9 !important;
+}
+
+
+.el-button--success.is-plain:hover{
+  color: #13ce66 !important;
+  background-color: #e7faf0 !important;
+  border-color: #a1ebc2 !important;
+}
+
+.el-button--info.is-plain:hover{
+  color: #909399 !important;
+  background-color: #f4f4f5 !important;
+  border-color: #d3d4d6 !important;
+}

src/styles/element-variables.scss

@@ -3,14 +3,49 @@
 * So I modified the default color and you can modify it to your liking.
 **/
 
-/* theme color */
-$--color-primary: #1890ff;
-$--color-success: #13ce66;
-$--color-warning: #ffba00;
-$--color-danger: #ff4949;
-// $--color-info: #1E1E1E;
+// /* theme color */
+// // #1890ff
+// $--color-primary: #6954f0;
+// //#13ce66
+// $--color-success: #13ce66;
+// // #ffba00
+// $--color-warning: #FFB65D;
+// // #ff4949
+// $--color-danger: #ff4d4f;
+// $--color-info: #C9CDD4;
+
+// $--button-font-weight: 400;
 
-$--button-font-weight: 400;
+$--border-radius: 2.5px;
+$--left-menu-width: 266px;
+$--color-transition: #1890ff;
+$--border-radius-base: 2.5px;
+$--color-info-lighter: #f4f4f5;
+$--color-info-light: #e9e9eb;
+$--color-error-lighter: #ffeded;
+$--color-error-light: #ffdbdc;
+$--color-error: #ff4d4f;
+$--color-danger-lighter: #ffeded;
+$--color-danger-light: #ffdbdc;
+$--color-danger: #ff4d4f;
+$--color-warning-lighter: #fff8e6;
+$--color-warning-light: #fff1cc;
+$--color-warning: #ffba00;
+$--color-success-lighter: #e7faf0;
+$--color-success-light: #d0f5e0;
+$--color-success: #13ce66;
+$--color-primary-light-9: #f0eefe;
+$--color-primary-light-8: #e1ddfc;
+$--color-primary-light-7: #d2ccfb;
+$--color-primary-light-6: #c3bbf9;
+$--color-primary-light-5: #b4aaf8;
+$--color-primary-light-4: #a598f6;
+$--color-primary-light-3: #9687f5;
+$--color-primary-light-2: #8776f3;
+$--color-primary-light-1: #7865f2;
+$--color-primary: #6954f0;
+$--color-black: #515a6e;
+$--color-grey: rgba(0, 0, 0, 0.65);
 
 // $--color-text-regular: #1f2d3d;
 

src/styles/index.scss

@@ -513,7 +513,7 @@ aside {
 
 
   &.el-alert--success {
-    color: #3c7eff !important;
+    color: #6954f0 !important;
     background: #effafd !important;
     border-color: #c1eaf5 !important;
   }
@@ -554,7 +554,7 @@ aside {
   .el-divider__text.is-center {
 
     padding: 0 10px !important;
-    color: #3c7eff !important;
+    color: #6954f0 !important;
   }
 }
 
@@ -729,7 +729,7 @@ aside {
   }
 
   .avatar-uploader .el-upload:hover {
-    border-color: #409eff;
+    border-color: #6954f0;
   }
 
   .avatar-uploader-icon {

src/styles/variables.scss

@@ -9,20 +9,20 @@ $yellow:#FEC171;
 $panGreen: #30B08F;
 
 // sidebar
-$menuText:#bfcbd9;
-//#409EFF;
-$menuActiveText:#3c7eff;
+$menuText:#fff;
+//#6954f0;
+$menuActiveText:#fff;
 //#f4f4f5
-$subMenuActiveText:#3c7eff; // https://github.com/ElemeFE/element/issues/12951
+$subMenuActiveText:#fff; // https://github.com/ElemeFE/element/issues/12951
 
 //#304156
-$menuBg:#001529; 
+$menuBg:#282c34; 
 //#263445
 $menuHover:rgba(255,255,255,0.08);
 
 //#1f2d3d
 $subMenuBg:#000c17;
-$subMenuHover:rgba(255,255,255,0.08);
+$subMenuHover:#000c17;
 
 $sideBarWidth: 210px;
 

src/views/goodStore/goodsCost/components/baseForm.vue

@@ -2144,7 +2144,7 @@ export default {
           &:hover {
             i.el-icon-close {
               cursor: pointer;
-              color: #3c7eff;
+              color: #6954f0;
             }
           }
         }

src/views/interest/action/index.vue

@@ -580,7 +580,7 @@ export default {
         }
       }
       .role-list__item.active {
-        color: #3c7eff;
+        color: #6954f0;
         background: #f7f7f7;
       }
     }

src/views/interest/organize/index.vue

@@ -54,6 +54,7 @@
                   :size="searchSize"
                   style="float: right; margin-left: 5px"
                   @click="searchList"
+                  plain
                 >
                   刷新
                 </el-button>
@@ -62,6 +63,7 @@
                   type="success"
                   :size="searchSize"
                   style="float: right"
+                  plain
                   @click="
                     addEditFn(
                       0,

src/views/interest/processPermission/index.vue

@@ -347,7 +347,7 @@ export default {
         }
       }
       .role-list__item.active {
-        color: #3c7eff;
+        color: #6954f0;
         background: #f7f7f7;
       }
     }

src/views/purchaseIn/purchaseOrder/components/order-in-table.vue

@@ -39,7 +39,7 @@
               >
                 <i
                   class="el-icon-circle-plus-outline tb-icon"
-                  style="color: #3c7eff"
+                  style="color: #6954f0"
                   @click="openModal()"
                 ></i>
               </el-tooltip>

src/views/purchaseIn/workbench/components/baseForm.vue

@@ -1393,7 +1393,7 @@ i.el-icon-close {
   z-index: 2;
   top: 0;
   right: 0;
-  color: #3c7eff;
+  color: #6954f0;
   font-weight: bold;
   cursor: pointer;
 }

src/views/purchaseIn/wsmInOrder/components/wsm-in-order-error-model.vue

@@ -377,7 +377,7 @@ export default {
           line-height: 20px;
           font-size: 14px;
           &:hover {
-            color: #3c7eff;
+            color: #6954f0;
           }
         }
       }

src/views/purchaseIn/wsmInOrder/components/wsm-in-order-record-form.vue

@@ -98,7 +98,7 @@
                 >
                   <i
                     class="el-icon-circle-plus-outline tb-icon"
-                    style="color: #3c7eff"
+                    style="color: #6954f0"
                     @click="addError(-1)"
                   ></i>
                 </el-tooltip>

src/views/sellOut/project/components/buyGoodModal.vue

@@ -284,7 +284,7 @@
                   >
                     <i
                       class="el-icon-circle-plus-outline tb-icon"
-                      style="color: #3c7eff"
+                      style="color: #6954f0"
                       @click="openHouseModal(-1)"
                     ></i>
                   </el-tooltip>
@@ -297,7 +297,7 @@
                   >
                     <i
                       class="el-icon-upload2 tb-icon"
-                      style="color: #3c7eff"
+                      style="color: #6954f0"
                       @click="addrmodel = true"
                     ></i>
                   </el-tooltip>
@@ -311,7 +311,7 @@
                     <a class="downloadAddr" href="./static/收货地址模板.xlsx">
                       <i
                         class="el-icon-download tb-icon"
-                        style="color: #3c7eff; margin: 0"
+                        style="color: #6954f0; margin: 0"
                       ></i>
                     </a>
                   </el-tooltip>

src/views/sellOut/returnOrder/components/return-record.vue

@@ -73,7 +73,7 @@
                     >
                       <i
                         class="el-icon-circle-plus-outline tb-icon"
-                        style="color: #3c7eff"
+                        style="color: #6954f0"
                         @click="openModal(-1)"
                       ></i>
                     </el-tooltip>

src/views/sellOut/salesOrder/components/addEdit.vue

@@ -209,7 +209,7 @@
                   >
                     <i
                       class="el-icon-circle-plus-outline tb-icon"
-                      style="color: #3c7eff"
+                      style="color: #6954f0"
                       @click="openHouseModal(-1)"
                     ></i>
                   </el-tooltip>

src/views/sellOut/salesOrder/components/addForm.vue

@@ -523,7 +523,7 @@
                 >
                   <i
                     class="el-icon-circle-plus-outline tb-icon"
-                    style="color: #3c7eff"
+                    style="color: #6954f0"
                     @click="openHouseModal(-1)"
                   ></i>
                 </el-tooltip>
@@ -536,7 +536,7 @@
                 >
                   <i
                     class="el-icon-upload2 tb-icon"
-                    style="color: #3c7eff"
+                    style="color: #6954f0"
                     @click="addrmodel = true"
                   ></i>
                 </el-tooltip>
@@ -550,7 +550,7 @@
                   <a class="downloadAddr" href="./static/收货地址模板.xlsx">
                     <i
                       class="el-icon-download tb-icon"
-                      style="color: #3c7eff; margin: 0"
+                      style="color: #6954f0; margin: 0"
                     ></i>
                   </a>
                 </el-tooltip>

src/views/sellOut/salesOrder/components/order-out-table.vue

@@ -74,7 +74,7 @@
           >
             <i
               class="el-icon-circle-plus-outline tb-icon"
-              style="color: #3c7eff; magin: 0 0 0 10px"
+              style="color: #6954f0; magin: 0 0 0 10px"
               @click="openHouseModal()"
             ></i>
           </el-tooltip>
@@ -88,7 +88,7 @@
           >
             <i
               class="el-icon-upload2 tb-icon"
-              style="color: #3c7eff"
+              style="color: #6954f0"
               @click="addrmodel = true"
             ></i>
           </el-tooltip>
@@ -101,7 +101,7 @@
             placement="top"
           >
             <a class="downloadAddr" href="./static/收货地址模板.xlsx">
-              <i class="el-icon-download tb-icon" style="color: #3c7eff; margin: 0"></i>
+              <i class="el-icon-download tb-icon" style="color: #6954f0; margin: 0"></i>
             </a>
           </el-tooltip>
 
@@ -115,7 +115,7 @@
           >
             <i
               class="el-icon-delete tb-icon"
-              style="color: #3c7eff; magin: 0 0 0 10px"
+              style="color: #6954f0; magin: 0 0 0 10px"
               @click="openModal(0)"
             ></i>
           </el-tooltip>
@@ -128,7 +128,7 @@
           >
             <i
               class="el-icon-date tb-icon"
-              style="color: #3c7eff"
+              style="color: #6954f0"
               @click="openModal()"
             ></i>
           </el-tooltip>
@@ -141,7 +141,7 @@
           >
             <i
               class="el-icon-refresh-left tb-icon"
-              style="color: #3c7eff"
+              style="color: #6954f0"
               @click="openAllModal()"
             ></i>
           </el-tooltip>

src/views/sellOut/sellOutOrder/components/addEditFormA.vue

@@ -531,7 +531,7 @@ export default {
         line-height: 16px;
         font-size: 13px;
         &:hover {
-          color: #3c7eff;
+          color: #6954f0;
         }
       }
     }

src/views/sellOut/sellOutOrder/components/addEdit_sellForm.vue

@@ -528,7 +528,7 @@ export default {
         line-height: 25px;
         font-size: 19px;
         &:hover {
-          color: #3c7eff;
+          color: #6954f0;
         }
       }
     }

src/views/sellOut/zixunOrder/components/addEditForm.vue

@@ -889,7 +889,7 @@ export default {
         line-height: 25px;
         font-size: 19px;
         &:hover {
-          color: #3c7eff;
+          color: #6954f0;
         }
       }
     }

src/views/sellOut/zixunOrder/components/buyGoodModal.vue

@@ -480,7 +480,7 @@
                   >
                     <i
                       class="el-icon-circle-plus-outline tb-icon"
-                      style="color: #3c7eff"
+                      style="color: #6954f0"
                       @click="openHouseModal(-1)"
                     ></i>
                   </el-tooltip>
@@ -493,7 +493,7 @@
                   >
                     <i
                       class="el-icon-upload2 tb-icon"
-                      style="color: #3c7eff"
+                      style="color: #6954f0"
                       @click="addrmodel = true"
                     ></i>
                   </el-tooltip>
@@ -507,7 +507,7 @@
                     <a class="downloadAddr" href="./static/收货地址模板.xlsx">
                       <i
                         class="el-icon-download tb-icon"
-                        style="color: #3c7eff; margin: 0"
+                        style="color: #6954f0; margin: 0"
                       ></i>
                     </a>
                   </el-tooltip>

src/views/serviceParam/setActionProcess/index.vue

@@ -490,7 +490,7 @@ export default {
         }
       }
       .role-list__item.active {
-        color: #3c7eff;
+        color: #6954f0;
         background: #f7f7f7;
       }
     }

src/views/serviceParam/supplier/components/baseForm.vue

@@ -856,7 +856,7 @@ export default {
           &:hover {
             i.el-icon-close {
               cursor: pointer;
-              color: #3c7eff;
+              color: #6954f0;
             }
           }
         }

src/views/serviceParam/supplierAccount/index.vue

@@ -467,7 +467,7 @@ export default {
         }
       }
       .role-list__item.active {
-        color: #3c7eff;
+        color: #6954f0;
         background: #f7f7f7;
       }
     }

src/views/serviceParam/supplierBrand/index.vue

@@ -434,7 +434,7 @@ export default {
         }
       }
       .role-list__item.active {
-        color: #3c7eff;
+        color: #6954f0;
         background: #f7f7f7;
       }
     }

src/views/serviceParam/supplierBrand/supplierlist.vue

@@ -210,7 +210,7 @@ export default {
           cursor: pointer;
         }
         &.active {
-          color: #409eff;
+          color: #6954f0;
           // background: #f7f7f7;
         }
       }

src/views/serviceParam/supplierQuery/index.vue

@@ -380,7 +380,7 @@ export default {
         }
       }
       .role-list__item.active {
-        color: #3c7eff;
+        color: #6954f0;
         background: #f7f7f7;
       }
     }

src/views/serviceParam/supplierQuery/supplierlist.vue

@@ -210,7 +210,7 @@ export default {
           cursor: pointer;
         }
         &.active {
-          color: #409eff;
+          color: #6954f0;
           // background: #f7f7f7;
         }
       }

src/views/stock/allot/components/addForm.vue

@@ -203,7 +203,7 @@
               >
                 <i
                   class="el-icon-circle-plus-outline tb-icon"
-                  style="color: #3c7eff; magin: 0 0 0 10px"
+                  style="color: #6954f0; magin: 0 0 0 10px"
                   @click="openGoodsModel"
                 ></i>
               </el-tooltip>

src/views/stock/allot/index.vue

@@ -426,7 +426,7 @@ export default {
 <style lang="scss" scoped>
 .el-dropdown-link {
   cursor: pointer;
-  color: #409eff;
+  color: #6954f0;
 }
 .el-icon-arrow-down {
   font-size: 12px;

src/views/stock/check/components/resultUplod.vue

@@ -38,7 +38,7 @@
           >
             <i
               class="el-icon-circle-plus-outline tb-icon"
-              style="color: #3c7eff; magin: 0 0 0 10px"
+              style="color: #6954f0; magin: 0 0 0 10px"
               @click="importshowModel = true"
             ></i>
           </el-tooltip>