@arco-themes/vue-startrek 0.0.1 → 0.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 +19 -0
  2. package/css/arco.css +1 -1
  3. package/package.json +1 -1
  4. package/theme.css +1 -1
  5. package/theme.less +1 -1
  6. package/tokens.less +23 -23
  7. package/variables.less +24 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/vue-startrek",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "description": "",
5
5
  "author": "changxiaoru1122",
6
6
  "owners": [],
package/theme.css CHANGED
@@ -1,5 +1,5 @@
1
1
  body {
2
- font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
2
+ font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
3
3
  }
4
4
  body {
5
5
  --color-white: #ffffff;
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,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
120
+ @font-family: PingFang SC,-apple-system,BlinkMacSystemFont,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
121
121
  @font-size-display-3: 56px;
122
122
  @font-size-display-2: 48px;
123
123
  @font-size-display-1: 36px;
package/tokens.less CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  /*********** font ***********/
4
4
 
5
- @font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
5
+ @font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
6
6
  @font-size-display-3: 56px;
7
7
  @font-size-display-2: 48px;
8
8
  @font-size-display-1: 36px;
@@ -985,37 +985,37 @@
985
985
 
986
986
  /*********** input ***********/
987
987
 
988
- @input-color-bg: var(--color-fill-2);
989
- @input-color-bg_hover: var(--color-fill-3);
988
+ @input-color-bg: transparent;
989
+ @input-color-bg_hover: transparent;
990
990
  @input-color-bg_focus: var(--color-bg-2);
991
- @input-color-bg_disabled: var(--color-fill-2);
992
- @input-color-addon-bg: var(--color-fill-2);
991
+ @input-color-bg_disabled: #f0f2f5;
992
+ @input-color-addon-bg: transparent;
993
993
  @input-color-addon-border: var(--color-neutral-3);
994
994
  @input-border-addon-separator-width: 1px;
995
995
  @input-color-border_focus: rgb(var(--primary-6));
996
996
  @input-color-shadow_focus: var(--color-primary-light-2);
997
997
  @input-size-shadow_focus: 0;
998
998
  @input-color-addon-border_default: transparent;
999
- @input-color-text: var(--color-text-1);
1000
- @input-color-placeholder-text: var(--color-text-3);
1001
- @input-color-text_disabled: var(--color-text-4);
1002
- @input-color-bg_error: var(--color-danger-light-1);
1003
- @input-color-bg_error_hover: var(--color-danger-light-2);
999
+ @input-color-text: #34363f;
1000
+ @input-color-placeholder-text: #5e6375;
1001
+ @input-color-text_disabled: #c6c8cc;
1002
+ @input-color-bg_error: transparent;
1003
+ @input-color-bg_error_hover: transparent;
1004
1004
  @input-color-bg_error_focus: var(--color-bg-2);
1005
1005
  @input-color-border_error_focus: rgb(var(--danger-6));
1006
1006
  @input-color-shadow_error_focus: var(--color-danger-light-2);
1007
1007
  @input-size-shadow_error_focus: 0;
1008
- @input-border-radius: var(--border-radius-small);
1008
+ @input-border-radius: 4px;
1009
1009
  @input-size-default-height: 32px;
1010
1010
  @input-size-mini-height: 24px;
1011
1011
  @input-size-small-height: 28px;
1012
1012
  @input-size-large-height: 36px;
1013
1013
  @input-border-width: 1px;
1014
- @input-color-border: transparent;
1015
- @input-color-border_disabled: transparent;
1016
- @input-color-border_hover: transparent;
1017
- @input-color-border_error: transparent;
1018
- @input-color-border_error_hover: transparent;
1014
+ @input-color-border: #dce0e5;
1015
+ @input-color-border_disabled: #dce0e5;
1016
+ @input-color-border_hover: rgb(var(--primary-6));
1017
+ @input-color-border_error: rgb(var(--danger-6));
1018
+ @input-color-border_error_hover: rgb(var(--danger-4));
1019
1019
  @input-size-default-font-size: 14px;
1020
1020
  @input-size-small-font-size: 14px;
1021
1021
  @input-size-large-font-size: 14px;
@@ -1176,26 +1176,26 @@
1176
1176
  @picker-size-small-font-size-text: 14px;
1177
1177
  @picker-size-default-font-size-text: 14px;
1178
1178
  @picker-size-large-font-size-text: 14px;
1179
- @picker-input-border-radius: var(--border-radius-small);
1179
+ @picker-input-border-radius: 4px;
1180
1180
  @picker-color-shadow_focus: var(--color-primary-light-2);
1181
1181
  @picker-size-shadow_focus: 0;
1182
1182
  @picker-color-shadow_error_focus: var(--color-danger-light-2);
1183
1183
  @picker-size-shadow_error_focus: 0;
1184
- @picker-color-bg: var(--color-fill-2);
1184
+ @picker-color-bg: transparent;
1185
1185
  @picker-color-bg_hover: var(--color-fill-3);
1186
1186
  @picker-color-bg_focus: var(--color-bg-2);
1187
- @picker-color-bg_disabled: var(--color-fill-2);
1187
+ @picker-color-bg_disabled: #f0f2f5;
1188
1188
  @picker-color-bg_error: var(--color-danger-light-1);
1189
1189
  @picker-color-bg_error_hover: var(--color-danger-light-2);
1190
1190
  @picker-color-bg_error_focus: var(--color-bg-2);
1191
- @picker-color-border: transparent;
1191
+ @picker-color-border: #dce0e5;
1192
1192
  @picker-color-border_hover: transparent;
1193
1193
  @picker-color-border_focus: rgb(var(--primary-6));
1194
- @picker-color-border_disabled: transparent;
1194
+ @picker-color-border_disabled: #dce0e5;
1195
1195
  @picker-color-border_error: transparent;
1196
1196
  @picker-color-border_error_hover: transparent;
1197
1197
  @picker-color-border_error_focus: rgb(var(--danger-6));
1198
- @picker-color-placeholder: var(--color-text-3);
1198
+ @picker-color-placeholder: #5e6375;
1199
1199
  @picker-color-placeholder_disabled: var(--color-text-4);
1200
1200
  @picker-color-text: var(--color-text-2);
1201
1201
  @picker-color-text_disabled: var(--color-text-4);
@@ -2325,7 +2325,7 @@
2325
2325
  @divider-font-weight: 500;
2326
2326
  @divider-size: 1px;
2327
2327
  @divider-line-style: solid;
2328
- @divider-color-bg: var(--color-neutral-3);
2328
+ @divider-color-bg: #f0f2f5;
2329
2329
  @divider-color-text: var(--color-text-1);
2330
2330
  @divider-prefix-cls: ~'@{prefix}-divider';
2331
2331
 
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,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
114
+ @font-family: PingFang SC,-apple-system,BlinkMacSystemFont,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
115
115
  @font-size-display-3: 56px;
116
116
  @font-size-display-2: 48px;
117
117
  @font-size-display-1: 36px;
@@ -805,3 +805,26 @@
805
805
  @dark-color-text-7: #f0f2f5;
806
806
  @color-text-8: #f2f6fd;
807
807
  @dark-color-text-8: #f2f6fd;
808
+ @divider-color-bg: @color-text-7;
809
+ @input-number-step-button-color-bg_default: var(~'@{arco-cssvars-prefix}-color-fill-2');
810
+ @input-border-radius: @border-radius-medium;
811
+ @input-color-text: @color-text-2;
812
+ @input-color-placeholder-text: @color-text-4;
813
+ @input-color-border: @color-text-6;
814
+ @input-color-bg: @color-transparent;
815
+ @input-color-text_disabled: @color-text-5;
816
+ @input-color-border_disabled: @color-text-6;
817
+ @input-color-bg_hover: @color-transparent;
818
+ @input-color-border_hover: @color-primary-6;
819
+ @input-color-bg_error: @color-transparent;
820
+ @input-color-border_error: @color-danger-6;
821
+ @input-color-bg_error_hover: @color-transparent;
822
+ @input-color-border_error_hover: @color-danger-4;
823
+ @upload-drag-color-bg: var(~'@{arco-cssvars-prefix}-color-fill-1');
824
+ @picker-color-bg: @color-transparent;
825
+ @picker-color-border: @color-text-6;
826
+ @picker-input-border-radius: @border-radius-medium;
827
+ @picker-color-placeholder: @color-text-4;
828
+ @picker-color-bg_disabled: @color-text-7;
829
+ @picker-color-border_disabled: @color-text-6;
830
+ @input-color-bg_disabled: @color-text-7;