|
@@ -1,3 +1,71 @@
|
|
|
+// /**
|
|
|
+// * I think element-ui's default theme color is too light for long-term use.
|
|
|
+// * So I modified the default color and you can modify it to your liking.
|
|
|
+// **/
|
|
|
+
|
|
|
+// // /* 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;
|
|
|
+
|
|
|
+// $--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;
|
|
|
+
|
|
|
+// $--border-color-light: #dfe4ed;
|
|
|
+// $--border-color-lighter: #e6ebf5;
|
|
|
+
|
|
|
+// $--table-border: 1px solid #dfe6ec;
|
|
|
+
|
|
|
+// /* icon font path, required */
|
|
|
+// $--font-path: "~element-ui/lib/theme-chalk/fonts";
|
|
|
+
|
|
|
+// @import "~element-ui/packages/theme-chalk/src/index";
|
|
|
+
|
|
|
+// // the :export directive is the magic sauce for webpack
|
|
|
+// // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
|
|
+// :export {
|
|
|
+// theme: $--color-primary;
|
|
|
+// }
|
|
|
+
|
|
|
+
|
|
|
/**
|
|
|
* I think element-ui's default theme color is too light for long-term use.
|
|
|
* So I modified the default color and you can modify it to your liking.
|
|
@@ -43,10 +111,14 @@ $--color-primary-light-4: #a598f6;
|
|
|
$--color-primary-light-3: #9687f5;
|
|
|
$--color-primary-light-2: #8776f3;
|
|
|
$--color-primary-light-1: #7865f2;
|
|
|
-$--color-primary: #6954f0;
|
|
|
+$--color-primary: #409EFF;
|
|
|
$--color-black: #515a6e;
|
|
|
$--color-grey: rgba(0, 0, 0, 0.65);
|
|
|
|
|
|
+#app .sidebar-container{
|
|
|
+ background-color: #00152a !important;
|
|
|
+}
|
|
|
+
|
|
|
// $--color-text-regular: #1f2d3d;
|
|
|
|
|
|
$--border-color-light: #dfe4ed;
|