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
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: fc313d0cb47612066fbf1689b1b01d9fe4bb43cddb98ed732deff7a39ec258f3
4
- data.tar.gz: 0e81539044000e227f0af53df1c4920a1d32aa3b2e8f05a5e45b7017f3919354
3
+ metadata.gz: 366d8e444000f3949bb0b65b834f0bc3dc2a2c837c2658d7223917dce0043dc8
4
+ data.tar.gz: 2f61dd4e345b7ef299a56d654fe543500219f981a2597ddf2b90998721f27470
5
5
  SHA512:
6
- metadata.gz: ef0976fd87fb0803796d9b5081796bb72c437612b5a702726c24875c75a16bbb6f86981b0db0184925d81dea6ebebbfcb3ea1dea12cc8f561ae246f35444a39e
7
- data.tar.gz: 2fcf031554fbb1172a3357879fd75fa13de8f65a28b5f770d6a7e4269f1a087ec16967354da16a0be25022cdf9faf35265f132be442cd8e24f42003eae040154
6
+ metadata.gz: 7f6ca4f0b063eee5b667bf170a1eda9f31f0351f1a6d9b56743d61390734c7894a3b54f038f81cf2139d34ba936edb6e869d5920b2bbc2cc37e75121970601b3
7
+ data.tar.gz: 68d3a90aca162acdd2d45fb38bb4264495af9fa333384276c286866eecae670b0f2d6265c357f83881af6336f7c68a8a9c64d3a1ca6f34817d94139fefca06d5
data/app/assets/stylesheets/light/bulk_actions.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer components {
2
2
  .bulk-action-unavailable {
3
- @apply hidden !important;
3
+ @apply hidden!;
4
4
  }
5
5
 
6
6
  .bulk-actions-selectable-item-checkbox-wrapper {
data/app/assets/stylesheets/light/fields/date_field.css CHANGED
@@ -8,12 +8,12 @@
8
8
  .daterangepicker {
9
9
  .hourselect, .minuteselect, .ampmselect {
10
10
  @apply rounded-md shadow-sm focus:ring-primary-500 font-light;
11
- @apply border-base-300 focus:border-primary-500 bg-white !important;
11
+ @apply border-base-300! focus:border-primary-500! bg-white!;
12
12
  text-align-last: center;
13
13
  }
14
14
 
15
15
  .calendar-table .active {
16
- @apply bg-primary-500 !important;
16
+ @apply bg-primary-500!;
17
17
  }
18
18
  }
19
19
  }
data/app/assets/stylesheets/light/fields/super_select.css CHANGED
@@ -41,7 +41,7 @@
41
41
  }
42
42
 
43
43
  .select2-results__option--highlighted {
44
- @apply bg-primary-400 !important;
44
+ @apply bg-primary-400!;
45
45
  }
46
46
 
47
47
  @layer components {
@@ -50,7 +50,7 @@
50
50
  }
51
51
 
52
52
  .select2-border {
53
- @apply border-primary-500 !important;
53
+ @apply border-primary-500!;
54
54
  box-shadow: inset 0 0 0 1px var(--primary-500) !important;
55
55
  outline: 0 !important;
56
56
  }
@@ -62,10 +62,12 @@
62
62
 
63
63
  .select2-selection--single, .select2-selection--multiple {
64
64
  @apply border-base-300;
65
- @apply rounded-md shadow-sm pt-0 focus:ring-primary-500 !important;
65
+ @apply rounded-md! shadow-sm! pt-0! focus:ring-primary-500!;
66
66
 
67
67
  &.focus-visible {
68
- @apply select2-border !important;
68
+ @apply border-primary-500!;
69
+ box-shadow: inset 0 0 0 1px var(--primary-500) !important;
70
+ outline: 0 !important;
69
71
  }
70
72
 
71
73
  &:focus {
@@ -77,7 +79,7 @@
77
79
  }
78
80
 
79
81
  .select2-selection__rendered {
80
- @apply text-base-500 pl-3 !important;
82
+ @apply text-base-500! pl-3!;
81
83
  line-height: 35px !important;
82
84
  }
83
85
  }
@@ -89,7 +91,9 @@
89
91
 
