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

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 +21 -10
  3. package/scss/_palette.scss +10 -10
  4. package/scss/local.scss +7 -0
  5. package/semi.css +17 -17
  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.1",
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",
@@ -696,6 +696,17 @@
696
696
  "$spacing-banner-paddingX": "12px"
697
697
  }
698
698
  },
699
+ "button": {
700
+ "color": {
701
+ "$color-button_primary-bg-default": "var(--semi-color-primary)",
702
+ "$color-button_secondary-bg-hover": "var(--semi-color-bg-2)",
703
+ "$color-button_secondary-bg-active": "var(--semi-color-bg-1)",
704
+ "$color-button_primary-text-default": "var(--semi-color-bg-0)",
705
+ "$color-button_secondary-bg-default": "var(--semi-color-bg-4)",
706
+ "$color-button_secondary-border-default": "var(--semi-color-bg-3)",
707
+ "$color-button_secondary_borderless-text-default": "var(--semi-color-text-1)"
708
+ }
709
+ },
699
710
  "dropdown": {
700
711
  "radius": {
701
712
  "$radius-dropdown": "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
@@ -3,5 +3,12 @@ $radius-toast_content: 10px;
3
3
  $spacing-toast_content-paddingLeft: 16px;
4
4
  $spacing-toast_content-paddingRight: 10px;
5
5
  $spacing-banner-paddingX: 12px;
6
+ $color-button_primary-bg-default: var(--semi-color-primary);
7
+ $color-button_secondary-bg-hover: var(--semi-color-bg-2);
8
+ $color-button_secondary-bg-active: var(--semi-color-bg-1);
9
+ $color-button_primary-text-default: var(--semi-color-bg-0);
10
+ $color-button_secondary-bg-default: var(--semi-color-bg-4);
11
+ $color-button_secondary-border-default: var(--semi-color-bg-3);
12
+ $color-button_secondary_borderless-text-default: var(--semi-color-text-1);
6
13
  $radius-dropdown: 10px;
7
14
  $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);