@semi-bot/semi-theme-geekathon 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/raw.json +32 -10
  3. package/scss/_palette.scss +10 -10
  4. package/scss/local.scss +10 -0
  5. package/semi.css +20 -20
  6. package/semi.min.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-geekathon",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -83,16 +83,16 @@
83
83
  "--semi-amber-7": "250,231,166",
84
84
  "--semi-amber-8": "253,244,210",
85
85
  "--semi-amber-9": "254,251,237",
86
- "--semi-brand-0": "1,38,87",
87
- "--semi-brand-1": "6,58,123",
88
- "--semi-brand-2": "12,80,159",
89
- "--semi-brand-3": "20,104,194",
90
- "--semi-brand-4": "31,130,230",
91
- "--semi-brand-5": "72,156,235",
92
- "--semi-brand-6": "115,182,240",
93
- "--semi-brand-7": "160,207,245",
94
- "--semi-brand-8": "207,231,250",
95
- "--semi-brand-9": "236,245,253",
86
+ "--semi-brand-0": "31,34,38",
87
+ "--semi-brand-1": "168,173,177",
88
+ "--semi-brand-2": "199,203,206",
89
+ "--semi-brand-3": "231,233,234",
90
+ "--semi-brand-4": "249,249,249",
91
+ "--semi-brand-5": "231,233,234",
92
+ "--semi-brand-6": "199,203,206",
93
+ "--semi-brand-7": "168,173,177",
94
+ "--semi-brand-8": "139,144,149",
95
+ "--semi-brand-9": "110,115,120",
96
96
  "--semi-green-0": "21,61,25",
97
97
  "--semi-green-1": "32,91,38",
98
98
  "--semi-green-2": "44,121,50",
@@ -682,6 +682,12 @@
682
682
  "$radius-card": "10px"
683
683
  }
684
684
  },
685
+ "steps": {
686
+ "color": {
687
+ "$color-steps_item_finish-icon": "var(--semi-color-text-0)",
688
+ "$color-steps_item_process_left_number-icon": "var(--semi-color-bg-1)"
689
+ }
690
+ },
685
691
  "toast": {
686
692
  "radius": {
687
693
  "$radius-toast_content": "10px"
@@ -696,11 +702,27 @@
696
702
  "$spacing-banner-paddingX": "12px"
697
703
  }
698
704
  },
705
+ "button": {
706
+ "color": {
707
+ "$color-button_primary-bg-default": "var(--semi-color-primary)",
708
+ "$color-button_secondary-bg-hover": "var(--semi-color-bg-2)",
709
+ "$color-button_secondary-bg-active": "var(--semi-color-bg-1)",
710
+ "$color-button_primary-text-default": "var(--semi-color-bg-0)",
711
+ "$color-button_secondary-bg-default": "var(--semi-color-bg-4)",
712
+ "$color-button_secondary-border-default": "var(--semi-color-bg-3)",
713
+ "$color-button_secondary_borderless-text-default": "var(--semi-color-text-1)"
714
+ }
715
+ },
699
716
  "dropdown": {
700
717
  "radius": {
701
718
  "$radius-dropdown": "10px"
702
719
  }
703
720
  },
