Browse Source

新增色系

xiansin 4 years ago
parent
commit
c79e5eb302
1 changed files with 52 additions and 3 deletions
  1. 52 3
      static/css/themeColor.scss

+ 52 - 3
static/css/themeColor.scss

xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd
@@ -1,6 +1,6 @@
 // 经典红 a
-$a-m: #FE3666;
-$a-s: #A494F6;
+$a-m: #ff4544;
+$a-s: #f39800;
 
 // 活力黄 b
 $b-m: #fcc600;
@@ -34,10 +34,14 @@ $h-s: #dbe9f9;
 $i-m: #333333;
 $i-s: #dedede;
 
-// 热情红 j
+// 忧郁红 j
 $j-m: #ff4544;
 $j-s: #ffdada;
 
+// 热情红 j
+$k-m: #ff6699;
+$k-s: #9999ff;
+
 // 商城管理蓝 q
 $app-admin-main-color: #446dfd;
 
@@ -108,6 +112,12 @@ $app-light-gray-color: #f7f7f7;
 .j.j-s-text {
   color: $j-s;
 }
+.k.k-m-text {
+  color: $k-m;
+}
+.k.k-s-text {
+  color: $k-s;
+}
 
 // 背景色
 .a.a-m-back {
@@ -170,6 +180,12 @@ $app-light-gray-color: #f7f7f7;
 .j.j-s-back {
   background-color: $j-s;
 }
+.k.k-m-back {
+  background-color: $k-m;
+}
+.k.k-s-back {
+  background-color: $k-s;
+}
 .admin.admin-m-back {
   background-color: $app-admin-main-color;
 }
@@ -208,6 +224,9 @@ $app-light-gray-color: #f7f7f7;
 .j.j-m-back-o {
   background: rgba(255,69,68, 0.1);
 }
+.k.k-m-back-o {
+  background: rgba(255,102,153, 0.1);
+}
 
 // 背景色
 .a.a-m-back-p {
@@ -240,6 +259,9 @@ $app-light-gray-color: #f7f7f7;
 .j.j-m-back-p {
   background: rgba(255,69,68, 0.2);
 }
+.k.k-m-back-p {
+  background: rgba(255,102,153, 0.2);
+}
 
 // 背景色
 .a.a-m-back-l {
@@ -272,6 +294,9 @@ $app-light-gray-color: #f7f7f7;
 .j.j-m-back-l {
   background: rgba(255,69,68, 0.35);
 }
+.k.k-m-back-l {
+  background: rgba(255,102,153, 0.35);
+}
 
 // 背景色
 .a.a-m-back-q {
@@ -304,6 +329,9 @@ $app-light-gray-color: #f7f7f7;
 .j.j-m-back-q {
   background: rgba(255,69,68, 0.8);
 }
+.j.j-m-back-q {
+  background: rgba(255,102,153, 0.8);
+}
 // 边框颜色 (秒杀)
 .a .a.a-m-border-m{
   border-color: $a-m;
@@ -425,6 +453,12 @@ $app-light-gray-color: #f7f7f7;
   border-left-color: transparent;
   border-right-color: transparent;
 }
+.k .k.k-s-border-m {
+  border-color: $k-s;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
 
 // 边框颜色
 .admin .admin.admin-m-border{
@@ -490,6 +524,12 @@ $app-light-gray-color: #f7f7f7;
 .j .j.j-s-border {
   border-color: $j-s;
 }
+.k .k.k-m-border {
+  border-color: $k-m;
+}
+.k .k.k-s-border {
+  border-color: $k-s;
+}
 
 // 背景色
 .a.a-m-gradient {
@@ -531,6 +571,9 @@ $app-light-gray-color: #f7f7f7;
 .j.j-m-gradient {
   background: linear-gradient(140deg, $j-m, $j-s) ;
 }
+.k.k-m-gradient {
+  background: linear-gradient(140deg, $k-m, $k-s) ;
+}
 
 // 背景色
 .a.a-m-gradient-l {
@@ -603,6 +646,9 @@ $app-light-gray-color: #f7f7f7;
 .j.j-m-gradient-o {
   background: linear-gradient(to right, rgb(255,69,68),rgba(255,69,68, 0.7));
 }
+.k.k-m-gradient-o {
+  background: linear-gradient(to right, rgb(255,102,153),rgba(255,102,153, 0.7));
+}
 
 .a.a-s-gradient-o {
   background: linear-gradient(to right, rgb(243,152,0),rgba(243,152,0, 0.7));
@@ -634,6 +680,9 @@ $app-light-gray-color: #f7f7f7;
 .j.j-s-gradient-o {
   background: linear-gradient(to right, rgb(255,218,218),rgba(255,218,218, 0.7));
 }
+.k.k-s-gradient-o {
+  background: linear-gradient(to right, rgb(153,153,255),rgba(153,153,255, 0.7));
+}
 //
 //// 文字色
 .app-admin-color {