初始上传

app/shop/view/public/css/template/red/common.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+/* 文字基本颜色 */
+:root {
+  --base-color: #F4391c;
+}
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px #fbb8ae;
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: #fde3df;
+  color: #f6634d !important;
+}
+.component-list ul li:not(.disabled):hover i {
+  color: #f6634d !important;
+}
+.component-list ul li:not(.disabled):hover span:last-child {
+  color: #f6634d;
+}
+
+.border-color-light-9 {
+  border-color: #fde3df !important;
+}
+
+.bg-color-light-9 {
+  background: #fde3df !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: rgba(244, 57, 28, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: rgba(244, 57, 28, 0.08) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: rgba(244, 57, 28, 0.08);
+}

app/shop/view/public/css/template/red/common.scss

@@ -0,0 +1,50 @@
+/**
+ Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
+ Scss转换：https://www.sassmeister.com
+*/
+
+/* 文字基本颜色 */
+$base-color: #F4391c; //主色调
+:root {
+   --base-color: #F4391c;
+}
+
+$alpha: 0.08;
+$base-color-alpha-8: rgba(red($base-color), green($base-color), blue($base-color), $alpha);
+
+.draggable-element.selected {
+  box-shadow: 0 0 5px lighten($base-color, 30%);
+}
+
+.component-list ul li:not(.disabled):hover {
+  background: lighten($base-color, 40%);
+  color: lighten($base-color, 10%) !important;
+
+  i {
+    color: lighten($base-color, 10%) !important;
+  }
+
+  span:last-child {
+    color: lighten($base-color, 10%);
+  }
+}
+
+.border-color-light-9{
+  border-color:  lighten($base-color, 40%) !important;
+}
+
+.bg-color-light-9{
+  background: lighten($base-color, 40%) !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
+  background-color: $base-color-alpha-8 !important;
+}
+
+.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
+  background-color: $base-color-alpha-8;
+}