@arco-themes/vue-rb-node-saas-web 0.0.6 → 0.0.7

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 +7 -0
  2. package/css/arco.css +1 -1
  3. package/package.json +1 -1
  4. package/theme.css +4 -4
  5. package/theme.less +4 -4
  6. package/tokens.less +11 -11
  7. package/variables.less +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/vue-rb-node-saas-web",
3
- "version": "0.0.6",
3
+ "version": "0.0.7",
4
4
  "description": "",
5
5
  "author": "k5v1n",
6
6
  "owners": [],
package/theme.css CHANGED
@@ -1,5 +1,5 @@
1
1
  body {
2
- font-family: Inter, PingFang SC, sans-serif, -apple-system, BlinkMacSystemFont, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial;
2
+ font-family: PingFang SC, sans-serif, -apple-system, BlinkMacSystemFont, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial;
3
3
  }
4
4
  body {
5
5
  --color-white: #ffffff;
@@ -23,15 +23,15 @@ body {
23
23
  --color-neutral-9: rgb(var(--gray-9));
24
24
  --color-neutral-10: rgb(var(--gray-10));
25
25
  --color-text-1: #333333;
26
- --color-text-2: #7f7f7f;
27
- --color-text-3: #c4c4c4;
26
+ --color-text-2: #4e5969;
27
+ --color-text-3: #86909c;
28
28
  --color-text-4: var(--color-neutral-4);
29
29
  --color-fill-1: var(--color-neutral-1);
30
30
  --color-fill-2: #f1f2f8;
31
31
  --color-fill-3: var(--color-neutral-3);
32
32
  --color-fill-4: var(--color-neutral-4);
33
33
  --color-border-1: var(--color-neutral-2);
34
- --color-border-2: #dedede;
34
+ --color-border-2: #e5e6eb;
35
35
  --color-border-3: var(--color-neutral-4);
36
36
  --color-border-4: var(--color-neutral-6);
37
37
  --color-primary-light-1: rgb(var(--primary-1));
package/theme.less CHANGED
@@ -117,7 +117,7 @@
117
117
  @shadow-distance-2: 2px;
118
118
  @shadow-distance-3: 3px;
119
119
  @shadow-distance-4: 4px;
120
- @font-family: Inter,PingFang SC,sans-serif,-apple-system,BlinkMacSystemFont,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;
120
+ @font-family: PingFang SC,sans-serif,-apple-system,BlinkMacSystemFont,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;
121
121
  @font-size-display-3: 56px;
122
122
  @font-size-display-2: 48px;
123
123
  @font-size-display-1: 36px;
@@ -595,11 +595,11 @@
595
595
  @color-white: #ffffff;
596
596
  @dark-color-text-2: rgba(255, 255, 255, 0.7);
597
597
  @dark-color-white: rgba(255, 255, 255, 0.9);
598
- @color-text-3: rgb(196, 196, 196);
599
- @color-text-2: rgb(127, 127, 127);
598
+ @color-text-3: rgb(134, 144, 156);
599
+ @color-text-2: rgb(78, 89, 105);
600
600
  @color-text-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
601
601
  @dark-color-text-3: rgba(255, 255, 255, 0.5);
602
- @color-border-2: rgb(222, 222, 222);
602
+ @color-border-2: rgb(229, 230, 235);
603
603
  @color-fill-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
604
604
  @color-fill-2: rgb(241, 242, 248);
605
605
  @color-fill-3: var(~'@{arco-cssvars-prefix}-color-neutral-3');
package/tokens.less CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  /*********** font ***********/
4
4
 
5
- @font-family: Inter, PingFang SC, sans-serif, -apple-system, BlinkMacSystemFont, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial;
5
+ @font-family: PingFang SC, sans-serif, -apple-system, BlinkMacSystemFont, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial;
6
6
  @font-size-display-3: 56px;
7
7
  @font-size-display-2: 48px;
8
8
  @font-size-display-1: 36px;
@@ -757,15 +757,15 @@
757
757
  @color-bg-5: #ffffff;
758
758
  @color-bg-white: #ffffff;
759
759
  @color-text-1: #333333;
760
- @color-text-2: #7f7f7f;
761
- @color-text-3: #c4c4c4;
760
+ @color-text-2: #4e5969;
761
+ @color-text-3: #86909c;
762
762
  @color-text-4: var(--color-neutral-4);
763
763
  @color-fill-1: var(--color-neutral-1);
764
764
  @color-fill-2: #f1f2f8;
765
765
  @color-fill-3: var(--color-neutral-3);
766
766
  @color-fill-4: var(--color-neutral-4);
767
767
  @color-border-1: var(--color-neutral-2);
768
- @color-border-2: #dedede;
768
+ @color-border-2: #e5e6eb;
769
769
  @color-border-3: var(--color-neutral-4);
770
770
  @color-border-4: var(--color-neutral-6);
771
771
  @color-primary-light-1: rgb(var(--primary-1));
@@ -1045,8 +1045,8 @@
1045
1045
  @input-size-shadow_focus: 3px;
1046
1046
  @input-color-addon-border_default: transparent;
1047
1047
  @input-color-text: var(--color-text-1);
1048
- @input-color-placeholder-text: #7f7f7f;
1049
- @input-color-text_disabled: #dedede;
1048
+ @input-color-placeholder-text: #4e5969;
1049
+ @input-color-text_disabled: #e5e6eb;
1050
1050
  @input-color-bg_error: var(--color-danger-light-1);
1051
1051
  @input-color-bg_error_hover: var(--color-danger-light-2);
1052
1052
  @input-color-bg_error_focus: var(--color-bg-2);
@@ -1059,7 +1059,7 @@
1059
1059
  @input-size-small-height: 28px;
1060
1060
  @input-size-large-height: 36px;
1061
1061
  @input-border-width: 1px;
1062
- @input-color-border: #dedede;
1062
+ @input-color-border: #e5e6eb;
1063
1063
  @input-color-border_disabled: transparent;
1064
1064
  @input-color-border_hover: rgb(var(--primary-6));
1065
1065
  @input-color-border_error: transparent;
@@ -1119,7 +1119,7 @@
1119
1119
  @input-tag-color-placeholder: #333333;
1120
1120
  @input-tag-color-icon-clear: var(--color-text-2);
1121
1121
  @input-tag-color-icon-clear-bg_hover: #ffffff;
1122
- @input-tag-color-border_default: #dedede;
1122
+ @input-tag-color-border_default: #e5e6eb;
1123
1123
  @input-tag-color-border_default_hover: transparent;
1124
1124
  @input-tag-color-border_default_focus: rgb(var(--primary-6));
1125
1125
  @input-tag-color-border_error: transparent;
@@ -1236,7 +1236,7 @@
1236
1236
  @picker-color-bg_error: var(--color-danger-light-1);
1237
1237
  @picker-color-bg_error_hover: var(--color-danger-light-2);
1238
1238
  @picker-color-bg_error_focus: var(--color-bg-2);
1239
- @picker-color-border: #dedede;
1239
+ @picker-color-border: #e5e6eb;
1240
1240
  @picker-color-border_hover: rgb(var(--primary-6));
1241
1241
  @picker-color-border_focus: rgb(var(--primary-6));
1242
1242
  @picker-color-border_disabled: transparent;
@@ -1615,7 +1615,7 @@
1615
1615
  @avatar-size-default: 40px;
1616
1616
  @avatar-font-size-text: 20px;
1617
1617
  @avatar-color-text: var(--color-white);
1618
- @avatar-color-bg: #dedede;
1618
+ @avatar-color-bg: #e5e6eb;
1619
1619
  @avatar-color-group-item-border: var(--color-bg-2);
1620
1620
  @avatar-group-item-border-width: 2px;
1621
1621
  @avatar-group-item-margin-left: -10px;
@@ -3585,7 +3585,7 @@
3585
3585
  @tabs-color-title-text_disabled: var(--color-text-4);
3586
3586
  @tabs-color-title-text_disabled_active: var(--color-primary-light-3);
3587
3587
  @tabs-line-size-header-border: 1px;
3588
- @tabs-line-color-header-border: #dedede;
3588
+ @tabs-line-color-header-border: #e5e6eb;
3589
3589
  @tabs-line-size-ink-stroke: 2px;
3590
3590
  @tabs-line-color-ink-bg: rgb(var(--primary-6));
3591
3591
  @tabs-line-color-ink-bg_disabled: var(--color-primary-light-3);
package/variables.less CHANGED
@@ -111,7 +111,7 @@
111
111
  @shadow-distance-2: 2px;
112
112
  @shadow-distance-3: 3px;
113
113
  @shadow-distance-4: 4px;
114
- @font-family: Inter,PingFang SC,sans-serif,-apple-system,BlinkMacSystemFont,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;
114
+ @font-family: PingFang SC,sans-serif,-apple-system,BlinkMacSystemFont,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;
115
115
  @font-size-display-3: 56px;
116
116
  @font-size-display-2: 48px;
117
117
  @font-size-display-1: 36px;
@@ -589,11 +589,11 @@
589
589
  @color-white: #ffffff;
590
590
  @dark-color-text-2: rgba(255, 255, 255, 0.7);
591
591
  @dark-color-white: rgba(255, 255, 255, 0.9);
592
- @color-text-3: rgb(196, 196, 196);
593
- @color-text-2: rgb(127, 127, 127);
592
+ @color-text-3: rgb(134, 144, 156);
593
+ @color-text-2: rgb(78, 89, 105);
594
594
  @color-text-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
595
595
  @dark-color-text-3: rgba(255, 255, 255, 0.5);
596
- @color-border-2: rgb(222, 222, 222);
596
+ @color-border-2: rgb(229, 230, 235);
597
597
  @color-fill-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
598
598
  @color-fill-2: rgb(241, 242, 248);
599
599
  @color-fill-3: var(~'@{arco-cssvars-prefix}-color-neutral-3');