@semi-bot/semi-theme-fnos 1.0.1 → 1.0.3

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 (7) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +10 -6
  4. package/scss/global.scss +7 -6
  5. package/scss/local.scss +3 -0
  6. package/semi.css +9 -8
  7. package/semi.min.css +1 -1
package/README.md CHANGED
@@ -9,7 +9,7 @@ Compatible with Semi Foundation Version 2.87.0-beta.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
- light 模式下，色盘调整完成
12
+
13
13
 
14
14
 
15
15
  ## Manual
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-fnos",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -598,6 +598,7 @@
598
598
  "text/--semi-color-text-2": "rgba(var(--semi-neutral-9),0.6)",
599
599
  "text/--semi-color-text-3": "rgba(var(--semi-neutral-9),0.4)",
600
600
  "white/--semi-color-white": "rgba(255,255,255,1)",
601
+ "app/--semi-color-app-name": "rgba(var(--semi-blue-6),1)",
601
602
  "bg/--semi-color-bg-avatar": "rgba(var(--semi-neutral-5),0.08)",
602
603
  "data/--semi-color-data-10": "rgba(48, 167, 206, 1)",
603
604
  "data/--semi-color-data-11": "rgba(249, 192, 100, 1)",
@@ -610,7 +611,7 @@
610
611
  "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
611
612
  "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
612
613
  "data/--semi-color-data-20": "rgba(121,137,255, 1)",
613
- "border/--semi-color-border": "rgba(var(--semi-neutral-3),1)",
614
+ "border/--semi-color-border": "rgba(var(--semi-neutral-5),0.16)",
614
615
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
615
616
  "shadow/--semi-color-shadow": "rgba(var(--semi-neutral-9),0.05)",
616
617
  "text/--semi-color-text-nav": "rgba(var(--semi-neutral-9),0.8)",
@@ -663,27 +664,27 @@
663
664
  "tab/--semi-color-tab-DisabledBg": "rgba(var(--semi-neutral-2),1)",
664
665
  "tab/--semi-color-tab-SelectedBg": "rgba(var(--semi-neutral-9),1)",
665
666
  "Scrollbar/--semi-color-Scrollbar": "rgba(var(--semi-neutral-5),0.16)",
666
- "border/--semi-color-border-hover": "rgba(var(--semi-neutral-4),1)",
667
- "border/--semi-color-border-modal": "rgba(var(--semi-neutral-8),0.15)",
667
+ "border/--semi-color-border-hover": "rgba(var(--semi-neutral-4),0.2)",
668
+ "border/--semi-color-border-modal": "rgba(var(--semi-neutral-5),0.16)",
668
669
  "card/--semi-color-card-DefaultBg": "rgba(var(--semi-neutral-5),0.05)",
669
670
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
670
671
  "highlight/--semi-color-highlight": "rgba(var(--semi-black),1)",
671
672
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
672
673
  "table/--semi-color-table-FocusBg": "rgba(var(--semi-brand-5),0.2)",
673
674
  "table/--semi-color-table-HoverBg": "rgba(var(--semi-neutral-5),0.08)",
674
- "border/--semi-color-border-active": "rgba(var(--semi-neutral-5),1)",
675
+ "border/--semi-color-border-active": "rgba(var(--semi-neutral-5),0.2)",
675
676
  "border/--semi-color-border-select": "rgba(var(--semi-neutral-0),0)",
676
677
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
677
678
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-neutral-5),0.08)",
678
679
  "table/--semi-color-table-ActiveBg": "rgba(var(--semi-brand-5),0.12)",
679
- "card/--semi-color-card-borderHover": "rgba(var(--semi-neutral-5),0.2)",
680
+ "card/--semi-color-card-borderHover": "rgba(var(--semi-neutral-6),0.2)",
680
681
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
681
682
  "photo/--semi-color-photo-toastText": "rgba(255,255,255,1)",
682
683
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
683
684
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
684
685
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
685
686
  "Component/--semi-color-Component-bg": "rgba(255,255,255,0.5)",
686
- "card/--semi-color-card-borderActive": "rgba(var(--semi-blue-5),1)",
687
+ "card/--semi-color-card-borderActive": "rgba(var(--semi-brand-5),1)",
687
688
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
688
689
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-neutral-5),0.08)",
689
690
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-neutral-5),0.4)",
@@ -948,10 +949,13 @@
948
949
  },
