@semi-bot/semi-theme-trade-pass-growth-platform-test 1.0.2 → 1.0.4

package/README.md

@@ -1,7 +1,7 @@
 
 # @semi-bot/semi-theme-trade-pass-growth-platform-test   --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
 ID: 28703
-Operator: Apilase
+Operator: 用户4783652620477
 
 ## Compatibility
 
@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.96.1 or newer.
     
 ## Version Release Note
     
-navigation变更
+调整暗色模式下背景色，色域调窄
     
     
 ## Manual

package/package.json

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

package/raw.json

@@ -352,11 +352,11 @@
     "tokens": {
         "color": {
             "dark": {
-                "bg/--semi-color-bg-0": "rgba(22, 22, 26, 1)",
-                "bg/--semi-color-bg-1": "rgba(35, 36, 41, 1)",
-                "bg/--semi-color-bg-2": "rgba(53, 54, 60, 1)",
-                "bg/--semi-color-bg-3": "rgba(67, 68, 74, 1)",
-                "bg/--semi-color-bg-4": "rgba(79, 81, 89, 1)",
+                "bg/--semi-color-bg-0": "rgba(22,22,22,1)",
+                "bg/--semi-color-bg-1": "rgba(27,27,27,1)",
+                "bg/--semi-color-bg-2": "rgba(33,33,33,1)",
+                "bg/--semi-color-bg-3": "rgba(38,38,38,1)",
+                "bg/--semi-color-bg-4": "rgba(43,43,43,1)",
                 "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
                 "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
                 "nav/--semi-color-nav-bg": "rgba(35, 36, 41, 1)",
@@ -457,7 +457,6 @@
                 "bg/--semi-color-bg-2": "rgba(245,245,245,1)",
                 "bg/--semi-color-bg-3": "rgba(248,248,248,1)",
                 "bg/--semi-color-bg-4": "rgba(255,255,255,1)",
-                "fill/--semi-color-fill": "rgba(var(--semi-blue-6),1)",
                 "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
                 "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
                 "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
@@ -679,6 +678,17 @@
             }
         },
         "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)",

package/scss/global.scss

@@ -6,7 +6,6 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-bg-2: rgba(245,245,245,1);
 --semi-color-bg-3: rgba(248,248,248,1);
 --semi-color-bg-4: rgba(255,255,255,1);
---semi-color-fill: rgba(var(--semi-blue-6),1);
 --semi-color-info: rgba(var(--semi-blue-5), 1);
 --semi-color-link: rgba(var(--semi-blue-5), 1);
 --semi-color-nav-bg: rgba(var(--semi-white), 1);
@@ -118,11 +117,11 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
 
 }
 body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
---semi-color-bg-0: rgba(22, 22, 26, 1);
---semi-color-bg-1: rgba(35, 36, 41, 1);
---semi-color-bg-2: rgba(53, 54, 60, 1);
---semi-color-bg-3: rgba(67, 68, 74, 1);
---semi-color-bg-4: rgba(79, 81, 89, 1);
+--semi-color-bg-0: rgba(22,22,22,1);
+--semi-color-bg-1: rgba(27,27,27,1);
+--semi-color-bg-2: rgba(33,33,33,1);
+--semi-color-bg-3: rgba(38,38,38,1);
+--semi-color-bg-4: rgba(43,43,43,1);
 --semi-color-info: rgba(var(--semi-blue-5), 1);
 --semi-color-link: rgba(var(--semi-blue-5), 1);
 --semi-color-nav-bg: rgba(35, 36, 41, 1);

package/scss/local.scss

@@ -1,3 +1,6 @@
+$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);

package/semi.css

@@ -356,7 +356,6 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-bg-2: rgba(245,245,245,1);
   --semi-color-bg-3: rgba(248,248,248,1);
   --semi-color-bg-4: rgba(255,255,255,1);
-  --semi-color-fill: rgba(var(--semi-blue-6),1);
   --semi-color-info: rgba(var(--semi-blue-5), 1);
   --semi-color-link: rgba(var(--semi-blue-5), 1);
   --semi-color-nav-bg: rgba(var(--semi-white), 1);
@@ -467,11 +466,11 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
 }
 
 body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
-  --semi-color-bg-0: rgba(22, 22, 26, 1);
-  --semi-color-bg-1: rgba(35, 36, 41, 1);
-  --semi-color-bg-2: rgba(53, 54, 60, 1);
-  --semi-color-bg-3: rgba(67, 68, 74, 1);
-  --semi-color-bg-4: rgba(79, 81, 89, 1);
+  --semi-color-bg-0: rgba(22,22,22,1);
+  --semi-color-bg-1: rgba(27,27,27,1);
+  --semi-color-bg-2: rgba(33,33,33,1);
+  --semi-color-bg-3: rgba(38,38,38,1);
+  --semi-color-bg-4: rgba(43,43,43,1);
   --semi-color-info: rgba(var(--semi-blue-5), 1);
   --semi-color-link: rgba(var(--semi-blue-5), 1);
   --semi-color-nav-bg: rgba(35, 36, 41, 1);
@@ -4383,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;
@@ -21091,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;
@@ -21115,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);
@@ -21189,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));
@@ -21197,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;