@acorex/styles 5.0.5 → 5.0.9
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.
- package/dark.scss +0 -0
- package/index.scss +9 -1
- package/package.json +1 -1
- package/src/base/_colors.scss +12 -8
- package/src/base/index.scss +18 -1
- package/src/components/_alert.scss +1 -1
- package/src/components/_badge.scss +6 -34
- package/src/components/_button.scss +11 -8
- package/src/components/_calendar.scss +78 -16
- package/src/components/_checkbox.scss +17 -3
- package/src/components/_editor-container.scss +15 -14
- package/src/components/_label.scss +4 -2
- package/src/components/_popup.scss +36 -2
- package/src/components/_radio.scss +6 -1
- package/src/components/_tabs.scss +128 -86
- package/src/icons/Read Me.txt +7 -0
- package/src/icons/demo-files/demo.css +152 -0
- package/src/icons/demo-files/demo.js +30 -0
- package/src/icons/demo.html +416 -0
- package/src/icons/fonts/acorex-icon.svg +37 -0
- package/src/icons/fonts/acorex-icon.ttf +0 -0
- package/src/icons/fonts/acorex-icon.woff +0 -0
- package/src/icons/selection.json +1 -0
- package/src/icons/style.css +107 -0
- package/src/icons/style.scss +164 -0
- package/src/icons/variables.scss +31 -0
- package/src/utility/index.scss +180 -0
- package/src/variables/_colors.scss +2 -135
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
@import "variables";
|
|
2
|
+
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: '#{$icomoon-font-family}';
|
|
5
|
+
src:
|
|
6
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?4xate3') format('truetype'),
|
|
7
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?4xate3') format('woff'),
|
|
8
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?4xate3##{$icomoon-font-family}') format('svg');
|
|
9
|
+
font-weight: normal;
|
|
10
|
+
font-style: normal;
|
|
11
|
+
font-display: block;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
[class^="ax-ic-"], [class*=" ax-ic-"] {
|
|
15
|
+
/* use !important to prevent issues with browser extensions that change fonts */
|
|
16
|
+
font-family: '#{$icomoon-font-family}' !important;
|
|
17
|
+
speak: never;
|
|
18
|
+
font-style: normal;
|
|
19
|
+
font-weight: normal;
|
|
20
|
+
font-variant: normal;
|
|
21
|
+
text-transform: none;
|
|
22
|
+
line-height: 1;
|
|
23
|
+
|
|
24
|
+
/* Better Font Rendering =========== */
|
|
25
|
+
-webkit-font-smoothing: antialiased;
|
|
26
|
+
-moz-osx-font-smoothing: grayscale;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.ax-ic-arrow-circle {
|
|
30
|
+
&:before {
|
|
31
|
+
content: $ax-ic-arrow-circle;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
.ax-ic-arrow-circle-fill {
|
|
35
|
+
&:before {
|
|
36
|
+
content: $ax-ic-arrow-circle-fill;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
.ax-ic-arrow-half {
|
|
40
|
+
&:before {
|
|
41
|
+
content: $ax-ic-arrow-half;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
.ax-ic-arrow-fill {
|
|
45
|
+
&:before {
|
|
46
|
+
content: $ax-ic-arrow-fill;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
.ax-ic-arrow {
|
|
50
|
+
&:before {
|
|
51
|
+
content: $ax-ic-arrow;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
.ax-ic-unfold {
|
|
55
|
+
&:before {
|
|
56
|
+
content: $ax-ic-unfold;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
.ax-ic-half-arrow {
|
|
60
|
+
&:before {
|
|
61
|
+
content: $ax-ic-half-arrow;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
.ax-ic-fullscreen {
|
|
65
|
+
&:before {
|
|
66
|
+
content: $ax-ic-fullscreen;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
.ax-ic-close-fullscreen {
|
|
70
|
+
&:before {
|
|
71
|
+
content: $ax-ic-close-fullscreen;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
.ax-ic-fold {
|
|
75
|
+
&:before {
|
|
76
|
+
content: $ax-ic-fold;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
.ax-ic-eye {
|
|
80
|
+
&:before {
|
|
81
|
+
content: $ax-ic-eye;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
.ax-ic-eye-off {
|
|
85
|
+
&:before {
|
|
86
|
+
content: $ax-ic-eye-off;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
.ax-ic-calendar {
|
|
90
|
+
&:before {
|
|
91
|
+
content: $ax-ic-calendar;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
.ax-ic-time {
|
|
95
|
+
&:before {
|
|
96
|
+
content: $ax-ic-time;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
.ax-ic-check {
|
|
100
|
+
&:before {
|
|
101
|
+
content: $ax-ic-check;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
.ax-ic-check-filled {
|
|
105
|
+
&:before {
|
|
106
|
+
content: $ax-ic-check-filled;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
.ax-ic-chevron {
|
|
110
|
+
&:before {
|
|
111
|
+
content: $ax-ic-chevron;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
.ax-ic-close {
|
|
115
|
+
&:before {
|
|
116
|
+
content: $ax-ic-close;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
.ax-ic-error-filled {
|
|
120
|
+
&:before {
|
|
121
|
+
content: $ax-ic-error-filled;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
.ax-ic-chevron-page {
|
|
125
|
+
&:before {
|
|
126
|
+
content: $ax-ic-chevron-page;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
.ax-ic-info-filled {
|
|
130
|
+
&:before {
|
|
131
|
+
content: $ax-ic-info-filled;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
.ax-ic-chevron-double {
|
|
135
|
+
&:before {
|
|
136
|
+
content: $ax-ic-chevron-double;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
.ax-ic-menu {
|
|
140
|
+
&:before {
|
|
141
|
+
content: $ax-ic-menu;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
.ax-ic-more {
|
|
145
|
+
&:before {
|
|
146
|
+
content: $ax-ic-more;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
.ax-ic-warning-filled {
|
|
150
|
+
&:before {
|
|
151
|
+
content: $ax-ic-warning-filled;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
.ax-ic-chevron-page-filled {
|
|
155
|
+
&:before {
|
|
156
|
+
content: $ax-ic-chevron-page-filled;
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
.ax-ic-calendar-today {
|
|
160
|
+
&:before {
|
|
161
|
+
content: $ax-ic-calendar-today;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
$icomoon-font-family: "acorex-icon" !default;
|
|
2
|
+
$icomoon-font-path: "fonts" !default;
|
|
3
|
+
|
|
4
|
+
$ax-ic-arrow-circle: "\e911";
|
|
5
|
+
$ax-ic-arrow-circle-fill: "\e912";
|
|
6
|
+
$ax-ic-arrow-half: "\e913";
|
|
7
|
+
$ax-ic-arrow-fill: "\e914";
|
|
8
|
+
$ax-ic-arrow: "\e915";
|
|
9
|
+
$ax-ic-unfold: "\e916";
|
|
10
|
+
$ax-ic-half-arrow: "\e917";
|
|
11
|
+
$ax-ic-fullscreen: "\e918";
|
|
12
|
+
$ax-ic-close-fullscreen: "\e919";
|
|
13
|
+
$ax-ic-fold: "\e91a";
|
|
14
|
+
$ax-ic-eye: "\e901";
|
|
15
|
+
$ax-ic-eye-off: "\e902";
|
|
16
|
+
$ax-ic-calendar: "\e903";
|
|
17
|
+
$ax-ic-time: "\e900";
|
|
18
|
+
$ax-ic-check: "\e904";
|
|
19
|
+
$ax-ic-check-filled: "\e905";
|
|
20
|
+
$ax-ic-chevron: "\e906";
|
|
21
|
+
$ax-ic-close: "\e907";
|
|
22
|
+
$ax-ic-error-filled: "\e908";
|
|
23
|
+
$ax-ic-chevron-page: "\e909";
|
|
24
|
+
$ax-ic-info-filled: "\e90a";
|
|
25
|
+
$ax-ic-chevron-double: "\e90b";
|
|
26
|
+
$ax-ic-menu: "\e90c";
|
|
27
|
+
$ax-ic-more: "\e90d";
|
|
28
|
+
$ax-ic-warning-filled: "\e90e";
|
|
29
|
+
$ax-ic-chevron-page-filled: "\e90f";
|
|
30
|
+
$ax-ic-calendar-today: "\e910";
|
|
31
|
+
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
@layer utilities {
|
|
2
|
+
@variants responsive {
|
|
3
|
+
.ax-vertical {
|
|
4
|
+
.ax-items-wrapper {
|
|
5
|
+
@apply ax-flex-col;
|
|
6
|
+
|
|
7
|
+
ax-tab-item {
|
|
8
|
+
@apply ax-text-center ax-justify-start ax-py-2;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&.ax-look-default {
|
|
13
|
+
@apply ax-border ax-border-solid ax-border-default ax-shadow-sm ax-rounded;
|
|
14
|
+
|
|
15
|
+
ax-tab-item {
|
|
16
|
+
@apply ax-bg-white ax-border-r ax-border-s-2 ax-border-solid ax-border-transparent;
|
|
17
|
+
|
|
18
|
+
&:hover,
|
|
19
|
+
&.ax-state-active {
|
|
20
|
+
@apply ax-font-medium;
|
|
21
|
+
border-inline-start-color: rgb(var(--ax-color-primary)) !important;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&.ax-look-start-line {
|
|
27
|
+
ax-tab-item {
|
|
28
|
+
@apply ax-border-s-2 ax-border-solid ax-border-default;
|
|
29
|
+
|
|
30
|
+
&.ax-state-active {
|
|
31
|
+
@apply ax-border-primary ax-text-primary;
|
|
32
|
+
|
|
33
|
+
&:hover {
|
|
34
|
+
@apply ax-border-primary;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&:hover {
|
|
39
|
+
@apply ax-border-primary-300 ax-text-primary;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&.ax-look-end-line {
|
|
45
|
+
ax-tab-item {
|
|
46
|
+
@apply ax-border-e-2 ax-border-solid ax-border-default;
|
|
47
|
+
|
|
48
|
+
&.ax-state-active {
|
|
49
|
+
@apply ax-border-primary ax-text-primary;
|
|
50
|
+
|
|
51
|
+
&:hover {
|
|
52
|
+
@apply ax-border-primary;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&:hover {
|
|
57
|
+
@apply ax-border-primary-300 ax-text-primary;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
&.ax-look-pills {
|
|
63
|
+
ax-tab-item {
|
|
64
|
+
@apply ax-text-light-fore ax-mr-1 ax-rounded;
|
|
65
|
+
|
|
66
|
+
&:hover {
|
|
67
|
+
@apply ax-bg-light-300 ax-text-light-fore;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
&.ax-state-active {
|
|
71
|
+
@apply ax-bg-light-300 ax-text-light-fore;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
&.ax-look-pills-color {
|
|
77
|
+
ax-tab-item {
|
|
78
|
+
@apply ax-text-light-fore ax-mr-1 ax-rounded;
|
|
79
|
+
|
|
80
|
+
&:hover {
|
|
81
|
+
@apply ax-bg-primary-100 ax-text-primary;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
&.ax-state-active {
|
|
85
|
+
@apply ax-bg-primary-100 ax-text-primary;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.ax-horizontal {
|
|
92
|
+
&.ax-look-default {
|
|
93
|
+
@apply ax-border ax-border-solid ax-border-default ax-shadow-sm ax-rounded;
|
|
94
|
+
|
|
95
|
+
ax-tab-item {
|
|
96
|
+
@apply ax-bg-white ax-border-r ax-border-b-2 ax-border-solid;
|
|
97
|
+
border-bottom-color: transparent !important;
|
|
98
|
+
|
|
99
|
+
&:first-child {
|
|
100
|
+
@apply ax-rounded-l;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
&:last-child {
|
|
104
|
+
@apply ax-rounded-r ax-border-r-0;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
&:hover,
|
|
108
|
+
&.ax-state-active {
|
|
109
|
+
@apply ax-font-medium;
|
|
110
|
+
border-bottom-color: rgb(var(--ax-color-primary)) !important;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
&.ax-look-start-line {
|
|
116
|
+
ax-tab-item {
|
|
117
|
+
@apply ax-border-t-2 ax-border-solid ax-border-default;
|
|
118
|
+
|
|
119
|
+
&.ax-state-active {
|
|
120
|
+
@apply ax-border-primary ax-text-primary;
|
|
121
|
+
|
|
122
|
+
&:hover {
|
|
123
|
+
@apply ax-border-primary;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
&:hover {
|
|
128
|
+
@apply ax-border-primary-300 ax-text-primary;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
&.ax-look-end-line {
|
|
134
|
+
ax-tab-item {
|
|
135
|
+
@apply ax-border-b-2 ax-border-solid ax-border-default;
|
|
136
|
+
|
|
137
|
+
&.ax-state-active {
|
|
138
|
+
@apply ax-border-primary ax-text-primary;
|
|
139
|
+
|
|
140
|
+
&:hover {
|
|
141
|
+
@apply ax-border-primary;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
&:hover {
|
|
146
|
+
@apply ax-border-primary-300 ax-text-primary;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
&.ax-look-pills {
|
|
152
|
+
ax-tab-item {
|
|
153
|
+
@apply ax-text-light-fore ax-mr-1 ax-rounded;
|
|
154
|
+
|
|
155
|
+
&:hover {
|
|
156
|
+
@apply ax-bg-light-300 ax-text-light-fore;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
&.ax-state-active {
|
|
160
|
+
@apply ax-bg-light-300 ax-text-light-fore;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
&.ax-look-pills-color {
|
|
166
|
+
ax-tab-item {
|
|
167
|
+
@apply ax-text-light-fore ax-mr-1 ax-rounded;
|
|
168
|
+
|
|
169
|
+
&:hover {
|
|
170
|
+
@apply ax-bg-primary-100 ax-text-primary;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
&.ax-state-active {
|
|
174
|
+
@apply ax-bg-primary-100 ax-text-primary;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
}
|
|
@@ -1,135 +1,2 @@
|
|
|
1
|
-
$theme-colors: (
|
|
2
|
-
|
|
3
|
-
"black": "0, 0, 0",
|
|
4
|
-
"placeholder": "156, 163, 175",
|
|
5
|
-
"border": "209, 213, 219",
|
|
6
|
-
"disabled": "224, 224, 224",
|
|
7
|
-
"disabled-fore": "117, 117, 117",
|
|
8
|
-
"disabled-border": "191, 191, 191",
|
|
9
|
-
"primary": (
|
|
10
|
-
"": "59, 130, 246",
|
|
11
|
-
"fore": "255, 255, 255",
|
|
12
|
-
"50": "239, 246, 255",
|
|
13
|
-
"100": "219, 234, 254",
|
|
14
|
-
"200": "191, 219, 254",
|
|
15
|
-
"300": "147, 197, 253",
|
|
16
|
-
"400": "96, 165, 250",
|
|
17
|
-
"500": "59, 130, 246",
|
|
18
|
-
"600": "37, 99, 235",
|
|
19
|
-
"700": "29 ,78, 216",
|
|
20
|
-
"800": "30, 64 ,175",
|
|
21
|
-
"900": "30, 58, 138",
|
|
22
|
-
),
|
|
23
|
-
"secondary": (
|
|
24
|
-
"": "236, 72, 153",
|
|
25
|
-
"fore": "255, 255, 255",
|
|
26
|
-
"50": "253, 242, 248",
|
|
27
|
-
"100": "252, 231, 243",
|
|
28
|
-
"200": "251, 207, 232",
|
|
29
|
-
"300": "249, 168, 212",
|
|
30
|
-
"400": "244, 114, 182",
|
|
31
|
-
"500": "236, 72, 153",
|
|
32
|
-
"600": "219, 39, 119",
|
|
33
|
-
"700": "190, 24, 93",
|
|
34
|
-
"800": "157,23,77",
|
|
35
|
-
"900": "131, 24, 67",
|
|
36
|
-
),
|
|
37
|
-
"success": (
|
|
38
|
-
"": "76, 175, 80",
|
|
39
|
-
"fore": "255, 255, 255",
|
|
40
|
-
"50": "236, 253, 245",
|
|
41
|
-
"100": "209, 250, 229",
|
|
42
|
-
"200": "167, 243, 208",
|
|
43
|
-
"300": "110, 231, 183",
|
|
44
|
-
"400": "52, 211, 153",
|
|
45
|
-
"500": "16, 185, 129",
|
|
46
|
-
"600": "5, 150, 105",
|
|
47
|
-
"700": "4, 120, 87",
|
|
48
|
-
"800": "6, 95, 70",
|
|
49
|
-
"900": "6, 78, 59",
|
|
50
|
-
),
|
|
51
|
-
"danger": (
|
|
52
|
-
"": "239, 68, 68",
|
|
53
|
-
"fore": "255, 255, 255",
|
|
54
|
-
"50": "254, 242, 242",
|
|
55
|
-
"100": "254, 226, 226",
|
|
56
|
-
"200": "254, 202, 202",
|
|
57
|
-
"300": "252, 165, 165",
|
|
58
|
-
"400": "248, 113, 113",
|
|
59
|
-
"500": "239, 68, 68",
|
|
60
|
-
"600": "220, 38, 38",
|
|
61
|
-
"700": "185, 28, 28",
|
|
62
|
-
"800": "153, 27, 27",
|
|
63
|
-
"900": "127, 29, 29",
|
|
64
|
-
),
|
|
65
|
-
"warning": (
|
|
66
|
-
"": "251, 191, 36",
|
|
67
|
-
"fore": "120, 53, 15",
|
|
68
|
-
"50": "255, 251, 235",
|
|
69
|
-
"100": "254, 243, 199",
|
|
70
|
-
"200": "253, 230, 138",
|
|
71
|
-
"300": "252, 211, 77",
|
|
72
|
-
"400": "251, 191, 36",
|
|
73
|
-
"500": "245, 158, 11",
|
|
74
|
-
"600": "217, 119, 6",
|
|
75
|
-
"700": "180, 83, 9",
|
|
76
|
-
"800": "146, 64, 14",
|
|
77
|
-
"900": "120, 53, 15",
|
|
78
|
-
),
|
|
79
|
-
"info": (
|
|
80
|
-
"": "139, 92, 246",
|
|
81
|
-
"fore": "255, 255, 255",
|
|
82
|
-
"50": "245, 243, 255",
|
|
83
|
-
"100": "237, 233, 254",
|
|
84
|
-
"200": "221, 214,254",
|
|
85
|
-
"300": "196, 181, 253",
|
|
86
|
-
"400": "167, 139, 250",
|
|
87
|
-
"500": "139, 92, 246",
|
|
88
|
-
"600": "124, 58, 237",
|
|
89
|
-
"700": "109, 40, 217",
|
|
90
|
-
"800": "91, 33, 182",
|
|
91
|
-
"900": "76, 29, 149",
|
|
92
|
-
),
|
|
93
|
-
"dark": (
|
|
94
|
-
"": "21, 21, 21",
|
|
95
|
-
"fore": "255, 255, 255",
|
|
96
|
-
"50": "227, 227, 227",
|
|
97
|
-
"100": "185, 185, 185",
|
|
98
|
-
"200": "138, 138, 138",
|
|
99
|
-
"300": "91, 91, 91",
|
|
100
|
-
"400": "56, 56, 56",
|
|
101
|
-
"500": "21, 21, 21",
|
|
102
|
-
"600": "18, 18, 18",
|
|
103
|
-
"700": "15, 15, 15",
|
|
104
|
-
"800": "12, 12, 12",
|
|
105
|
-
"900": "6, 6, 6",
|
|
106
|
-
),
|
|
107
|
-
"light": (
|
|
108
|
-
"": "107, 114, 128",
|
|
109
|
-
"fore": "17, 24, 39",
|
|
110
|
-
"50": "249, 250, 251",
|
|
111
|
-
"100": "243, 244, 246",
|
|
112
|
-
"200": "229, 231, 235",
|
|
113
|
-
"300": "209, 213, 219",
|
|
114
|
-
"400": "156, 163, 175",
|
|
115
|
-
"500": "107, 114, 128",
|
|
116
|
-
"600": "75, 85, 99",
|
|
117
|
-
"700": "55, 65, 81",
|
|
118
|
-
"800": "31, 41, 55",
|
|
119
|
-
"900": "17, 24, 39",
|
|
120
|
-
),
|
|
121
|
-
"gray": (
|
|
122
|
-
"": "107, 114, 128",
|
|
123
|
-
"fore": "17, 24, 39",
|
|
124
|
-
"50": "249, 250, 251",
|
|
125
|
-
"100": "243, 244, 246",
|
|
126
|
-
"200": "229, 231, 235",
|
|
127
|
-
"300": "209, 213, 219",
|
|
128
|
-
"400": "156, 163, 175",
|
|
129
|
-
"500": "107, 114, 128",
|
|
130
|
-
"600": "75, 85, 99",
|
|
131
|
-
"700": "55, 65, 81",
|
|
132
|
-
"800": "31, 41, 55",
|
|
133
|
-
"900": "17, 24, 39",
|
|
134
|
-
),
|
|
135
|
-
);
|
|
1
|
+
$theme-colors: ( "default-background":"255, 255, 255", "default-color":"79 87 94", "white": "255, 255, 255", "black": "0, 0, 0", "placeholder": "156, 163, 175", "border": "209, 213, 219", "disabled": "224, 224, 224", "disabled-fore": "117, 117, 117", "disabled-border": "191, 191, 191", "primary": ( "": "59, 130, 246", "fore": "255, 255, 255", "50": "239, 246, 255", "100": "219, 234, 254", "200": "191, 219, 254", "300": "147, 197, 253", "400": "96, 165, 250", "500": "59, 130, 246", "600": "37, 99, 235", "700": "29 ,78, 216", "800": "30, 64 ,175", "900": "30, 58, 138", ), "secondary": ( "": "236, 72, 153", "fore": "255, 255, 255", "50": "253, 242, 248", "100": "252, 231, 243", "200": "251, 207, 232", "300": "249, 168, 212", "400": "244, 114, 182", "500": "236, 72, 153", "600": "219, 39, 119", "700": "190, 24, 93", "800": "157,23,77", "900": "131, 24, 67", ), "success": ( "": "76, 175, 80", "fore": "255, 255, 255", "50": "236, 253, 245", "100": "209, 250, 229", "200": "167, 243, 208", "300": "110, 231, 183", "400": "52, 211, 153", "500": "16, 185, 129", "600": "5, 150, 105", "700": "4, 120, 87", "800": "6, 95, 70", "900": "6, 78, 59", ), "danger": ( "": "239, 68, 68", "fore": "255, 255, 255", "50": "254, 242, 242", "100": "254, 226, 226", "200": "254, 202, 202", "300": "252, 165, 165", "400": "248, 113, 113", "500": "239, 68, 68", "600": "220, 38, 38", "700": "185, 28, 28", "800": "153, 27, 27", "900": "127, 29, 29", ), "warning": ( "": "251, 191, 36", "fore": "120, 53, 15", "50": "255, 251, 235", "100": "254, 243, 199", "200": "253, 230, 138", "300": "252, 211, 77", "400": "251, 191, 36", "500": "245, 158, 11", "600": "217, 119, 6", "700": "180, 83, 9", "800": "146, 64, 14", "900": "120, 53, 15", ), "info": ( "": "139, 92, 246", "fore": "255, 255, 255", "50": "245, 243, 255", "100": "237, 233, 254", "200": "221, 214,254", "300": "196, 181, 253", "400": "167, 139, 250", "500": "139, 92, 246", "600": "124, 58, 237", "700": "109, 40, 217", "800": "91, 33, 182", "900": "76, 29, 149", ), "dark": ( "": "21, 21, 21", "fore": "255, 255, 255", "50": "227, 227, 227", "100": "185, 185, 185", "200": "138, 138, 138", "300": "91, 91, 91", "400": "56, 56, 56", "500": "21, 21, 21", "600": "18, 18, 18", "700": "15, 15, 15", "800": "12, 12, 12", "900": "6, 6, 6", ), "light": ( "": "107, 114, 128", "fore": "17, 24, 39", "50": "249, 250, 251", "100": "243, 244, 246", "200": "229, 231, 235", "300": "209, 213, 219", "400": "156, 163, 175", "500": "107, 114, 128", "600": "75, 85, 99", "700": "55, 65, 81", "800": "31, 41, 55", "900": "17, 24, 39", ), "gray": ( "": "107, 114, 128", "fore": "17, 24, 39", "50": "249, 250, 251", "100": "243, 244, 246", "200": "229, 231, 235", "300": "209, 213, 219", "400": "156, 163, 175", "500": "107, 114, 128", "600": "75, 85, 99", "700": "55, 65, 81", "800": "31, 41, 55", "900": "17, 24, 39", ), );
|
|
2
|
+
$theme-dark-colors: ( "default-background":"32, 32, 32", "default-color":"255, 255, 255, 0.87", "white": "32, 32, 32", "black": "255, 255, 255", "placeholder": "156, 163, 175", "border": "209, 213, 219", "disabled": "224, 224, 224", "disabled-fore": "117, 117, 117", "disabled-border": "191, 191, 191", "primary": ( "": "59, 130, 246", "fore": "255, 255, 255", "50": "59, 130, 246", "100": "30, 58, 138", "200": "30, 64 ,175", "300": "29 ,78, 216", "400": "37, 99, 235", "500": "59, 130, 246", "600": "37, 99, 235", "700": "29 ,78, 216", "800": "30, 64 ,175", "900": "30, 58, 138", ), "secondary": ( "": "236, 72, 153", "fore": "255, 255, 255", "50": "236, 72, 153", "100": "131, 24, 67", "200": "157,23,77", "300": "190, 24, 93", "400": "219, 39, 119", "500": "236, 72, 153", "600": "219, 39, 119", "700": "190, 24, 93", "800": "157,23,77", "900": "131, 24, 67", ), "success": ( "": "76, 175, 80", "fore": "255, 255, 255", "50": "16, 185, 129", "100": "6, 78, 59", "200": "6, 95, 70", "300": "4, 120, 87", "400": "5, 150, 105", "500": "16, 185, 129", "600": "5, 150, 105", "700": "4, 120, 87", "800": "6, 95, 70", "900": "6, 78, 59", ), "danger": ( "": "239, 68, 68", "fore": "255, 255, 255", "50": "239, 68, 68", "100": "127, 29, 29", "200": "153, 27, 27", "300": "185, 28, 28", "400": "220, 38, 38", "500": "239, 68, 68", "600": "220, 38, 38", "700": "185, 28, 28", "800": "153, 27, 27", "900": "127, 29, 29", ), "warning": ( "": "251, 191, 36", "fore": "120, 53, 15", "50": "245, 158, 11", "100": "120, 53, 15", "200": "146, 64, 14", "300": "180, 83, 9", "400": "217, 119, 6", "500": "245, 158, 11", "600": "217, 119, 6", "700": "180, 83, 9", "800": "146, 64, 14", "900": "120, 53, 15", ), "info": ( "": "139, 92, 246", "fore": "255, 255, 255", "50": "139, 92, 246", "100": "76, 29, 149", "200": "91, 33, 182", "300": "109, 40, 217", "400": "124, 58, 237", "500": "139, 92, 246", "600": "124, 58, 237", "700": "109, 40, 217", "800": "91, 33, 182", "900": "76, 29, 149", ), "dark": ( "": "21, 21, 21", "fore": "255, 255, 255", "50": "21, 21, 21", "100": "6, 6, 6", "200": "12, 12, 12", "300": "15, 15, 15", "400": "18, 18, 18", "500": "21, 21, 21", "600": "18, 18, 18", "700": "15, 15, 15", "800": "12, 12, 12", "900": "6, 6, 6", ), "light": ( "": "107, 114, 128", "fore": "17, 24, 39", "50": "107, 114, 128", "100": "75, 85, 99", "200": "55, 65, 81", "300": "31, 41, 55", "400": "17, 24, 39", "500": "107, 114, 128", "600": "75, 85, 99", "700": "55, 65, 81", "800": "31, 41, 55", "900": "17, 24, 39", ), "gray": ( "": "107, 114, 128", "fore": "17, 24, 39", "50": "107, 114, 128", "100": "17, 24, 39", "200": "31, 41, 55", "300": "55, 65, 81", "400": "75, 85, 99", "500": "107, 114, 128", "600": "75, 85, 99", "700": "55, 65, 81", "800": "31, 41, 55", "900": "17, 24, 39", ), );
|