@alifd/theme-panda 0.1.2 → 0.2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@alifd/theme-panda",
-  "version": "0.1.2",
-  "author": "taobao2320489922",
+  "version": "0.2.0",
+  "author": "taobao2440443844",
   "scripts": {
     "build-theme": "tnpm run sass2less && node bin/build.js",
     "sass2less": "sass2less variables.scss variables.less"

package/variables.css

@@ -5,6 +5,18 @@
     
     
     
+    --color-fill1-5: rgba(0,10,36,1);
+    
+    
+    
+    --color-line1-7: rgba(0,0,0,0.08);
+    
+    
+    
+    --color-line1-6: rgba(237,238,242,1);
+    
+    
+    
     --color-text1-4: rgba(46,48,56,1);
     
     
@@ -5609,10 +5621,6 @@
     
     
     
-    --btn-pure-normal-border-color: var(--color-line1-2, #f0f0f0);
-    
-    
-    
     --btn-size-l-corner: var(--corner-1, 6px);
     
     
@@ -5632,6 +5640,10 @@
     --btn-size-l-padding: var(--s-4, 16px);
     
     
+    
+    --btn-pure-normal-border-color: var(--color-line1-6, #edeef2);
+    
+    
     /* ------------------------ tag ------------------------ */
     
     
@@ -6528,10 +6540,6 @@
     
     
     
-    --table-normal-border-color: var(--color-line1-2, #f0f0f0);
-    
-    
-    
     --table-normal-border-style: var(--line-solid, solid);
     
     
@@ -6624,10 +6632,6 @@
     
     
     
-    --table-th-bg: var(--color-other-5, #fafafa);
-    
-    
-    
     --table-group-th-bg: var(--color-other-5, #fafafa);
     
     
@@ -6644,11 +6648,19 @@
     
     
     
-    --table-header-corner-top: var(--corner-1, 6px);
+    --table-header-corner-top: var(--corner-2, 8px);
+    
+    
+    
+    --table-header-corner-bottom: var(--corner-zero, 0px);
+    
+    
     
+    --table-normal-border-color: var(--color-line1-7, rgba(0, 0, 0, 0.08));
     
     
-    --table-header-corner-bottom: var(--corner-1, 6px);
+    
+    --table-th-bg: var(--color-fill1-2, #f8f9fb);
     
     
     /* ------------------------ upload ------------------------ */
@@ -10719,38 +10731,14 @@
     
     
     
-    --nav-hoz-height: var(--s-11, 44px);
-    
-    
-    
     --nav-hoz-font-size: var(--font-size-body-1, 14px);
     
     
     
-    --nav-hoz-item-margin-tb: var(--s-zero, 0px);
-    
-    
-    
-    --nav-hoz-item-margin-lr: var(--s-zero, 0px);
-    
-    
-    
-    --nav-hoz-item-padding-lr: var(--s-5, 20px);
-    
-    
-    
-    --nav-hoz-item-corner: var(--corner-zero, 0px);
-    
-    
-    
     --nav-hoz-item-selected-active-line: var(--line-2, 2px);
     
     
     
-    --nav-hoz-item-hover-active-line: var(--line-zero, 0px);
-    
-    
-    
     --nav-ver-font-size: var(--font-size-body-1, 14px);
     
     
@@ -11219,71 +11207,95 @@
     
     
     
-    --nav-icon-self-margin: var(--s-3, 12px);
+    --nav-primary-border-color: var(--color-transparent, transparent);
     
     
     
-    --nav-primary-bg-color: var(--color-other-7, #001529);
+    --nav-primary-text-color: var(--color-text1-5, rgba(255, 255, 255, 0.65));
     
     
     
-    --nav-primary-border-color: var(--color-transparent, transparent);
+    --nav-primary-sub-nav-bg-color: var(--color-other-8, #000c17);
     
     
     
-    --nav-primary-text-color: var(--color-text1-5, rgba(255, 255, 255, 0.65));
+    --nav-primary-sub-nav-text-color: var(--color-text1-5, rgba(255, 255, 255, 0.65));
     
     
     
-    --nav-primary-text-style: var(--font-weight-light, 300);
+    --nav-primary-sub-nav-text-style: var(--font-weight-light, 300);
     
     
     
-    --nav-primary-sub-nav-bg-color: var(--color-other-8, #000c17);
+    --nav-primary-item-hover-active-color: var(--color-transparent, transparent);
     
     
     
-    --nav-primary-sub-nav-text-color: var(--color-text1-5, rgba(255, 255, 255, 0.65));
+    --nav-primary-sub-nav-hover-bg-color: var(--color-other-8, #000c17);
     
     
     
-    --nav-primary-sub-nav-text-style: var(--font-weight-light, 300);
+    --nav-primary-item-selected-bg-color: var(--color-brand1-6, #257df9);
     
     
     
-    --nav-primary-item-hover-bg-color: var(--color-transparent, transparent);
+    --nav-primary-item-selected-active-color: var(--color-transparent, transparent);
     
     
     
-    --nav-primary-item-hover-text-style: var(--font-weight-light, 300);
+    --nav-primary-sub-nav-selected-bg-color: var(--color-brand1-6, #257df9);
     
     
     
-    --nav-primary-item-hover-active-color: var(--color-transparent, transparent);
+    --nav-primary-item-opened-bg-color: var(--color-transparent, transparent);
     
     
     
-    --nav-primary-sub-nav-hover-bg-color: var(--color-other-8, #000c17);
+    --nav-hoz-item-margin-tb: var(--s-2, 8px);
     
     
     
-    --nav-primary-item-selected-bg-color: var(--color-brand1-6, #257df9);
+    --nav-hoz-item-margin-lr: var(--s-zero, 0px);
     
     
     
-    --nav-primary-item-selected-text-style: var(--font-weight-light, 300);
+    --nav-hoz-item-padding-lr: var(--s-5, 20px);
     
     
     
-    --nav-primary-item-selected-active-color: var(--color-transparent, transparent);
+    --nav-hoz-item-corner: var(--corner-2, 8px);
     
     
     
-    --nav-primary-sub-nav-selected-bg-color: var(--color-brand1-6, #257df9);
+    --nav-hoz-item-hover-active-line: var(--line-zero, 0px);
     
     
     
-    --nav-primary-item-opened-bg-color: var(--color-transparent, transparent);
+    --nav-icon-self-margin: var(--s-3, 12px);
+    
+    
+    
+    --nav-hoz-height: var(--s-8, 32px);
+    
+    
+    
+    --nav-primary-bg-color: var(--color-fill1-5, #000a24);
+    
+    
+    
+    --nav-primary-text-style: var(--font-weight-2, normal);
+    
+    
+    
+    --nav-primary-item-hover-bg-color: var(--color-transparent, transparent);
+    
+    
+    
+    --nav-primary-item-hover-text-style: var(--font-weight-medium, 500);
+    
+    
+    
+    --nav-primary-item-selected-text-style: var(--font-weight-medium, 500);
     
     
     /* ------------------------ list ------------------------ */
@@ -11716,10 +11728,6 @@
     
     
     
-    --tab-item-padding-tb-size-m: var(--s-5, 20px);
-    
-    
-    
     --tab-item-padding-lr-size-m: var(--s-4, 16px);
     
     
@@ -11747,6 +11755,10 @@
     --tab-pure-text-color-selected: var(--color-black, #000000);
     
     
+    
+    --tab-item-padding-tb-size-m: var(--s-4, 16px);
+    
+    
     /* ------------------------ calendar ------------------------ */
     
     

package/variables.js

@@ -226,6 +226,12 @@ module.exports = {
     
     "$color-text1-5": "rgba(255,255,255,0.65)",
     
+    "$color-fill1-5": "rgba(0,10,36,1)",
+    
+    "$color-line1-6": "rgba(237,238,242,1)",
+    
+    "$color-line1-7": "rgba(0,0,0,0.08)",
+    
     
     
     

package/variables.less

@@ -2,6 +2,9 @@
 
 // ------------------------ color ------------------------ //
 
+@color-fill1-5: rgba(0,10,36,1);
+@color-line1-7: rgba(0,0,0,0.08);
+@color-line1-6: rgba(237,238,242,1);
 @color-text1-4: rgba(46,48,56,1);
 @color-text1-6: rgba(0,12,23,1);
 @color-other-7: rgba(0,21,41,1);
@@ -1457,12 +1460,12 @@
 @btn-warning-normal-border-color-active: #d9363e;
 @btn-warning-normal-bg-hover: #FFFFFF;
 @btn-warning-normal-bg-active: #FFFFFF;
-@btn-pure-normal-border-color: #f0f0f0;
 @btn-size-l-corner: 6px;
 @btn-size-s-corner: 6px;
 @btn-size-m-padding: 12px;
 @btn-size-m-corner: 6px;
 @btn-size-l-padding: 16px;
+@btn-pure-normal-border-color: #edeef2;
 
 // ------------------------ tag ------------------------ //
 
@@ -1698,7 +1701,6 @@
 @table-group-header-corner-bottom: 0px;
 @table-group-footer-corner-top: 0px;
 @table-group-footer-corner-bottom: 0px;
-@table-normal-border-color: #f0f0f0;
 @table-normal-border-style: solid;
 @table-th-color: #2e3038;
 @table-sort-color: #2e3038;
@@ -1722,13 +1724,14 @@
 @table-body-font-size: 14px;
 @table-cell-padding-top: 16px;
 @table-cell-padding-left: 16px;
-@table-th-bg: #fafafa;
 @table-group-th-bg: #fafafa;
 @table-group-footer-bg: #fafafa;
 @table-row-hover-bg: #fafafa;
 @table-row-selected-bg: #e6f7ff;
-@table-header-corner-top: 6px;
-@table-header-corner-bottom: 6px;
+@table-header-corner-top: 8px;
+@table-header-corner-bottom: 0px;
+@table-normal-border-color: rgba(0, 0, 0, 0.08);
+@table-th-bg: #f8f9fb;
 
 // ------------------------ upload ------------------------ //
 
@@ -2793,14 +2796,8 @@
 
 // ------------------------ nav ------------------------ //
 
-@nav-hoz-height: 44px;
 @nav-hoz-font-size: 14px;
-@nav-hoz-item-margin-tb: 0px;
-@nav-hoz-item-margin-lr: 0px;
-@nav-hoz-item-padding-lr: 20px;
-@nav-hoz-item-corner: 0px;
 @nav-hoz-item-selected-active-line: 2px;
-@nav-hoz-item-hover-active-line: 0px;
 @nav-ver-font-size: 14px;
 @nav-ver-item-margin-tb: 0px;
 @nav-ver-item-margin-lr: 0px;
@@ -2918,23 +2915,29 @@
 @nav-line-group-text-style: normal;
 @nav-ver-height: 44px;
 @nav-ver-sub-nav-height: 44px;
-@nav-icon-self-margin: 12px;
-@nav-primary-bg-color: #001529;
 @nav-primary-border-color: transparent;
 @nav-primary-text-color: rgba(255, 255, 255, 0.65);
-@nav-primary-text-style: 300;
 @nav-primary-sub-nav-bg-color: #000c17;
 @nav-primary-sub-nav-text-color: rgba(255, 255, 255, 0.65);
 @nav-primary-sub-nav-text-style: 300;
-@nav-primary-item-hover-bg-color: transparent;
-@nav-primary-item-hover-text-style: 300;
 @nav-primary-item-hover-active-color: transparent;
 @nav-primary-sub-nav-hover-bg-color: #000c17;
 @nav-primary-item-selected-bg-color: #257df9;
-@nav-primary-item-selected-text-style: 300;
 @nav-primary-item-selected-active-color: transparent;
 @nav-primary-sub-nav-selected-bg-color: #257df9;
 @nav-primary-item-opened-bg-color: transparent;
+@nav-hoz-item-margin-tb: 8px;
+@nav-hoz-item-margin-lr: 0px;
+@nav-hoz-item-padding-lr: 20px;
+@nav-hoz-item-corner: 8px;
+@nav-hoz-item-hover-active-line: 0px;
+@nav-icon-self-margin: 12px;
+@nav-hoz-height: 32px;
+@nav-primary-bg-color: #000a24;
+@nav-primary-text-style: normal;
+@nav-primary-item-hover-bg-color: transparent;
+@nav-primary-item-hover-text-style: 500;
+@nav-primary-item-selected-text-style: 500;
 
 // ------------------------ list ------------------------ //
 
@@ -3049,7 +3052,6 @@
 @tab-capsule-bg-color-selected: #FFFFFF;
 @tab-capsule-tab-border-line-color-hover: #40a9ff;
 @tab-text-text-color-hover: #40a9ff;
-@tab-item-padding-tb-size-m: 20px;
 @tab-item-padding-lr-size-m: 16px;
 @tab-item-text-size-m: 14px;
 @tab-item-font-weight-selected: 500;
@@ -3057,6 +3059,7 @@
 @tab-pure-ink-bar-padding-l: 32px;
 @tab-pure-text-color-hover: #000000;
 @tab-pure-text-color-selected: #000000;
+@tab-item-padding-tb-size-m: 16px;
 
 // ------------------------ calendar ------------------------ //
 

package/variables.scss

@@ -2,6 +2,9 @@
 
 // ------------------------ color ------------------------ //
 
+$color-fill1-5: rgba(0,10,36,1);
+$color-line1-7: rgba(0,0,0,0.08);
+$color-line1-6: rgba(237,238,242,1);
 $color-text1-4: rgba(46,48,56,1);
 $color-text1-6: rgba(0,12,23,1);
 $color-other-7: rgba(0,21,41,1);
@@ -1457,12 +1460,12 @@ $btn-warning-normal-border-color-hover: #ff7875;
 $btn-warning-normal-border-color-active: #d9363e;
 $btn-warning-normal-bg-hover: #FFFFFF;
 $btn-warning-normal-bg-active: #FFFFFF;
-$btn-pure-normal-border-color: #f0f0f0;
 $btn-size-l-corner: 6px;
 $btn-size-s-corner: 6px;
 $btn-size-m-padding: 12px;
 $btn-size-m-corner: 6px;
 $btn-size-l-padding: 16px;
+$btn-pure-normal-border-color: #edeef2;
 
 // ------------------------ tag ------------------------ //
 
@@ -1698,7 +1701,6 @@ $table-group-header-corner-top: 0px;
 $table-group-header-corner-bottom: 0px;
 $table-group-footer-corner-top: 0px;
 $table-group-footer-corner-bottom: 0px;
-$table-normal-border-color: #f0f0f0;
 $table-normal-border-style: solid;
 $table-th-color: #2e3038;
 $table-sort-color: #2e3038;
@@ -1722,13 +1724,14 @@ $table-th-font-weight: 500;
 $table-body-font-size: 14px;
 $table-cell-padding-top: 16px;
 $table-cell-padding-left: 16px;
-$table-th-bg: #fafafa;
 $table-group-th-bg: #fafafa;
 $table-group-footer-bg: #fafafa;
 $table-row-hover-bg: #fafafa;
 $table-row-selected-bg: #e6f7ff;
-$table-header-corner-top: 6px;
-$table-header-corner-bottom: 6px;
+$table-header-corner-top: 8px;
+$table-header-corner-bottom: 0px;
+$table-normal-border-color: rgba(0, 0, 0, 0.08);
+$table-th-bg: #f8f9fb;
 
 // ------------------------ upload ------------------------ //
 
@@ -2793,14 +2796,8 @@ $menu-icon-selected-hover-color: transparent;
 
 // ------------------------ nav ------------------------ //
 
-$nav-hoz-height: 44px;
 $nav-hoz-font-size: 14px;
-$nav-hoz-item-margin-tb: 0px;
-$nav-hoz-item-margin-lr: 0px;
-$nav-hoz-item-padding-lr: 20px;
-$nav-hoz-item-corner: 0px;
 $nav-hoz-item-selected-active-line: 2px;
-$nav-hoz-item-hover-active-line: 0px;
 $nav-ver-font-size: 14px;
 $nav-ver-item-margin-tb: 0px;
 $nav-ver-item-margin-lr: 0px;
@@ -2918,23 +2915,29 @@ $nav-line-group-text-color: #999999;
 $nav-line-group-text-style: normal;
 $nav-ver-height: 44px;
 $nav-ver-sub-nav-height: 44px;
-$nav-icon-self-margin: 12px;
-$nav-primary-bg-color: #001529;
 $nav-primary-border-color: transparent;
 $nav-primary-text-color: rgba(255, 255, 255, 0.65);
-$nav-primary-text-style: 300;
 $nav-primary-sub-nav-bg-color: #000c17;
 $nav-primary-sub-nav-text-color: rgba(255, 255, 255, 0.65);
 $nav-primary-sub-nav-text-style: 300;
-$nav-primary-item-hover-bg-color: transparent;
-$nav-primary-item-hover-text-style: 300;
 $nav-primary-item-hover-active-color: transparent;
 $nav-primary-sub-nav-hover-bg-color: #000c17;
 $nav-primary-item-selected-bg-color: #257df9;
-$nav-primary-item-selected-text-style: 300;
 $nav-primary-item-selected-active-color: transparent;
 $nav-primary-sub-nav-selected-bg-color: #257df9;
 $nav-primary-item-opened-bg-color: transparent;
+$nav-hoz-item-margin-tb: 8px;
+$nav-hoz-item-margin-lr: 0px;
+$nav-hoz-item-padding-lr: 20px;
+$nav-hoz-item-corner: 8px;
+$nav-hoz-item-hover-active-line: 0px;
+$nav-icon-self-margin: 12px;
+$nav-hoz-height: 32px;
+$nav-primary-bg-color: #000a24;
+$nav-primary-text-style: normal;
+$nav-primary-item-hover-bg-color: transparent;
+$nav-primary-item-hover-text-style: 500;
+$nav-primary-item-selected-text-style: 500;
 
 // ------------------------ list ------------------------ //
 
@@ -3049,7 +3052,6 @@ $tab-capsule-bg-color-hover: #FFFFFF;
 $tab-capsule-bg-color-selected: #FFFFFF;
 $tab-capsule-tab-border-line-color-hover: #40a9ff;
 $tab-text-text-color-hover: #40a9ff;
-$tab-item-padding-tb-size-m: 20px;
 $tab-item-padding-lr-size-m: 16px;
 $tab-item-text-size-m: 14px;
 $tab-item-font-weight-selected: 500;
@@ -3057,6 +3059,7 @@ $tab-pure-divider-line-width: 1px;
 $tab-pure-ink-bar-padding-l: 32px;
 $tab-pure-text-color-hover: #000000;
 $tab-pure-text-color-selected: #000000;
+$tab-item-padding-tb-size-m: 16px;
 
 // ------------------------ calendar ------------------------ //