90
92
  .select2-container--open, .select2-container--focus {
91
93
  .select2-selection--single, .select2-selection--multiple {
92
- @apply select2-border !important;
94
+ @apply border-primary-500!;
95
+ box-shadow: inset 0 0 0 1px var(--primary-500) !important;
96
+ outline: 0 !important;
93
97
  }
94
98
  }
95
99
 
@@ -99,21 +103,21 @@
99
103
  }
100
104
 
101
105
  .select2-container .select2-dropdown {
102
- @apply border-2 border-base-300 shadow-sm overflow-hidden !important;
103
- @apply border-primary-500 !important;
106
+ @apply border-2! border-base-300! shadow-sm! overflow-hidden!;
107
+ @apply border-primary-500!;
104
108
  }
105
109
 
106
110
  .select2-container--default .select2-results__option[aria-selected=true] {
107
- @apply text-white bg-primary-500 !important;
111
+ @apply text-white! bg-primary-500!;
108
112
  }
109
113
 
110
114
  .select2-search__field {
111
115
  @apply rounded-md;
112
- @apply border-base-300 !important;
116
+ @apply border-base-300!;
113
117
 
114
118
  &:focus {
115
- @apply border-primary-500 !important;
116
- @apply ring-primary-500 !important;
119
+ @apply border-primary-500!;
120
+ @apply ring-primary-500!;
117
121
  }
118
122
  }
119
123
  }
