@semi-bot/semi-theme-trade-pass-growth-platform-test 1.0.1 → 1.0.3

package/README.md

@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.96.1 or newer.
     
 ## Version Release Note
     
-色盘调整 grey 为灰色；调整亮色模式下背景色（和暗色逻辑一致，从深到浅，#eee 到 #fff）
+删除无用变量；修改卡片背景为亮色；修改表格背景为亮色
     
     
 ## Manual

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-trade-pass-growth-platform-test",
- "version": "1.0.1",
+ "version": "1.0.3",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -511,6 +511,7 @@
                 "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
                 "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
                 "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
+                "primary/--semi-color-nav-bg-active": "rgba(var(--semi-blue-1),1)",
                 "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
                 "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
                 "warning/--semi-color-warning-hover": "rgba(var(--semi-amber-6), 1)",
@@ -676,7 +677,44 @@
                 "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)"
             }
         },
-        "components": {},
+        "components": {
+            "card": {
+                "color": {
+                    "$color-card-bg-default": "var(--semi-color-bg-4)"
+                }
+            },
+            "table": {
+                "color": {
+                    "$color-table_th-bg-default": "var(--semi-color-bg-3)",
+                    "$color-table_body-bg-default": "var(--semi-color-bg-4)"
+                }
+            },
+            "navigation": {
+                "color": {
+                    "$color-navigation_itemL1-bg-active": "var(--semi-color-nav-bg-active)",
+                    "$color-navigation_itemL1-text-active": "var(--semi-color-primary-active)",
+                    "$color-navigation_itemL1_icon-active": "var(--semi-color-primary-active)",
+                    "$color-navigation_itemLn-text-default": "var(--semi-color-text-1)"
+                },
+                "width": {
+                    "$width-navigation-outline": "1px",
+                    "$width-navigation_header_logo": "36px",
+                    "$width-navigation-outlineOffset": "-1px",
+                    "$width-navigation_icon_left-minWidth": "10px"
+                },
+                "height": {
+                    "$height-navigation_item_base": "24px"
+                },
+                "spacing": {
+                    "$spacing-navigation-paddingX": "5px",
+                    "$spacing-navigation_item-paddingY": "1px",
+                    "$spacing-navigation_list_wrapper-paddingTop": "12px",
+                    "$spacing-navigation_sub_item_first_child-marginTop": "5px",
+                    "$spacing-navigation_vertical_nav_header-paddingLeft": "0px",
+                    "$spacing-navigation_vertical_nav_header-paddingRight": "5px"
+                }
+            }
+        },
         "typography": {
             "Header": {
                 "header-1": {

package/scss/global.scss

@@ -60,6 +60,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-danger-active: rgba(var(--semi-red-7), 1);
 --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
 --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
+--semi-color-nav-bg-active: rgba(var(--semi-blue-1),1);
 --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
 --semi-color-success-hover: rgba(var(--semi-green-6), 1);
 --semi-color-warning-hover: rgba(var(--semi-amber-6), 1);

package/scss/local.scss

@@ -0,0 +1,18 @@
+$color-card-bg-default: var(--semi-color-bg-4);
+$color-table_th-bg-default: var(--semi-color-bg-3);
+$color-table_body-bg-default: var(--semi-color-bg-4);
+$color-navigation_itemL1-bg-active: var(--semi-color-nav-bg-active);
+$color-navigation_itemL1-text-active: var(--semi-color-primary-active);
+$color-navigation_itemL1_icon-active: var(--semi-color-primary-active);
+$color-navigation_itemLn-text-default: var(--semi-color-text-1);
+$width-navigation-outline: 1px;
+$width-navigation_header_logo: 36px;
+$width-navigation-outlineOffset: -1px;
+$width-navigation_icon_left-minWidth: 10px;
+$height-navigation_item_base: 24px;
+$spacing-navigation-paddingX: 5px;
+$spacing-navigation_item-paddingY: 1px;
+$spacing-navigation_list_wrapper-paddingTop: 12px;
+$spacing-navigation_sub_item_first_child-marginTop: 5px;
+$spacing-navigation_vertical_nav_header-paddingLeft: 0px;
+$spacing-navigation_vertical_nav_header-paddingRight: 5px;

package/semi.css

@@ -410,6 +410,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-danger-active: rgba(var(--semi-red-7), 1);
   --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
   --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
+  --semi-color-nav-bg-active: rgba(var(--semi-blue-1),1);
   --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
   --semi-color-success-hover: rgba(var(--semi-green-6), 1);
   --semi-color-warning-hover: rgba(var(--semi-amber-6), 1);
@@ -4381,7 +4382,7 @@ body, :host {
   padding: 0;
   border-radius: var(--semi-border-radius-medium);
   overflow: hidden;
-  background-color: var(--semi-color-bg-0);
+  background-color: var(--semi-color-bg-4);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
@@ -15873,8 +15874,8 @@ img[src=""], img:not([src]) {
   outline: none;
   overflow: hidden;
   margin: 0;
-  padding-left: 8px;
-  padding-right: 8px;
+  padding-left: 5px;
+  padding-right: 5px;
   user-select: none;
   transition: padding-left 100ms ease-out, width 200ms cubic-bezier(0.62, 0.05, 0.36, 0.95);
   border-right: 1px solid var(--semi-color-border);
@@ -15892,7 +15893,7 @@ img[src=""], img:not([src]) {
   list-style: none;
 }
 .semi-navigation-list > .semi-navigation-item-normal {
-  height: 36px;
+  height: 24px;
 }
 .semi-navigation-list > .semi-navigation-item {
   font-weight: 600;
@@ -15923,7 +15924,7 @@ img[src=""], img:not([src]) {
   cursor: pointer;
   display: flex;
   border-radius: var(--semi-border-radius-small);
-  padding: 8px 12px;
+  padding: 1px 12px;
   box-sizing: border-box;
   margin-top: 0;
   margin-bottom: 8px;
@@ -15946,8 +15947,8 @@ img[src=""], img:not([src]) {
   width: 32px;
 }
 .semi-navigation-sub-wrap .semi-navigation-sub-title:focus-visible, .semi-navigation-item:focus-visible {
-  outline: 2px solid var(--semi-color-primary-light-active);
-  outline-offset: -2px;
+  outline: 1px solid var(--semi-color-primary-light-active);
+  outline-offset: -1px;
 }
 .semi-navigation-header-link, .semi-navigation-item-link {
   display: flex;
@@ -15961,7 +15962,7 @@ img[src=""], img:not([src]) {
   padding: 0;
 }
 .semi-navigation-item-has-link .semi-navigation-item-link {
-  padding: 8px 12px;
+  padding: 1px 12px;
 }
 .semi-navigation-item-sub {
   padding: 0;
@@ -15989,14 +15990,14 @@ img[src=""], img:not([src]) {
   display: inline-flex;
   color: var(--semi-color-text-2);
   margin-right: 12px;
-  min-width: 20px;
+  min-width: 10px;
   margin-left: 0;
 }
 .semi-navigation-item-icon-toggle-left {
   display: inline-flex;
   color: var(--semi-color-text-2);
   margin-right: 12px;
-  min-width: 20px;
+  min-width: 10px;
 }
 .semi-navigation-item-icon-toggle-right {
   display: inline-flex;
@@ -16064,15 +16065,15 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-primary-disabled);
 }
 .semi-navigation-item-normal:active:not(.semi-navigation-item-selected), .semi-navigation-inner > .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) {
-  background-color: var(--semi-color-fill-1);
-  color: var(--semi-color-text-0);
+  background-color: var(--semi-color-nav-bg-active);
+  color: var(--semi-color-primary-active);
 }
 .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child, .semi-navigation-inner > .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-primary-active);
 }
 .semi-navigation-item-normal:active.semi-navigation-item-selected, .semi-navigation-inner > .semi-navigation-item-normal:active.semi-navigation-item-selected {
   color: var(--semi-color-text-0);
-  background-color: var(--semi-color-fill-1);
+  background-color: var(--semi-color-nav-bg-active);
 }
 .semi-navigation-item-normal:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child, .semi-navigation-inner > .semi-navigation-item-normal:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary);
@@ -16099,7 +16100,7 @@ img[src=""], img:not([src]) {
 .semi-navigation-sub-wrap .semi-navigation-sub-title {
   display: flex;
   justify-content: flex-start;
-  height: 36px;
+  height: 24px;
   align-items: center;
 }
 .semi-navigation-sub {
@@ -16113,14 +16114,14 @@ img[src=""], img:not([src]) {
   overflow: hidden;
 }
 .semi-navigation-sub .semi-navigation-item {
-  color: var(--semi-color-text-0);
+  color: var(--semi-color-text-1);
   background-color: transparent;
-  height: 36px;
+  height: 24px;
   font-weight: 400;
   width: 100%;
 }
 .semi-navigation-sub .semi-navigation-item:first-child {
-  margin-top: 8px;
+  margin-top: 5px;
 }
 .semi-navigation-sub .semi-navigation-item > .semi-navigation-sub .semi-navigation-item-text:first-child {
   margin-left: 44px;
@@ -16149,11 +16150,11 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-primary);
 }
 .semi-navigation-sub .semi-navigation-item:active:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) {
-  background-color: var(--semi-color-fill-1);
-  color: var(--semi-color-text-0);
+  background-color: var(--semi-color-nav-bg-active);
+  color: var(--semi-color-primary-active);
 }
 .semi-navigation-sub .semi-navigation-item:active:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) .semi-navigation-item-icon:first-child {
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-primary-active);
 }
 .semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-disabled {
   background-color: transparent;
@@ -16311,15 +16312,15 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-primary);
 }
 .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active:not(.semi-navigation-sub-title-selected) {
-  background-color: var(--semi-color-fill-1);
-  color: var(--semi-color-text-0);
+  background-color: var(--semi-color-nav-bg-active);
+  color: var(--semi-color-primary-active);
 }
 .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child {
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-primary-active);
 }
 .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active.semi-navigation-sub-title-selected {
   color: var(--semi-color-text-0);
-  background-color: var(--semi-color-fill-1);
+  background-color: var(--semi-color-nav-bg-active);
 }
 .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
   color: var(--semi-color-primary);
