bullet_train-themes-light 1.32.0 → 1.33.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 83fe1555e43af20f1c5dc4802f8af8413f0dd307bd417f52273a23f937f2507d
-  data.tar.gz: 384ae6397753f3e701ea1a0795631a1b3adeb5f3b431d99ef7919c3b8a429d43
+  metadata.gz: 688988e9c75407831edba015db93d05c977bbb553209a8bd6801d4243e94a09f
+  data.tar.gz: 17932d0e79e2c539c84a72dd833f4b1223e2f4f33caa30974f7132193a8a845f
 SHA512:
-  metadata.gz: fb55e5cb8205677b9f23cab7f5560cbfc12dec170bd9fc2f8d209ede72fd0240b33914b5676b7a8cc2b0a6402639f1c23126ce56d619112872987fb31258b130
-  data.tar.gz: ff0a19bb94331e0c9258d090a26576fd0a41c64fcb8b80ede15422fdeb9e54841096f4ca7ae5e2a28eb71b4061e2be00575633dff19854e5f196b6d05cec8d8c
+  metadata.gz: 0d9dc87cd6023674c15d3d63052666919e21c351252263766c3b397d55619a82eb7791ddede386b81f04c2274503a2e25877d152b67d0f4b0c2a0d6eb469d20e
+  data.tar.gz: e13b9e6fc0b29038584e7ab1a2c16412d7e17249a9ee3dc754e8a32f0dcee129100aaf28fa5426b19429f979c622cd70b80659031af8ebd8b078a9e3885f8e38

data/app/assets/stylesheets/light/fields/date_field.css

@@ -8,7 +8,7 @@
   .daterangepicker {
     .hourselect, .minuteselect, .ampmselect {
       @apply rounded-md shadow-sm focus:ring-primary-500 font-light;
-      @apply border-slate-300 focus:border-primary-500 bg-white !important;
+      @apply border-base-300 focus:border-primary-500 bg-white !important;
       text-align-last: center;
     }
 

data/app/assets/stylesheets/light/fields/super_select.css

@@ -1,7 +1,7 @@
 .select2-container--default {
   .select2-selection--single,
   .select2-selection--multiple {
-    @apply border-slate-300;
+    @apply border-base-300;
   }
 }
 
@@ -61,7 +61,7 @@
   }
 
   .select2-selection--single, .select2-selection--multiple {
-    @apply border-slate-300;
+    @apply border-base-300;
     @apply rounded-md shadow-sm pt-0 focus:ring-primary-500 !important;
 
     &.focus-visible {
@@ -77,7 +77,7 @@
     }
 
     .select2-selection__rendered {
-      @apply text-slate-500 pl-3 !important;
+      @apply text-base-500 pl-3 !important;
       line-height: 35px !important;
     }
   }
@@ -95,11 +95,11 @@
 
   .select2-container--default.select2-container--disabled .select2-selection--single,
   .select2-container--default.select2-container--disabled .select2-selection--multiple{
-    @apply bg-slate-200 dark:bg-slate-700 hover:bg-slate-200 hover:dark:bg-slate-700
+    @apply bg-base-200 dark:bg-base-700 hover:bg-base-200 hover:dark:bg-base-700
   }
 
   .select2-container .select2-dropdown {
-    @apply border-2 border-slate-300 shadow-sm overflow-hidden !important;
+    @apply border-2 border-base-300 shadow-sm overflow-hidden !important;
     @apply border-primary-500 !important;
   }
 
@@ -109,10 +109,11 @@
 
   .select2-search__field {
     @apply rounded-md;
-    @apply border-slate-300 !important;
+    @apply border-base-300 !important;
 
     &:focus {
-      border-color: #5897fb !important;
+      @apply border-primary-500 !important;
+      @apply ring-primary-500 !important;
     }
   }
 }

data/app/assets/stylesheets/light/fields/trix_editor.css