949
950
  "button": {
950
951
  "color": {
952
+ "$color-button_light-bg-default": "var(--semi-color-fill-0)",
951
953
  "$color-button_primary-bg-hover": "var(--semi-color-primary-hover)",
952
954
  "$color-button_tertiary-bg-hover": "var(--semi-color-tertiary-hover)",
955
+ "$color-button_light-border-hover": "var(--semi-color-bg-transparent)",
953
956
  "$color-button_primary-bg-default": "var(--semi-color-primary)",
954
957
  "$color-button_secondary-bg-hover": "var(--semi-color-secondary-hover)",
958
+ "$color-button_light-border-active": "var(--semi-color-bg-transparent)",
955
959
  "$color-button_secondary-bg-active": "var(--semi-color-fill-1)",
956
960
  "$color-button_tertiary-bg-default": "var(--semi-color-tertiary)",
957
961
  "$color-button_secondary-bg-default": "var(--semi-color-secondary)",
package/scss/global.scss CHANGED
@@ -31,6 +31,7 @@ body, body[theme-mode="dark"] .semi-always-light {
31
31
  --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
32
32
  --semi-color-text-3: rgba(var(--semi-neutral-9),0.4);
33
33
  --semi-color-white: rgba(255,255,255,1);
34
+ --semi-color-app-name: rgba(var(--semi-blue-6),1);
34
35
  --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
35
36
  --semi-color-data-10: rgba(48, 167, 206, 1);
36
37
  --semi-color-data-11: rgba(249, 192, 100, 1);
@@ -43,7 +44,7 @@ body, body[theme-mode="dark"] .semi-always-light {
43
44
  --semi-color-data-18: rgba(212, 88, 212, 1);
44
45
  --semi-color-data-19: rgba(188, 198, 255, 1);
45
46
  --semi-color-data-20: rgba(121,137,255, 1);
46
- --semi-color-border: rgba(var(--semi-neutral-3),1);
47
+ --semi-color-border: rgba(var(--semi-neutral-5),0.16);
47
48
  --semi-color-danger: rgba(var(--semi-red-5), 1);
48
49
  --semi-color-shadow: rgba(var(--semi-neutral-9),0.05);
49
50
  --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
@@ -96,27 +97,27 @@ body, body[theme-mode="dark"] .semi-always-light {
96
97
  --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
97
98
  --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
98
99
  --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.16);
99
- --semi-color-border-hover: rgba(var(--semi-neutral-4),1);
100
- --semi-color-border-modal: rgba(var(--semi-neutral-8),0.15);
100
+ --semi-color-border-hover: rgba(var(--semi-neutral-4),0.2);
101
+ --semi-color-border-modal: rgba(var(--semi-neutral-5),0.16);
101
102
  --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
102
103
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
103
104
  --semi-color-highlight: rgba(var(--semi-black),1);
104
105
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
105
106
  --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
106
107
  --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
107
- --semi-color-border-active: rgba(var(--semi-neutral-5),1);
108
+ --semi-color-border-active: rgba(var(--semi-neutral-5),0.2);
108
109
  --semi-color-border-select: rgba(var(--semi-neutral-0),0);
109
110
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
110
111
  --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
111
112
  --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
112
- --semi-color-card-borderHover: rgba(var(--semi-neutral-5),0.2);
113
+ --semi-color-card-borderHover: rgba(var(--semi-neutral-6),0.2);
113
114
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
114
115
  --semi-color-photo-toastText: rgba(255,255,255,1);
115
116
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
116
117
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
117
118
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
118
119
  --semi-color-Component-bg: rgba(255,255,255,0.5);
119
- --semi-color-card-borderActive: rgba(var(--semi-blue-5),1);
120
+ --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
120
121
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
121
122
  --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
122
123
  --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
package/scss/local.scss CHANGED
@@ -46,10 +46,13 @@ $color-table-border-default: var(--semi-color-divider-1);
46
46
  $color-table_th-border-default: var(--semi-color-divider-1);
47
47
  $color-table_shadow-border-default: var(--semi-color-divider-1);
48
48
  $width-table_header_border: 1px;
49
+ $color-button_light-bg-default: var(--semi-color-fill-0);
49
50
  $color-button_primary-bg-hover: var(--semi-color-primary-hover);
50
51
  $color-button_tertiary-bg-hover: var(--semi-color-tertiary-hover);
52
+ $color-button_light-border-hover: var(--semi-color-bg-transparent);
51
53
  $color-button_primary-bg-default: var(--semi-color-primary);
52
54
  $color-button_secondary-bg-hover: var(--semi-color-secondary-hover);
55
+ $color-button_light-border-active: var(--semi-color-bg-transparent);
53
56
  $color-button_secondary-bg-active: var(--semi-color-fill-1);
54
57
  $color-button_tertiary-bg-default: var(--semi-color-tertiary);
55
58
  $color-button_secondary-bg-default: var(--semi-color-secondary);
package/semi.css CHANGED
@@ -431,6 +431,7 @@ body, body[theme-mode=dark] .semi-always-light {
431
431
  --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
432
432
  --semi-color-text-3: rgba(var(--semi-neutral-9),0.4);
433
433
  --semi-color-white: rgba(255,255,255,1);
434
+ --semi-color-app-name: rgba(var(--semi-blue-6),1);
434
435
  --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
435
436
  --semi-color-data-10: rgba(48, 167, 206, 1);
436
437
  --semi-color-data-11: rgba(249, 192, 100, 1);
@@ -443,7 +444,7 @@ body, body[theme-mode=dark] .semi-always-light {
443
444
  --semi-color-data-18: rgba(212, 88, 212, 1);
444
445
  --semi-color-data-19: rgba(188, 198, 255, 1);
445
446
  --semi-color-data-20: rgba(121,137,255, 1);
446
- --semi-color-border: rgba(var(--semi-neutral-3),1);
447
+ --semi-color-border: rgba(var(--semi-neutral-5),0.16);
447
448
  --semi-color-danger: rgba(var(--semi-red-5), 1);
448
449
  --semi-color-shadow: rgba(var(--semi-neutral-9),0.05);
449
450
  --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
@@ -496,27 +497,27 @@ body, body[theme-mode=dark] .semi-always-light {
496
497
  --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
497
498
  --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
498
499
  --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.16);
499
- --semi-color-border-hover: rgba(var(--semi-neutral-4),1);
500
- --semi-color-border-modal: rgba(var(--semi-neutral-8),0.15);
500
+ --semi-color-border-hover: rgba(var(--semi-neutral-4),0.2);
501
+ --semi-color-border-modal: rgba(var(--semi-neutral-5),0.16);
501
502
  --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
502
503
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
503
504
  --semi-color-highlight: rgba(var(--semi-black),1);
504
505
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
505
506
  --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
506
507
  --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
507
- --semi-color-border-active: rgba(var(--semi-neutral-5),1);
508
+ --semi-color-border-active: rgba(var(--semi-neutral-5),0.2);
508
509
  --semi-color-border-select: rgba(var(--semi-neutral-0),0);
509
510
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
510
511
  --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
511
512
  --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
512
- --semi-color-card-borderHover: rgba(var(--semi-neutral-5),0.2);
513
+ --semi-color-card-borderHover: rgba(var(--semi-neutral-6),0.2);
513
514
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
514
515
  --semi-color-photo-toastText: rgba(255,255,255,1);
515
516
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
516
517
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
517
518
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
518
519
  --semi-color-Component-bg: rgba(255,255,255,0.5);
519
- --semi-color-card-borderActive: rgba(var(--semi-blue-5),1);
520
+ --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
520
521
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
521
522
  --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
522
523
  --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
@@ -2545,11 +2546,11 @@ body {
2545
2546
  }
2546
2547
  .semi-button-light:not(.semi-button-disabled):hover {
2547
2548
  background-color: var(--semi-color-fill-1);
2548
- border: 1px transparent solid;
2549
+ border: 1px var(--semi-color-bg-transparent) solid;
2549
2550
  }
2550
2551
  .semi-button-light:not(.semi-button-disabled):active {
2551
2552
  background-color: var(--semi-color-fill-2);
2552
- border: 1px transparent solid;
2553
+ border: 1px var(--semi-color-bg-transparent) solid;
2553
2554
  }
2554
2555
  .semi-button-size-small {
2555
2556
  height: 28px;