721
+ "datePicker": {
722
+ "color": {
723
+ "$color-datepicker_date_selected-text-default": "var(--semi-color-bg-0)"
724
+ }
725
+ },
704
726
  "notification": {
705
727
  "radius": {
706
728
  "$radius-notification_notice": "10px"
package/scss/_palette.scss CHANGED
@@ -257,16 +257,16 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
257
257
  --semi-amber-7: 250,231,166;
258
258
  --semi-amber-8: 253,244,210;
259
259
  --semi-amber-9: 254,251,237;
260
- --semi-brand-0: 1,38,87;
261
- --semi-brand-1: 6,58,123;
262
- --semi-brand-2: 12,80,159;
263
- --semi-brand-3: 20,104,194;
264
- --semi-brand-4: 31,130,230;
265
- --semi-brand-5: 72,156,235;
266
- --semi-brand-6: 115,182,240;
267
- --semi-brand-7: 160,207,245;
268
- --semi-brand-8: 207,231,250;
269
- --semi-brand-9: 236,245,253;
260
+ --semi-brand-0: 31,34,38;
261
+ --semi-brand-1: 168,173,177;
262
+ --semi-brand-2: 199,203,206;
263
+ --semi-brand-3: 231,233,234;
264
+ --semi-brand-4: 249,249,249;
265
+ --semi-brand-5: 231,233,234;
266
+ --semi-brand-6: 199,203,206;
267
+ --semi-brand-7: 168,173,177;
268
+ --semi-brand-8: 139,144,149;
269
+ --semi-brand-9: 110,115,120;
270
270
  --semi-green-0: 21,61,25;
271
271
  --semi-green-1: 32,91,38;
272
272
  --semi-green-2: 44,121,50;
package/scss/local.scss CHANGED
@@ -1,7 +1,17 @@
1
1
  $radius-card: 10px;
2
+ $color-steps_item_finish-icon: var(--semi-color-text-0);
3
+ $color-steps_item_process_left_number-icon: var(--semi-color-bg-1);
2
4
  $radius-toast_content: 10px;
3
5
  $spacing-toast_content-paddingLeft: 16px;
4
6
  $spacing-toast_content-paddingRight: 10px;
5
7
  $spacing-banner-paddingX: 12px;
8
+ $color-button_primary-bg-default: var(--semi-color-primary);
9
+ $color-button_secondary-bg-hover: var(--semi-color-bg-2);
10
+ $color-button_secondary-bg-active: var(--semi-color-bg-1);
11
+ $color-button_primary-text-default: var(--semi-color-bg-0);
12
+ $color-button_secondary-bg-default: var(--semi-color-bg-4);
13
+ $color-button_secondary-border-default: var(--semi-color-bg-3);
14
+ $color-button_secondary_borderless-text-default: var(--semi-color-text-1);
6
15
  $radius-dropdown: 10px;
16
+ $color-datepicker_date_selected-text-default: var(--semi-color-bg-0);
7
17
  $radius-notification_notice: 10px;
package/semi.css CHANGED
@@ -258,16 +258,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
258
258
  --semi-amber-7: 250,231,166;
259
259
  --semi-amber-8: 253,244,210;
260
260
  --semi-amber-9: 254,251,237;
261
- --semi-brand-0: 1,38,87;
262
- --semi-brand-1: 6,58,123;
263
- --semi-brand-2: 12,80,159;
264
- --semi-brand-3: 20,104,194;
265
- --semi-brand-4: 31,130,230;
266
- --semi-brand-5: 72,156,235;
267
- --semi-brand-6: 115,182,240;
268
- --semi-brand-7: 160,207,245;
269
- --semi-brand-8: 207,231,250;
270
- --semi-brand-9: 236,245,253;
261
+ --semi-brand-0: 31,34,38;
262
+ --semi-brand-1: 168,173,177;
263
+ --semi-brand-2: 199,203,206;
264
+ --semi-brand-3: 231,233,234;
265
+ --semi-brand-4: 249,249,249;
266
+ --semi-brand-5: 231,233,234;
267
+ --semi-brand-6: 199,203,206;
268
+ --semi-brand-7: 168,173,177;
269
+ --semi-brand-8: 139,144,149;
270
+ --semi-brand-9: 110,115,120;
271
271
  --semi-green-0: 21,61,25;
272
272
  --semi-green-1: 32,91,38;
273
273
  --semi-green-2: 44,121,50;
@@ -3441,7 +3441,7 @@ body, :host {
3441
3441
  }
3442
3442
  .semi-button-primary {
3443
3443
  background-color: var(--semi-color-primary);
3444
- color: rgba(var(--semi-white), 1);
3444
+ color: var(--semi-color-bg-0);
3445
3445
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
3446
3446
  transform: scale(var(--semi-transform_scale-none));
3447
3447
  }
@@ -3492,8 +3492,8 @@ body, :host {
3492
3492
  color: var(--semi-color-primary);
3493
3493
  }
3494
3494
  .semi-button-secondary {
3495
- background-color: var(--semi-color-secondary);
3496
- outline-color: var(--semi-color-secondary);
3495
+ background-color: var(--semi-color-bg-4);
3496
+ outline-color: var(--semi-color-bg-3);
3497
3497
  color: rgba(var(--semi-white), 1);
3498
3498
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
3499
3499
  transform: scale(var(--semi-transform_scale-none));
@@ -3513,13 +3513,13 @@ body, :host {
3513
3513
  border: 1px solid var(--semi-color-border);
3514
3514
  }
3515
3515
  .semi-button-secondary:hover {
3516
- background-color: var(--semi-color-secondary-hover);
3516
+ background-color: var(--semi-color-bg-2);
3517
3517
  }
3518
3518
  .semi-button-secondary:active {
3519
- background-color: var(--semi-color-secondary-active);
3519
+ background-color: var(--semi-color-bg-1);
3520
3520
  }
3521
3521
  .semi-button-secondary.semi-button-light, .semi-button-secondary.semi-button-outline, .semi-button-secondary.semi-button-borderless {
3522
- color: var(--semi-color-secondary);
3522
+ color: var(--semi-color-text-1);
3523
3523
  }
3524
3524
  .semi-button-disabled {
3525
3525
  color: var(--semi-color-disabled-text);
@@ -3653,7 +3653,7 @@ body, :host {
3653
3653
  background-color: var(--semi-color-primary);
3654
3654
  }
3655
3655
  .semi-button-group-line-secondary {
3656
- background-color: var(--semi-color-secondary);
3656
+ background-color: var(--semi-color-bg-4);
3657
3657
  }
3658
3658
  .semi-button-group-line-tertiary {
3659
3659
  background-color: var(--semi-color-tertiary);
@@ -6961,7 +6961,7 @@ body, :host {
6961
6961
  }
6962
6962
  .semi-datepicker-day-selected .semi-datepicker-day-main, .semi-datepicker-day-selected-start .semi-datepicker-day-main, .semi-datepicker-day-selected-end .semi-datepicker-day-main {
6963
6963
  background-color: var(--semi-color-primary);
6964
- color: var(--semi-color-white);
6964
+ color: var(--semi-color-bg-0);
6965
6965
  }
6966
6966
  .semi-datepicker-day-selected .semi-datepicker-day-main:hover, .semi-datepicker-day-selected-start .semi-datepicker-day-main:hover, .semi-datepicker-day-selected-end .semi-datepicker-day-main:hover {
6967
6967
  background-color: var(--semi-color-primary);
@@ -20638,7 +20638,7 @@ img[src=""], img:not([src]) {
20638
20638
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
20639
20639
  }
20640
20640
  .semi-steps-basic .semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {
20641
- color: var(--semi-color-primary);
20641
+ color: var(--semi-color-text-0);
20642
20642
  }
20643
20643
  .semi-steps-basic .semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
20644
20644
  color: var(--semi-color-white);
@@ -20661,7 +20661,7 @@ img[src=""], img:not([src]) {
20661
20661
  color: var(--semi-color-primary);
20662
20662
  }
20663
20663
  .semi-steps-basic .semi-steps-item-process .semi-steps-item-left .semi-steps-item-icon .semi-steps-item-number-icon {
20664
- color: var(--semi-color-white);
20664
+ color: var(--semi-color-bg-1);
20665
20665
  }
20666
20666
  .semi-steps-basic .semi-steps-item-error .semi-steps-item-left .semi-steps-item-icon {
20667
20667
  color: var(--semi-color-danger);