5.6

warehousing-system/project_web/src/styles/variables.scss

@@ -0,0 +1,52 @@
+// 行为色
+$color-primary: #018ad2;
+$color-success: #4cd964;
+$color-warning: #f0ad4e;
+$color-error: #dd524d;
+// header
+$header-bg:#0294d7;
+// sidebar
+$menuText: rgba($color: #FFFFFF, $alpha: 0.9);
+$menuActiveText:#ffffff;
+$subMenuActiveText:#ffffff; //https://github.com/ElemeFE/element/issues/12951
+
+$menuBg:#0294d7;
+$menuHover:#087dba;
+
+$subMenuBg:#0294d7;
+$subMenuHover:#087dba;
+
+$sideBarWidth: 210px;
+
+/* 表格的相关样式 */
+$search-bg:#edf1f7; // 表格搜索景色
+$table-bg-color:#edf1f7; // 表格背景
+$table-border-color:#e0e3eb; // 表格边框色
+// 文字
+$table-a-color:#018ad2;
+/* 表格的相关样式 */
+
+/* 边框颜色 */
+$border-color:#018ad2;
+/* 文字基本颜色 */
+$text-color:#333;//基本色
+$text-color-inverse:#fff;//反色
+$text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$text-color-placeholder: #808080;
+$text-color-disable:#c0c0c0;
+$text-red: #d00000;
+
+$a-color:#018ad2;
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  menuText: $menuText;
+  menuActiveText: $menuActiveText;
+  subMenuActiveText: $subMenuActiveText;
+  menuBg: $menuBg;
+  menuHover: $menuHover;
+  subMenuBg: $subMenuBg;
+  subMenuHover: $subMenuHover;
+  sideBarWidth: $sideBarWidth;
+}