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
data/app/assets/stylesheets/light/tailwind/colors/orange.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-orange-50);
3
+ --primary-100: var(--color-orange-100);
4
+ --primary-200: var(--color-orange-200);
5
+ --primary-300: var(--color-orange-300);
6
+ --primary-400: var(--color-orange-400);
7
+ --primary-500: var(--color-orange-500);
8
+ --primary-600: var(--color-orange-600);
9
+ --primary-700: var(--color-orange-700);
10
+ --primary-800: var(--color-orange-800);
11
+ --primary-900: var(--color-orange-900);
12
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');
13
+ --secondary-50: var(--color-orange-50);
14
+ --secondary-100: var(--color-orange-100);
15
+ --secondary-200: var(--color-orange-200);
16
+ --secondary-300: var(--color-orange-300);
17
+ --secondary-400: var(--color-orange-400);
18
+ --secondary-500: var(--color-orange-500);
19
+ --secondary-600: var(--color-orange-600);
20
+ --secondary-700: var(--color-orange-700);
21
+ --secondary-800: var(--color-orange-800);
22
+ --secondary-900: var(--color-orange-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/pink.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-pink-50);
3
+ --primary-100: var(--color-pink-100);
4
+ --primary-200: var(--color-pink-200);
5
+ --primary-300: var(--color-pink-300);
6
+ --primary-400: var(--color-pink-400);
7
+ --primary-500: var(--color-pink-500);
8
+ --primary-600: var(--color-pink-600);
9
+ --primary-700: var(--color-pink-700);
10
+ --primary-800: var(--color-pink-800);
11
+ --primary-900: var(--color-pink-900);
12
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');
13
+ --secondary-50: var(--color-pink-50);
14
+ --secondary-100: var(--color-pink-100);
15
+ --secondary-200: var(--color-pink-200);
16
+ --secondary-300: var(--color-pink-300);
17
+ --secondary-400: var(--color-pink-400);
18
+ --secondary-500: var(--color-pink-500);
19
+ --secondary-600: var(--color-pink-600);
20
+ --secondary-700: var(--color-pink-700);
21
+ --secondary-800: var(--color-pink-800);
22
+ --secondary-900: var(--color-pink-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/purple.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-purple-50);
3
+ --primary-100: var(--color-purple-100);
4
+ --primary-200: var(--color-purple-200);
5
+ --primary-300: var(--color-purple-300);
6
+ --primary-400: var(--color-purple-400);
7
+ --primary-500: var(--color-purple-500);
8
+ --primary-600: var(--color-purple-600);
9
+ --primary-700: var(--color-purple-700);
10
+ --primary-800: var(--color-purple-800);
11
+ --primary-900: var(--color-purple-900);
12
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');
13
+ --secondary-50: var(--color-purple-50);
14
+ --secondary-100: var(--color-purple-100);
15
+ --secondary-200: var(--color-purple-200);
16
+ --secondary-300: var(--color-purple-300);
17
+ --secondary-400: var(--color-purple-400);
18
+ --secondary-500: var(--color-purple-500);
19
+ --secondary-600: var(--color-purple-600);
20
+ --secondary-700: var(--color-purple-700);
21
+ --secondary-800: var(--color-purple-800);
22
+ --secondary-900: var(--color-purple-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/red.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-red-50);
3
+ --primary-100: var(--color-red-100);
4
+ --primary-200: var(--color-red-200);
5
+ --primary-300: var(--color-red-300);
6
+ --primary-400: var(--color-red-400);
7
+ --primary-500: var(--color-red-500);
8
+ --primary-600: var(--color-red-600);
9
+ --primary-700: var(--color-red-700);
10
+ --primary-800: var(--color-red-800);
11
+ --primary-900: var(--color-red-900);
12
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');
13
+ --secondary-50: var(--color-red-50);
14
+ --secondary-100: var(--color-red-100);
15
+ --secondary-200: var(--color-red-200);
16
+ --secondary-300: var(--color-red-300);
17
+ --secondary-400: var(--color-red-400);
18
+ --secondary-500: var(--color-red-500);
19
+ --secondary-600: var(--color-red-600);
20
+ --secondary-700: var(--color-red-700);
21
+ --secondary-800: var(--color-red-800);
22
+ --secondary-900: var(--color-red-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/rose.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-rose-50);
3
+ --primary-100: var(--color-rose-100);
4
+ --primary-200: var(--color-rose-200);
5
+ --primary-300: var(--color-rose-300);
6
+ --primary-400: var(--color-rose-400);
7
+ --primary-500: var(--color-rose-500);
8
+ --primary-600: var(--color-rose-600);
9
+ --primary-700: var(--color-rose-700);
10
+ --primary-800: var(--color-rose-800);
11
+ --primary-900: var(--color-rose-900);
12
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');
13
+ --secondary-50: var(--color-rose-50);
14
+ --secondary-100: var(--color-rose-100);
15
+ --secondary-200: var(--color-rose-200);
16
+ --secondary-300: var(--color-rose-300);
17
+ --secondary-400: var(--color-rose-400);
18
+ --secondary-500: var(--color-rose-500);
19
+ --secondary-600: var(--color-rose-600);
20
+ --secondary-700: var(--color-rose-700);
21
+ --secondary-800: var(--color-rose-800);
22
+ --secondary-900: var(--color-rose-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/sky.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-sky-50);
3
+ --primary-100: var(--color-sky-100);
4
+ --primary-200: var(--color-sky-200);
5
+ --primary-300: var(--color-sky-300);
6
+ --primary-400: var(--color-sky-400);
7
+ --primary-500: var(--color-sky-500);
8
+ --primary-600: var(--color-sky-600);
9
+ --primary-700: var(--color-sky-700);
10
+ --primary-800: var(--color-sky-800);
11
+ --primary-900: var(--color-sky-900);
12
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');
13
+ --secondary-50: var(--color-sky-50);
14
+ --secondary-100: var(--color-sky-100);
15
+ --secondary-200: var(--color-sky-200);
16
+ --secondary-300: var(--color-sky-300);
17
+ --secondary-400: var(--color-sky-400);
18
+ --secondary-500: var(--color-sky-500);
19
+ --secondary-600: var(--color-sky-600);
20
+ --secondary-700: var(--color-sky-700);
21
+ --secondary-800: var(--color-sky-800);
22
+ --secondary-900: var(--color-sky-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/slate.css CHANGED
@@ -1,23 +1,23 @@
1
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');
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/stone.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-stone-50);
3
+ --primary-100: var(--color-stone-100);
4
+ --primary-200: var(--color-stone-200);
5
+ --primary-300: var(--color-stone-300);
6
+ --primary-400: var(--color-stone-400);
7
+ --primary-500: var(--color-stone-500);
8
+ --primary-600: var(--color-stone-600);
9
+ --primary-700: var(--color-stone-700);
10
+ --primary-800: var(--color-stone-800);
11
+ --primary-900: var(--color-stone-900);
12
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');
13
+ --secondary-50: var(--color-stone-50);
14
+ --secondary-100: var(--color-stone-100);
15
+ --secondary-200: var(--color-stone-200);
16
+ --secondary-300: var(--color-stone-300);
17
+ --secondary-400: var(--color-stone-400);
18
+ --secondary-500: var(--color-stone-500);
19
+ --secondary-600: var(--color-stone-600);
20
+ --secondary-700: var(--color-stone-700);
21
+ --secondary-800: var(--color-stone-800);
22
+ --secondary-900: var(--color-stone-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/teal.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-teal-50);
3
+ --primary-100: var(--color-teal-100);
4
+ --primary-200: var(--color-teal-200);
5
+ --primary-300: var(--color-teal-300);
6
+ --primary-400: var(--color-teal-400);
7
+ --primary-500: var(--color-teal-500);
8
+ --primary-600: var(--color-teal-600);
9
+ --primary-700: var(--color-teal-700);
10
+ --primary-800: var(--color-teal-800);
11
+ --primary-900: var(--color-teal-900);
12
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');
13
+ --secondary-50: var(--color-teal-50);
14
+ --secondary-100: var(--color-teal-100);
15
+ --secondary-200: var(--color-teal-200);
16
+ --secondary-300: var(--color-teal-300);
17
+ --secondary-400: var(--color-teal-400);
18
+ --secondary-500: var(--color-teal-500);
19
+ --secondary-600: var(--color-teal-600);
20
+ --secondary-700: var(--color-teal-700);
21
+ --secondary-800: var(--color-teal-800);
22
+ --secondary-900: var(--color-teal-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/violet.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-violet-50);
3
+ --primary-100: var(--color-violet-100);
4
+ --primary-200: var(--color-violet-200);
5
+ --primary-300: var(--color-violet-300);
6
+ --primary-400: var(--color-violet-400);
7
+ --primary-500: var(--color-violet-500);
8
+ --primary-600: var(--color-violet-600);
9
+ --primary-700: var(--color-violet-700);
10
+ --primary-800: var(--color-violet-800);
11
+ --primary-900: var(--color-violet-900);
12
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');
13
+ --secondary-50: var(--color-violet-50);
14
+ --secondary-100: var(--color-violet-100);
15
+ --secondary-200: var(--color-violet-200);
16
+ --secondary-300: var(--color-violet-300);
17
+ --secondary-400: var(--color-violet-400);
18
+ --secondary-500: var(--color-violet-500);
19
+ --secondary-600: var(--color-violet-600);
20
+ --secondary-700: var(--color-violet-700);
21
+ --secondary-800: var(--color-violet-800);
22
+ --secondary-900: var(--color-violet-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/yellow.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-yellow-50);
3
+ --primary-100: var(--color-yellow-100);
4
+ --primary-200: var(--color-yellow-200);
5
+ --primary-300: var(--color-yellow-300);
6
+ --primary-400: var(--color-yellow-400);
7
+ --primary-500: var(--color-yellow-500);
8
+ --primary-600: var(--color-yellow-600);
9
+ --primary-700: var(--color-yellow-700);
10
+ --primary-800: var(--color-yellow-800);
11
+ --primary-900: var(--color-yellow-900);
12
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');
13
+ --secondary-50: var(--color-yellow-50);
14
+ --secondary-100: var(--color-yellow-100);
15
+ --secondary-200: var(--color-yellow-200);
16
+ --secondary-300: var(--color-yellow-300);
17
+ --secondary-400: var(--color-yellow-400);
18
+ --secondary-500: var(--color-yellow-500);
19
+ --secondary-600: var(--color-yellow-600);
20
+ --secondary-700: var(--color-yellow-700);
21
+ --secondary-800: var(--color-yellow-800);
22
+ --secondary-900: var(--color-yellow-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/colors/zinc.css CHANGED
@@ -1,23 +1,23 @@
1
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');
2
+ --primary-50: var(--color-zinc-50);
3
+ --primary-100: var(--color-zinc-100);
4
+ --primary-200: var(--color-zinc-200);
5
+ --primary-300: var(--color-zinc-300);
6
+ --primary-400: var(--color-zinc-400);
7
+ --primary-500: var(--color-zinc-500);
8
+ --primary-600: var(--color-zinc-600);
9
+ --primary-700: var(--color-zinc-700);
10
+ --primary-800: var(--color-zinc-800);
11
+ --primary-900: var(--color-zinc-900);
12
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');
13
+ --secondary-50: var(--color-zinc-50);
14
+ --secondary-100: var(--color-zinc-100);
15
+ --secondary-200: var(--color-zinc-200);
16
+ --secondary-300: var(--color-zinc-300);
17
+ --secondary-400: var(--color-zinc-400);
18
+ --secondary-500: var(--color-zinc-500);
19
+ --secondary-600: var(--color-zinc-600);
20
+ --secondary-700: var(--color-zinc-700);
21
+ --secondary-800: var(--color-zinc-800);
22
+ --secondary-900: var(--color-zinc-900);
23
23
  }