@@ -12,7 +12,7 @@ trix-toolbar {
 /* Override Tailwind's preflight styles */
 /* https://github.com/tailwindlabs/tailwindcss/issues/989#issuecomment-506555308 */
 .trix-button {
-  @apply dark:bg-slate-800 !important;
+  @apply dark:bg-base-800 !important;
 }
 
 /* Prevent red ring on Trix Editor */
@@ -87,13 +87,13 @@ trix-editor [data-trix-cursor-target] {
 trix-editor {
   padding-right: 0.75rem;
   padding-left: 0.75rem;
-  @apply shadow-sm border-slate-300 font-light rounded-md;
+  @apply shadow-sm border-base-300 font-light rounded-md;
   &:focus, &:active {
     border-color: var(--primary-500);
     box-shadow: inset 0 0 0 1px var(--primary-500);
   }
   &[disabled]{
-    @apply bg-slate-200 dark:bg-slate-700 hover:bg-slate-200 hover:dark:bg-slate-700
+    @apply bg-base-200 dark:bg-base-700 hover:bg-base-200 hover:dark:bg-base-700
   }
 }
 

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

@@ -13,7 +13,7 @@
 
   .button {
     @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;
-    @apply dark:ring-offset-slate-700;
+    @apply dark:ring-offset-base-700;
 
     &.button-red {
       @apply bg-red-500 hover:bg-red-600 focus:ring-red-600;
@@ -22,7 +22,7 @@
 
   .button-secondary {
     @apply text-secondary-500 hover:text-secondary-600 hover:underline;
-    /* @apply dark:text-slate-200; */
+    /* @apply dark:text-base-200; */
 
     &.button-increase-contrast {
       @apply text-secondary-700 hover:text-secondary-900;
@@ -45,8 +45,8 @@
   }
 
   .button-alternative {
-    @apply border-slate-300 rounded-md shadow-sm bg-white text-slate-500 hover:bg-slate-50 no-underline hover:no-underline;
-    @apply dark:bg-slate-800 dark:border-slate-900 dark:text-white dark:hover:bg-slate-700;
+    @apply border-base-300 rounded-md shadow-sm bg-white text-base-500 hover:bg-base-50 no-underline hover:no-underline;
+    @apply dark:bg-base-800 dark:border-base-900 dark:text-white dark:hover:bg-base-700;
   }
 
   .button-color {
@@ -115,12 +115,12 @@
   }
 
   .table {
-    @apply w-full divide-y divide-slate-900/5 dark:divide-slate-700/5 text-left;
+    @apply w-full divide-y divide-base-900/5 dark:divide-base-700/5 text-left;
 
 
     th {
       @apply px-3 py-3 text-2xs font-semibold font-normal uppercase;
-      @apply dark:text-slate-400;
+      @apply dark:text-base-400;
 
       &:first-child {
         @apply pl-5;
@@ -132,13 +132,13 @@
     }
 
     tbody {
-      @apply divide-y divide-slate-900/5;
-      @apply dark:divide-slate-700/5;
+      @apply divide-y divide-base-900/5;
+      @apply dark:divide-base-700/5;
     }
 
     td {
       @apply px-3 py-3.5;
-      @apply dark:text-slate-400;
+      @apply dark:text-base-400;
 
       &:first-child {
         @apply pl-5;
@@ -197,14 +197,14 @@
   }
 
   .sortable-active-dropzone {
-    @apply border-dashed bg-gray-50 dark:bg-slate-800 border-slate-400;
+    @apply border-dashed bg-gray-50 dark:bg-base-800 border-base-400;
   }
 
   .sortable-active-item {
-    @apply shadow bg-white *:bg-white dark:bg-slate-700 dark:*:bg-slate-700 opacity-100 *:opacity-100;
+    @apply shadow bg-white *:bg-white dark:bg-base-700 dark:*:bg-base-700 opacity-100 *:opacity-100;
   }
 
   .sortable-drop-target {
-    @apply shadow-inner shadow-gray-500 dark:shadow-black hover:shadow-inner bg-gray-100 *:bg-gray-100 dark:bg-slate-900 dark:*:bg-slate-900 *:opacity-0;
+    @apply shadow-inner shadow-gray-500 dark:shadow-black hover:shadow-inner bg-gray-100 *:bg-gray-100 dark:bg-base-900 dark:*:bg-base-900 *:opacity-0;
   }
 }

data/app/assets/stylesheets/light/tailwind/dark-mode.css

@@ -5,10 +5,10 @@
      **/
     /* Color picker */
     .pcr-app {
-      @apply bg-slate-800 border border-solid border-slate-900;
+      @apply bg-base-800 border border-solid border-base-900;
 
       .pcr-interaction .pcr-result {
-        @apply text-slate-300 border border-solid border-slate-900 bg-slate-800;
+        @apply text-base-300 border border-solid border-base-900 bg-base-800;
 
         &:focus {
           box-shadow: 0 0 0 1px theme('colors.primary.500'), 0 0 0 3px theme('colors.primary.500');
@@ -18,18 +18,18 @@
 
     /* Date range picker */
     .daterangepicker {
-      @apply bg-slate-800 border-slate-900;
+      @apply bg-base-800 border-base-900;
 
       &::before {
-        border-bottom-color: theme('colors.slate.900');
+        border-bottom-color: theme('colors.base.900');
       }
 
       &::after {
-        border-bottom-color: theme('colors.slate.800');
+        border-bottom-color: theme('colors.base.800');
       }
 
       .calendar-table {
-        @apply bg-slate-800 text-slate-300;
+        @apply bg-base-800 text-base-300;
 
         /* navigation arrows */
         .available {
@@ -41,53 +41,53 @@
 
       /* Clear and Apply buttons wrapper */
       .drp-buttons {
-        border-top-color: theme('colors.slate.900');
-        @apply text-slate-300;
+        border-top-color: theme('colors.base.900');
+        @apply text-base-300;
       }
 
       th {
         &.available:hover {
-          @apply bg-slate-600;
+          @apply bg-base-600;
         }
       }
 
       td {
         &.off {
-          @apply bg-slate-800 text-white;
+          @apply bg-base-800 text-white;
         }
 
         &.available:hover {
-          @apply bg-slate-600;
+          @apply bg-base-600;
         }
       }
 
       .hourselect, .minuteselect, .ampmselect {
-        @apply text-slate-300 border-slate-900 bg-slate-800 !important;
+        @apply text-base-300 border-base-900 bg-base-800 !important;
       }
     }
 
     /* Phone field */
     .iti__country-list {
-      @apply bg-slate-800 border border-solid border-slate-900;
+      @apply bg-base-800 border border-solid border-base-900;
     }
 
     /* Select2 */
     .select2-container {
       .select2-selection__rendered {
-        @apply text-slate-300 !important;
+        @apply text-base-300 !important;
       }
 
       .select2-dropdown {
-        @apply bg-slate-700;
+        @apply bg-base-700;
       }
 
       .select2-search__field {
-        @apply bg-slate-800 border-slate-900 !important;
+        @apply bg-base-800 border-base-900 !important;
       }
 
       .select2-selection--multiple, .select2-selection--single {
-        @apply bg-slate-800 focus:ring-primary-500 border-slate-900 !important;
-        @apply text-slate-300;
+        @apply bg-base-800 focus:ring-primary-500 border-base-900 !important;
+        @apply text-base-300;
       }
 
       /* For the selected options in the multiple select2 component */
@@ -105,13 +105,13 @@
       }
 
       .select2-results__option {
-        @apply text-slate-300;
+        @apply text-base-300;
       }
     }
 
     /* Trix Editor */
     trix-editor {
-      @apply bg-slate-800 border-slate-900 !important;
+      @apply bg-base-800 border-base-900 !important;
 
       &:focus, &:active {
         @apply border-primary-500 !important;
@@ -126,7 +126,7 @@
       }
 
       .trix-button-group, .trix-button {
-        @apply border-slate-400 !important;
+        @apply border-base-400 !important;
       }
 
       .trix-button:disabled::before {
@@ -134,39 +134,39 @@
       }
 
       .trix-dialog {
-        @apply bg-slate-800 border-slate-900 shadow-lg shadow-slate-900 !important;
+        @apply bg-base-800 border-base-900 shadow-lg shadow-base-900 !important;
 
         .trix-button--dialog {
           @apply text-white;
         }
 
         .trix-input--dialog {
-          @apply bg-slate-800 dark:text-slate-300 focus:ring-primary-500 focus:border-primary-500;
+          @apply bg-base-800 dark:text-base-300 focus:ring-primary-500 focus:border-primary-500;
         }
       }
     }
 
     .tribute-container {
       ul {
-        @apply bg-slate-800 border-slate-900 !important;
+        @apply bg-base-800 border-base-900 !important;
       }
     }
 
     .trix-dialogs {
-      @apply bg-slate-800 border-slate-900 !important;
+      @apply bg-base-800 border-base-900 !important;
     }
 
     .trix-content a[href^="bullettrain://"] {
-      @apply text-white bg-slate-500;
+      @apply text-white bg-base-500;
     }
 
     /* CKEditor */
     .ck {
-      --ck-color-base-background: theme('colors.slate.800');
-      --ck-color-base-border: theme('colors.slate.900');
-      --ck-color-toolbar-background: theme('colors.slate.800');
-      --ck-color-toolbar-border: theme('colors.slate.900');
-      --ck-color-text: theme('colors.slate.300');
+      --ck-color-base-background: theme('colors.base.800');
+      --ck-color-base-border: theme('colors.base.900');
+      --ck-color-toolbar-background: theme('colors.base.800');
+      --ck-color-toolbar-border: theme('colors.base.900');
+      --ck-color-text: theme('colors.base.300');
 
       .ck-editor__editable:not(.ck-editor__nested-editable) {
         @apply shadow-none;

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

@@ -33,6 +33,6 @@
     background-attachment: scroll;
     background-clip: text;
     background-color: rgba(0,0,0,0);
-    @apply bg-slate-800 bg-gradient-to-r from-primary-500
+    @apply bg-base-800 bg-gradient-to-r from-primary-500
   }
 }

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

@@ -7,9 +7,9 @@
 <% pagy ||= nil %>
 <% overflow_hidden ||= local_assigns.fetch(:overflow_hidden, true) %>
 
-<div class="<%= "bg-white rounded-md shadow dark:bg-slate-700 dark:bg-opacity-50" unless no_background %> <%= "overflow-hidden" if overflow_hidden %> <%= border_top ? "border-t dark:border-slate-500" : "" %>">
+<div class="<%= "bg-white rounded-md shadow dark:bg-base-700 dark:bg-opacity-50" unless no_background %> <%= "overflow-hidden" if overflow_hidden %> <%= border_top ? "border-t dark:border-base-500" : "" %>">
   <% if partial.title? || partial.description? %>
-    <div class="py-6 px-8 <%= title_padding %> space-y-2 <%= 'border-b shadow-sm dark:border-slate-600' if divider %>">
+    <div class="py-6 px-8 <%= title_padding %> space-y-2 <%= 'border-b shadow-sm dark:border-base-600' if divider %>">
       <% if partial.title? %>
         <h2 class="text-xl font-semibold dark:text-white <%= title_size %>">
           <%= partial.title %>
@@ -17,7 +17,7 @@
       <% end %>
 
       <% if partial.description? %>
-        <p class="text-slate-400 font-light leading-normal">
+        <p class="text-base-400 font-light leading-normal">
           <%= partial.description %>
         </p>
       <% end %>
@@ -26,7 +26,7 @@
 
   <div class="space-y-4">
     <% if partial.table? %>
-      <div class="box-table <%= divider ? 'mt-4' : '-mt-1' %> pb-0.5">
+      <div class="box-table <%= divider ? 'mt-4' : '-mt-1' %> pb-0.5 overflow-y-auto">
         <%= partial.table %>
       </div>
     <% end %>
@@ -56,13 +56,13 @@
   </div>
 
   <% if partial.footer? %>
-    <div class="py-4 px-8 bg-slate-50 border-t dark:bg-slate-900 dark:border-slate-600">
+    <div class="py-4 px-8 bg-base-50 border-t dark:bg-base-900 dark:border-base-600">
       <%= partial.footer %>
     </div>
   <% end %>
 
   <% if partial.raw_footer? %>
-    <div class="bg-slate-50 dark:bg-slate-900">
+    <div class="bg-base-50 dark:bg-base-900">
       <%= partial.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-slate-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-base-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-slate-500 uppercase text-2xs tracking-widest" %>
+    <% item_style = "ml-3 text-base-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-slate-700 hover:underline dark:text-primary-300" %>
+      <%= link_to label, url, class: "#{item_style} hover:text-base-700 hover:underline dark:text-primary-300" %>
     <% else %>
       <span class="<%= item_style %>"><%= label %></span>
     <% end %>

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

@@ -24,13 +24,13 @@
       </div>
 
       <% if completion_percent %>
-        <div class="mt-3 h-4 bg-slate-100 shadow-inner rounded w-full">
+        <div class="mt-3 h-4 bg-base-100 shadow-inner rounded w-full">
           <div class="h-4 animate-pulse bg-primary-500 rounded" style="width: <%= completion_percent %>%"></div>
         </div>
       <% end %>
 
       <% if partial.status? %>
-        <div class="<% "mt-2" if completion_percent %> uppercase text-xs text-slate-400">
+        <div class="<% "mt-2" if completion_percent %> uppercase text-xs text-base-400">
           <%= partial.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-slate-300 dark:border-slate-500"></div>
+    <div class="w-full border-t border-base-300 dark:border-base-500"></div>
   </div>
   <div class="relative flex justify-center">
-    <span class="px-2 bg-white text-slate-500 uppercase text-xs dark:text-slate-300 dark:bg-slate-700">
+    <span class="px-2 bg-white text-base-500 uppercase text-xs dark:text-base-300 dark:bg-base-700">
       <%= label %>
     </span>
   </div>

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

@@ -1,3 +1,3 @@
-<div class="border-b border-slate-200 pb-4 dark:border-slate-600" style="position: relative;">
+<div class="border-b border-base-200 pb-4 dark:border-base-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/_link_row.html.erb

@@ -1,14 +1,14 @@
 <%= link_to path, class: "block group hover:no-underline" do %>
-  <div class="bg-white hover:bg-slate-50 rounded-md shadow dark:bg-slate-700 dark:group-hover:bg-slate-700 dark:bg-opacity-50 dark:group-hover:bg-opacity-25 overflow-hidden">
+  <div class="bg-white hover:bg-base-50 rounded-md shadow dark:bg-base-700 dark:group-hover:bg-base-700 dark:bg-opacity-50 dark:group-hover:bg-opacity-25 overflow-hidden">
     <div class="py-4 px-8 pr-5">
       <div class="flex items-center">
         <% if partial.body? %>
-          <div class="flex-1 text-xl font-semibold text-slate-700 dark:text-white dark:group-hover:text-slate-100">
+          <div class="flex-1 text-xl font-semibold text-base-700 dark:text-white dark:group-hover:text-base-100">
             <%= partial.body %>
           </div>
         <% end %>
         <div class="ml-5 flex-shrink-0">
-          <svg class="h-5 w-5 text-slate-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+          <svg class="h-5 w-5 text-base-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"></path>
           </svg>
         </div>

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

@@ -1,8 +1,8 @@
 <% link_url ||= "#" %>
 <% memberships ||= [] %>
 
-<li class="bg-white shadow overflow-hidden sm:rounded-md dark:bg-slate-700">
-  <%= link_to link_url, class: "group block hover:bg-slate-50 dark:hover:bg-slate-400 dark:text-slate-800", data: { turbo_prefetch: false } do %>
+<li class="bg-white shadow overflow-hidden sm:rounded-md dark:bg-base-700">
+  <%= link_to link_url, class: "group block hover:bg-base-50 dark:hover:bg-base-400 dark:text-base-800", data: { turbo_prefetch: false } do %>
     <div class="px-4 py-4 flex items-center sm:pl-8 sm:pr-6">
       <div class="min-w-0 flex-1 sm:flex sm:items-center sm:justify-between">
         <div>
@@ -19,10 +19,10 @@
         </div>
       </div>
       <div class="ml-5 flex-shrink-0">
-        <svg class="h-5 w-5 text-slate-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+        <svg class="h-5 w-5 text-base-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>
       </div>
     </div>
   <% end %>
-</li>
+</li>

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

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

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

@@ -33,22 +33,22 @@
 
       <% if action.completed? %>
         <% if action.is_a?(Actions::HasProgress) %>
-          <div class="uppercase text-xs text-slate-400">
+          <div class="uppercase text-xs text-base-400">
             <%= t('action_models.processed_of', performed_count: action.performed_count, target_count: action.target_count, at: display_date_and_time(action.completed_at)) %>
           </div>
         <% else %>
-          <div class="uppercase text-xs text-slate-400">
+          <div class="uppercase text-xs text-base-400">
             <%= t('action_models.processed', at: display_date_and_time(action.completed_at)) %>
           </div>
         <% end %>
 
       <% elsif action.is_a?(Actions::RequiresApproval) && !action.approved? %>
-        <div class="uppercase text-xs text-slate-400">
+        <div class="uppercase text-xs text-base-400">
           <%= t('action_models.awaiting') %>
         </div>
 
       <% elsif action.is_a?(Actions::SupportsScheduling) && action.scheduled_for && !action.started? %>
-        <div class="uppercase text-xs text-slate-400">
+        <div class="uppercase text-xs text-base-400">
           <%= t('action_models.scheduled_for', for: display_date_and_time(action.scheduled_for)) %>
         </div>
 
@@ -57,17 +57,17 @@
           <%= render "shared/attributes/progress_bar", object: action, attribute: :performed_count, total: :target_count %>
         </div>
 
-        <div class="mt-2 uppercase text-xs text-slate-400">
+        <div class="mt-2 uppercase text-xs text-base-400">
           <%= t('action_models.processing_of', performed_count: action.performed_count, target_count: action.target_count) %>
         </div>
 
       <% elsif action.is_a?(Actions::HasProgress) %>
-        <div class="uppercase text-xs text-slate-400">
+        <div class="uppercase text-xs text-base-400">
           <%= t('action_models.preparing_to_process_of', performed_count: action.performed_count, target_count: action.target_count) %>
         </div>
 
       <% else %>
-        <div class="uppercase text-xs text-slate-400">
+        <div class="uppercase text-xs text-base-400">
           <%= t('action_models.preparing_to_process') %>
         </div>
 

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

@@ -1,3 +1,3 @@
-<div class="divide-y divide-slate-900/5 border-t dark:border-slate-500/5">
+<div class="divide-y divide-base-900/5 border-t dark:border-base-500/5">
   <%= partial.content.presence || partial.yield %>
 </div>

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

@@ -9,7 +9,7 @@
     <label class="block text-2xs uppercase font-semibold py-2 dark:text-white">
       <%= partial.heading %>
     </label>
-    <div class="dark:text-slate-400">
+    <div class="dark:text-base-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-slate-100 shadow-inner rounded w-full">
+        <div class="h-4 bg-base-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-slate-400" : "text-slate-300" %>">
+            <small class="ml-2 uppercase <%= duration == current_duration ? "text-base-400" : "text-base-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-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-base-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-slate-300 uppercase text-lg opacity-40 tracking-wider">
+          <div class="mt-3 pt-2 inline-block border-t border-base-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-slate-500"><%= price.product.description %></p>
+          <p class="text-base mt-3 text-base-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-slate-500 space-y-3">
+            <ul class="text-base mt-5 text-base-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/conversations/_card.html.erb

@@ -2,20 +2,20 @@
 
 <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-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 %>
+  <%= link_to [:account, current_user, :conversations, :subscriptions, conversation_id: subscription.conversation.id], class: "#{current_conversation ? 'bg-base-100 border-l ' : 'bg-white'} h-28 p-1 flex border-b-2 cursor-pointer hover:no-underline  hover:bg-base-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-slate-300 text-right hover:no-underline"><%= "#{t('global.time_ago', time: time_ago_in_words(conversation.last_message.created_at))}" if conversation.last_message.present? %></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">
+      <p class="text-xs text-base-300 text-right hover:no-underline"><%= "#{t('global.time_ago', time: time_ago_in_words(conversation.last_message.created_at))}" if conversation.last_message.present? %></p>
+      <h2 class="<%= subscription.unread? ? 'font-bold text-base-800' : 'font-semibold text-base-600' %> "><%= conversation.subject&.label_string %></h2>
+      <div class="text-base-300">
         <%= conversation.last_message&.user&.label_string %>
       </div>
-      <div class="h-8 text-slate-400 text-sm pt-1 hover:no-underline truncate">
+      <div class="h-8 text-base-400 text-sm pt-1 hover:no-underline truncate">
         <%= Nokogiri::HTML.fragment(conversation.last_message.body).text unless conversation.last_message.nil? %>
       </div>
     </div>
 
   <% end %>
-</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-slate-700 <%= message.reply? ? 'border w-full bg-slate-50 rounded-md' : 'border-b' %> <%= 'opacity-30' if new_message %>">
+<div class="flex py-3 px-2  text-base-700 <%= message.reply? ? 'border w-full bg-base-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-slate-500"><%= message.user.name %></span><span class="font-extralight text-xs text-slate-400"> &bull; <%= t("global.time_ago", time: time_ago_in_words(message.created_at)) %>
+    <div class=""><span class="uppercase font-bold text-base-500"><%= message.user.name %></span><span class="font-extralight text-xs text-base-400"> &bull; <%= t("global.time_ago", time: time_ago_in_words(message.created_at)) %>
 </span></div>
     <div class="py-2"><%= trix_sanitize message.body %></div>
     <% if message.replies.any? %>
@@ -19,7 +19,7 @@
     <% end %>
     <% unless message.reply? %>
       <%= turbo_frame_tag "reply_#{message.id}" do %>
-        <%= link_to "Reply", [:reply, :account, message], class: "font-light text-sm text-slate-400 hover:text-slate-500 pt-2" %>
+        <%= link_to "Reply", [:reply, :account, message], class: "font-light text-sm text-base-400 hover:text-base-500 pt-2" %>
       <% end %>
     <% end %>
   </div>

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

@@ -74,14 +74,14 @@
           data-action="<%= 'mouseenter->reply#showReplyButton click->reply#showReplyButton' unless placeholder_message || show_as_thread %>" data-show-class="<%= current_user_message ? 'mr-10' : 'ml-10' %>"
           >
           <% if placeholder_message %>
-            <div class="cursor-pointer" data-thread-url="<%= url_for([:thread, :account, message.thread_origin_message || message]) %>" data-action="click->reply#reply"><span class="px-2 py-1 text-xs text-slate-300 rounded-lg inline-block <%= rounding_modifier %> border-primary-300 border break-words sm:max-w-sm max-w-tiny"><%= Nokogiri::HTML.fragment(trix_sanitize(message.body)).text.truncate(80) %></span></div>
+            <div class="cursor-pointer" data-thread-url="<%= url_for([:thread, :account, message.thread_origin_message || message]) %>" data-action="click->reply#reply"><span class="px-2 py-1 text-xs text-base-300 rounded-lg inline-block <%= rounding_modifier %> border-primary-300 border break-words sm:max-w-sm max-w-tiny"><%= Nokogiri::HTML.fragment(trix_sanitize(message.body)).text.truncate(80) %></span></div>
           <% else %>
-            <div><span class="px-4 py-2 rounded-lg inline-block <%= rounding_modifier %> <%= current_user_message ? ' bg-primary-600 text-white' : ' bg-slate-300 text-slate-600' %> "><%= trix_sanitize(message.body) %></span></div>
+            <div><span class="px-4 py-2 rounded-lg inline-block <%= rounding_modifier %> <%= current_user_message ? ' bg-primary-600 text-white' : ' bg-base-300 text-base-600' %> "><%= trix_sanitize(message.body) %></span></div>
           <% end %>
         </div>
         <%= avatar %>
         <% unless placeholder_message || show_as_thread %>
-          <div class="order-2 absolute text-slate-400 bottom-1 hover:text-slate-500 <%= current_user_message ? 'right-10' : 'left-10' %> z-0">
+          <div class="order-2 absolute text-base-400 bottom-1 hover:text-base-500 <%= current_user_message ? 'right-10' : 'left-10' %> z-0">
             <button
               data-action="click->reply#reply"
               data-thread-url="<%= url_for([:thread, :account, message.thread_origin_message || message]) %>"
@@ -110,7 +110,7 @@
       <% end %>
 
       <div class="flex flex-grow order-1 <%= current_user_message ? 'justify-end items-end pr-8' : 'justify-start items-start pl-8' %> <%= 'mb-3' unless next_message_in_series %>">
-        <div class="<%= show_as_thread ? 'text-slate-400' : 'text-slate-300' %> text-sm">
+        <div class="<%= show_as_thread ? 'text-base-400' : 'text-base-300' %> text-sm">
           <strong><%= message.author.name %></strong>
           <%= timestamp %>
         </div>
@@ -120,14 +120,14 @@
   <% if message.replies.any? && false %>
     <div class="mb-4">
       <% message.replies.each do |reply| %>
-        <div class="flex text-xs font-extralight text-slate-300 ml-12">
+        <div class="flex text-xs font-extralight text-base-300 ml-12">
           <div class="<%= 'w-full' if current_user_message %>"></div>
-          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 682" class="w-5 h-5 stroke-current mt-4 text-slate-50 fill-current">
+          <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 682" class="w-5 h-5 stroke-current mt-4 text-base-50 fill-current">
             <path d="M0 57.7c.1 145.1 4.1 224 14.5 281.1 19.4 106.3 65.2 156.4 166.3 181.7 48.7 12.1 111.4 18.8 211.7 22.5 23.8.9 196.6 2.8 268.2 3H683l.2 67.8.3 67.8 170.3-102.1L1024 477.3l-170.2-102-170.3-102-.3 67.8-.2 67.9h-75.8c-184.7 0-266.9-4.8-327.2-19-34.2-8.1-62.8-21.1-81.2-37-36.1-31.3-52.3-76.8-58.8-165.5-2-28-3-69.2-3-127.8V0H0v57.7z"/>
           </svg>
           <div class="flex flex-col mr-10 min-w-max">
             <div class="pt-0 mr-2 ml-4 text-xxs"><%= reply.membership.label_string %> <%= t('conversations.message.reply') %></div>
-            <div class="bg-slate-100 rounded py-2 px-4 mt-0 text-slate-400 max-w-md"><%= reply.body.html_safe %></div>
+            <div class="bg-base-100 rounded py-2 px-4 mt-0 text-base-400 max-w-md"><%= reply.body.html_safe %></div>
           </div>
         </div>
       <% end %>

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

@@ -1,3 +1,3 @@
 <div class="flex-grow flex <%= side == :left ? 'justify-start' : 'justify-end order-2' %>">
-  <div class=" border-solid border-slate-300 <%= border_classes %> text-white <%= side == :left ? 'ml-12 mr-0' : 'ml-0 mr-12' %> w-6"></div>
+  <div class=" border-solid border-base-300 <%= border_classes %> text-white <%= side == :left ? 'ml-12 mr-0' : 'ml-0 mr-12' %> w-6"></div>
 </div>

data/app/views/themes/light/fields/_code_editor.html.erb

@@ -23,10 +23,10 @@ wrapper_options[:data][:action] ||= ""
 wrapper_options[:data][:action] += " color-scheme:changed@window->#{stimulus_controller}#updateComponentTheme"
 
 field_class = "min-h-32 w-full text-base md:text-[0.75rem] font-mono text-input px-0 "
-field_class += " bg-[color:--code-editor-background] [--code-editor-background:theme('colors.slate.50')] dark:[--code-editor-background:theme('colors.slate.800')]"
-field_class += " block rounded-md shadow-sm font-light dark:text-slate-300"
-field_class += " disabled:[--code-editor-background:theme('colors.slate.200')] disabled:dark:[--code-editor-background:theme('colors.slate.700')]"
-field_class += " focus:ring-primary-500 focus:border-primary-500 border-slate-300 dark:border-slate-900"
+field_class += " bg-[color:--code-editor-background] [--code-editor-background:theme('colors.base.50')] dark:[--code-editor-background:theme('colors.base.800')]"
+field_class += " block rounded-md shadow-sm font-light dark:text-base-300"
+field_class += " disabled:[--code-editor-background:theme('colors.base.200')] disabled:dark:[--code-editor-background:theme('colors.base.700')]"
+field_class += " focus:ring-primary-500 focus:border-primary-500 border-base-300 dark:border-base-900"
 
 plain_field_options ||= {}
 plain_field_options[:class] ||= ""

data/app/views/themes/light/fields/_field.html.erb

@@ -52,14 +52,14 @@ has_errors = errors.any? || partial.error? || other_options[:error].present?
 
 # TODO: Partials which invoke form helpers inline aren't using
 # these classes, although we have the `has_errors` conditional with some style below.
-options[:class] = "#{options[:class]} block w-full rounded-md shadow-sm font-light dark:bg-slate-800 dark:text-slate-300"
+options[:class] = "#{options[:class]} block w-full rounded-md shadow-sm font-light dark:bg-base-800 dark:text-base-300"
 options[:class] += " text-base md:text-sm" # default to 16px on mobile to prevent zooming
-options[:class] += " disabled:bg-slate-200 disabled:dark:bg-slate-700" # classes to give a visual indicator when a field is disabled
+options[:class] += " disabled:bg-base-200 disabled:dark:bg-base-700" # classes to give a visual indicator when a field is disabled
 
 options[:class] += if has_errors
-  " pr-10 border-red-500 text-red-900 placeholder-red-500 outline-none focus:ring-red-500 focus:border-red-500 dark:text-slate-300"
+  " pr-10 border-red-500 text-red-900 placeholder-red-500 outline-none focus:ring-red-500 focus:border-red-500 dark:text-base-300"
 else
-  " focus:ring-primary-500 focus:border-primary-500 border-slate-300 dark:border-slate-900"
+  " focus:ring-primary-500 focus:border-primary-500 border-base-300 dark:border-base-900"
 end
 %>
 
@@ -105,7 +105,7 @@ end
 
   <% # any help text. %>
   <% if partial.help? || other_options[:help].present? || partial.after_help? %>
-    <p class="mt-1.5 text-xs text-slate-500 dark:text-slate-400">
+    <p class="mt-1.5 text-xs text-base-500 dark:text-base-400">
       <%= partial.help %>
       <%= other_options[:help]&.html_safe %>
       <%= partial.after_help %>

data/app/views/themes/light/forms/_errors.html.erb

@@ -8,7 +8,7 @@
       <%= resource.class.human_attribute_name(attribute) %> <%= resource.errors[attribute].to_sentence %>.
       <% end %>
     <% else %>
-      Please correct the errors below.
+      <%= t("global.notifications.validation_error") %>
     <% end %>
   <% end %>
 <% end %>

data/app/views/themes/light/layouts/_account.html.erb

@@ -3,7 +3,7 @@
   <head>
     <%= render 'shared/layouts/head' %>
   </head>
-  <body class="min-h-screen <%= BulletTrain::Themes::Light.background || "bg-slate-100 md:bg-gradient-to-br from-secondary-200 to-primary-400 dark:from-primary-900 dark:to-primary-600" %> text-slate-700 text-sm font-normal dark:text-slate-300">
+  <body class="min-h-screen <%= BulletTrain::Themes::Light.background || "bg-base-100 md:bg-gradient-to-br from-secondary-200 to-primary-400 dark:from-primary-900 dark:to-primary-600" %> text-base-700 text-sm font-normal dark:text-base-300">
     <div class="p-4 bg-primary-900 electron-draggable electron-title-bar hidden electron-mobile-only"></div>
     <div class="md:p-5 main-container-padding">
       <div class="min-h-screen md:h-auto md:rounded-lg flex shadow main-container"
@@ -13,17 +13,17 @@
         <%= render "account/shared/menu/mobile" %>
 
         <% if BulletTrain::Themes::Light.navigation == :left %>
-          <div class="hidden lg:flex lg:flex-shrink-0 bg-gradient-to-b from-primary-700 to-primary-800 dark:from-slate-800 dark:to-slate-800 md:rounded-l-lg">
+          <div class="hidden lg:flex lg:flex-shrink-0 bg-gradient-to-b from-primary-700 to-primary-800 dark:from-base-800 dark:to-base-800 md:rounded-l-lg">
             <div class="w-64">
               <%= render "account/shared/menu/sidebar" %>
             </div>
           </div>
         <% end %>
 
-        <div class="flex flex-col w-0 flex-1 bg-slate-100 dark:bg-slate-800 dark:border-slate-500 md:rounded-lg <%= BulletTrain::Themes::Light.navigation == :left ? "lg:border-l lg:rounded-l-none" : "" %>">
+        <div class="flex flex-col w-0 flex-1 bg-base-100 dark:bg-base-800 dark:border-base-500 md:rounded-lg <%= BulletTrain::Themes::Light.navigation == :left ? "lg:border-l lg:rounded-l-none" : "" %>">
 
           <% if BulletTrain::Themes::Light.navigation == :top %>
-            <div class="hidden lg:flex bg-gradient-to-b from-primary-700 to-primary-800 dark:from-slate-700/50 dark:to-slate-800 dark:shadow md:rounded-t-lg">
+            <div class="hidden lg:flex bg-gradient-to-b from-primary-700 to-primary-800 dark:from-base-700/50 dark:to-base-800 dark:shadow md:rounded-t-lg">
               <%= render "account/shared/menu/top" %>
             </div>
           <% end %>

data/app/views/themes/light/layouts/_devise.html.erb

@@ -3,7 +3,7 @@
   <head>
     <%= render 'shared/layouts/head' %>
   </head>
-  <body class="devise_layout electron-draggable <%= BulletTrain::Themes::Light.background || "bg-white dark:bg-slate-700 sm:bg-gradient-to-br from-secondary-200 to-primary-400 dark:from-primary-900 dark:to-primary-600" %> text-slate-700 text-sm font-normal dark:text-slate-300">
+  <body class="devise_layout electron-draggable <%= BulletTrain::Themes::Light.background || "bg-white dark:bg-base-700 sm:bg-gradient-to-br from-secondary-200 to-primary-400 dark:from-primary-900 dark:to-primary-600" %> text-base-700 text-sm font-normal dark:text-base-300">
     <div data-turn-enter data-turn-exit>
       <%= yield %>
     </div>

data/app/views/themes/light/menu/_account.html.erb

@@ -11,7 +11,7 @@
     <div class="absolute top-0 left-0 right-0 z-50">
       <%= render "account/shared/menu/user" %>
     </div>
-    <div class="absolute transition duration-150 scale-95 group-hover:scale-100 translate-y-1 group-hover:translate-y-0 bg-primary-700 dark:bg-slate-700 -top-0 left-0 right-0 -m-2 p-2 rounded-lg z-40 shadow">
+    <div class="absolute transition duration-150 scale-95 group-hover:scale-100 translate-y-1 group-hover:translate-y-0 bg-primary-700 dark:bg-base-700 -top-0 left-0 right-0 -m-2 p-2 rounded-lg z-40 shadow">
       <div class="invisible">
         <%= render "account/shared/menu/user", expand: expand %>
       </div>

data/app/views/themes/light/menu/_item.html.erb

@@ -5,7 +5,7 @@
   <div class="inline-block <%= "transition group-hover/item:translate-x-3 duration-200" if @menu_orientation == :side %> flex items-center">
     <!-- Heroicon name: home -->
     <% if partial.icon? %>
-      <span class="mr-3 h-6 w-6 text-center text-secondary-300 text-xl leading-6 dark:text-slate-400">
+      <span class="mr-3 h-6 w-6 text-center text-secondary-300 text-xl leading-6 dark:text-base-400">
         <%= partial.icon %>
       </span>
     <% end %>

data/app/views/themes/light/menu/_mobile.html.erb

@@ -31,7 +31,7 @@
       data-transition-leave-start="translate-x-0"
       data-transition-leave-end="-translate-x-full"
 
-      class="hidden relative flex-1 flex flex-col max-w-xs w-full pb-4 bg-gradient-to-b from-primary-700 to-primary-800 dark:from-slate-700 dark:to-slate-800 shadow-xl"
+      class="hidden relative flex-1 flex flex-col max-w-xs w-full pb-4 bg-gradient-to-b from-primary-700 to-primary-800 dark:from-base-700 dark:to-base-800 shadow-xl"
     >
       <%= render "account/shared/menu/sidebar", expand: true %>
     </div>

data/app/views/themes/light/menu/_open.html.erb

@@ -1,4 +1,4 @@
-<button class="lg:hidden h-12 w-12 ml-1 flex-none inline-flex items-center justify-center rounded-md text-slate-500 hover:text-slate-900 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"
+<button class="lg:hidden h-12 w-12 ml-1 flex-none inline-flex items-center justify-center rounded-md text-base-500 hover:text-base-900 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"
   id="mobile-menu-open"
   data-action="mobile-menu#open"
 >

data/app/views/themes/light/menu/_subsection.html.erb

@@ -24,7 +24,7 @@
       "
         data-desktop-menu-target="menuItemGroup"
       >
-        <div class="bg-primary-700 dark:bg-slate-700 rounded-lg py-3 px-4 w-56 shadow">
+        <div class="bg-primary-700 dark:bg-base-700 rounded-lg py-3 px-4 w-56 shadow">
           <% @last_menu_orientation = @menu_orientation %>
           <% @menu_orientation = :side %>
           <%= yield %>

data/app/views/themes/light/menu/_user.html.erb

@@ -8,7 +8,7 @@
         <div class="text-white">
           <%= current_user.name %>
         </div>
-        <div class="text-2xs tracking-widest uppercase text-secondary-300 group-hover:text-white dark:text-slate-500">
+        <div class="text-2xs tracking-widest uppercase text-secondary-300 group-hover:text-white dark:text-base-500">
           <%= current_team.name %>
         </div>
       </div>

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

@@ -2,7 +2,7 @@
 
 <div class="min-h-screen flex flex-col justify-center sm:py-12">
   <div class="mx-auto w-full <%= width %> p-1.5">
-    <div class="sm:bg-white py-8 px-10 sm:shadow sm:dark:shadow-lg rounded-lg sm:dark:bg-slate-700 dark:bg-opacity-80">
+    <div class="sm:bg-white py-8 px-10 sm:shadow sm:dark:shadow-lg rounded-lg sm:dark:bg-base-700 dark:bg-opacity-80">
       <div class="sm:mx-auto sm:w-full sm:max-w-md py-5">
         <a href="<%= main_app.root_path %>" class="block py-3">
           <img alt="" src="<%= image_path("logo/logo.png") %>" width="<%= image_width_for_height("logo/logo.png", BulletTrain::Themes.logo_height) %>" height="<%= BulletTrain::Themes.logo_height %>" class="theme-logo mx-auto" />

data/lib/bullet_train/themes/light/version.rb

@@ -1,7 +1,7 @@
 module BulletTrain
   module Themes
     module Light
-      VERSION = "1.32.0"
+      VERSION = "1.33.0"
     end
   end
 end

data/tailwind.light.config.js

@@ -20,7 +20,7 @@ module.exports = {
         'xs': '.81rem',
         '2xs': ['0.65rem', { lineHeight: '0.9rem', letterSpacing: '1px' }]
       },
-      colors: {
+      colors: ({ colors }) => ({
         primary: {
           50: 'var(--primary-50)',
           100: 'var(--primary-100)',
@@ -47,7 +47,9 @@ module.exports = {
           800: 'var(--secondary-800)',
           900: 'var(--secondary-900)',
         },
-      },
+        base: colors.slate,
+        ...colors
+      }),
       fontFamily: {
         // "Avenir Next W01", "Proxima Nova W01", "", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
         sans: ['Inter var', ...defaultTheme.fontFamily.sans],

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bullet_train-themes-light
 version: !ruby/object:Gem::Version
-  version: 1.32.0
+  version: 1.33.0
 platform: ruby
 authors:
 - Andrew Culver