@semi-bot/semi-theme-ceos 1.0.6-beta.12 → 1.0.6-beta.14

package/README.md

@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.91.0 or newer.
     
 ## Version Release Note
     
-更新颜色
+新增虚拟滚动条
     
     
 ## Manual

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-ceos",
- "version": "1.0.6-beta.12",
+ "version": "1.0.6-beta.14",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -538,6 +538,7 @@
                 "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
                 "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
                 "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
+                "Scrollbar/--semi-color-Scrollbar": "rgba(var(--semi-grey-5), 0.15)",
                 "border/--semi-color-border-modal": "rgba(4,5,0, 0.06)",
                 "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
                 "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
@@ -564,6 +565,7 @@
                 "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
                 "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
                 "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
+                "Scrollbar/--semi-color-Scrollbar-hover": "rgba(var(--semi-grey-5),0.32)",
                 "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
                 "overlay/--semi-color-overlay-CustomAnti": "rgba(255,255,255,0.7)",
                 "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
@@ -754,6 +756,18 @@
                 }
             },
             "select": {
+                "color": {
+                    "$color-select-bg-focus": "var(--semi-color-input-ActiveBg)",
+                    "$color-select-bg-hover": "var(--semi-color-input-HoverBg)",
+                    "$color-select-bg-active": "var(--semi-color-input-DefaultBg)",
+                    "$color-select-bg-default": "var(--semi-color-input-DefaultBg)",
+                    "$color-select-border-hover": "var(--semi-color-border)",
+                    "$color-select-border-default": "var(--semi-color-border)"
+                },
+                "height": {
+                    "$height-select_small": "28px",
+                    "$height-select_default": "36px"
+                },
                 "radius": {
                     "$radius-select": "6px"
                 }

package/scss/global.scss

@@ -57,6 +57,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
 --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
 --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
+--semi-color-Scrollbar: rgba(var(--semi-grey-5), 0.15);
 --semi-color-border-modal: rgba(4,5,0, 0.06);
 --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
 --semi-color-highlight: rgba(var(--semi-black), 1);
@@ -83,6 +84,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
 --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
 --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
 --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
+--semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
 --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
 --semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
 --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);

package/scss/local.scss

@@ -14,6 +14,14 @@ $color-modal_content-border: var(--semi-color-border-modal);
 $height-button_small: 28px;
 $height-button_default: 36px;
 $radius-button: 8px;
+$color-select-bg-focus: var(--semi-color-input-ActiveBg);
+$color-select-bg-hover: var(--semi-color-input-HoverBg);
+$color-select-bg-active: var(--semi-color-input-DefaultBg);
+$color-select-bg-default: var(--semi-color-input-DefaultBg);
+$color-select-border-hover: var(--semi-color-border);
+$color-select-border-default: var(--semi-color-border);
+$height-select_small: 28px;
+$height-select_default: 36px;
 $radius-select: 6px;
 $height-inputNumber_button_small: 28px;
 $radius-inputNumber: 6px;

package/semi.css

@@ -437,6 +437,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
   --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
   --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
+  --semi-color-Scrollbar: rgba(var(--semi-grey-5), 0.15);
   --semi-color-border-modal: rgba(4,5,0, 0.06);
   --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
   --semi-color-highlight: rgba(var(--semi-black), 1);
@@ -463,6 +464,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
   --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
   --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
+  --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
   --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
   --semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
   --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -18489,10 +18491,10 @@ img[src=""], img:not([src]) {
 .semi-select {
   box-sizing: border-box;
   border-radius: 6px;
-  border: 1px solid transparent;
-  height: 32px;
+  border: 1px solid var(--semi-color-border);
+  height: 36px;
   font-weight: 400;
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-input-DefaultBg);
   display: inline-flex;
   vertical-align: middle;
   position: relative;
@@ -18504,20 +18506,20 @@ img[src=""], img:not([src]) {
   overflow-y: auto;
 }
 .semi-select:hover {
-  background-color: var(--semi-color-fill-1);
-  border: 1px solid transparent;
+  background-color: var(--semi-color-input-HoverBg);
+  border: 1px solid var(--semi-color-border);
 }
 .semi-select:focus {
   border: 1px solid var(--semi-color-focus-border);
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-input-ActiveBg);
   outline: 0;
 }
 .semi-select:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-input-DefaultBg);
 }
 .semi-select-small {
-  height: 24px;
-  line-height: 24px;
+  height: 28px;
+  line-height: 28px;
 }
 .semi-select-large {
   min-height: 40px;
@@ -18533,11 +18535,11 @@ img[src=""], img:not([src]) {
   outline: 0;
 }
 .semi-select-open:hover, .semi-select-focus:hover {
-  background-color: var(--semi-color-fill-0);
+  background-color: var(--semi-color-input-DefaultBg);
   border: 1px solid var(--semi-color-focus-border);
 }
 .semi-select-open:active, .semi-select-focus:active {
-  background-color: var(--semi-color-fill-2);
+  background-color: var(--semi-color-input-DefaultBg);
   border: 1px solid var(--semi-color-focus-border);
 }
 .semi-select-warning {
@@ -18674,7 +18676,7 @@ img[src=""], img:not([src]) {
 }
 .semi-select-multiple .semi-select-content-wrapper {
   width: 100%;
-  min-height: 30px;
+  min-height: 34px;
   flex-wrap: wrap;
 }
 .semi-select-multiple .semi-select-content-wrapper-empty {
@@ -18700,7 +18702,7 @@ img[src=""], img:not([src]) {
   min-height: 38px;
 }
 .semi-select-multiple.semi-select-small .semi-select-content-wrapper {
-  min-height: 22px;
+  min-height: 26px;
 }
 .semi-select-arrow {
   display: flex;