@acorex/styles 7.1.37 → 7.1.39

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 (16) hide show
  1. package/package.json +1 -1
  2. package/src/shared/_decoration.scss +1 -1
  3. package/src/shared/_drop-down.scss +4 -4
  4. package/src/shared/_editor-container.scss +2 -2
  5. package/src/shared/_general-button.scss +4 -4
  6. package/src/shared/_list.scss +4 -4
  7. package/src/shared/_radio.scss +1 -1
  8. package/src/shared/_skeleton.scss +2 -2
  9. package/src/shared/_table.scss +2 -2
  10. package/src/themes/default.scss +9 -27
  11. package/tailwind-base.js +17 -1
  12. package/src/themes/blue.scss +0 -130
  13. package/src/themes/green.scss +0 -130
  14. package/src/themes/indigo.scss +0 -130
  15. package/src/themes/orange.scss +0 -130
  16. package/src/themes/red.scss +0 -130
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "7.1.37",
3
+ "version": "7.1.39",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "",
package/src/shared/_decoration.scss CHANGED
@@ -32,7 +32,7 @@ ax-close-button {
32
32
  cursor: pointer;
33
33
 
34
34
  ax-icon {
35
- color: rgba(var(--ax-color-surface-fore));
35
+ color: rgba(var(--ax-color-default-fore));
36
36
  font-size: 1.25rem;
37
37
 
38
38
  &:hover {
package/src/shared/_drop-down.scss CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  &:hover,
11
11
  &:focus {
12
- background-color: rgba(var(--ax-color-on-surface));
12
+ background-color: rgba(var(--ax-color-default));
13
13
  color: rgba(var(--ax-color-#{$color}-600));
14
14
  }
15
15
 
@@ -26,14 +26,14 @@
26
26
 
27
27
  &.ax-default-default {
28
28
  background-color: transparent;
29
- color: rgba(var(--ax-color-surface-fore));
29
+ color: rgba(var(--ax-color-default-fore));
30
30
  border: transparent;
31
31
 
32
32
  &:hover,
33
33
  &:focus,
34
34
  &:active {
35
- background-color: rgba(var(--ax-color-on-surface));
36
- color: rgba(var(--ax-color-on-surface-fore));
35
+ background-color: rgba(var(--ax-color-default));
36
+ color: rgba(var(--ax-color-default-fore));
37
37
  }
38
38
 
39
39
  &.ax-state-selected {
package/src/shared/_editor-container.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '../mixins/index.scss';
2
2
  // @include darkMode() {
3
3
  // .ax-editor-container {
4
- // background-color: rgba(var(--ax-color-on-surface));
4
+ // background-color: rgba(var(--ax-color-default));
5
5
  // }
6
6
  // }
7
7
  .ax-editor-container {
@@ -50,7 +50,7 @@
50
50
  height: 100%;
51
51
  font-size: 1.25rem;
52
52
  line-height: 1.25rem;
53
- color: rgba(var(--ax-color-surface-fore));
53
+ color: rgba(var(--ax-color-default-fore));
54
54
  }
55
55
 
56
56
  &.ax-button-icon {
package/src/shared/_general-button.scss CHANGED
@@ -8,15 +8,15 @@
8
8
  font-size: 0.875rem;
9
9
  cursor: pointer;
10
10
  transition: background-color 0.3s;
11
- color: rgba(var(--ax-color-surface-fore), 0.6);
11
+ color: rgba(var(--ax-color-default-fore), 0.6);
12
12
 
13
13
  &:is(&:hover):not(&:disabled, .ax-state-disabled) {
14
- background: rgba(var(--ax-color-on-surface));
15
- color: rgba(var(--ax-color-surface-fore), 0.87);
14
+ background: rgba(var(--ax-color-default));
15
+ color: rgba(var(--ax-color-default-fore), 0.87);
16
16
  }
17
17
 
18
18
  &:is(&:focus, &:focus-visible):not(&:disabled, .ax-state-disabled) {
19
- background-color: rgba(var(--ax-color-on-surface));
19
+ background-color: rgba(var(--ax-color-default));
20
20
  outline-color: transparent;
21
21
  }
22
22
 
package/src/shared/_list.scss CHANGED
@@ -96,8 +96,8 @@
96
96
  }
97
97
  }
98
98
  &.ax-state-selected {
99
- background-color: rgba(var(--ax-color-on-surface)) !important;
100
- color: rgba(var(--ax-color-on-surface-fore)) !important;
99
+ background-color: rgba(var(--ax-color-default)) !important;
100
+ color: rgba(var(--ax-color-default-fore)) !important;
101
101
  .ax-selected-icon {
102
102
  color: rgba(var(--ax-color-primary-500));
103
103
  font-size: 1.5rem;
@@ -116,10 +116,10 @@
116
116
 
117
117
  &:focus-visible,
118
118
  &:hover {
119
- background-color: rgba(var(--ax-color-on-surface));
119
+ background-color: rgba(var(--ax-color-default));
120
120
  }
121
121
  &.ax-state-focus {
122
- background-color: rgba(var(--ax-color-on-surface));
122
+ background-color: rgba(var(--ax-color-default));
123
123
  }
124
124
  }
125
125
  }
package/src/shared/_radio.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '../mixins/index.scss';
2
2
  // @include darkMode() {
3
3
  // .ax-radio {
4
- // background-color: rgba(var(--ax-color-on-surface));
4
+ // background-color: rgba(var(--ax-color-default));
5
5
  // }
6
6
  // }
7
7
  .ax-radio {
package/src/shared/_skeleton.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .ax-skeleton {
2
2
  position: relative;
3
3
  overflow: hidden;
4
- background-color: rgba(var(--ax-color-on-surface));
4
+ background-color: rgba(var(--ax-color-default));
5
5
  &.ax-skeleton-animate {
6
6
  &::before {
7
7
  content: '';
@@ -11,7 +11,7 @@
11
11
  height: 100%;
12
12
  width: 14rem;
13
13
  left: -200px;
14
- background: linear-gradient(to right, transparent 0%, rgba(var(--ax-color-on-surface-fore), 0.15) 50%, transparent 100%);
14
+ background: linear-gradient(to right, transparent 0%, rgba(var(--ax-color-default-fore), 0.15) 50%, transparent 100%);
15
15
  animation: load 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
16
16
  }
17
17
  }
package/src/shared/_table.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  padding: 0.875rem 1rem;
15
15
  }
16
16
  thead {
17
- background-color: rgba(var(--ax-color-on-surface));
17
+ background-color: rgba(var(--ax-color-default));
18
18
  border-bottom: 1px solid;
19
19
  border-color: rgba(var(--ax-color-border-default));
20
20
  th {
@@ -28,7 +28,7 @@
28
28
  tbody {
29
29
  tr {
30
30
  &:nth-child(even) {
31
- background-color: rgba(var(--ax-color-on-surface));
31
+ background-color: rgba(var(--ax-color-default));
32
32
  }
33
33
  }
34
34
  }
package/src/themes/default.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  --ax-color-text-default: 28, 33, 39;
10
10
 
11
11
  --ax-color-surface: 255, 255, 255;
12
- --ax-color-surface-fore: 22, 22, 22;
12
+ --ax-color-default-fore: 22, 22, 22;
13
13
 
14
14
  --ax-color-on-surface: 237, 239, 242;
15
15
  --ax-color-on-surface-fore: 22, 22, 22;
@@ -17,6 +17,9 @@
17
17
  --ax-color-input-surface: 255, 255, 255;
18
18
  --ax-color-input-surface-fore: 22, 22, 22;
19
19
 
20
+ --ax-color-default: 237, 239, 242;
21
+ --ax-color-default-fore: 22, 22, 22;
22
+
20
23
  --ax-color-ghost-fore: 44, 44, 44;
21
24
  --ax-color-ghost-50: 253, 253, 253;
22
25
  --ax-color-ghost-100: 250, 250, 251;
@@ -30,18 +33,6 @@
30
33
  --ax-color-ghost-900: 224, 228, 232;
31
34
  --ax-color-ghost-950: 215, 218, 221;
32
35
 
33
- // --ax-color-ghost-fore: 15, 23, 42;
34
- // --ax-color-ghost-50: 248, 250, 252;
35
- // --ax-color-ghost-100: 241, 245, 249;
36
- // --ax-color-ghost-200: 226, 232, 240;
37
- // --ax-color-ghost-300: 203, 213, 225;
38
- // --ax-color-ghost-400: 148, 163, 184;
39
- // --ax-color-ghost-500: 100, 116, 139;
40
- // --ax-color-ghost-600: 71, 85, 105;
41
- // --ax-color-ghost-700: 51, 65, 85;
42
- // --ax-color-ghost-800: 30, 41, 59;
43
- // --ax-color-ghost-900: 15, 23, 42;
44
-
45
36
  --ax-color-primary-fore: 255, 255, 255;
46
37
  --ax-color-primary-50: 239, 246, 255;
47
38
  --ax-color-primary-100: 219, 234, 254;
@@ -128,23 +119,14 @@
128
119
  --ax-color-text-default: 255, 255, 255;
129
120
 
130
121
  --ax-color-surface: 31, 41, 55;
131
- --ax-color-surface-fore: 255, 255, 255;
122
+ --ax-color-default-fore: 255, 255, 255;
132
123
 
133
- --ax-color-on-surface: 55, 65, 81;
134
- --ax-color-on-surface-fore: 255, 255, 255;
124
+ --ax-color-default: 55, 65, 81;
125
+ --ax-color-default-fore: 255, 255, 255;
135
126
 
136
127
  --ax-color-input-surface: 38, 45, 57;
137
128
  --ax-color-input-surface-fore: 224, 224, 224;
138
129
 
139
- --ax-color-ghost-fore: 255, 255, 255;
140
- --ax-color-ghost-50: 232, 233, 234;
141
- --ax-color-ghost-100: 199, 200, 203;
142
- --ax-color-ghost-200: 161, 163, 169;
143
- --ax-color-ghost-300: 123, 126, 134;
144
- --ax-color-ghost-400: 95, 99, 108;
145
- --ax-color-ghost-500: 67, 71, 82;
146
- --ax-color-ghost-600: 61, 64, 75;
147
- --ax-color-ghost-700: 52, 55, 65;
148
- --ax-color-ghost-800: 44, 47, 56;
149
- --ax-color-ghost-900: 30, 32, 40;
130
+ --ax-color-default: 77, 91, 113;
131
+ --ax-color-default-fore: 255, 255, 255;
150
132
  }
package/tailwind-base.js CHANGED
@@ -103,6 +103,7 @@ module.exports = withAnimations({
103
103
  default: withOpacityValue('--ax-color-text-default'),
104
104
  'surface-fore': withOpacityValue('--ax-color-surface-fore'),
105
105
  'on-surface-fore': withOpacityValue('--ax-color-on-surface-fore'),
106
+ 'input-surface-fore': withOpacityValue('--ax-color-input-surface-fore'),
106
107
  'primary-fore': withOpacityValue('--ax-color-primary-fore'),
107
108
  'secondary-fore': withOpacityValue('--ax-color-secondary-fore'),
108
109
  'success-fore': withOpacityValue('--ax-color-success-fore'),
@@ -115,11 +116,26 @@ module.exports = withAnimations({
115
116
  'success-fore': withOpacityValue('--ax-color-success-fore'),
116
117
  'warning-fore': withOpacityValue('--ax-color-warning-fore'),
117
118
  'danger-fore': withOpacityValue('--ax-color-danger-fore'),
119
+ surface: withOpacityValue('--ax-color-surface'),
120
+ 'on-surface': withOpacityValue('--ax-color-on-surface'),
121
+ 'input-surface': withOpacityValue('--ax-color-input-surface'),
118
122
  },
123
+ stroke: {
124
+ 'primary-fore': withOpacityValue('--ax-color-primary-fore'),
125
+ 'secondary-fore': withOpacityValue('--ax-color-secondary-fore'),
126
+ 'success-fore': withOpacityValue('--ax-color-success-fore'),
127
+ 'warning-fore': withOpacityValue('--ax-color-warning-fore'),
128
+ 'danger-fore': withOpacityValue('--ax-color-danger-fore'),
129
+ surface: withOpacityValue('--ax-color-surface'),
130
+ 'on-surface': withOpacityValue('--ax-color-on-surface'),
131
+ 'input-surface': withOpacityValue('--ax-color-input-surface'),
132
+ },
133
+
119
134
  backgroundColor: {
120
135
  default: withOpacityValue('--ax-color-background-default'),
121
136
  surface: withOpacityValue('--ax-color-surface'),
122
137
  'on-surface': withOpacityValue('--ax-color-on-surface'),
138
+ 'input-surface': withOpacityValue('--ax-color-input-surface'),
123
139
  },
124
140
  borderColor: {
125
141
  DEFAULT: 'rgba(var(--ax-color-border-default))',
@@ -229,7 +245,7 @@ module.exports = withAnimations({
229
245
  '.skeleton': {
230
246
  position: 'relative',
231
247
  overflow: 'hidden',
232
- backgroundColor: 'rgba(var(--ax-color-on-surface), 0.15)',
248
+ backgroundColor: 'rgba(var(--ax-color-default), 0.15)',
233
249
  },
234
250
  '.skeleton-animate': {},
235
251
  '.xs': {
package/src/themes/blue.scss DELETED
@@ -1,130 +0,0 @@
1
- :root {
2
- --ax-size-base: 2.5rem;
3
- --ax-size-default: var(--ax-size-base);
4
-
5
- --ax-rounded-border-default: 0.375rem;
6
- --ax-color-border-default: 224, 224, 224;
7
-
8
- --ax-color-background-default: 250, 250, 250;
9
- --ax-color-text-default: 18, 18, 18;
10
-
11
- --ax-color-surface: 255, 255, 255;
12
- --ax-color-surface-fore: 18, 18, 18;
13
-
14
- --ax-color-on-surface: 244, 244, 244;
15
- --ax-color-on-surface-fore: 20, 20, 20;
16
-
17
- --ax-color-input-surface: 255, 255, 255;
18
- --ax-color-input-surface-fore: 18, 18, 18;
19
-
20
- --ax-color-ghost-fore: 15, 23, 42;
21
- --ax-color-ghost-50: 248, 250, 252;
22
- --ax-color-ghost-100: 241, 245, 249;
23
- --ax-color-ghost-200: 226, 232, 240;
24
- --ax-color-ghost-300: 203, 213, 225;
25
- --ax-color-ghost-400: 148, 163, 184;
26
- --ax-color-ghost-500: 100, 116, 139;
27
- --ax-color-ghost-600: 71, 85, 105;
28
- --ax-color-ghost-700: 51, 65, 85;
29
- --ax-color-ghost-800: 30, 41, 59;
30
- --ax-color-ghost-900: 15, 23, 42;
31
-
32
- --ax-color-primary-fore: 255, 255, 255;
33
- --ax-color-primary-50: 239, 246, 255;
34
- --ax-color-primary-100: 219, 234, 254;
35
- --ax-color-primary-200: 191, 219, 254;
36
- --ax-color-primary-300: 147, 197, 253;
37
- --ax-color-primary-400: 96, 165, 250;
38
- --ax-color-primary-500: 59, 130, 246;
39
- --ax-color-primary-600: 37, 99, 235;
40
- --ax-color-primary-700: 29, 78, 216;
41
- --ax-color-primary-800: 30, 64, 175;
42
- --ax-color-primary-900: 30, 58, 138;
43
-
44
- --ax-color-secondary-fore: 255, 255, 255;
45
- --ax-color-secondary-50: 233, 234, 236;
46
- --ax-color-secondary-100: 200, 203, 208;
47
- --ax-color-secondary-200: 164, 169, 176;
48
- --ax-color-secondary-300: 128, 134, 144;
49
- --ax-color-secondary-400: 100, 108, 121;
50
- --ax-color-secondary-500: 73, 82, 97;
51
- --ax-color-secondary-600: 66, 75, 89;
52
- --ax-color-secondary-700: 57, 65, 79;
53
- --ax-color-secondary-800: 49, 56, 69;
54
- --ax-color-secondary-900: 33, 40, 51;
55
-
56
- --ax-color-success-fore: 255, 255, 255;
57
- --ax-color-success-50: 236, 253, 245;
58
- --ax-color-success-100: 209, 250, 229;
59
- --ax-color-success-200: 167, 243, 208;
60
- --ax-color-success-300: 110, 231, 183;
61
- --ax-color-success-400: 52, 211, 153;
62
- --ax-color-success-500: 16, 185, 129;
63
- --ax-color-success-600: 5, 150, 105;
64
- --ax-color-success-700: 4, 120, 87;
65
- --ax-color-success-800: 6, 95, 70;
66
- --ax-color-success-900: 6, 78, 59;
67
-
68
- --ax-color-danger-fore: 255, 255, 255;
69
- --ax-color-danger-50: 254, 242, 242;
70
- --ax-color-danger-100: 254, 226, 226;
71
- --ax-color-danger-200: 254, 202, 202;
72
- --ax-color-danger-300: 252, 165, 165;
73
- --ax-color-danger-400: 248, 113, 113;
74
- --ax-color-danger-500: 239, 68, 68;
75
- --ax-color-danger-600: 220, 38, 38;
76
- --ax-color-danger-700: 185, 28, 28;
77
- --ax-color-danger-800: 153, 27, 27;
78
- --ax-color-danger-900: 127, 29, 29;
79
-
80
- --ax-color-warning-fore: 120, 53, 15;
81
- --ax-color-warning-50: 255, 248, 225;
82
- --ax-color-warning-100: 255, 236, 179;
83
- --ax-color-warning-200: 255, 224, 130;
84
- --ax-color-warning-300: 255, 213, 79;
85
- --ax-color-warning-400: 255, 202, 40;
86
- --ax-color-warning-500: 255, 193, 7;
87
- --ax-color-warning-600: 255, 179, 0;
88
- --ax-color-warning-700: 255, 160, 0;
89
- --ax-color-warning-800: 255, 143, 0;
90
- --ax-color-warning-900: 255, 111, 0;
91
-
92
- --ax-color-info-fore: 255, 255, 255;
93
- --ax-color-info-50: 226, 244, 252;
94
- --ax-color-info-100: 183, 228, 248;
95
- --ax-color-info-200: 135, 210, 244;
96
- --ax-color-info-300: 86, 192, 240;
97
- --ax-color-info-400: 50, 179, 236;
98
- --ax-color-info-500: 14, 165, 233;
99
- --ax-color-info-600: 12, 157, 230;
100
- --ax-color-info-700: 10, 147, 227;
101
- --ax-color-info-800: 8, 138, 223;
102
- --ax-color-info-900: 4, 121, 217;
103
- }
104
-
105
- .ax-dark {
106
- --ax-color-background-default: 27, 27, 37;
107
- --ax-color-text-default: 224, 224, 224;
108
- --ax-color-border-default: 41, 49, 62;
109
-
110
- --ax-color-surface: 23, 32, 46;
111
- --ax-color-surface-fore: 224, 224, 224;
112
-
113
- --ax-color-on-surface: 24 36 54;
114
- --ax-color-on-surface-fore: 224, 224, 224;
115
-
116
- --ax-color-input-surface: 42, 53, 70;
117
- --ax-color-input-surface-fore: 224, 224, 224;
118
-
119
- --ax-color-ghost-fore: 255, 255, 255;
120
- --ax-color-ghost-50: 232, 233, 234;
121
- --ax-color-ghost-100: 199, 200, 203;
122
- --ax-color-ghost-200: 161, 163, 169;
123
- --ax-color-ghost-300: 123, 126, 134;
124
- --ax-color-ghost-400: 95, 99, 108;
125
- --ax-color-ghost-500: 67, 71, 82;
126
- --ax-color-ghost-600: 61, 64, 75;
127
- --ax-color-ghost-700: 52, 55, 65;
128
- --ax-color-ghost-800: 44, 47, 56;
129
- --ax-color-ghost-900: 30, 32, 40;
130
- }
package/src/themes/green.scss DELETED
@@ -1,130 +0,0 @@
1
- :root {
2
- --ax-size-base: 2.5rem;
3
- --ax-size-default: var(--ax-size-base);
4
-
5
- --ax-rounded-border-default: 0.375rem;
6
- --ax-color-border-default: 224, 224, 224;
7
-
8
- --ax-color-background-default: 250, 250, 250;
9
- --ax-color-text-default: 18, 18, 18;
10
-
11
- --ax-color-surface: 255, 255, 255;
12
- --ax-color-surface-fore: 18, 18, 18;
13
-
14
- --ax-color-on-surface: 244, 244, 244;
15
- --ax-color-on-surface-fore: 20, 20, 20;
16
-
17
- --ax-color-input-surface: 255, 255, 255;
18
- --ax-color-input-surface-fore: 18, 18, 18;
19
-
20
- --ax-color-ghost-fore: 15, 23, 42;
21
- --ax-color-ghost-50: 248, 250, 252;
22
- --ax-color-ghost-100: 241, 245, 249;
23
- --ax-color-ghost-200: 226, 232, 240;
24
- --ax-color-ghost-300: 203, 213, 225;
25
- --ax-color-ghost-400: 148, 163, 184;
26
- --ax-color-ghost-500: 100, 116, 139;
27
- --ax-color-ghost-600: 71, 85, 105;
28
- --ax-color-ghost-700: 51, 65, 85;
29
- --ax-color-ghost-800: 30, 41, 59;
30
- --ax-color-ghost-900: 15, 23, 42;
31
-
32
- --ax-color-primary-fore: 255, 255, 255;
33
- --ax-color-primary-50: 236, 253, 245;
34
- --ax-color-primary-100: 209, 250, 229;
35
- --ax-color-primary-200: 167, 243, 208;
36
- --ax-color-primary-300: 110, 231, 183;
37
- --ax-color-primary-400: 52, 211, 153;
38
- --ax-color-primary-500: 16, 185, 129;
39
- --ax-color-primary-600: 5, 150, 105;
40
- --ax-color-primary-700: 4, 120, 87;
41
- --ax-color-primary-800: 6, 95, 70;
42
- --ax-color-primary-900: 6, 78, 59;
43
-
44
- --ax-color-secondary-fore: 255, 255, 255;
45
- --ax-color-secondary-50: 233, 234, 236;
46
- --ax-color-secondary-100: 200, 203, 208;
47
- --ax-color-secondary-200: 164, 169, 176;
48
- --ax-color-secondary-300: 128, 134, 144;
49
- --ax-color-secondary-400: 100, 108, 121;
50
- --ax-color-secondary-500: 73, 82, 97;
51
- --ax-color-secondary-600: 66, 75, 89;
52
- --ax-color-secondary-700: 57, 65, 79;
53
- --ax-color-secondary-800: 49, 56, 69;
54
- --ax-color-secondary-900: 33, 40, 51;
55
-
56
- --ax-color-success-fore: 255, 255, 255;
57
- --ax-color-success-50: 236, 253, 245;
58
- --ax-color-success-100: 209, 250, 229;
59
- --ax-color-success-200: 167, 243, 208;
60
- --ax-color-success-300: 110, 231, 183;
61
- --ax-color-success-400: 52, 211, 153;
62
- --ax-color-success-500: 16, 185, 129;
63
- --ax-color-success-600: 5, 150, 105;
64
- --ax-color-success-700: 4, 120, 87;
65
- --ax-color-success-800: 6, 95, 70;
66
- --ax-color-success-900: 6, 78, 59;
67
-
68
- --ax-color-danger-fore: 255, 255, 255;
69
- --ax-color-danger-50: 254, 242, 242;
70
- --ax-color-danger-100: 254, 226, 226;
71
- --ax-color-danger-200: 254, 202, 202;
72
- --ax-color-danger-300: 252, 165, 165;
73
- --ax-color-danger-400: 248, 113, 113;
74
- --ax-color-danger-500: 239, 68, 68;
75
- --ax-color-danger-600: 220, 38, 38;
76
- --ax-color-danger-700: 185, 28, 28;
77
- --ax-color-danger-800: 153, 27, 27;
78
- --ax-color-danger-900: 127, 29, 29;
79
-
80
- --ax-color-warning-fore: 120, 53, 15;
81
- --ax-color-warning-50: 255, 248, 225;
82
- --ax-color-warning-100: 255, 236, 179;
83
- --ax-color-warning-200: 255, 224, 130;
84
- --ax-color-warning-300: 255, 213, 79;
85
- --ax-color-warning-400: 255, 202, 40;
86
- --ax-color-warning-500: 255, 193, 7;
87
- --ax-color-warning-600: 255, 179, 0;
88
- --ax-color-warning-700: 255, 160, 0;
89
- --ax-color-warning-800: 255, 143, 0;
90
- --ax-color-warning-900: 255, 111, 0;
91
-
92
- --ax-color-info-fore: 255, 255, 255;
93
- --ax-color-info-50: 226, 244, 252;
94
- --ax-color-info-100: 183, 228, 248;
95
- --ax-color-info-200: 135, 210, 244;
96
- --ax-color-info-300: 86, 192, 240;
97
- --ax-color-info-400: 50, 179, 236;
98
- --ax-color-info-500: 14, 165, 233;
99
- --ax-color-info-600: 12, 157, 230;
100
- --ax-color-info-700: 10, 147, 227;
101
- --ax-color-info-800: 8, 138, 223;
102
- --ax-color-info-900: 4, 121, 217;
103
- }
104
-
105
- .ax-dark {
106
- --ax-color-background-default: 27, 27, 37;
107
- --ax-color-text-default: 224, 224, 224;
108
- --ax-color-border-default: 41, 49, 62;
109
-
110
- --ax-color-surface: 23, 32, 46;
111
- --ax-color-surface-fore: 224, 224, 224;
112
-
113
- --ax-color-on-surface: 24 36 54;
114
- --ax-color-on-surface-fore: 224, 224, 224;
115
-
116
- --ax-color-input-surface: 42, 53, 70;
117
- --ax-color-input-surface-fore: 224, 224, 224;
118
-
119
- --ax-color-ghost-fore: 255, 255, 255;
120
- --ax-color-ghost-50: 232, 233, 234;
121
- --ax-color-ghost-100: 199, 200, 203;
122
- --ax-color-ghost-200: 161, 163, 169;
123
- --ax-color-ghost-300: 123, 126, 134;
124
- --ax-color-ghost-400: 95, 99, 108;
125
- --ax-color-ghost-500: 67, 71, 82;
126
- --ax-color-ghost-600: 61, 64, 75;
127
- --ax-color-ghost-700: 52, 55, 65;
128
- --ax-color-ghost-800: 44, 47, 56;
129
- --ax-color-ghost-900: 30, 32, 40;
130
- }
package/src/themes/indigo.scss DELETED
@@ -1,130 +0,0 @@
1
- :root {
2
- --ax-size-base: 2.5rem;
3
- --ax-size-default: var(--ax-size-base);
4
-
5
- --ax-rounded-border-default: 0.375rem;
6
- --ax-color-border-default: 224, 224, 224;
7
-
8
- --ax-color-background-default: 250, 250, 250;
9
- --ax-color-text-default: 18, 18, 18;
10
-
11
- --ax-color-surface: 255, 255, 255;
12
- --ax-color-surface-fore: 18, 18, 18;
13
-
14
- --ax-color-on-surface: 244, 244, 244;
15
- --ax-color-on-surface-fore: 20, 20, 20;
16
-
17
- --ax-color-input-surface: 255, 255, 255;
18
- --ax-color-input-surface-fore: 18, 18, 18;
19
-
20
- --ax-color-ghost-fore: 15, 23, 42;
21
- --ax-color-ghost-50: 248, 250, 252;
22
- --ax-color-ghost-100: 241, 245, 249;
23
- --ax-color-ghost-200: 226, 232, 240;
24
- --ax-color-ghost-300: 203, 213, 225;
25
- --ax-color-ghost-400: 148, 163, 184;
26
- --ax-color-ghost-500: 100, 116, 139;
27
- --ax-color-ghost-600: 71, 85, 105;
28
- --ax-color-ghost-700: 51, 65, 85;
29
- --ax-color-ghost-800: 30, 41, 59;
30
- --ax-color-ghost-900: 15, 23, 42;
31
-
32
- --ax-color-primary-fore: 255, 255, 255;
33
- --ax-color-primary-50: 238, 242, 255;
34
- --ax-color-primary-100: 224, 231, 255;
35
- --ax-color-primary-200: 199, 210, 254;
36
- --ax-color-primary-300: 165, 180, 252;
37
- --ax-color-primary-400: 129, 140, 248;
38
- --ax-color-primary-500: 99, 102, 241;
39
- --ax-color-primary-600: 79, 70, 229;
40
- --ax-color-primary-700: 67, 56, 202;
41
- --ax-color-primary-800: 55, 48, 163;
42
- --ax-color-primary-900: 49, 46, 129;
43
-
44
- --ax-color-secondary-fore: 255, 255, 255;
45
- --ax-color-secondary-50: 233, 234, 236;
46
- --ax-color-secondary-100: 200, 203, 208;
47
- --ax-color-secondary-200: 164, 169, 176;
48
- --ax-color-secondary-300: 128, 134, 144;
49
- --ax-color-secondary-400: 100, 108, 121;
50
- --ax-color-secondary-500: 73, 82, 97;
51
- --ax-color-secondary-600: 66, 75, 89;
52
- --ax-color-secondary-700: 57, 65, 79;
53
- --ax-color-secondary-800: 49, 56, 69;
54
- --ax-color-secondary-900: 33, 40, 51;
55
-
56
- --ax-color-success-fore: 255, 255, 255;
57
- --ax-color-success-50: 236, 253, 245;
58
- --ax-color-success-100: 209, 250, 229;
59
- --ax-color-success-200: 167, 243, 208;
60
- --ax-color-success-300: 110, 231, 183;
61
- --ax-color-success-400: 52, 211, 153;
62
- --ax-color-success-500: 16, 185, 129;
63
- --ax-color-success-600: 5, 150, 105;
64
- --ax-color-success-700: 4, 120, 87;
65
- --ax-color-success-800: 6, 95, 70;
66
- --ax-color-success-900: 6, 78, 59;
67
-
68
- --ax-color-danger-fore: 255, 255, 255;
69
- --ax-color-danger-50: 254, 242, 242;
70
- --ax-color-danger-100: 254, 226, 226;
71
- --ax-color-danger-200: 254, 202, 202;
72
- --ax-color-danger-300: 252, 165, 165;
73
- --ax-color-danger-400: 248, 113, 113;
74
- --ax-color-danger-500: 239, 68, 68;
75
- --ax-color-danger-600: 220, 38, 38;
76
- --ax-color-danger-700: 185, 28, 28;
77
- --ax-color-danger-800: 153, 27, 27;
78
- --ax-color-danger-900: 127, 29, 29;
79
-
80
- --ax-color-warning-fore: 120, 53, 15;
81
- --ax-color-warning-50: 255, 248, 225;
82
- --ax-color-warning-100: 255, 236, 179;
83
- --ax-color-warning-200: 255, 224, 130;
84
- --ax-color-warning-300: 255, 213, 79;
85
- --ax-color-warning-400: 255, 202, 40;
86
- --ax-color-warning-500: 255, 193, 7;
87
- --ax-color-warning-600: 255, 179, 0;
88
- --ax-color-warning-700: 255, 160, 0;
89
- --ax-color-warning-800: 255, 143, 0;
90
- --ax-color-warning-900: 255, 111, 0;
91
-
92
- --ax-color-info-fore: 255, 255, 255;
93
- --ax-color-info-50: 226, 244, 252;
94
- --ax-color-info-100: 183, 228, 248;
95
- --ax-color-info-200: 135, 210, 244;
96
- --ax-color-info-300: 86, 192, 240;
97
- --ax-color-info-400: 50, 179, 236;
98
- --ax-color-info-500: 14, 165, 233;
99
- --ax-color-info-600: 12, 157, 230;
100
- --ax-color-info-700: 10, 147, 227;
101
- --ax-color-info-800: 8, 138, 223;
102
- --ax-color-info-900: 4, 121, 217;
103
- }
104
-
105
- .ax-dark {
106
- --ax-color-background-default: 27, 27, 37;
107
- --ax-color-text-default: 224, 224, 224;
108
- --ax-color-border-default: 41, 49, 62;
109
-
110
- --ax-color-surface: 23, 32, 46;
111
- --ax-color-surface-fore: 224, 224, 224;
112
-
113
- --ax-color-on-surface: 24 36 54;
114
- --ax-color-on-surface-fore: 224, 224, 224;
115
-
116
- --ax-color-input-surface: 42, 53, 70;
117
- --ax-color-input-surface-fore: 224, 224, 224;
118
-
119
- --ax-color-ghost-fore: 255, 255, 255;
120
- --ax-color-ghost-50: 232, 233, 234;
121
- --ax-color-ghost-100: 199, 200, 203;
122
- --ax-color-ghost-200: 161, 163, 169;
123
- --ax-color-ghost-300: 123, 126, 134;
124
- --ax-color-ghost-400: 95, 99, 108;
125
- --ax-color-ghost-500: 67, 71, 82;
126
- --ax-color-ghost-600: 61, 64, 75;
127
- --ax-color-ghost-700: 52, 55, 65;
128
- --ax-color-ghost-800: 44, 47, 56;
129
- --ax-color-ghost-900: 30, 32, 40;
130
- }
package/src/themes/orange.scss DELETED
@@ -1,130 +0,0 @@
1
- :root {
2
- --ax-size-base: 2.5rem;
3
- --ax-size-default: var(--ax-size-base);
4
-
5
- --ax-rounded-border-default: 0.375rem;
6
- --ax-color-border-default: 224, 224, 224;
7
-
8
- --ax-color-background-default: 250, 250, 250;
9
- --ax-color-text-default: 18, 18, 18;
10
-
11
- --ax-color-surface: 255, 255, 255;
12
- --ax-color-surface-fore: 18, 18, 18;
13
-
14
- --ax-color-on-surface: 244, 244, 244;
15
- --ax-color-on-surface-fore: 20, 20, 20;
16
-
17
- --ax-color-input-surface: 255, 255, 255;
18
- --ax-color-input-surface-fore: 18, 18, 18;
19
-
20
- --ax-color-ghost-fore: 15, 23, 42;
21
- --ax-color-ghost-50: 248, 250, 252;
22
- --ax-color-ghost-100: 241, 245, 249;
23
- --ax-color-ghost-200: 226, 232, 240;
24
- --ax-color-ghost-300: 203, 213, 225;
25
- --ax-color-ghost-400: 148, 163, 184;
26
- --ax-color-ghost-500: 100, 116, 139;
27
- --ax-color-ghost-600: 71, 85, 105;
28
- --ax-color-ghost-700: 51, 65, 85;
29
- --ax-color-ghost-800: 30, 41, 59;
30
- --ax-color-ghost-900: 15, 23, 42;
31
-
32
- --ax-color-primary-fore: 120, 53, 15;
33
- --ax-color-primary-50: 255, 248, 225;
34
- --ax-color-primary-100: 255, 236, 179;
35
- --ax-color-primary-200: 255, 224, 130;
36
- --ax-color-primary-300: 255, 213, 79;
37
- --ax-color-primary-400: 255, 202, 40;
38
- --ax-color-primary-500: 255, 193, 7;
39
- --ax-color-primary-600: 255, 179, 0;
40
- --ax-color-primary-700: 255, 160, 0;
41
- --ax-color-primary-800: 255, 143, 0;
42
- --ax-color-primary-900: 255, 111, 0;
43
-
44
- --ax-color-secondary-fore: 255, 255, 255;
45
- --ax-color-secondary-50: 233, 234, 236;
46
- --ax-color-secondary-100: 200, 203, 208;
47
- --ax-color-secondary-200: 164, 169, 176;
48
- --ax-color-secondary-300: 128, 134, 144;
49
- --ax-color-secondary-400: 100, 108, 121;
50
- --ax-color-secondary-500: 73, 82, 97;
51
- --ax-color-secondary-600: 66, 75, 89;
52
- --ax-color-secondary-700: 57, 65, 79;
53
- --ax-color-secondary-800: 49, 56, 69;
54
- --ax-color-secondary-900: 33, 40, 51;
55
-
56
- --ax-color-success-fore: 255, 255, 255;
57
- --ax-color-success-50: 236, 253, 245;
58
- --ax-color-success-100: 209, 250, 229;
59
- --ax-color-success-200: 167, 243, 208;
60
- --ax-color-success-300: 110, 231, 183;
61
- --ax-color-success-400: 52, 211, 153;
62
- --ax-color-success-500: 16, 185, 129;
63
- --ax-color-success-600: 5, 150, 105;
64
- --ax-color-success-700: 4, 120, 87;
65
- --ax-color-success-800: 6, 95, 70;
66
- --ax-color-success-900: 6, 78, 59;
67
-
68
- --ax-color-danger-fore: 255, 255, 255;
69
- --ax-color-danger-50: 254, 242, 242;
70
- --ax-color-danger-100: 254, 226, 226;
71
- --ax-color-danger-200: 254, 202, 202;
72
- --ax-color-danger-300: 252, 165, 165;
73
- --ax-color-danger-400: 248, 113, 113;
74
- --ax-color-danger-500: 239, 68, 68;
75
- --ax-color-danger-600: 220, 38, 38;
76
- --ax-color-danger-700: 185, 28, 28;
77
- --ax-color-danger-800: 153, 27, 27;
78
- --ax-color-danger-900: 127, 29, 29;
79
-
80
- --ax-color-warning-fore: 120, 53, 15;
81
- --ax-color-warning-50: 255, 248, 225;
82
- --ax-color-warning-100: 255, 236, 179;
83
- --ax-color-warning-200: 255, 224, 130;
84
- --ax-color-warning-300: 255, 213, 79;
85
- --ax-color-warning-400: 255, 202, 40;
86
- --ax-color-warning-500: 255, 193, 7;
87
- --ax-color-warning-600: 255, 179, 0;
88
- --ax-color-warning-700: 255, 160, 0;
89
- --ax-color-warning-800: 255, 143, 0;
90
- --ax-color-warning-900: 255, 111, 0;
91
-
92
- --ax-color-info-fore: 255, 255, 255;
93
- --ax-color-info-50: 226, 244, 252;
94
- --ax-color-info-100: 183, 228, 248;
95
- --ax-color-info-200: 135, 210, 244;
96
- --ax-color-info-300: 86, 192, 240;
97
- --ax-color-info-400: 50, 179, 236;
98
- --ax-color-info-500: 14, 165, 233;
99
- --ax-color-info-600: 12, 157, 230;
100
- --ax-color-info-700: 10, 147, 227;
101
- --ax-color-info-800: 8, 138, 223;
102
- --ax-color-info-900: 4, 121, 217;
103
- }
104
-
105
- .ax-dark {
106
- --ax-color-background-default: 27, 27, 37;
107
- --ax-color-text-default: 224, 224, 224;
108
- --ax-color-border-default: 41, 49, 62;
109
-
110
- --ax-color-surface: 23, 32, 46;
111
- --ax-color-surface-fore: 224, 224, 224;
112
-
113
- --ax-color-on-surface: 24 36 54;
114
- --ax-color-on-surface-fore: 224, 224, 224;
115
-
116
- --ax-color-input-surface: 42, 53, 70;
117
- --ax-color-input-surface-fore: 224, 224, 224;
118
-
119
- --ax-color-ghost-fore: 255, 255, 255;
120
- --ax-color-ghost-50: 232, 233, 234;
121
- --ax-color-ghost-100: 199, 200, 203;
122
- --ax-color-ghost-200: 161, 163, 169;
123
- --ax-color-ghost-300: 123, 126, 134;
124
- --ax-color-ghost-400: 95, 99, 108;
125
- --ax-color-ghost-500: 67, 71, 82;
126
- --ax-color-ghost-600: 61, 64, 75;
127
- --ax-color-ghost-700: 52, 55, 65;
128
- --ax-color-ghost-800: 44, 47, 56;
129
- --ax-color-ghost-900: 30, 32, 40;
130
- }
package/src/themes/red.scss DELETED
@@ -1,130 +0,0 @@
1
- :root {
2
- --ax-size-base: 2.5rem;
3
- --ax-size-default: var(--ax-size-base);
4
-
5
- --ax-rounded-border-default: 0.375rem;
6
- --ax-color-border-default: 224, 224, 224;
7
-
8
- --ax-color-background-default: 250, 250, 250;
9
- --ax-color-text-default: 18, 18, 18;
10
-
11
- --ax-color-surface: 255, 255, 255;
12
- --ax-color-surface-fore: 18, 18, 18;
13
-
14
- --ax-color-on-surface: 244, 244, 244;
15
- --ax-color-on-surface-fore: 20, 20, 20;
16
-
17
- --ax-color-input-surface: 255, 255, 255;
18
- --ax-color-input-surface-fore: 18, 18, 18;
19
-
20
- --ax-color-ghost-fore: 15, 23, 42;
21
- --ax-color-ghost-50: 248, 250, 252;
22
- --ax-color-ghost-100: 241, 245, 249;
23
- --ax-color-ghost-200: 226, 232, 240;
24
- --ax-color-ghost-300: 203, 213, 225;
25
- --ax-color-ghost-400: 148, 163, 184;
26
- --ax-color-ghost-500: 100, 116, 139;
27
- --ax-color-ghost-600: 71, 85, 105;
28
- --ax-color-ghost-700: 51, 65, 85;
29
- --ax-color-ghost-800: 30, 41, 59;
30
- --ax-color-ghost-900: 15, 23, 42;
31
-
32
- --ax-color-primary-fore: 255, 255, 255;
33
- --ax-color-primary-50: 254, 242, 242;
34
- --ax-color-primary-100: 254, 226, 226;
35
- --ax-color-primary-200: 254, 202, 202;
36
- --ax-color-primary-300: 252, 165, 165;
37
- --ax-color-primary-400: 248, 113, 113;
38
- --ax-color-primary-500: 239, 68, 68;
39
- --ax-color-primary-600: 220, 38, 38;
40
- --ax-color-primary-700: 185, 28, 28;
41
- --ax-color-primary-800: 153, 27, 27;
42
- --ax-color-primary-900: 127, 29, 29;
43
-
44
- --ax-color-secondary-fore: 255, 255, 255;
45
- --ax-color-secondary-50: 233, 234, 236;
46
- --ax-color-secondary-100: 200, 203, 208;
47
- --ax-color-secondary-200: 164, 169, 176;
48
- --ax-color-secondary-300: 128, 134, 144;
49
- --ax-color-secondary-400: 100, 108, 121;
50
- --ax-color-secondary-500: 73, 82, 97;
51
- --ax-color-secondary-600: 66, 75, 89;
52
- --ax-color-secondary-700: 57, 65, 79;
53
- --ax-color-secondary-800: 49, 56, 69;
54
- --ax-color-secondary-900: 33, 40, 51;
55
-
56
- --ax-color-success-fore: 255, 255, 255;
57
- --ax-color-success-50: 236, 253, 245;
58
- --ax-color-success-100: 209, 250, 229;
59
- --ax-color-success-200: 167, 243, 208;
60
- --ax-color-success-300: 110, 231, 183;
61
- --ax-color-success-400: 52, 211, 153;
62
- --ax-color-success-500: 16, 185, 129;
63
- --ax-color-success-600: 5, 150, 105;
64
- --ax-color-success-700: 4, 120, 87;
65
- --ax-color-success-800: 6, 95, 70;
66
- --ax-color-success-900: 6, 78, 59;
67
-
68
- --ax-color-danger-fore: 255, 255, 255;
69
- --ax-color-danger-50: 254, 242, 242;
70
- --ax-color-danger-100: 254, 226, 226;
71
- --ax-color-danger-200: 254, 202, 202;
72
- --ax-color-danger-300: 252, 165, 165;
73
- --ax-color-danger-400: 248, 113, 113;
74
- --ax-color-danger-500: 239, 68, 68;
75
- --ax-color-danger-600: 220, 38, 38;
76
- --ax-color-danger-700: 185, 28, 28;
77
- --ax-color-danger-800: 153, 27, 27;
78
- --ax-color-danger-900: 127, 29, 29;
79
-
80
- --ax-color-warning-fore: 120, 53, 15;
81
- --ax-color-warning-50: 255, 248, 225;
82
- --ax-color-warning-100: 255, 236, 179;
83
- --ax-color-warning-200: 255, 224, 130;
84
- --ax-color-warning-300: 255, 213, 79;
85
- --ax-color-warning-400: 255, 202, 40;
86
- --ax-color-warning-500: 255, 193, 7;
87
- --ax-color-warning-600: 255, 179, 0;
88
- --ax-color-warning-700: 255, 160, 0;
89
- --ax-color-warning-800: 255, 143, 0;
90
- --ax-color-warning-900: 255, 111, 0;
91
-
92
- --ax-color-info-fore: 255, 255, 255;
93
- --ax-color-info-50: 226, 244, 252;
94
- --ax-color-info-100: 183, 228, 248;
95
- --ax-color-info-200: 135, 210, 244;
96
- --ax-color-info-300: 86, 192, 240;
97
- --ax-color-info-400: 50, 179, 236;
98
- --ax-color-info-500: 14, 165, 233;
99
- --ax-color-info-600: 12, 157, 230;
100
- --ax-color-info-700: 10, 147, 227;
101
- --ax-color-info-800: 8, 138, 223;
102
- --ax-color-info-900: 4, 121, 217;
103
- }
104
-
105
- .ax-dark {
106
- --ax-color-background-default: 27, 27, 37;
107
- --ax-color-text-default: 224, 224, 224;
108
- --ax-color-border-default: 41, 49, 62;
109
-
110
- --ax-color-surface: 23, 32, 46;
111
- --ax-color-surface-fore: 224, 224, 224;
112
-
113
- --ax-color-on-surface: 24 36 54;
114
- --ax-color-on-surface-fore: 224, 224, 224;
115
-
116
- --ax-color-input-surface: 42, 53, 70;
117
- --ax-color-input-surface-fore: 224, 224, 224;
118
-
119
- --ax-color-ghost-fore: 255, 255, 255;
120
- --ax-color-ghost-50: 232, 233, 234;
121
- --ax-color-ghost-100: 199, 200, 203;
122
- --ax-color-ghost-200: 161, 163, 169;
123
- --ax-color-ghost-300: 123, 126, 134;
124
- --ax-color-ghost-400: 95, 99, 108;
125
- --ax-color-ghost-500: 67, 71, 82;
126
- --ax-color-ghost-600: 61, 64, 75;
127
- --ax-color-ghost-700: 52, 55, 65;
128
- --ax-color-ghost-800: 44, 47, 56;
129
- --ax-color-ghost-900: 30, 32, 40;
130
- }