data/app/assets/stylesheets/light/tailwind/components.css CHANGED
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  .buttons {
11
- @apply space-x;
11
+ @apply space-x-3;
12
12
  }
13
13
 
14
14
  .button {
@@ -50,8 +50,10 @@
50
50
  }
51
51
 
52
52
  .button-color {
53
- @apply button;
54
- @apply rounded-full;
53
+ @apply shadow-sm text-white hover:text-white bg-primary-500 hover:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-600 hover:no-underline;
54
+ @apply dark:ring-offset-base-700;
55
+ @apply py-2 px-4 border border-transparent rounded-full;
56
+ @apply inline-flex items-center whitespace-nowrap;
55
57
  }
56
58
 
57
59
  .btn-toggle {
@@ -59,7 +61,10 @@
59
61
  display: none;
60
62
  &:checked {
61
63
  & + button {
62
- @apply button;
64
+ @apply shadow-sm text-white hover:text-white bg-primary-500 hover:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-600 hover:no-underline;
65
+ @apply dark:ring-offset-base-700;
66
+ @apply py-2 px-4 border border-transparent rounded-md;
67
+ @apply inline-flex items-center whitespace-nowrap;
63
68
  }
64
69
  }
65
70
  }
@@ -68,7 +73,7 @@
68
73
  input[type=checkbox], input[type=radio] {
69
74
  &:checked {
70
75
  & + button {
71
- @apply ring ring-offset-2 rounded-full;
76
+ @apply ring-3 ring-offset-2 rounded-full;
72
77
  }
73
78
  }
74
79
  }
@@ -110,7 +115,7 @@
110
115
  }
111
116
 
112
117
  .buttons {
113
- @apply pt-1 space-x;
118
+ @apply pt-1 space-x-3;
114
119
  }
115
120
  }
116
121
 
@@ -178,10 +183,14 @@
178
183
  @apply flex space-x-1;
179
184
 
180
185
  a:not(.gap) {
181
- @apply button-alternative;
186
+ @apply border-base-300 rounded-md shadow-sm bg-white text-base-500 hover:bg-base-50 no-underline hover:no-underline;
187
+ @apply dark:bg-base-800 dark:border-base-900 dark:text-white dark:hover:bg-base-700;
188
+ @apply py-2 px-4 border border-transparent rounded-md;
189
+ @apply inline-flex items-center whitespace-nowrap;
182
190
 
183
191
  &:not([href]) { /* disabled links (aka: the current page) */
184
- @apply button;
192
+ @apply shadow-sm text-white hover:text-white bg-primary-500 hover:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-600 hover:no-underline;
193
+ @apply dark:ring-offset-base-700;
185
194
 
186
195
  &:not([aria-current]){ /* the prev link when on first page, next link when on last page */
187
196
  @apply hidden;