bullet_train-themes-light 1.2.9 → 1.2.11
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/light/fields/date_field.css +1 -1
- data/app/assets/stylesheets/light/fields/index.css +5 -0
- data/app/assets/stylesheets/light/fields/super_select.css +5 -5
- data/app/assets/stylesheets/light/fields/trix_editor.css +1 -1
- data/app/assets/stylesheets/light/tailwind/colors/amber.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/blue.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/cyan.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/emerald.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/fuchsia.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/gray.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/green.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/indigo.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/lime.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/neutral.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/orange.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/pink.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/purple.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/red.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/rose.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/sky.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/slate.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/stone.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/teal.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/violet.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/yellow.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/zinc.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors.css +45 -255
- data/app/assets/stylesheets/light/tailwind/components.css +14 -6
- data/app/assets/stylesheets/light/tailwind/dark-mode.css +29 -92
- data/app/assets/stylesheets/light/tailwind/secondary_colors/amber.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/blue.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/cyan.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/emerald.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/fuchsia.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/gray.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/green.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/indigo.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/lime.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/neutral.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/orange.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/pink.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/purple.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/red.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/rose.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/sky.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/slate.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/stone.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/teal.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/violet.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/yellow.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/zinc.css +12 -0
- data/app/assets/stylesheets/light/tailwind/utilities.css +1 -22
- data/app/views/themes/light/_alert.html.erb +15 -11
- data/app/views/themes/light/_box.html.erb +5 -5
- data/app/views/themes/light/_breadcrumb.html.erb +3 -3
- data/app/views/themes/light/_cell.html.erb +2 -2
- data/app/views/themes/light/_decision_line.html.erb +2 -2
- data/app/views/themes/light/_line.html.erb +2 -2
- data/app/views/themes/light/_well.html.erb +2 -2
- data/app/views/themes/light/actions/_action.html.erb +7 -7
- data/app/views/themes/light/actions/_list.html.erb +1 -1
- data/app/views/themes/light/attributes/_base.html.erb +1 -1
- data/app/views/themes/light/attributes/_progress_bar.html.erb +1 -1
- data/app/views/themes/light/billing/_pricing_table.html.erb +5 -5
- data/app/views/themes/light/commentary/_box.html.erb +1 -11
- data/app/views/themes/light/conversations/_card.html.erb +5 -5
- data/app/views/themes/light/conversations/_comment.html.erb +3 -3
- data/app/views/themes/light/conversations/_message.html.erb +7 -7
- data/app/views/themes/light/conversations/_thread_border.html.erb +1 -1
- data/app/views/themes/light/fields/_field.html.erb +4 -4
- data/app/views/themes/light/layouts/_account.html.erb +6 -6
- data/app/views/themes/light/layouts/_devise.html.erb +1 -2
- data/app/views/themes/light/menu/_account.html.erb +7 -3
- data/app/views/themes/light/menu/_heading.html.erb +1 -1
- data/app/views/themes/light/menu/_item.html.erb +2 -2
- data/app/views/themes/light/menu/_mobile.html.erb +6 -6
- data/app/views/themes/light/menu/_open.html.erb +1 -1
- data/app/views/themes/light/menu/_subsection.html.erb +5 -3
- data/app/views/themes/light/menu/_user.html.erb +1 -1
- data/app/views/themes/light/workflow/_box.html.erb +1 -1
- data/lib/bullet_train/themes/light/version.rb +1 -1
- data/lib/bullet_train/themes/light.rb +2 -1
- data/tailwind.light.config.js +8 -45
- metadata +47 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 5b61fc5305cc5b1d86d9e4c63d8b81513e0fd0500c16413764b5b6746799099f
|
4
|
+
data.tar.gz: d342675a667f83a0c72796ed659e8464197556046fe888a613f99bcf6b7bc96f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: bc4cb9b40c0725ccb14c3dcb873619e9e466560bc08238571e46982914d1bbe18eb5cea90717e0d7b2e67ab67d5b32fd29e7882559c7c4bd5590727beae2e214
|
7
|
+
data.tar.gz: 8ff4879c4104f24965a64d76aa3d7d2e55f81bc8ac5ccaaedab8a73561831ee1a71345f6cbc39ad2b46c75a439a1fdbd3b970a8e28d4bdc78f3764f6c7366854
|
@@ -8,7 +8,7 @@
|
|
8
8
|
.daterangepicker {
|
9
9
|
.hourselect, .minuteselect, .ampmselect {
|
10
10
|
@apply rounded-md shadow-sm focus:ring-primary-500 font-light;
|
11
|
-
@apply border-
|
11
|
+
@apply border-slate-300 focus:border-primary-500 bg-white !important;
|
12
12
|
text-align-last: center;
|
13
13
|
}
|
14
14
|
|
@@ -1,7 +1,7 @@
|
|
1
1
|
.select2-container--default {
|
2
2
|
.select2-selection--single,
|
3
3
|
.select2-selection--multiple {
|
4
|
-
@apply border-
|
4
|
+
@apply border-slate-300;
|
5
5
|
}
|
6
6
|
}
|
7
7
|
|
@@ -55,7 +55,7 @@
|
|
55
55
|
}
|
56
56
|
|
57
57
|
.select2-selection--single, .select2-selection--multiple {
|
58
|
-
@apply border-
|
58
|
+
@apply border-slate-300;
|
59
59
|
@apply rounded-md shadow-sm pt-0 focus:ring-primary-500 !important;
|
60
60
|
|
61
61
|
&.focus-visible {
|
@@ -71,7 +71,7 @@
|
|
71
71
|
}
|
72
72
|
|
73
73
|
.select2-selection__rendered {
|
74
|
-
@apply text-
|
74
|
+
@apply text-slate-500 pl-3 !important;
|
75
75
|
line-height: 35px !important;
|
76
76
|
}
|
77
77
|
}
|
@@ -88,7 +88,7 @@
|
|
88
88
|
}
|
89
89
|
|
90
90
|
.select2-container .select2-dropdown {
|
91
|
-
@apply border-2 border-
|
91
|
+
@apply border-2 border-slate-300 shadow-sm overflow-hidden !important;
|
92
92
|
border-color: #5897fb !important;
|
93
93
|
}
|
94
94
|
|
@@ -98,7 +98,7 @@
|
|
98
98
|
|
99
99
|
.select2-search__field {
|
100
100
|
@apply rounded-md;
|
101
|
-
@apply border-
|
101
|
+
@apply border-slate-300 !important;
|
102
102
|
|
103
103
|
&:focus {
|
104
104
|
border-color: #5897fb !important;
|
@@ -76,7 +76,7 @@ trix-editor [data-trix-cursor-target] {
|
|
76
76
|
trix-editor {
|
77
77
|
padding-right: 0.75rem;
|
78
78
|
padding-left: 0.75rem;
|
79
|
-
@apply shadow-sm border-
|
79
|
+
@apply shadow-sm border-slate-300 font-light rounded-md;
|
80
80
|
&:focus, &:active {
|
81
81
|
border-color: var(--primary-500);
|
82
82
|
box-shadow: inset 0 0 0 1px var(--primary-500);
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-amber {
|
2
|
+
--primary-50: theme('colors.amber.50');
|
3
|
+
--primary-100: theme('colors.amber.100');
|
4
|
+
--primary-200: theme('colors.amber.200');
|
5
|
+
--primary-300: theme('colors.amber.300');
|
6
|
+
--primary-400: theme('colors.amber.400');
|
7
|
+
--primary-500: theme('colors.amber.500');
|
8
|
+
--primary-600: theme('colors.amber.600');
|
9
|
+
--primary-700: theme('colors.amber.700');
|
10
|
+
--primary-800: theme('colors.amber.800');
|
11
|
+
--primary-900: theme('colors.amber.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.amber.50');
|
14
|
+
--secondary-100: theme('colors.amber.100');
|
15
|
+
--secondary-200: theme('colors.amber.200');
|
16
|
+
--secondary-300: theme('colors.amber.300');
|
17
|
+
--secondary-400: theme('colors.amber.400');
|
18
|
+
--secondary-500: theme('colors.amber.500');
|
19
|
+
--secondary-600: theme('colors.amber.600');
|
20
|
+
--secondary-700: theme('colors.amber.700');
|
21
|
+
--secondary-800: theme('colors.amber.800');
|
22
|
+
--secondary-900: theme('colors.amber.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
:root, .theme-blue {
|
2
|
+
--primary-50: theme('colors.blue.50');
|
3
|
+
--primary-100: theme('colors.blue.100');
|
4
|
+
--primary-200: theme('colors.blue.200');
|
5
|
+
--primary-300: theme('colors.blue.300');
|
6
|
+
--primary-400: theme('colors.blue.400');
|
7
|
+
--primary-500: theme('colors.blue.500');
|
8
|
+
--primary-600: theme('colors.blue.600');
|
9
|
+
--primary-700: theme('colors.blue.700');
|
10
|
+
--primary-800: theme('colors.blue.800');
|
11
|
+
--primary-900: theme('colors.blue.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.blue.50');
|
14
|
+
--secondary-100: theme('colors.blue.100');
|
15
|
+
--secondary-200: theme('colors.blue.200');
|
16
|
+
--secondary-300: theme('colors.blue.300');
|
17
|
+
--secondary-400: theme('colors.blue.400');
|
18
|
+
--secondary-500: theme('colors.blue.500');
|
19
|
+
--secondary-600: theme('colors.blue.600');
|
20
|
+
--secondary-700: theme('colors.blue.700');
|
21
|
+
--secondary-800: theme('colors.blue.800');
|
22
|
+
--secondary-900: theme('colors.blue.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-cyan {
|
2
|
+
--primary-50: theme('colors.cyan.50');
|
3
|
+
--primary-100: theme('colors.cyan.100');
|
4
|
+
--primary-200: theme('colors.cyan.200');
|
5
|
+
--primary-300: theme('colors.cyan.300');
|
6
|
+
--primary-400: theme('colors.cyan.400');
|
7
|
+
--primary-500: theme('colors.cyan.500');
|
8
|
+
--primary-600: theme('colors.cyan.600');
|
9
|
+
--primary-700: theme('colors.cyan.700');
|
10
|
+
--primary-800: theme('colors.cyan.800');
|
11
|
+
--primary-900: theme('colors.cyan.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.cyan.50');
|
14
|
+
--secondary-100: theme('colors.cyan.100');
|
15
|
+
--secondary-200: theme('colors.cyan.200');
|
16
|
+
--secondary-300: theme('colors.cyan.300');
|
17
|
+
--secondary-400: theme('colors.cyan.400');
|
18
|
+
--secondary-500: theme('colors.cyan.500');
|
19
|
+
--secondary-600: theme('colors.cyan.600');
|
20
|
+
--secondary-700: theme('colors.cyan.700');
|
21
|
+
--secondary-800: theme('colors.cyan.800');
|
22
|
+
--secondary-900: theme('colors.cyan.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-emerald {
|
2
|
+
--primary-50: theme('colors.emerald.50');
|
3
|
+
--primary-100: theme('colors.emerald.100');
|
4
|
+
--primary-200: theme('colors.emerald.200');
|
5
|
+
--primary-300: theme('colors.emerald.300');
|
6
|
+
--primary-400: theme('colors.emerald.400');
|
7
|
+
--primary-500: theme('colors.emerald.500');
|
8
|
+
--primary-600: theme('colors.emerald.600');
|
9
|
+
--primary-700: theme('colors.emerald.700');
|
10
|
+
--primary-800: theme('colors.emerald.800');
|
11
|
+
--primary-900: theme('colors.emerald.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.emerald.50');
|
14
|
+
--secondary-100: theme('colors.emerald.100');
|
15
|
+
--secondary-200: theme('colors.emerald.200');
|
16
|
+
--secondary-300: theme('colors.emerald.300');
|
17
|
+
--secondary-400: theme('colors.emerald.400');
|
18
|
+
--secondary-500: theme('colors.emerald.500');
|
19
|
+
--secondary-600: theme('colors.emerald.600');
|
20
|
+
--secondary-700: theme('colors.emerald.700');
|
21
|
+
--secondary-800: theme('colors.emerald.800');
|
22
|
+
--secondary-900: theme('colors.emerald.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-fuchsia {
|
2
|
+
--primary-50: theme('colors.fuchsia.50');
|
3
|
+
--primary-100: theme('colors.fuchsia.100');
|
4
|
+
--primary-200: theme('colors.fuchsia.200');
|
5
|
+
--primary-300: theme('colors.fuchsia.300');
|
6
|
+
--primary-400: theme('colors.fuchsia.400');
|
7
|
+
--primary-500: theme('colors.fuchsia.500');
|
8
|
+
--primary-600: theme('colors.fuchsia.600');
|
9
|
+
--primary-700: theme('colors.fuchsia.700');
|
10
|
+
--primary-800: theme('colors.fuchsia.800');
|
11
|
+
--primary-900: theme('colors.fuchsia.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.fuchsia.50');
|
14
|
+
--secondary-100: theme('colors.fuchsia.100');
|
15
|
+
--secondary-200: theme('colors.fuchsia.200');
|
16
|
+
--secondary-300: theme('colors.fuchsia.300');
|
17
|
+
--secondary-400: theme('colors.fuchsia.400');
|
18
|
+
--secondary-500: theme('colors.fuchsia.500');
|
19
|
+
--secondary-600: theme('colors.fuchsia.600');
|
20
|
+
--secondary-700: theme('colors.fuchsia.700');
|
21
|
+
--secondary-800: theme('colors.fuchsia.800');
|
22
|
+
--secondary-900: theme('colors.fuchsia.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-gray {
|
2
|
+
--primary-50: theme('colors.slate.50');
|
3
|
+
--primary-100: theme('colors.slate.100');
|
4
|
+
--primary-200: theme('colors.slate.200');
|
5
|
+
--primary-300: theme('colors.slate.300');
|
6
|
+
--primary-400: theme('colors.slate.400');
|
7
|
+
--primary-500: theme('colors.slate.500');
|
8
|
+
--primary-600: theme('colors.slate.600');
|
9
|
+
--primary-700: theme('colors.slate.700');
|
10
|
+
--primary-800: theme('colors.slate.800');
|
11
|
+
--primary-900: theme('colors.slate.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.slate.50');
|
14
|
+
--secondary-100: theme('colors.slate.100');
|
15
|
+
--secondary-200: theme('colors.slate.200');
|
16
|
+
--secondary-300: theme('colors.slate.300');
|
17
|
+
--secondary-400: theme('colors.slate.400');
|
18
|
+
--secondary-500: theme('colors.slate.500');
|
19
|
+
--secondary-600: theme('colors.slate.600');
|
20
|
+
--secondary-700: theme('colors.slate.700');
|
21
|
+
--secondary-800: theme('colors.slate.800');
|
22
|
+
--secondary-900: theme('colors.slate.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-green {
|
2
|
+
--primary-50: theme('colors.green.50');
|
3
|
+
--primary-100: theme('colors.green.100');
|
4
|
+
--primary-200: theme('colors.green.200');
|
5
|
+
--primary-300: theme('colors.green.300');
|
6
|
+
--primary-400: theme('colors.green.400');
|
7
|
+
--primary-500: theme('colors.green.500');
|
8
|
+
--primary-600: theme('colors.green.600');
|
9
|
+
--primary-700: theme('colors.green.700');
|
10
|
+
--primary-800: theme('colors.green.800');
|
11
|
+
--primary-900: theme('colors.green.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.green.50');
|
14
|
+
--secondary-100: theme('colors.green.100');
|
15
|
+
--secondary-200: theme('colors.green.200');
|
16
|
+
--secondary-300: theme('colors.green.300');
|
17
|
+
--secondary-400: theme('colors.green.400');
|
18
|
+
--secondary-500: theme('colors.green.500');
|
19
|
+
--secondary-600: theme('colors.green.600');
|
20
|
+
--secondary-700: theme('colors.green.700');
|
21
|
+
--secondary-800: theme('colors.green.800');
|
22
|
+
--secondary-900: theme('colors.green.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-indigo {
|
2
|
+
--primary-50: theme('colors.indigo.50');
|
3
|
+
--primary-100: theme('colors.indigo.100');
|
4
|
+
--primary-200: theme('colors.indigo.200');
|
5
|
+
--primary-300: theme('colors.indigo.300');
|
6
|
+
--primary-400: theme('colors.indigo.400');
|
7
|
+
--primary-500: theme('colors.indigo.500');
|
8
|
+
--primary-600: theme('colors.indigo.600');
|
9
|
+
--primary-700: theme('colors.indigo.700');
|
10
|
+
--primary-800: theme('colors.indigo.800');
|
11
|
+
--primary-900: theme('colors.indigo.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.indigo.50');
|
14
|
+
--secondary-100: theme('colors.indigo.100');
|
15
|
+
--secondary-200: theme('colors.indigo.200');
|
16
|
+
--secondary-300: theme('colors.indigo.300');
|
17
|
+
--secondary-400: theme('colors.indigo.400');
|
18
|
+
--secondary-500: theme('colors.indigo.500');
|
19
|
+
--secondary-600: theme('colors.indigo.600');
|
20
|
+
--secondary-700: theme('colors.indigo.700');
|
21
|
+
--secondary-800: theme('colors.indigo.800');
|
22
|
+
--secondary-900: theme('colors.indigo.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-lime {
|
2
|
+
--primary-50: theme('colors.lime.50');
|
3
|
+
--primary-100: theme('colors.lime.100');
|
4
|
+
--primary-200: theme('colors.lime.200');
|
5
|
+
--primary-300: theme('colors.lime.300');
|
6
|
+
--primary-400: theme('colors.lime.400');
|
7
|
+
--primary-500: theme('colors.lime.500');
|
8
|
+
--primary-600: theme('colors.lime.600');
|
9
|
+
--primary-700: theme('colors.lime.700');
|
10
|
+
--primary-800: theme('colors.lime.800');
|
11
|
+
--primary-900: theme('colors.lime.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.lime.50');
|
14
|
+
--secondary-100: theme('colors.lime.100');
|
15
|
+
--secondary-200: theme('colors.lime.200');
|
16
|
+
--secondary-300: theme('colors.lime.300');
|
17
|
+
--secondary-400: theme('colors.lime.400');
|
18
|
+
--secondary-500: theme('colors.lime.500');
|
19
|
+
--secondary-600: theme('colors.lime.600');
|
20
|
+
--secondary-700: theme('colors.lime.700');
|
21
|
+
--secondary-800: theme('colors.lime.800');
|
22
|
+
--secondary-900: theme('colors.lime.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-neutral {
|
2
|
+
--primary-50: theme('colors.neutral.50');
|
3
|
+
--primary-100: theme('colors.neutral.100');
|
4
|
+
--primary-200: theme('colors.neutral.200');
|
5
|
+
--primary-300: theme('colors.neutral.300');
|
6
|
+
--primary-400: theme('colors.neutral.400');
|
7
|
+
--primary-500: theme('colors.neutral.500');
|
8
|
+
--primary-600: theme('colors.neutral.600');
|
9
|
+
--primary-700: theme('colors.neutral.700');
|
10
|
+
--primary-800: theme('colors.neutral.800');
|
11
|
+
--primary-900: theme('colors.neutral.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.neutral.50');
|
14
|
+
--secondary-100: theme('colors.neutral.100');
|
15
|
+
--secondary-200: theme('colors.neutral.200');
|
16
|
+
--secondary-300: theme('colors.neutral.300');
|
17
|
+
--secondary-400: theme('colors.neutral.400');
|
18
|
+
--secondary-500: theme('colors.neutral.500');
|
19
|
+
--secondary-600: theme('colors.neutral.600');
|
20
|
+
--secondary-700: theme('colors.neutral.700');
|
21
|
+
--secondary-800: theme('colors.neutral.800');
|
22
|
+
--secondary-900: theme('colors.neutral.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-orange {
|
2
|
+
--primary-50: theme('colors.orange.50');
|
3
|
+
--primary-100: theme('colors.orange.100');
|
4
|
+
--primary-200: theme('colors.orange.200');
|
5
|
+
--primary-300: theme('colors.orange.300');
|
6
|
+
--primary-400: theme('colors.orange.400');
|
7
|
+
--primary-500: theme('colors.orange.500');
|
8
|
+
--primary-600: theme('colors.orange.600');
|
9
|
+
--primary-700: theme('colors.orange.700');
|
10
|
+
--primary-800: theme('colors.orange.800');
|
11
|
+
--primary-900: theme('colors.orange.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.orange.50');
|
14
|
+
--secondary-100: theme('colors.orange.100');
|
15
|
+
--secondary-200: theme('colors.orange.200');
|
16
|
+
--secondary-300: theme('colors.orange.300');
|
17
|
+
--secondary-400: theme('colors.orange.400');
|
18
|
+
--secondary-500: theme('colors.orange.500');
|
19
|
+
--secondary-600: theme('colors.orange.600');
|
20
|
+
--secondary-700: theme('colors.orange.700');
|
21
|
+
--secondary-800: theme('colors.orange.800');
|
22
|
+
--secondary-900: theme('colors.orange.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-pink {
|
2
|
+
--primary-50: theme('colors.pink.50');
|
3
|
+
--primary-100: theme('colors.pink.100');
|
4
|
+
--primary-200: theme('colors.pink.200');
|
5
|
+
--primary-300: theme('colors.pink.300');
|
6
|
+
--primary-400: theme('colors.pink.400');
|
7
|
+
--primary-500: theme('colors.pink.500');
|
8
|
+
--primary-600: theme('colors.pink.600');
|
9
|
+
--primary-700: theme('colors.pink.700');
|
10
|
+
--primary-800: theme('colors.pink.800');
|
11
|
+
--primary-900: theme('colors.pink.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.pink.50');
|
14
|
+
--secondary-100: theme('colors.pink.100');
|
15
|
+
--secondary-200: theme('colors.pink.200');
|
16
|
+
--secondary-300: theme('colors.pink.300');
|
17
|
+
--secondary-400: theme('colors.pink.400');
|
18
|
+
--secondary-500: theme('colors.pink.500');
|
19
|
+
--secondary-600: theme('colors.pink.600');
|
20
|
+
--secondary-700: theme('colors.pink.700');
|
21
|
+
--secondary-800: theme('colors.pink.800');
|
22
|
+
--secondary-900: theme('colors.pink.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-purple {
|
2
|
+
--primary-50: theme('colors.purple.50');
|
3
|
+
--primary-100: theme('colors.purple.100');
|
4
|
+
--primary-200: theme('colors.purple.200');
|
5
|
+
--primary-300: theme('colors.purple.300');
|
6
|
+
--primary-400: theme('colors.purple.400');
|
7
|
+
--primary-500: theme('colors.purple.500');
|
8
|
+
--primary-600: theme('colors.purple.600');
|
9
|
+
--primary-700: theme('colors.purple.700');
|
10
|
+
--primary-800: theme('colors.purple.800');
|
11
|
+
--primary-900: theme('colors.purple.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.purple.50');
|
14
|
+
--secondary-100: theme('colors.purple.100');
|
15
|
+
--secondary-200: theme('colors.purple.200');
|
16
|
+
--secondary-300: theme('colors.purple.300');
|
17
|
+
--secondary-400: theme('colors.purple.400');
|
18
|
+
--secondary-500: theme('colors.purple.500');
|
19
|
+
--secondary-600: theme('colors.purple.600');
|
20
|
+
--secondary-700: theme('colors.purple.700');
|
21
|
+
--secondary-800: theme('colors.purple.800');
|
22
|
+
--secondary-900: theme('colors.purple.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-red {
|
2
|
+
--primary-50: theme('colors.red.50');
|
3
|
+
--primary-100: theme('colors.red.100');
|
4
|
+
--primary-200: theme('colors.red.200');
|
5
|
+
--primary-300: theme('colors.red.300');
|
6
|
+
--primary-400: theme('colors.red.400');
|
7
|
+
--primary-500: theme('colors.red.500');
|
8
|
+
--primary-600: theme('colors.red.600');
|
9
|
+
--primary-700: theme('colors.red.700');
|
10
|
+
--primary-800: theme('colors.red.800');
|
11
|
+
--primary-900: theme('colors.red.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.red.50');
|
14
|
+
--secondary-100: theme('colors.red.100');
|
15
|
+
--secondary-200: theme('colors.red.200');
|
16
|
+
--secondary-300: theme('colors.red.300');
|
17
|
+
--secondary-400: theme('colors.red.400');
|
18
|
+
--secondary-500: theme('colors.red.500');
|
19
|
+
--secondary-600: theme('colors.red.600');
|
20
|
+
--secondary-700: theme('colors.red.700');
|
21
|
+
--secondary-800: theme('colors.red.800');
|
22
|
+
--secondary-900: theme('colors.red.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-rose {
|
2
|
+
--primary-50: theme('colors.rose.50');
|
3
|
+
--primary-100: theme('colors.rose.100');
|
4
|
+
--primary-200: theme('colors.rose.200');
|
5
|
+
--primary-300: theme('colors.rose.300');
|
6
|
+
--primary-400: theme('colors.rose.400');
|
7
|
+
--primary-500: theme('colors.rose.500');
|
8
|
+
--primary-600: theme('colors.rose.600');
|
9
|
+
--primary-700: theme('colors.rose.700');
|
10
|
+
--primary-800: theme('colors.rose.800');
|
11
|
+
--primary-900: theme('colors.rose.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.rose.50');
|
14
|
+
--secondary-100: theme('colors.rose.100');
|
15
|
+
--secondary-200: theme('colors.rose.200');
|
16
|
+
--secondary-300: theme('colors.rose.300');
|
17
|
+
--secondary-400: theme('colors.rose.400');
|
18
|
+
--secondary-500: theme('colors.rose.500');
|
19
|
+
--secondary-600: theme('colors.rose.600');
|
20
|
+
--secondary-700: theme('colors.rose.700');
|
21
|
+
--secondary-800: theme('colors.rose.800');
|
22
|
+
--secondary-900: theme('colors.rose.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-sky {
|
2
|
+
--primary-50: theme('colors.sky.50');
|
3
|
+
--primary-100: theme('colors.sky.100');
|
4
|
+
--primary-200: theme('colors.sky.200');
|
5
|
+
--primary-300: theme('colors.sky.300');
|
6
|
+
--primary-400: theme('colors.sky.400');
|
7
|
+
--primary-500: theme('colors.sky.500');
|
8
|
+
--primary-600: theme('colors.sky.600');
|
9
|
+
--primary-700: theme('colors.sky.700');
|
10
|
+
--primary-800: theme('colors.sky.800');
|
11
|
+
--primary-900: theme('colors.sky.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.sky.50');
|
14
|
+
--secondary-100: theme('colors.sky.100');
|
15
|
+
--secondary-200: theme('colors.sky.200');
|
16
|
+
--secondary-300: theme('colors.sky.300');
|
17
|
+
--secondary-400: theme('colors.sky.400');
|
18
|
+
--secondary-500: theme('colors.sky.500');
|
19
|
+
--secondary-600: theme('colors.sky.600');
|
20
|
+
--secondary-700: theme('colors.sky.700');
|
21
|
+
--secondary-800: theme('colors.sky.800');
|
22
|
+
--secondary-900: theme('colors.sky.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-slate {
|
2
|
+
--primary-50: theme('colors.slate.50');
|
3
|
+
--primary-100: theme('colors.slate.100');
|
4
|
+
--primary-200: theme('colors.slate.200');
|
5
|
+
--primary-300: theme('colors.slate.300');
|
6
|
+
--primary-400: theme('colors.slate.400');
|
7
|
+
--primary-500: theme('colors.slate.500');
|
8
|
+
--primary-600: theme('colors.slate.600');
|
9
|
+
--primary-700: theme('colors.slate.700');
|
10
|
+
--primary-800: theme('colors.slate.800');
|
11
|
+
--primary-900: theme('colors.slate.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.slate.50');
|
14
|
+
--secondary-100: theme('colors.slate.100');
|
15
|
+
--secondary-200: theme('colors.slate.200');
|
16
|
+
--secondary-300: theme('colors.slate.300');
|
17
|
+
--secondary-400: theme('colors.slate.400');
|
18
|
+
--secondary-500: theme('colors.slate.500');
|
19
|
+
--secondary-600: theme('colors.slate.600');
|
20
|
+
--secondary-700: theme('colors.slate.700');
|
21
|
+
--secondary-800: theme('colors.slate.800');
|
22
|
+
--secondary-900: theme('colors.slate.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-stone {
|
2
|
+
--primary-50: theme('colors.stone.50');
|
3
|
+
--primary-100: theme('colors.stone.100');
|
4
|
+
--primary-200: theme('colors.stone.200');
|
5
|
+
--primary-300: theme('colors.stone.300');
|
6
|
+
--primary-400: theme('colors.stone.400');
|
7
|
+
--primary-500: theme('colors.stone.500');
|
8
|
+
--primary-600: theme('colors.stone.600');
|
9
|
+
--primary-700: theme('colors.stone.700');
|
10
|
+
--primary-800: theme('colors.stone.800');
|
11
|
+
--primary-900: theme('colors.stone.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.stone.50');
|
14
|
+
--secondary-100: theme('colors.stone.100');
|
15
|
+
--secondary-200: theme('colors.stone.200');
|
16
|
+
--secondary-300: theme('colors.stone.300');
|
17
|
+
--secondary-400: theme('colors.stone.400');
|
18
|
+
--secondary-500: theme('colors.stone.500');
|
19
|
+
--secondary-600: theme('colors.stone.600');
|
20
|
+
--secondary-700: theme('colors.stone.700');
|
21
|
+
--secondary-800: theme('colors.stone.800');
|
22
|
+
--secondary-900: theme('colors.stone.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-teal {
|
2
|
+
--primary-50: theme('colors.teal.50');
|
3
|
+
--primary-100: theme('colors.teal.100');
|
4
|
+
--primary-200: theme('colors.teal.200');
|
5
|
+
--primary-300: theme('colors.teal.300');
|
6
|
+
--primary-400: theme('colors.teal.400');
|
7
|
+
--primary-500: theme('colors.teal.500');
|
8
|
+
--primary-600: theme('colors.teal.600');
|
9
|
+
--primary-700: theme('colors.teal.700');
|
10
|
+
--primary-800: theme('colors.teal.800');
|
11
|
+
--primary-900: theme('colors.teal.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.teal.50');
|
14
|
+
--secondary-100: theme('colors.teal.100');
|
15
|
+
--secondary-200: theme('colors.teal.200');
|
16
|
+
--secondary-300: theme('colors.teal.300');
|
17
|
+
--secondary-400: theme('colors.teal.400');
|
18
|
+
--secondary-500: theme('colors.teal.500');
|
19
|
+
--secondary-600: theme('colors.teal.600');
|
20
|
+
--secondary-700: theme('colors.teal.700');
|
21
|
+
--secondary-800: theme('colors.teal.800');
|
22
|
+
--secondary-900: theme('colors.teal.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-violet {
|
2
|
+
--primary-50: theme('colors.violet.50');
|
3
|
+
--primary-100: theme('colors.violet.100');
|
4
|
+
--primary-200: theme('colors.violet.200');
|
5
|
+
--primary-300: theme('colors.violet.300');
|
6
|
+
--primary-400: theme('colors.violet.400');
|
7
|
+
--primary-500: theme('colors.violet.500');
|
8
|
+
--primary-600: theme('colors.violet.600');
|
9
|
+
--primary-700: theme('colors.violet.700');
|
10
|
+
--primary-800: theme('colors.violet.800');
|
11
|
+
--primary-900: theme('colors.violet.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.violet.50');
|
14
|
+
--secondary-100: theme('colors.violet.100');
|
15
|
+
--secondary-200: theme('colors.violet.200');
|
16
|
+
--secondary-300: theme('colors.violet.300');
|
17
|
+
--secondary-400: theme('colors.violet.400');
|
18
|
+
--secondary-500: theme('colors.violet.500');
|
19
|
+
--secondary-600: theme('colors.violet.600');
|
20
|
+
--secondary-700: theme('colors.violet.700');
|
21
|
+
--secondary-800: theme('colors.violet.800');
|
22
|
+
--secondary-900: theme('colors.violet.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-yellow {
|
2
|
+
--primary-50: theme('colors.yellow.50');
|
3
|
+
--primary-100: theme('colors.yellow.100');
|
4
|
+
--primary-200: theme('colors.yellow.200');
|
5
|
+
--primary-300: theme('colors.yellow.300');
|
6
|
+
--primary-400: theme('colors.yellow.400');
|
7
|
+
--primary-500: theme('colors.yellow.500');
|
8
|
+
--primary-600: theme('colors.yellow.600');
|
9
|
+
--primary-700: theme('colors.yellow.700');
|
10
|
+
--primary-800: theme('colors.yellow.800');
|
11
|
+
--primary-900: theme('colors.yellow.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.yellow.50');
|
14
|
+
--secondary-100: theme('colors.yellow.100');
|
15
|
+
--secondary-200: theme('colors.yellow.200');
|
16
|
+
--secondary-300: theme('colors.yellow.300');
|
17
|
+
--secondary-400: theme('colors.yellow.400');
|
18
|
+
--secondary-500: theme('colors.yellow.500');
|
19
|
+
--secondary-600: theme('colors.yellow.600');
|
20
|
+
--secondary-700: theme('colors.yellow.700');
|
21
|
+
--secondary-800: theme('colors.yellow.800');
|
22
|
+
--secondary-900: theme('colors.yellow.900');
|
23
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
.theme-zinc {
|
2
|
+
--primary-50: theme('colors.zinc.50');
|
3
|
+
--primary-100: theme('colors.zinc.100');
|
4
|
+
--primary-200: theme('colors.zinc.200');
|
5
|
+
--primary-300: theme('colors.zinc.300');
|
6
|
+
--primary-400: theme('colors.zinc.400');
|
7
|
+
--primary-500: theme('colors.zinc.500');
|
8
|
+
--primary-600: theme('colors.zinc.600');
|
9
|
+
--primary-700: theme('colors.zinc.700');
|
10
|
+
--primary-800: theme('colors.zinc.800');
|
11
|
+
--primary-900: theme('colors.zinc.900');
|
12
|
+
|
13
|
+
--secondary-50: theme('colors.zinc.50');
|
14
|
+
--secondary-100: theme('colors.zinc.100');
|
15
|
+
--secondary-200: theme('colors.zinc.200');
|
16
|
+
--secondary-300: theme('colors.zinc.300');
|
17
|
+
--secondary-400: theme('colors.zinc.400');
|
18
|
+
--secondary-500: theme('colors.zinc.500');
|
19
|
+
--secondary-600: theme('colors.zinc.600');
|
20
|
+
--secondary-700: theme('colors.zinc.700');
|
21
|
+
--secondary-800: theme('colors.zinc.800');
|
22
|
+
--secondary-900: theme('colors.zinc.900');
|
23
|
+
}
|