bullet_train-themes-light 1.38.0 → 1.39.0

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 (60) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/light/bulk_actions.css +1 -1
  3. data/app/assets/stylesheets/light/fields/date_field.css +2 -2
  4. data/app/assets/stylesheets/light/fields/super_select.css +16 -12
  5. data/app/assets/stylesheets/light/fields/trix_editor.css +1 -1
  6. data/app/assets/stylesheets/light/tailwind/colors/amber.css +20 -20
  7. data/app/assets/stylesheets/light/tailwind/colors/blue.css +20 -20
  8. data/app/assets/stylesheets/light/tailwind/colors/cyan.css +20 -20
  9. data/app/assets/stylesheets/light/tailwind/colors/emerald.css +20 -20
  10. data/app/assets/stylesheets/light/tailwind/colors/fuchsia.css +20 -20
  11. data/app/assets/stylesheets/light/tailwind/colors/gray.css +20 -20
  12. data/app/assets/stylesheets/light/tailwind/colors/green.css +20 -20
  13. data/app/assets/stylesheets/light/tailwind/colors/indigo.css +20 -20
  14. data/app/assets/stylesheets/light/tailwind/colors/lime.css +20 -20
  15. data/app/assets/stylesheets/light/tailwind/colors/neutral.css +20 -20
  16. data/app/assets/stylesheets/light/tailwind/colors/orange.css +20 -20
  17. data/app/assets/stylesheets/light/tailwind/colors/pink.css +20 -20
  18. data/app/assets/stylesheets/light/tailwind/colors/purple.css +20 -20
  19. data/app/assets/stylesheets/light/tailwind/colors/red.css +20 -20
  20. data/app/assets/stylesheets/light/tailwind/colors/rose.css +20 -20
  21. data/app/assets/stylesheets/light/tailwind/colors/sky.css +20 -20
  22. data/app/assets/stylesheets/light/tailwind/colors/slate.css +20 -20
  23. data/app/assets/stylesheets/light/tailwind/colors/stone.css +20 -20
  24. data/app/assets/stylesheets/light/tailwind/colors/teal.css +20 -20
  25. data/app/assets/stylesheets/light/tailwind/colors/violet.css +20 -20
  26. data/app/assets/stylesheets/light/tailwind/colors/yellow.css +20 -20
  27. data/app/assets/stylesheets/light/tailwind/colors/zinc.css +20 -20
  28. data/app/assets/stylesheets/light/tailwind/components.css +17 -8
  29. data/app/assets/stylesheets/light/tailwind/dark-mode.css +22 -22
  30. data/app/assets/stylesheets/light/tailwind/secondary_colors/amber.css +10 -10
  31. data/app/assets/stylesheets/light/tailwind/secondary_colors/blue.css +10 -10
  32. data/app/assets/stylesheets/light/tailwind/secondary_colors/cyan.css +10 -10
  33. data/app/assets/stylesheets/light/tailwind/secondary_colors/emerald.css +10 -10
  34. data/app/assets/stylesheets/light/tailwind/secondary_colors/fuchsia.css +10 -10
  35. data/app/assets/stylesheets/light/tailwind/secondary_colors/gray.css +10 -10
  36. data/app/assets/stylesheets/light/tailwind/secondary_colors/green.css +10 -10
  37. data/app/assets/stylesheets/light/tailwind/secondary_colors/indigo.css +10 -10
  38. data/app/assets/stylesheets/light/tailwind/secondary_colors/lime.css +10 -10
  39. data/app/assets/stylesheets/light/tailwind/secondary_colors/neutral.css +10 -10
  40. data/app/assets/stylesheets/light/tailwind/secondary_colors/orange.css +10 -10
  41. data/app/assets/stylesheets/light/tailwind/secondary_colors/pink.css +10 -10
  42. data/app/assets/stylesheets/light/tailwind/secondary_colors/purple.css +10 -10
  43. data/app/assets/stylesheets/light/tailwind/secondary_colors/red.css +10 -10
  44. data/app/assets/stylesheets/light/tailwind/secondary_colors/rose.css +10 -10
  45. data/app/assets/stylesheets/light/tailwind/secondary_colors/sky.css +10 -10
  46. data/app/assets/stylesheets/light/tailwind/secondary_colors/slate.css +10 -10
  47. data/app/assets/stylesheets/light/tailwind/secondary_colors/stone.css +10 -10
  48. data/app/assets/stylesheets/light/tailwind/secondary_colors/teal.css +10 -10
  49. data/app/assets/stylesheets/light/tailwind/secondary_colors/violet.css +10 -10
  50. data/app/assets/stylesheets/light/tailwind/secondary_colors/yellow.css +10 -10
  51. data/app/assets/stylesheets/light/tailwind/secondary_colors/zinc.css +10 -10
  52. data/app/assets/stylesheets/light/tailwind/utilities.css +17 -15
  53. data/app/assets/stylesheets/light.tailwind.css +65 -6
  54. data/app/views/themes/light/_box.html.erb +1 -1
  55. data/app/views/themes/light/layouts/_account.html.erb +1 -1
  56. data/app/views/themes/light/layouts/_mailer.html.erb +15 -3
  57. data/app/views/themes/light/menu/_item.html.erb +1 -1
  58. data/app/views/themes/light/menu/_subsection.html.erb +1 -1
  59. data/lib/bullet_train/themes/light/version.rb +1 -1
  60. metadata +1 -1