data/app/assets/stylesheets/light/fields/trix_editor.css CHANGED
@@ -12,7 +12,7 @@ trix-toolbar {
12
12
  /* Override Tailwind's preflight styles */
13
13
  /* https://github.com/tailwindlabs/tailwindcss/issues/989#issuecomment-506555308 */
14
14
  .trix-button {
15
- @apply dark:bg-base-800 !important;
15
+ @apply dark:bg-base-800!;
16
16
  }
17
17
 
18
18
  /* Prevent red ring on Trix Editor */
data/app/assets/stylesheets/light/tailwind/colors/amber.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-amber-50);
3
+ --primary-100: var(--color-amber-100);
4
+ --primary-200: var(--color-amber-200);
5
+ --primary-300: var(--color-amber-300);
6
+ --primary-400: var(--color-amber-400);
7
+ --primary-500: var(--color-amber-500);
8
+ --primary-600: var(--color-amber-600);
9
+ --primary-700: var(--color-amber-700);
10
+ --primary-800: var(--color-amber-800);
11
+ --primary-900: var(--color-amber-900);
12
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');
13
+ --secondary-50: var(--color-amber-50);
14
+ --secondary-100: var(--color-amber-100);
15
+ --secondary-200: var(--color-amber-200);
16
+ --secondary-300: var(--color-amber-300);
17
+ --secondary-400: var(--color-amber-400);
18
+ --secondary-500: var(--color-amber-500);
19
+ --secondary-600: var(--color-amber-600);
20
+ --secondary-700: var(--color-amber-700);
21
+ --secondary-800: var(--color-amber-800);
22
+ --secondary-900: var(--color-amber-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/blue.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-blue-50);
3
+ --primary-100: var(--color-blue-100);
4
+ --primary-200: var(--color-blue-200);
5
+ --primary-300: var(--color-blue-300);
6
+ --primary-400: var(--color-blue-400);
7
+ --primary-500: var(--color-blue-500);
8
+ --primary-600: var(--color-blue-600);
9
+ --primary-700: var(--color-blue-700);
10
+ --primary-800: var(--color-blue-800);
11
+ --primary-900: var(--color-blue-900);
12
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');
13
+ --secondary-50: var(--color-blue-50);
14
+ --secondary-100: var(--color-blue-100);
15
+ --secondary-200: var(--color-blue-200);
16
+ --secondary-300: var(--color-blue-300);
17
+ --secondary-400: var(--color-blue-400);
18
+ --secondary-500: var(--color-blue-500);
19
+ --secondary-600: var(--color-blue-600);
20
+ --secondary-700: var(--color-blue-700);
21
+ --secondary-800: var(--color-blue-800);
22
+ --secondary-900: var(--color-blue-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/cyan.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-cyan-50);
3
+ --primary-100: var(--color-cyan-100);
4
+ --primary-200: var(--color-cyan-200);
5
+ --primary-300: var(--color-cyan-300);
6
+ --primary-400: var(--color-cyan-400);
7
+ --primary-500: var(--color-cyan-500);
8
+ --primary-600: var(--color-cyan-600);
9
+ --primary-700: var(--color-cyan-700);
10
+ --primary-800: var(--color-cyan-800);
11
+ --primary-900: var(--color-cyan-900);
12
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');
13
+ --secondary-50: var(--color-cyan-50);
14
+ --secondary-100: var(--color-cyan-100);
15
+ --secondary-200: var(--color-cyan-200);
16
+ --secondary-300: var(--color-cyan-300);
17
+ --secondary-400: var(--color-cyan-400);
18
+ --secondary-500: var(--color-cyan-500);
19
+ --secondary-600: var(--color-cyan-600);
20
+ --secondary-700: var(--color-cyan-700);
21
+ --secondary-800: var(--color-cyan-800);
22
+ --secondary-900: var(--color-cyan-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/emerald.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-emerald-50);
3
+ --primary-100: var(--color-emerald-100);
4
+ --primary-200: var(--color-emerald-200);
5
+ --primary-300: var(--color-emerald-300);
6
+ --primary-400: var(--color-emerald-400);
7
+ --primary-500: var(--color-emerald-500);
8
+ --primary-600: var(--color-emerald-600);
9
+ --primary-700: var(--color-emerald-700);
10
+ --primary-800: var(--color-emerald-800);
11
+ --primary-900: var(--color-emerald-900);
12
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');
13
+ --secondary-50: var(--color-emerald-50);
14
+ --secondary-100: var(--color-emerald-100);
15
+ --secondary-200: var(--color-emerald-200);
16
+ --secondary-300: var(--color-emerald-300);
17
+ --secondary-400: var(--color-emerald-400);
18
+ --secondary-500: var(--color-emerald-500);
19
+ --secondary-600: var(--color-emerald-600);
20
+ --secondary-700: var(--color-emerald-700);
21
+ --secondary-800: var(--color-emerald-800);
22
+ --secondary-900: var(--color-emerald-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/fuchsia.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-fuchsia-50);
3
+ --primary-100: var(--color-fuchsia-100);
4
+ --primary-200: var(--color-fuchsia-200);
5
+ --primary-300: var(--color-fuchsia-300);
6
+ --primary-400: var(--color-fuchsia-400);
7
+ --primary-500: var(--color-fuchsia-500);
8
+ --primary-600: var(--color-fuchsia-600);
9
+ --primary-700: var(--color-fuchsia-700);
10
+ --primary-800: var(--color-fuchsia-800);
11
+ --primary-900: var(--color-fuchsia-900);
12
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');
13
+ --secondary-50: var(--color-fuchsia-50);
14
+ --secondary-100: var(--color-fuchsia-100);
15
+ --secondary-200: var(--color-fuchsia-200);
16
+ --secondary-300: var(--color-fuchsia-300);
17
+ --secondary-400: var(--color-fuchsia-400);
18
+ --secondary-500: var(--color-fuchsia-500);
19
+ --secondary-600: var(--color-fuchsia-600);
20
+ --secondary-700: var(--color-fuchsia-700);
21
+ --secondary-800: var(--color-fuchsia-800);
22
+ --secondary-900: var(--color-fuchsia-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/gray.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-slate-50);
3
+ --primary-100: var(--color-slate-100);
4
+ --primary-200: var(--color-slate-200);
5
+ --primary-300: var(--color-slate-300);
6
+ --primary-400: var(--color-slate-400);
7
+ --primary-500: var(--color-slate-500);
8
+ --primary-600: var(--color-slate-600);
9
+ --primary-700: var(--color-slate-700);
10
+ --primary-800: var(--color-slate-800);
11
+ --primary-900: var(--color-slate-900);
12
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');
13
+ --secondary-50: var(--color-slate-50);
14
+ --secondary-100: var(--color-slate-100);
15
+ --secondary-200: var(--color-slate-200);
16
+ --secondary-300: var(--color-slate-300);
17
+ --secondary-400: var(--color-slate-400);
18
+ --secondary-500: var(--color-slate-500);
19
+ --secondary-600: var(--color-slate-600);
20
+ --secondary-700: var(--color-slate-700);
21
+ --secondary-800: var(--color-slate-800);
22
+ --secondary-900: var(--color-slate-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/green.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-green-50);
3
+ --primary-100: var(--color-green-100);
4
+ --primary-200: var(--color-green-200);
5
+ --primary-300: var(--color-green-300);
6
+ --primary-400: var(--color-green-400);
7
+ --primary-500: var(--color-green-500);
8
+ --primary-600: var(--color-green-600);
9
+ --primary-700: var(--color-green-700);
10
+ --primary-800: var(--color-green-800);
11
+ --primary-900: var(--color-green-900);
12
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');
13
+ --secondary-50: var(--color-green-50);
14
+ --secondary-100: var(--color-green-100);
15
+ --secondary-200: var(--color-green-200);
16
+ --secondary-300: var(--color-green-300);
17
+ --secondary-400: var(--color-green-400);
18
+ --secondary-500: var(--color-green-500);
19
+ --secondary-600: var(--color-green-600);
20
+ --secondary-700: var(--color-green-700);
21
+ --secondary-800: var(--color-green-800);
22
+ --secondary-900: var(--color-green-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/indigo.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-indigo-50);
3
+ --primary-100: var(--color-indigo-100);
4
+ --primary-200: var(--color-indigo-200);
5
+ --primary-300: var(--color-indigo-300);
6
+ --primary-400: var(--color-indigo-400);
7
+ --primary-500: var(--color-indigo-500);
8
+ --primary-600: var(--color-indigo-600);
9
+ --primary-700: var(--color-indigo-700);
10
+ --primary-800: var(--color-indigo-800);
11
+ --primary-900: var(--color-indigo-900);
12
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');
13
+ --secondary-50: var(--color-indigo-50);
14
+ --secondary-100: var(--color-indigo-100);
15
+ --secondary-200: var(--color-indigo-200);
16
+ --secondary-300: var(--color-indigo-300);
17
+ --secondary-400: var(--color-indigo-400);
18
+ --secondary-500: var(--color-indigo-500);
19
+ --secondary-600: var(--color-indigo-600);
20
+ --secondary-700: var(--color-indigo-700);
21
+ --secondary-800: var(--color-indigo-800);
22
+ --secondary-900: var(--color-indigo-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/lime.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-lime-50);
3
+ --primary-100: var(--color-lime-100);
4
+ --primary-200: var(--color-lime-200);
5
+ --primary-300: var(--color-lime-300);
6
+ --primary-400: var(--color-lime-400);
7
+ --primary-500: var(--color-lime-500);
8
+ --primary-600: var(--color-lime-600);
9
+ --primary-700: var(--color-lime-700);
10
+ --primary-800: var(--color-lime-800);
11
+ --primary-900: var(--color-lime-900);
12
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');
13
+ --secondary-50: var(--color-lime-50);
14
+ --secondary-100: var(--color-lime-100);
15
+ --secondary-200: var(--color-lime-200);
16
+ --secondary-300: var(--color-lime-300);
17
+ --secondary-400: var(--color-lime-400);
18
+ --secondary-500: var(--color-lime-500);
19
+ --secondary-600: var(--color-lime-600);
20
+ --secondary-700: var(--color-lime-700);
21
+ --secondary-800: var(--color-lime-800);
22
+ --secondary-900: var(--color-lime-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/neutral.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-neutral-50);
3
+ --primary-100: var(--color-neutral-100);
4
+ --primary-200: var(--color-neutral-200);
5
+ --primary-300: var(--color-neutral-300);
6
+ --primary-400: var(--color-neutral-400);
7
+ --primary-500: var(--color-neutral-500);
8
+ --primary-600: var(--color-neutral-600);
9
+ --primary-700: var(--color-neutral-700);
10
+ --primary-800: var(--color-neutral-800);
11
+ --primary-900: var(--color-neutral-900);
12
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');
13
+ --secondary-50: var(--color-neutral-50);
14
+ --secondary-100: var(--color-neutral-100);
15
+ --secondary-200: var(--color-neutral-200);
16
+ --secondary-300: var(--color-neutral-300);
17
+ --secondary-400: var(--color-neutral-400);
18
+ --secondary-500: var(--color-neutral-500);
19
+ --secondary-600: var(--color-neutral-600);
20
+ --secondary-700: var(--color-neutral-700);
21
+ --secondary-800: var(--color-neutral-800);
22
+ --secondary-900: var(--color-neutral-900);
23
23
  }