@@ -16399,8 +16400,8 @@ img[src=""], img:not([src]) {
 .semi-navigation-vertical .semi-navigation-header {
   padding-top: 32px;
   padding-bottom: 36px;
-  padding-left: 3.5px;
-  padding-right: 8px;
+  padding-left: 0px;
+  padding-right: 5px;
   width: 100%;
 }
 .semi-navigation-vertical .semi-navigation-header-collapsed {
@@ -16642,8 +16643,8 @@ img[src=""], img:not([src]) {
 }
 .semi-rtl .semi-navigation-vertical .semi-navigation-header,
 .semi-portal-rtl .semi-navigation-vertical .semi-navigation-header {
-  padding-right: 3.5px;
-  padding-left: 8px;
+  padding-right: 0px;
+  padding-left: 5px;
 }
 .semi-rtl .semi-navigation-vertical .semi-navigation-header-collapsed,
 .semi-portal-rtl .semi-navigation-vertical .semi-navigation-header-collapsed {
@@ -21089,7 +21090,7 @@ img[src=""], img:not([src]) {
   width: 48px;
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head {
-  background-color: var(--semi-color-bg-1);
+  background-color: var(--semi-color-bg-3);
   color: var(--semi-color-text-2);
   font-weight: 600;
   text-align: left;
@@ -21113,7 +21114,7 @@ img[src=""], img:not([src]) {
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
   z-index: 101;
   position: sticky;
-  background-color: var(--semi-color-bg-1);
+  background-color: var(--semi-color-bg-3);
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
   border-right: 1px solid var(--semi-color-border);
@@ -21187,7 +21188,7 @@ img[src=""], img:not([src]) {
 }
 .semi-table-tbody > .semi-table-row {
   display: table-row;
-  background-color: var(--semi-color-bg-1);
+  background-color: var(--semi-color-bg-4);
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
@@ -21195,7 +21196,7 @@ img[src=""], img:not([src]) {
 }
 .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell.semi-table-cell-fixed-right {
   background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
-  background-color: var(--semi-color-bg-1);
+  background-color: var(--semi-color-bg-4);
 }
 .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   display: table-cell;