@@ -11,7 +11,7 @@
11
11
  @apply text-base-300 border border-solid border-base-900 bg-base-800;
12
12
 
13
13
  &:focus {
14
- box-shadow: 0 0 0 1px theme('colors.primary.500'), 0 0 0 3px theme('colors.primary.500');
14
+ box-shadow: 0 0 0 1px var(--color-primary-500), 0 0 0 3px var(--color-primary-500);
15
15
  }
16
16
  }
17
17
  }
@@ -21,11 +21,11 @@
21
21
  @apply bg-base-800 border-base-900;
22
22
 
23
23
  &::before {
24
- border-bottom-color: theme('colors.base.900');
24
+ border-bottom-color: var(--color-base-900);
25
25
  }
26
26
 
27
27
  &::after {
28
- border-bottom-color: theme('colors.base.800');
28
+ border-bottom-color: var(--color-base-800);
29
29
  }
30
30
 
31
31
  .calendar-table {
@@ -41,7 +41,7 @@
41
41
 
42
42
  /* Clear and Apply buttons wrapper */
43
43
  .drp-buttons {
44
- border-top-color: theme('colors.base.900');
44
+ border-top-color: var(--color-base-900);
45
45
  @apply text-base-300;
46
46
  }
47
47
 
@@ -62,7 +62,7 @@
62
62
  }
63
63
 
64
64
  .hourselect, .minuteselect, .ampmselect {
65
- @apply text-base-300 border-base-900 bg-base-800 !important;
65
+ @apply text-base-300! border-base-900! bg-base-800!;
66
66
  }
67
67
  }
68
68
 
@@ -74,7 +74,7 @@
74
74
  /* Select2 */
