bullet_train-themes-light 1.2.10 → 1.2.11

data/app/assets/stylesheets/light/tailwind/secondary_colors/fuchsia.css

@@ -0,0 +1,12 @@
+.theme-secondary-fuchsia {
+  --secondary-50: theme('colors.fuchsia.50');
+  --secondary-100: theme('colors.fuchsia.100');
+  --secondary-200: theme('colors.fuchsia.200');
+  --secondary-300: theme('colors.fuchsia.300');
+  --secondary-400: theme('colors.fuchsia.400');
+  --secondary-500: theme('colors.fuchsia.500');
+  --secondary-600: theme('colors.fuchsia.600');
+  --secondary-700: theme('colors.fuchsia.700');
+  --secondary-800: theme('colors.fuchsia.800');
+  --secondary-900: theme('colors.fuchsia.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/gray.css

@@ -0,0 +1,12 @@
+.theme-secondary-gray {
+  --secondary-50: theme('colors.slate.50');
+  --secondary-100: theme('colors.slate.100');
+  --secondary-200: theme('colors.slate.200');
+  --secondary-300: theme('colors.slate.300');
+  --secondary-400: theme('colors.slate.400');
+  --secondary-500: theme('colors.slate.500');
+  --secondary-600: theme('colors.slate.600');
+  --secondary-700: theme('colors.slate.700');
+  --secondary-800: theme('colors.slate.800');
+  --secondary-900: theme('colors.slate.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/green.css

@@ -0,0 +1,12 @@
+.theme-secondary-green {
+  --secondary-50: theme('colors.green.50');
+  --secondary-100: theme('colors.green.100');
+  --secondary-200: theme('colors.green.200');
+  --secondary-300: theme('colors.green.300');
+  --secondary-400: theme('colors.green.400');
+  --secondary-500: theme('colors.green.500');
+  --secondary-600: theme('colors.green.600');
+  --secondary-700: theme('colors.green.700');
+  --secondary-800: theme('colors.green.800');
+  --secondary-900: theme('colors.green.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/indigo.css

@@ -0,0 +1,12 @@
+.theme-secondary-indigo {
+  --secondary-50: theme('colors.indigo.50');
+  --secondary-100: theme('colors.indigo.100');
+  --secondary-200: theme('colors.indigo.200');
+  --secondary-300: theme('colors.indigo.300');
+  --secondary-400: theme('colors.indigo.400');
+  --secondary-500: theme('colors.indigo.500');
+  --secondary-600: theme('colors.indigo.600');
+  --secondary-700: theme('colors.indigo.700');
+  --secondary-800: theme('colors.indigo.800');
+  --secondary-900: theme('colors.indigo.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/lime.css

@@ -0,0 +1,12 @@
+.theme-secondary-lime {
+  --secondary-50: theme('colors.lime.50');
+  --secondary-100: theme('colors.lime.100');
+  --secondary-200: theme('colors.lime.200');
+  --secondary-300: theme('colors.lime.300');
+  --secondary-400: theme('colors.lime.400');
+  --secondary-500: theme('colors.lime.500');
+  --secondary-600: theme('colors.lime.600');
+  --secondary-700: theme('colors.lime.700');
+  --secondary-800: theme('colors.lime.800');
+  --secondary-900: theme('colors.lime.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/neutral.css

@@ -0,0 +1,12 @@
+.theme-secondary-neutral {
+  --secondary-50: theme('colors.neutral.50');
+  --secondary-100: theme('colors.neutral.100');
+  --secondary-200: theme('colors.neutral.200');
+  --secondary-300: theme('colors.neutral.300');
+  --secondary-400: theme('colors.neutral.400');
+  --secondary-500: theme('colors.neutral.500');
+  --secondary-600: theme('colors.neutral.600');
+  --secondary-700: theme('colors.neutral.700');
+  --secondary-800: theme('colors.neutral.800');
+  --secondary-900: theme('colors.neutral.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/orange.css

@@ -0,0 +1,12 @@
+.theme-secondary-orange {
+  --secondary-50: theme('colors.orange.50');
+  --secondary-100: theme('colors.orange.100');
+  --secondary-200: theme('colors.orange.200');
+  --secondary-300: theme('colors.orange.300');
+  --secondary-400: theme('colors.orange.400');
+  --secondary-500: theme('colors.orange.500');
+  --secondary-600: theme('colors.orange.600');
+  --secondary-700: theme('colors.orange.700');
+  --secondary-800: theme('colors.orange.800');
+  --secondary-900: theme('colors.orange.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/pink.css

@@ -0,0 +1,12 @@
+.theme-secondary-pink {
+  --secondary-50: theme('colors.pink.50');
+  --secondary-100: theme('colors.pink.100');
+  --secondary-200: theme('colors.pink.200');
+  --secondary-300: theme('colors.pink.300');
+  --secondary-400: theme('colors.pink.400');
+  --secondary-500: theme('colors.pink.500');
+  --secondary-600: theme('colors.pink.600');
+  --secondary-700: theme('colors.pink.700');
+  --secondary-800: theme('colors.pink.800');
+  --secondary-900: theme('colors.pink.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/purple.css

@@ -0,0 +1,12 @@
+.theme-secondary-purple {
+  --secondary-50: theme('colors.purple.50');
+  --secondary-100: theme('colors.purple.100');
+  --secondary-200: theme('colors.purple.200');
+  --secondary-300: theme('colors.purple.300');
+  --secondary-400: theme('colors.purple.400');
+  --secondary-500: theme('colors.purple.500');
+  --secondary-600: theme('colors.purple.600');
+  --secondary-700: theme('colors.purple.700');
+  --secondary-800: theme('colors.purple.800');
+  --secondary-900: theme('colors.purple.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/red.css

@@ -0,0 +1,12 @@
+.theme-secondary-red {
+  --secondary-50: theme('colors.red.50');
+  --secondary-100: theme('colors.red.100');
+  --secondary-200: theme('colors.red.200');
+  --secondary-300: theme('colors.red.300');
+  --secondary-400: theme('colors.red.400');
+  --secondary-500: theme('colors.red.500');
+  --secondary-600: theme('colors.red.600');
+  --secondary-700: theme('colors.red.700');
+  --secondary-800: theme('colors.red.800');
+  --secondary-900: theme('colors.red.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/rose.css

@@ -0,0 +1,12 @@
+.theme-secondary-rose {
+  --secondary-50: theme('colors.rose.50');
+  --secondary-100: theme('colors.rose.100');
+  --secondary-200: theme('colors.rose.200');
+  --secondary-300: theme('colors.rose.300');
+  --secondary-400: theme('colors.rose.400');
+  --secondary-500: theme('colors.rose.500');
+  --secondary-600: theme('colors.rose.600');
+  --secondary-700: theme('colors.rose.700');
+  --secondary-800: theme('colors.rose.800');
+  --secondary-900: theme('colors.rose.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/sky.css

@@ -0,0 +1,12 @@
+.theme-secondary-sky {
+  --secondary-50: theme('colors.sky.50');
+  --secondary-100: theme('colors.sky.100');
+  --secondary-200: theme('colors.sky.200');
+  --secondary-300: theme('colors.sky.300');
+  --secondary-400: theme('colors.sky.400');
+  --secondary-500: theme('colors.sky.500');
+  --secondary-600: theme('colors.sky.600');
+  --secondary-700: theme('colors.sky.700');
+  --secondary-800: theme('colors.sky.800');
+  --secondary-900: theme('colors.sky.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/slate.css

@@ -0,0 +1,12 @@
+.theme-secondary-slate {
+  --secondary-50: theme('colors.slate.50');
+  --secondary-100: theme('colors.slate.100');
+  --secondary-200: theme('colors.slate.200');
+  --secondary-300: theme('colors.slate.300');
+  --secondary-400: theme('colors.slate.400');
+  --secondary-500: theme('colors.slate.500');
+  --secondary-600: theme('colors.slate.600');
+  --secondary-700: theme('colors.slate.700');
+  --secondary-800: theme('colors.slate.800');
+  --secondary-900: theme('colors.slate.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/stone.css

@@ -0,0 +1,12 @@
+.theme-secondary-stone {
+  --secondary-50: theme('colors.stone.50');
+  --secondary-100: theme('colors.stone.100');
+  --secondary-200: theme('colors.stone.200');
+  --secondary-300: theme('colors.stone.300');
+  --secondary-400: theme('colors.stone.400');
+  --secondary-500: theme('colors.stone.500');
+  --secondary-600: theme('colors.stone.600');
+  --secondary-700: theme('colors.stone.700');
+  --secondary-800: theme('colors.stone.800');
+  --secondary-900: theme('colors.stone.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/teal.css

@@ -0,0 +1,12 @@
+.theme-secondary-teal {
+  --secondary-50: theme('colors.teal.50');
+  --secondary-100: theme('colors.teal.100');
+  --secondary-200: theme('colors.teal.200');
+  --secondary-300: theme('colors.teal.300');
+  --secondary-400: theme('colors.teal.400');
+  --secondary-500: theme('colors.teal.500');
+  --secondary-600: theme('colors.teal.600');
+  --secondary-700: theme('colors.teal.700');
+  --secondary-800: theme('colors.teal.800');
+  --secondary-900: theme('colors.teal.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/violet.css

@@ -0,0 +1,12 @@
+.theme-secondary-violet {
+  --secondary-50: theme('colors.violet.50');
+  --secondary-100: theme('colors.violet.100');
+  --secondary-200: theme('colors.violet.200');
+  --secondary-300: theme('colors.violet.300');
+  --secondary-400: theme('colors.violet.400');
+  --secondary-500: theme('colors.violet.500');
+  --secondary-600: theme('colors.violet.600');
+  --secondary-700: theme('colors.violet.700');
+  --secondary-800: theme('colors.violet.800');
+  --secondary-900: theme('colors.violet.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/yellow.css

@@ -0,0 +1,12 @@
+.theme-secondary-yellow {
+  --secondary-50: theme('colors.yellow.50');
+  --secondary-100: theme('colors.yellow.100');
+  --secondary-200: theme('colors.yellow.200');
+  --secondary-300: theme('colors.yellow.300');
+  --secondary-400: theme('colors.yellow.400');
+  --secondary-500: theme('colors.yellow.500');
+  --secondary-600: theme('colors.yellow.600');
+  --secondary-700: theme('colors.yellow.700');
+  --secondary-800: theme('colors.yellow.800');
+  --secondary-900: theme('colors.yellow.900');
+}

data/app/assets/stylesheets/light/tailwind/secondary_colors/zinc.css

@@ -0,0 +1,12 @@
+.theme-secondary-zinc {
+  --secondary-50: theme('colors.zinc.50');
+  --secondary-100: theme('colors.zinc.100');
+  --secondary-200: theme('colors.zinc.200');
+  --secondary-300: theme('colors.zinc.300');
+  --secondary-400: theme('colors.zinc.400');
+  --secondary-500: theme('colors.zinc.500');
+  --secondary-600: theme('colors.zinc.600');
+  --secondary-700: theme('colors.zinc.700');
+  --secondary-800: theme('colors.zinc.800');
+  --secondary-900: theme('colors.zinc.900');
+}

data/app/assets/stylesheets/light/tailwind/utilities.css

@@ -23,28 +23,7 @@
   .gap-x {
     @apply gap-x-4;
   }
-
-  .bg-dark-gradient {
-    background-image: linear-gradient(to bottom, var(--primary-700) 0%, var(--primary-800) 100%);
-  }
-
-  .bg-dark-awesome-gradient {
-    background-image: linear-gradient(to bottom right, darken(#D7BBEA, 45%) 10%, #0e369a 100%);
-  }
-
-  .bg-light-gradient {
-    &:before {
-      content: "";
-      position: fixed;
-      z-index: -1;
-      background: linear-gradient(to bottom right, var(--light-gradient-from), var(--light-gradient-to));
-      top: 0px;
-      left: 0px;
-      bottom: 0px;
-      right: 0px;
-    }
-  }
-
+ 
   [hidden] {
     display: none !important;
   }

data/app/views/themes/light/_alert.html.erb

@@ -1,15 +1,19 @@
-<% color ||= 'yellow' %>
+<% color ||= "yellow" %>
 <% tighter ||= false %>
 
-<div class="rounded-md bg-<%= color %>-400 border border-<%= color %>-500 py-4 px-5 mb-3">
-  <h3 class="text-sm text-<%= color %>-800 font-light">
+<% 
+case color
+when "yellow"
+  div_classes = "bg-amber-100 border-amber-200"
+  header_classes = "text-amber-800"
+when "red"
+  div_classes = "bg-red-300 border-red-400"
+  header_classes = "text-red-700"
+end
+%>
+
+<div class="rounded-md border <%= div_classes %> py-4 px-5 mb-3">
+  <h3 class="text-sm  <%= header_classes %> font-light">
     <%= yield %>
   </h3>
-</div>
-
-<% # we have to list out the evaluations we want possible above so purgecss includes them in production. %>
-<% if false %>
-  <div class="bg-yellow-400 border-yellow-500 dark:border-yellow-200 text-yellow-800 dark:text-yellow-200"></div>
-  <div class="bg-red-400 border-red-500 dark:border-red-200 text-red-800 dark:text-red-200"></div>
-  <div class="bg-blue-400 border-blue-500 dark:border-blue-200 text-blue-800 dark:text-blue-200"></div>
-<% end %>
+</div>

data/app/views/themes/light/_box.html.erb

@@ -8,8 +8,8 @@
 <% body = p.content_for(:body) || p.content_for(:raw_body) %>
 <% pagy ||= nil %>
 
-<div class="<%= "bg-white rounded-md shadow dark:bg-darkPrimary-700" unless no_background %> overflow-hidden <%= border_top ? "border-t dark:border-darkPrimary-500" : "" %>">
-  <div class="py-6 px-8 <%= title_padding %> space-y-2 <%= 'border-b shadow-sm dark:border-darkPrimary-600' if divider %>">
+<div class="<%= "bg-white rounded-md shadow dark:bg-slate-700 dark:bg-opacity-50" unless no_background %> overflow-hidden <%= border_top ? "border-t dark:border-slate-500" : "" %>">
+  <div class="py-6 px-8 <%= title_padding %> space-y-2 <%= 'border-b shadow-sm dark:border-slate-600' if divider %>">
     <% if p.content_for? :title %>
       <h2 class="text-xl font-semibold dark:text-white <%= title_size %>">
         <%= p.content_for :title %>
@@ -17,7 +17,7 @@
     <% end %>
 
     <% if p.content_for? :description %>
-      <p class="text-gray-400 font-light leading-normal">
+      <p class="text-slate-400 font-light leading-normal">
         <%= p.content_for :description %>
       </p>
     <% end %>
@@ -55,13 +55,13 @@
   </div>
 
   <% if p.content_for? :footer %>
-    <div class="py-4 px-8 bg-gray-50 border-t dark:bg-darkPrimary-900 dark:border-darkPrimary-600">
+    <div class="py-4 px-8 bg-slate-50 border-t dark:bg-slate-900 dark:border-slate-600">
       <%= p.content_for :footer %>
     </div>
   <% end %>
 
   <% if p.content_for? :raw_footer %>
-    <div class="bg-gray-50 dark:bg-darkPrimary-900">
+    <div class="bg-slate-50 dark:bg-slate-900">
       <%= p.content_for :raw_footer %>
     </div>
   <% end %>

data/app/views/themes/light/_breadcrumb.html.erb

@@ -7,15 +7,15 @@
 <li>
   <div class="flex items-center">
     <!-- Heroicon name: chevron-right -->
-    <svg class="flex-shrink-0 h-3 w-3 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+    <svg class="flex-shrink-0 h-3 w-3 text-slate-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
       <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
     </svg>
 
-    <% item_style = "ml-3 text-gray-500 uppercase text-2xs tracking-widest" %>
+    <% item_style = "ml-3 text-slate-500 uppercase text-2xs tracking-widest" %>
 
     <% # don't link to the same page we're already on. %>
     <% if url && url != request.url %>
-      <%= link_to label, url, class: "#{item_style} hover:text-gray-700 hover:underline dark:text-primary-300" %>
+      <%= link_to label, url, class: "#{item_style} hover:text-slate-700 hover:underline dark:text-primary-300" %>
     <% else %>
       <span class="<%= item_style %>"><%= label %></span>
     <% end %>

data/app/views/themes/light/_cell.html.erb

@@ -26,13 +26,13 @@
       </div>
 
       <% if completion_percent %>
-        <div class="mt-3 h-4 bg-gray-100 shadow-inner rounded w-full">
+        <div class="mt-3 h-4 bg-slate-100 shadow-inner rounded w-full">
           <div class="h-4 animate-pulse bg-primary-500 rounded" style="width: <%= completion_percent %>%"></div>
         </div>
       <% end %>
 
       <% if p.content_for? :status %>
-        <div class="<% "mt-2" if completion_percent %> uppercase text-xs text-gray-400">
+        <div class="<% "mt-2" if completion_percent %> uppercase text-xs text-slate-400">
           <%= p.content_for :status %>
         </div>
       <% end %>

data/app/views/themes/light/_decision_line.html.erb

@@ -2,10 +2,10 @@
 
 <div class="relative">
   <div class="absolute inset-0 flex items-center">
-    <div class="w-full border-t border-gray-300 dark:border-gray-500"></div>
+    <div class="w-full border-t border-slate-300 dark:border-slate-500"></div>
   </div>
   <div class="relative flex justify-center">
-    <span class="px-2 bg-white text-gray-500 uppercase text-xs dark:text-gray-300 dark:bg-darkPrimary-700">
+    <span class="px-2 bg-white text-slate-500 uppercase text-xs dark:text-slate-300 dark:bg-slate-700">
       <%= label %>
     </span>
   </div>

data/app/views/themes/light/_line.html.erb

@@ -1,3 +1,3 @@
-<div class="border-b border-gray-200 pb-4 dark:border-gray-500" style="position: relative;">
-  <div style="background-color: var(--primary-500); width: 26px; height: 4px; position: absolute; left: 0; bottom: -2px; border: 1px solid var(--primary-500); border-radius: 1px;"></div>
+<div class="border-b border-slate-200 pb-4 dark:border-slate-600" style="position: relative;">
+  <div style="background-color: var(--primary-500); width: 26px; height: 3px; position: absolute; left: 0; bottom: -2px; border: 1px solid var(--primary-500); border-radius: 1px;"></div>
 </div>

data/app/views/themes/light/_well.html.erb

@@ -1,6 +1,6 @@
 <% yield p = np %>
 
-<div class="border border-gray-300 dark:border-opacity-10 rounded-md bg-gray-50 dark:bg-opacity-10">
+<div class="border border-slate-300 dark:border-opacity-10 rounded-md bg-slate-50 dark:bg-opacity-10">
   <% if p.content_for?(:title) || p.content_for?(:description) || p.content_for?(:body) %>
     <div class="py-4 px-5 space-y">
       <% if p.content_for?(:title) || p.content_for?(:description) %>
@@ -12,7 +12,7 @@
           <% end %>
 
           <% if p.content_for? :description %>
-            <p class="text-gray-400 font-light leading-normal">
+            <p class="text-slate-400 font-light leading-normal">
               <%= p.content_for :description %>
             </p>
           <% end %>

data/app/views/themes/light/actions/_action.html.erb

@@ -35,22 +35,22 @@
 
       <% if action.completed? %>
         <% if action.is_a?(Actions::HasProgress) %>
-          <div class="uppercase text-xs text-gray-400">
+          <div class="uppercase text-xs text-slate-400">
             Processed <%= action.performed_count %> of <%= action.target_count %> <%= display_date_and_time(action.completed_at) %>
           </div>
         <% else %>
-          <div class="uppercase text-xs text-gray-400">
+          <div class="uppercase text-xs text-slate-400">
             Processed <%= display_date_and_time(action.completed_at) %>
           </div>
         <% end %>
 
       <% elsif action.is_a?(Actions::RequiresApproval) && !action.approved? %>
-        <div class="uppercase text-xs text-gray-400">
+        <div class="uppercase text-xs text-slate-400">
           Awaiting approval
         </div>
 
       <% elsif action.is_a?(Actions::SupportsScheduling) && action.scheduled_for && !action.started? %>
-        <div class="uppercase text-xs text-gray-400">
+        <div class="uppercase text-xs text-slate-400">
           Scheduled for <%= display_date_and_time(action.scheduled_for) %>
         </div>
 
@@ -59,17 +59,17 @@
           <%= render "shared/attributes/progress_bar", object: action, attribute: :performed_count, total: :target_count %>
         </div>
 
-        <div class="mt-2 uppercase text-xs text-gray-400">
+        <div class="mt-2 uppercase text-xs text-slate-400">
           Processing <%= action.performed_count %> of <%= action.target_count %>
         </div>
 
       <% elsif action.is_a?(Actions::HasProgress) %>
-        <div class="uppercase text-xs text-gray-400">
+        <div class="uppercase text-xs text-slate-400">
           Preparing to process <%= action.performed_count %> of <%= action.target_count %>
         </div>
 
       <% else %>
-        <div class="uppercase text-xs text-gray-400">
+        <div class="uppercase text-xs text-slate-400">
           Preparing to process
         </div>
 

data/app/views/themes/light/actions/_list.html.erb

@@ -1,3 +1,3 @@
-<div class="divide-y divide-gray-900 divide-opacity-5 border-t dark:border-darkPrimary-500">
+<div class="divide-y divide-slate-900 divide-opacity-5 border-t dark:border-slate-500">
   <%= yield %>
 </div>

data/app/views/themes/light/attributes/_base.html.erb

@@ -19,7 +19,7 @@
     <label class="block text-2xs font-semibold py-2 dark:text-white">
       <%= p.content_for :heading %>
     </label>
-    <div class="dark:text-gray-400">
+    <div class="dark:text-slate-400">
       <%= body %>
     </div>
   </div>

data/app/views/themes/light/attributes/_progress_bar.html.erb

@@ -11,7 +11,7 @@
       <% if completion_percent == 100 %>
         <i class="fal fa-check ti ti-check text-green-500"></i>
       <% else %>
-        <div class="h-4 bg-gray-100 shadow-inner rounded w-full">
+        <div class="h-4 bg-slate-100 shadow-inner rounded w-full">
           <div class="h-4 <%= 'animate-pulse' unless completion_percent == 100 %> bg-primary-500 rounded" style="width: <%= completion_percent %>%"></div>
         </div>
       <% end %>

data/app/views/themes/light/billing/_pricing_table.html.erb

@@ -9,7 +9,7 @@
         <%= link_to request.path + (i > 0 ? "?duration=#{duration}" : ""), class: "#{duration == current_duration ? "button-alternative" : "button"} rounded-full text-base" do %>
           <%= t("billing/prices.intervals.#{duration}.description") %>
           <% if i > 0 %>
-            <small class="ml-2 uppercase <%= duration == current_duration ? "text-gray-400" : "text-gray-300" %>">
+            <small class="ml-2 uppercase <%= duration == current_duration ? "text-slate-400" : "text-slate-300" %>">
               <%= number_to_percentage(calculate_discount(prices_by_duration[duration].first, prices_by_duration[prices_by_duration.keys.first].first), precision: 0) %> Discount
             </small>
           <% end %>
@@ -20,7 +20,7 @@
 
   <div class="lg:flex flex-row justify-center">
     <% prices_by_duration[current_duration].each_with_index do |price, i| %>
-      <div class="bg-gray-50 flex-1 lg:max-w-md border ml-0 mr-0 mt-0 mb-5 <%= "lg:-ml-px lg:-mr-px lg:-mt-5 lg:mb-0 pricing-table-shadow" if price.highlight? %> <%= price.highlight? ? "z-10" : "z-0" %>">
+      <div class="bg-slate-50 flex-1 lg:max-w-md border ml-0 mr-0 mt-0 mb-5 <%= "lg:-ml-px lg:-mr-px lg:-mt-5 lg:mb-0 pricing-table-shadow" if price.highlight? %> <%= price.highlight? ? "z-10" : "z-0" %>">
         <div class="bg-white <%= "border-t-4 border-primary-500" if price.highlight? %>">
           <div class="text-center py-10 px-5 border-b">
             <%= image_tag image_path("products/#{price.product.image}"), width: 100, height: 100, class: "inline mb-7" %>
@@ -31,7 +31,7 @@
         </div>
         <div class="bg-white text-center py-10 px-5 border-b">
           <div class="text-6xl font-semibold text-black <%= "text-primary-500" if price.highlight? %>"><%= smaller_currency_symbol(number_to_currency(price.currency_amount, precision: 0, locale: :en)) %></div>
-          <div class="mt-3 pt-2 inline-block border-t border-gray-300 uppercase text-lg opacity-40 tracking-wider">
+          <div class="mt-3 pt-2 inline-block border-t border-slate-300 uppercase text-lg opacity-40 tracking-wider">
             <% if price.quantity %>
               <%= t("billing/prices.intervals.#{price.interval}.description") %>
               <%= t("billing/prices.models.#{price.quantity}.per") %>
@@ -45,11 +45,11 @@
         </div>
         <div class="my-12 mx-12">
           <h3 class="text-xs uppercase font-semibold tracking-widest">Description</h3>
-          <p class="text-base mt-3 text-gray-500"><%= price.product.description %></p>
+          <p class="text-base mt-3 text-slate-500"><%= price.product.description %></p>
 
           <h3 class="mt-8 text-xs uppercase font-semibold tracking-widest">Details</h3>
           <% if price.product.features %>
-            <ul class="text-base mt-5 text-gray-500 space-y-3">
+            <ul class="text-base mt-5 text-slate-500 space-y-3">
               <% price.product.features.each do |feature| %>
                 <li class="flex items-start">
                   <div class="flex-shrink-0 text-green-500">

data/app/views/themes/light/commentary/_box.html.erb

@@ -1,13 +1,3 @@
 <% yield p = np %>
 
-<div class="-m-0.5">
-  <div class="border border-dashed rounded-lg border-yellow-500 bg-yellow-400 dark:bg-opacity-10 dark:border-yellow-200 dark:border-opacity-70 -m-3 p-3 xl:py-4 xl:px-4 xl:-mx-4">
-    <%= p.content_for :content %>
-
-    <div class="py-3 px-3 space-y-2 pt-6">
-      <p class="text-yellow-600 dark:text-yellow-200 font-light leading-normal">
-        <%= p.content_for :commentary %>
-      </p>
-    </div>
-  </div>
-</div>
+<%= p.content_for :content %>

data/app/views/themes/light/conversations/_card.html.erb

@@ -2,17 +2,17 @@
 
 <div class="<%= 'border-l-primary-500 border-l-4 border-primary-600' if subscription.unread? %>">
 
-  <%= link_to [:account, current_user, :conversations, :subscriptions, conversation_id: subscription.conversation.id], class: "#{current_conversation ? 'bg-gray-100 border-l ' : 'bg-white'} h-28 p-1 flex border-b-2 cursor-pointer hover:no-underline  hover:bg-gray-50 relative items-center" do %>
+  <%= link_to [:account, current_user, :conversations, :subscriptions, conversation_id: subscription.conversation.id], class: "#{current_conversation ? 'bg-slate-100 border-l ' : 'bg-white'} h-28 p-1 flex border-b-2 cursor-pointer hover:no-underline  hover:bg-slate-50 relative items-center" do %>
     <div class="md:w-1/4 w-1/5 lg:inline-block md:hidden flex-shrink-0">
       <img src="<%= membership_profile_photo_url(conversation.last_message&.membership || current_membership)  %>" title="<%= current_membership.name %>" alt="<%= current_membership.name %>" class="md:w-14 md:h-14 w-12 h-12 rounded-full mx-auto border-1 border-white border-2 flex-none">
     </div>
     <div class="w-4/5 md:w-full lg:w-4/5 pl-4 pr-1 flex-initial truncate">
-      <p class="text-xs text-gray-300 text-right hover:no-underline"><%= "#{time_ago_in_words conversation.last_message.created_at} ago" unless conversation.last_message.nil? %></p>
-      <h2 class="<%= subscription.unread? ? 'font-bold text-gray-800' : 'font-semibold text-gray-600' %> "><%= conversation.subject&.label_string %></h2>
-      <div class="text-gray-300">
+      <p class="text-xs text-slate-300 text-right hover:no-underline"><%= "#{time_ago_in_words conversation.last_message.created_at} ago" unless conversation.last_message.nil? %></p>
+      <h2 class="<%= subscription.unread? ? 'font-bold text-slate-800' : 'font-semibold text-slate-600' %> "><%= conversation.subject&.label_string %></h2>
+      <div class="text-slate-300">
         <%= conversation.last_message&.user&.label_string %>
       </div>
-      <div class="h-8 text-gray-400 text-sm pt-1 hover:no-underline truncate">
+      <div class="h-8 text-slate-400 text-sm pt-1 hover:no-underline truncate">
         <%= Nokogiri::HTML.fragment(conversation.last_message.body).text unless conversation.last_message.nil? %>
       </div>
     </div>

data/app/views/themes/light/conversations/_comment.html.erb

@@ -4,10 +4,10 @@
   <img src="<%= membership_profile_photo_url(message.membership) %>" title="<%= message.membership.name %>" alt="<%= message.membership.name %>" class="w-10 h-10 rounded-full <%= current_user_message ? 'order-2' : 'order-1' %>">
 <% end %>
 
-<div class="flex py-3 px-2  text-gray-700 <%= message.reply? ? 'border w-full bg-gray-50 rounded-md' : 'border-b' %> <%= 'opacity-30' if new_message %>">
+<div class="flex py-3 px-2  text-slate-700 <%= message.reply? ? 'border w-full bg-slate-50 rounded-md' : 'border-b' %> <%= 'opacity-30' if new_message %>">
   <div class="mr-3 min-w-max"><%= avatar %></div>
   <div class="flex flex-col w-full">
-    <div class=""><span class="uppercase font-bold text-gray-500"><%= message.user.name %></span><span class="font-extralight text-xs text-gray-400"> &bull; <%= time_ago_in_words message.created_at %> ago</span></div>
+    <div class=""><span class="uppercase font-bold text-slate-500"><%= message.user.name %></span><span class="font-extralight text-xs text-slate-400"> &bull; <%= time_ago_in_words message.created_at %> ago</span></div>
     <div class="py-2"><%= trix_sanitize message.body %></div>
     <% if message.replies.any? %>
       <div class="space-y-2 mt-2 mb-2">
@@ -18,7 +18,7 @@
     <% end %>
     <% unless message.reply? %>
       <%= turbo_frame_tag "reply_#{message.id}" do %>
-        <%= link_to "Reply", [:reply, :account, message], class: "font-light text-sm text-gray-400 hover:text-gray-500 pt-2" %>
+        <%= link_to "Reply", [:reply, :account, message], class: "font-light text-sm text-slate-400 hover:text-slate-500 pt-2" %>
       <% end %>
     <% end %>
   </div>