75
75
  .select2-container {
76
76
  .select2-selection__rendered {
77
- @apply text-base-300 !important;
77
+ @apply text-base-300!;
78
78
  }
79
79
 
80
80
  .select2-dropdown {
@@ -82,17 +82,17 @@
82
82
  }
83
83
 
84
84
  .select2-search__field {
85
- @apply bg-base-800 border-base-900 !important;
85
+ @apply bg-base-800! border-base-900!;
86
86
  }
87
87
 
88
88
  .select2-selection--multiple, .select2-selection--single {
89
- @apply bg-base-800 focus:ring-primary-500 border-base-900 !important;
89
+ @apply bg-base-800! focus:ring-primary-500! border-base-900!;
90
90
  @apply text-base-300;
91
91
  }
92
92
 
93
93
  /* For the selected options in the multiple select2 component */
94
94
  .select2-selection__choice {
95
- @apply bg-primary-500 border-primary-500 !important;
95
+ @apply bg-primary-500! border-primary-500!;
96
96
  @apply text-white;
97
97
 
98
98
  .select2-selection__choice__remove {
@@ -111,22 +111,22 @@
111
111
 
112
112
  /* Trix Editor */
113
113
  trix-editor {
114
- @apply bg-base-800 border-base-900 !important;
114
+ @apply bg-base-800! border-base-900!;
115
115
 
116
116
  &:focus, &:active {
117
- @apply border-primary-500 !important;
117
+ @apply border-primary-500!;
118
118
  }
119
119
  }
120
120
 
121
121
  trix-toolbar {
122
- @apply opacity-50 !important;
122
+ @apply opacity-50!;
123
123
 
124
124
  &.visible {
125
- @apply opacity-100 !important;
125
+ @apply opacity-100!;
126
126
  }
127
127
 
128
128
  .trix-button-group, .trix-button {
129
- @apply border-base-400 !important;
129
+ @apply border-base-400!;
130
130
  }
131
131
 
132
132
  .trix-button:disabled::before {
@@ -134,7 +134,7 @@
134
134
  }
135
135
 
136
136
  .trix-dialog {
137
- @apply bg-base-800 border-base-900 shadow-lg shadow-base-900 !important;
137
+ @apply bg-base-800! border-base-900! shadow-lg! shadow-base-900!;
138
138
 
139
139
  .trix-button--dialog {
140
140
  @apply text-white;
@@ -148,12 +148,12 @@
148
148
 
149
149
  .tribute-container {
150
150
  ul {
151
- @apply bg-base-800 border-base-900 !important;
151
+ @apply bg-base-800! border-base-900!;
152
152
  }
153
153
  }
154
154
 
155
155
  .trix-dialogs {
156
- @apply bg-base-800 border-base-900 !important;
156
+ @apply bg-base-800! border-base-900!;
157
157
  }
158
158
 
159
159
  .trix-content a[href^="bullettrain://"] {
@@ -162,11 +162,11 @@
162
162
 
163
163
  /* CKEditor */
164
164
  .ck {
165
- --ck-color-base-background: theme('colors.base.800');
166
- --ck-color-base-border: theme('colors.base.900');
167
- --ck-color-toolbar-background: theme('colors.base.800');
168
- --ck-color-toolbar-border: theme('colors.base.900');
169
- --ck-color-text: theme('colors.base.300');
165
+ --ck-color-base-background: var(--color-base-800);
166
+ --ck-color-base-border: var(--color-base-900);
167
+ --ck-color-toolbar-background: var(--color-base-800);
168
+ --ck-color-toolbar-border: var(--color-base-900);
169
+ --ck-color-text: var(--color-base-300);
170
170
 
171
171
  .ck-editor__editable:not(.ck-editor__nested-editable) {
172
172
  @apply shadow-none;
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-amber {
2
- --secondary-50: theme('colors.amber.50');
3
- --secondary-100: theme('colors.amber.100');
4
- --secondary-200: theme('colors.amber.200');
5
- --secondary-300: theme('colors.amber.300');
6
- --secondary-400: theme('colors.amber.400');
7
- --secondary-500: theme('colors.amber.500');
8
- --secondary-600: theme('colors.amber.600');
9
- --secondary-700: theme('colors.amber.700');
10
- --secondary-800: theme('colors.amber.800');
11
- --secondary-900: theme('colors.amber.900');
2
+ --secondary-50: var(--color-amber-50);
3
+ --secondary-100: var(--color-amber-100);
4
+ --secondary-200: var(--color-amber-200);
5
+ --secondary-300: var(--color-amber-300);
6
+ --secondary-400: var(--color-amber-400);
7
+ --secondary-500: var(--color-amber-500);
8
+ --secondary-600: var(--color-amber-600);
9
+ --secondary-700: var(--color-amber-700);
10
+ --secondary-800: var(--color-amber-800);
11
+ --secondary-900: var(--color-amber-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-blue {
2
- --secondary-50: theme('colors.blue.50');
3
- --secondary-100: theme('colors.blue.100');
4
- --secondary-200: theme('colors.blue.200');
5
- --secondary-300: theme('colors.blue.300');
6
- --secondary-400: theme('colors.blue.400');
7
- --secondary-500: theme('colors.blue.500');
8
- --secondary-600: theme('colors.blue.600');
9
- --secondary-700: theme('colors.blue.700');
10
- --secondary-800: theme('colors.blue.800');
11
- --secondary-900: theme('colors.blue.900');
2
+ --secondary-50: var(--color-blue-50);
3
+ --secondary-100: var(--color-blue-100);
4
+ --secondary-200: var(--color-blue-200);
5
+ --secondary-300: var(--color-blue-300);
6
+ --secondary-400: var(--color-blue-400);
7
+ --secondary-500: var(--color-blue-500);
8
+ --secondary-600: var(--color-blue-600);
9
+ --secondary-700: var(--color-blue-700);
10
+ --secondary-800: var(--color-blue-800);
11
+ --secondary-900: var(--color-blue-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-cyan {
2
- --secondary-50: theme('colors.cyan.50');
3
- --secondary-100: theme('colors.cyan.100');
4
- --secondary-200: theme('colors.cyan.200');
5
- --secondary-300: theme('colors.cyan.300');
6
- --secondary-400: theme('colors.cyan.400');
7
- --secondary-500: theme('colors.cyan.500');
8
- --secondary-600: theme('colors.cyan.600');
9
- --secondary-700: theme('colors.cyan.700');
10
- --secondary-800: theme('colors.cyan.800');
11
- --secondary-900: theme('colors.cyan.900');
2
+ --secondary-50: var(--color-cyan-50);
3
+ --secondary-100: var(--color-cyan-100);
4
+ --secondary-200: var(--color-cyan-200);
5
+ --secondary-300: var(--color-cyan-300);
6
+ --secondary-400: var(--color-cyan-400);
7
+ --secondary-500: var(--color-cyan-500);
8
+ --secondary-600: var(--color-cyan-600);
9
+ --secondary-700: var(--color-cyan-700);
10
+ --secondary-800: var(--color-cyan-800);
11
+ --secondary-900: var(--color-cyan-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-emerald {
2
- --secondary-50: theme('colors.emerald.50');
3
- --secondary-100: theme('colors.emerald.100');
4
- --secondary-200: theme('colors.emerald.200');
5
- --secondary-300: theme('colors.emerald.300');
6
- --secondary-400: theme('colors.emerald.400');
7
- --secondary-500: theme('colors.emerald.500');
8
- --secondary-600: theme('colors.emerald.600');
9
- --secondary-700: theme('colors.emerald.700');
10
- --secondary-800: theme('colors.emerald.800');
11
- --secondary-900: theme('colors.emerald.900');
2
+ --secondary-50: var(--color-emerald-50);
3
+ --secondary-100: var(--color-emerald-100);
4
+ --secondary-200: var(--color-emerald-200);
5
+ --secondary-300: var(--color-emerald-300);
6
+ --secondary-400: var(--color-emerald-400);
7
+ --secondary-500: var(--color-emerald-500);
8
+ --secondary-600: var(--color-emerald-600);
9
+ --secondary-700: var(--color-emerald-700);
10
+ --secondary-800: var(--color-emerald-800);
11
+ --secondary-900: var(--color-emerald-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-fuchsia {
2
- --secondary-50: theme('colors.fuchsia.50');
3
- --secondary-100: theme('colors.fuchsia.100');
4
- --secondary-200: theme('colors.fuchsia.200');
5
- --secondary-300: theme('colors.fuchsia.300');
6
- --secondary-400: theme('colors.fuchsia.400');
7
- --secondary-500: theme('colors.fuchsia.500');
8
- --secondary-600: theme('colors.fuchsia.600');
9
- --secondary-700: theme('colors.fuchsia.700');
10
- --secondary-800: theme('colors.fuchsia.800');
11
- --secondary-900: theme('colors.fuchsia.900');
2
+ --secondary-50: var(--color-fuchsia-50);
3
+ --secondary-100: var(--color-fuchsia-100);
4
+ --secondary-200: var(--color-fuchsia-200);
5
+ --secondary-300: var(--color-fuchsia-300);
6
+ --secondary-400: var(--color-fuchsia-400);
7
+ --secondary-500: var(--color-fuchsia-500);
8
+ --secondary-600: var(--color-fuchsia-600);
9
+ --secondary-700: var(--color-fuchsia-700);
10
+ --secondary-800: var(--color-fuchsia-800);
11
+ --secondary-900: var(--color-fuchsia-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-gray {
2
- --secondary-50: theme('colors.slate.50');
3
- --secondary-100: theme('colors.slate.100');
4
- --secondary-200: theme('colors.slate.200');
5
- --secondary-300: theme('colors.slate.300');
6
- --secondary-400: theme('colors.slate.400');
7
- --secondary-500: theme('colors.slate.500');
8
- --secondary-600: theme('colors.slate.600');
9
- --secondary-700: theme('colors.slate.700');
10
- --secondary-800: theme('colors.slate.800');
11
- --secondary-900: theme('colors.slate.900');
2
+ --secondary-50: var(--color-slate-50);
3
+ --secondary-100: var(--color-slate-100);
4
+ --secondary-200: var(--color-slate-200);
5
+ --secondary-300: var(--color-slate-300);
6
+ --secondary-400: var(--color-slate-400);
7
+ --secondary-500: var(--color-slate-500);
8
+ --secondary-600: var(--color-slate-600);
9
+ --secondary-700: var(--color-slate-700);
10
+ --secondary-800: var(--color-slate-800);
11
+ --secondary-900: var(--color-slate-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-green {
2
- --secondary-50: theme('colors.green.50');
3
- --secondary-100: theme('colors.green.100');
4
- --secondary-200: theme('colors.green.200');
5
- --secondary-300: theme('colors.green.300');
6
- --secondary-400: theme('colors.green.400');
7
- --secondary-500: theme('colors.green.500');
8
- --secondary-600: theme('colors.green.600');
9
- --secondary-700: theme('colors.green.700');
10
- --secondary-800: theme('colors.green.800');
11
- --secondary-900: theme('colors.green.900');
2
+ --secondary-50: var(--color-green-50);
3
+ --secondary-100: var(--color-green-100);
4
+ --secondary-200: var(--color-green-200);
5
+ --secondary-300: var(--color-green-300);
6
+ --secondary-400: var(--color-green-400);
7
+ --secondary-500: var(--color-green-500);
8
+ --secondary-600: var(--color-green-600);
9
+ --secondary-700: var(--color-green-700);
10
+ --secondary-800: var(--color-green-800);
11
+ --secondary-900: var(--color-green-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-indigo {
2
- --secondary-50: theme('colors.indigo.50');
3
- --secondary-100: theme('colors.indigo.100');
4
- --secondary-200: theme('colors.indigo.200');
5
- --secondary-300: theme('colors.indigo.300');
6
- --secondary-400: theme('colors.indigo.400');
7
- --secondary-500: theme('colors.indigo.500');
8
- --secondary-600: theme('colors.indigo.600');
9
- --secondary-700: theme('colors.indigo.700');
10
- --secondary-800: theme('colors.indigo.800');
11
- --secondary-900: theme('colors.indigo.900');
2
+ --secondary-50: var(--color-indigo-50);
3
+ --secondary-100: var(--color-indigo-100);
4
+ --secondary-200: var(--color-indigo-200);
5
+ --secondary-300: var(--color-indigo-300);
6
+ --secondary-400: var(--color-indigo-400);
7
+ --secondary-500: var(--color-indigo-500);
8
+ --secondary-600: var(--color-indigo-600);
9
+ --secondary-700: var(--color-indigo-700);
10
+ --secondary-800: var(--color-indigo-800);
11
+ --secondary-900: var(--color-indigo-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-lime {
2
- --secondary-50: theme('colors.lime.50');
3
- --secondary-100: theme('colors.lime.100');
4
- --secondary-200: theme('colors.lime.200');
5
- --secondary-300: theme('colors.lime.300');
6
- --secondary-400: theme('colors.lime.400');
7
- --secondary-500: theme('colors.lime.500');
8
- --secondary-600: theme('colors.lime.600');
9
- --secondary-700: theme('colors.lime.700');
10
- --secondary-800: theme('colors.lime.800');
11
- --secondary-900: theme('colors.lime.900');
2
+ --secondary-50: var(--color-lime-50);
3
+ --secondary-100: var(--color-lime-100);
4
+ --secondary-200: var(--color-lime-200);
5
+ --secondary-300: var(--color-lime-300);
6
+ --secondary-400: var(--color-lime-400);
7
+ --secondary-500: var(--color-lime-500);
8
+ --secondary-600: var(--color-lime-600);
9
+ --secondary-700: var(--color-lime-700);
10
+ --secondary-800: var(--color-lime-800);
11
+ --secondary-900: var(--color-lime-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-neutral {
2
- --secondary-50: theme('colors.neutral.50');
3
- --secondary-100: theme('colors.neutral.100');
4
- --secondary-200: theme('colors.neutral.200');
5
- --secondary-300: theme('colors.neutral.300');
6
- --secondary-400: theme('colors.neutral.400');
7
- --secondary-500: theme('colors.neutral.500');
8
- --secondary-600: theme('colors.neutral.600');
9
- --secondary-700: theme('colors.neutral.700');
10
- --secondary-800: theme('colors.neutral.800');
11
- --secondary-900: theme('colors.neutral.900');
2
+ --secondary-50: var(--color-neutral-50);
3
+ --secondary-100: var(--color-neutral-100);
4
+ --secondary-200: var(--color-neutral-200);
5
+ --secondary-300: var(--color-neutral-300);
6
+ --secondary-400: var(--color-neutral-400);
7
+ --secondary-500: var(--color-neutral-500);
8
+ --secondary-600: var(--color-neutral-600);
9
+ --secondary-700: var(--color-neutral-700);
10
+ --secondary-800: var(--color-neutral-800);
11
+ --secondary-900: var(--color-neutral-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-orange {
2
- --secondary-50: theme('colors.orange.50');
3
- --secondary-100: theme('colors.orange.100');
4
- --secondary-200: theme('colors.orange.200');
5
- --secondary-300: theme('colors.orange.300');
6
- --secondary-400: theme('colors.orange.400');
7
- --secondary-500: theme('colors.orange.500');
8
- --secondary-600: theme('colors.orange.600');
9
- --secondary-700: theme('colors.orange.700');
10
- --secondary-800: theme('colors.orange.800');
11
- --secondary-900: theme('colors.orange.900');
2
+ --secondary-50: var(--color-orange-50);
3
+ --secondary-100: var(--color-orange-100);
4
+ --secondary-200: var(--color-orange-200);
5
+ --secondary-300: var(--color-orange-300);
6
+ --secondary-400: var(--color-orange-400);
7
+ --secondary-500: var(--color-orange-500);
8
+ --secondary-600: var(--color-orange-600);
9
+ --secondary-700: var(--color-orange-700);
10
+ --secondary-800: var(--color-orange-800);
11
+ --secondary-900: var(--color-orange-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-pink {
2
- --secondary-50: theme('colors.pink.50');
3
- --secondary-100: theme('colors.pink.100');
4
- --secondary-200: theme('colors.pink.200');
5
- --secondary-300: theme('colors.pink.300');
6
- --secondary-400: theme('colors.pink.400');
7
- --secondary-500: theme('colors.pink.500');
8
- --secondary-600: theme('colors.pink.600');
9
- --secondary-700: theme('colors.pink.700');
10
- --secondary-800: theme('colors.pink.800');
11
- --secondary-900: theme('colors.pink.900');
2
+ --secondary-50: var(--color-pink-50);
3
+ --secondary-100: var(--color-pink-100);
4
+ --secondary-200: var(--color-pink-200);
5
+ --secondary-300: var(--color-pink-300);
6
+ --secondary-400: var(--color-pink-400);
7
+ --secondary-500: var(--color-pink-500);
8
+ --secondary-600: var(--color-pink-600);
9
+ --secondary-700: var(--color-pink-700);
10
+ --secondary-800: var(--color-pink-800);
11
+ --secondary-900: var(--color-pink-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-purple {
2
- --secondary-50: theme('colors.purple.50');
3
- --secondary-100: theme('colors.purple.100');
4
- --secondary-200: theme('colors.purple.200');
5
- --secondary-300: theme('colors.purple.300');
6
- --secondary-400: theme('colors.purple.400');
7
- --secondary-500: theme('colors.purple.500');
8
- --secondary-600: theme('colors.purple.600');
9
- --secondary-700: theme('colors.purple.700');
10
- --secondary-800: theme('colors.purple.800');
11
- --secondary-900: theme('colors.purple.900');
2
+ --secondary-50: var(--color-purple-50);
3
+ --secondary-100: var(--color-purple-100);
4
+ --secondary-200: var(--color-purple-200);
5
+ --secondary-300: var(--color-purple-300);
6
+ --secondary-400: var(--color-purple-400);
7
+ --secondary-500: var(--color-purple-500);
8
+ --secondary-600: var(--color-purple-600);
9
+ --secondary-700: var(--color-purple-700);
10
+ --secondary-800: var(--color-purple-800);
11
+ --secondary-900: var(--color-purple-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-red {
2
- --secondary-50: theme('colors.red.50');
3
- --secondary-100: theme('colors.red.100');
4
- --secondary-200: theme('colors.red.200');
5
- --secondary-300: theme('colors.red.300');
6
- --secondary-400: theme('colors.red.400');
7
- --secondary-500: theme('colors.red.500');
8
- --secondary-600: theme('colors.red.600');
9
- --secondary-700: theme('colors.red.700');
10
- --secondary-800: theme('colors.red.800');
11
- --secondary-900: theme('colors.red.900');
2
+ --secondary-50: var(--color-red-50);
3
+ --secondary-100: var(--color-red-100);
4
+ --secondary-200: var(--color-red-200);
5
+ --secondary-300: var(--color-red-300);
6
+ --secondary-400: var(--color-red-400);
7
+ --secondary-500: var(--color-red-500);
8
+ --secondary-600: var(--color-red-600);
9
+ --secondary-700: var(--color-red-700);
10
+ --secondary-800: var(--color-red-800);
11
+ --secondary-900: var(--color-red-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-rose {
2
- --secondary-50: theme('colors.rose.50');
3
- --secondary-100: theme('colors.rose.100');
4
- --secondary-200: theme('colors.rose.200');
5
- --secondary-300: theme('colors.rose.300');
6
- --secondary-400: theme('colors.rose.400');
7
- --secondary-500: theme('colors.rose.500');
8
- --secondary-600: theme('colors.rose.600');
9
- --secondary-700: theme('colors.rose.700');
10
- --secondary-800: theme('colors.rose.800');
11
- --secondary-900: theme('colors.rose.900');
2
+ --secondary-50: var(--color-rose-50);
3
+ --secondary-100: var(--color-rose-100);
4
+ --secondary-200: var(--color-rose-200);
5
+ --secondary-300: var(--color-rose-300);
6
+ --secondary-400: var(--color-rose-400);
7
+ --secondary-500: var(--color-rose-500);
8
+ --secondary-600: var(--color-rose-600);
9
+ --secondary-700: var(--color-rose-700);
10
+ --secondary-800: var(--color-rose-800);
11
+ --secondary-900: var(--color-rose-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-sky {
2
- --secondary-50: theme('colors.sky.50');
3
- --secondary-100: theme('colors.sky.100');
4
- --secondary-200: theme('colors.sky.200');
5
- --secondary-300: theme('colors.sky.300');
6
- --secondary-400: theme('colors.sky.400');
7
- --secondary-500: theme('colors.sky.500');
8
- --secondary-600: theme('colors.sky.600');
9
- --secondary-700: theme('colors.sky.700');
10
- --secondary-800: theme('colors.sky.800');
11
- --secondary-900: theme('colors.sky.900');
2
+ --secondary-50: var(--color-sky-50);
3
+ --secondary-100: var(--color-sky-100);
4
+ --secondary-200: var(--color-sky-200);
5
+ --secondary-300: var(--color-sky-300);
6
+ --secondary-400: var(--color-sky-400);
7
+ --secondary-500: var(--color-sky-500);
8
+ --secondary-600: var(--color-sky-600);
9
+ --secondary-700: var(--color-sky-700);
10
+ --secondary-800: var(--color-sky-800);
11
+ --secondary-900: var(--color-sky-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-slate {
2
- --secondary-50: theme('colors.slate.50');
3
- --secondary-100: theme('colors.slate.100');
4
- --secondary-200: theme('colors.slate.200');
5
- --secondary-300: theme('colors.slate.300');
6
- --secondary-400: theme('colors.slate.400');
7
- --secondary-500: theme('colors.slate.500');
8
- --secondary-600: theme('colors.slate.600');
9
- --secondary-700: theme('colors.slate.700');
10
- --secondary-800: theme('colors.slate.800');
11
- --secondary-900: theme('colors.slate.900');
2
+ --secondary-50: var(--color-slate-50);
3
+ --secondary-100: var(--color-slate-100);
4
+ --secondary-200: var(--color-slate-200);
5
+ --secondary-300: var(--color-slate-300);
6
+ --secondary-400: var(--color-slate-400);
7
+ --secondary-500: var(--color-slate-500);
8
+ --secondary-600: var(--color-slate-600);
9
+ --secondary-700: var(--color-slate-700);
10
+ --secondary-800: var(--color-slate-800);
11
+ --secondary-900: var(--color-slate-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-stone {
2
- --secondary-50: theme('colors.stone.50');
3
- --secondary-100: theme('colors.stone.100');
4
- --secondary-200: theme('colors.stone.200');
5
- --secondary-300: theme('colors.stone.300');
6
- --secondary-400: theme('colors.stone.400');
7
- --secondary-500: theme('colors.stone.500');
8
- --secondary-600: theme('colors.stone.600');
9
- --secondary-700: theme('colors.stone.700');
10
- --secondary-800: theme('colors.stone.800');
11
- --secondary-900: theme('colors.stone.900');
2
+ --secondary-50: var(--color-stone-50);
3
+ --secondary-100: var(--color-stone-100);
4
+ --secondary-200: var(--color-stone-200);
5
+ --secondary-300: var(--color-stone-300);
6
+ --secondary-400: var(--color-stone-400);
7
+ --secondary-500: var(--color-stone-500);
8
+ --secondary-600: var(--color-stone-600);
9
+ --secondary-700: var(--color-stone-700);
10
+ --secondary-800: var(--color-stone-800);
11
+ --secondary-900: var(--color-stone-900);
12
12
  }
@@ -1,12 +1,12 @@
1
1
  .theme-secondary-teal {
2
- --secondary-50: theme('colors.teal.50');
3
- --secondary-100: theme('colors.teal.100');
4
- --secondary-200: theme('colors.teal.200');
5
- --secondary-300: theme('colors.teal.300');
6
- --secondary-400: theme('colors.teal.400');
7
- --secondary-500: theme('colors.teal.500');
8
- --secondary-600: theme('colors.teal.600');
9
- --secondary-700: theme('colors.teal.700');
10
- --secondary-800: theme('colors.teal.800');
11
- --secondary-900: theme('colors.teal.900');
2
+ --secondary-50: var(--color-teal-50);
3
+ --secondary-100: var(--color-teal-100);
4
+ --secondary-200: var(--color-teal-200);
5
+ --secondary-300: var(--color-teal-300);
6
+ --secondary-400: var(--color-teal-400);
7
+ --secondary-500: var(--color-teal-500);
8
+ --secondary-600: var(--color-teal-600);
9
+ --secondary-700: var(--color-teal-700);
10
+ --secondary-800: var(--color-teal-800);
11
+ --secondary-900: var(--color-teal-900);
12
12
  }