bullet_train-themes-light 1.2.10 → 1.2.11

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-gray-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-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>
           <% else %>
-            <div><span class="px-4 py-2 rounded-lg inline-block <%= rounding_modifier %> <%= current_user_message ? ' bg-primary-600 text-white' : ' bg-gray-300 text-gray-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-slate-300 text-slate-600' %> "><%= trix_sanitize(message.body) %></span></div>
           <% end %>
         </div>
         <%= avatar %>
         <% unless placeholder_message || show_as_thread %>
-          <div class="order-2 absolute text-gray-400 bottom-1 hover:text-gray-500 <%= current_user_message ? 'right-10' : 'left-10' %> z-0">
+          <div class="order-2 absolute text-slate-400 bottom-1 hover:text-slate-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-gray-400' : 'text-gray-300' %> text-sm">
+        <div class="<%= show_as_thread ? 'text-slate-400' : 'text-slate-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-gray-300 ml-12">
+        <div class="flex text-xs font-extralight text-slate-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-gray-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-slate-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 %> reply: </div>
-            <div class="bg-gray-100 rounded py-2 px-4 mt-0 text-gray-400 max-w-md"><%= reply.body.html_safe %></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>
         </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-gray-300 <%= border_classes %> text-white <%= side == :left ? 'ml-12 mr-0' : 'ml-0 mr-12' %> w-6"></div>
+  <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>

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

@@ -14,12 +14,12 @@ other_options[:help] = [other_options[:help], labels.help].compact.join(" ")
 errors = [method, method.to_s.gsub(/_id$/, '').to_sym].uniq.map { |attribute| form.object.errors.full_messages_for(attribute) }.flatten
 has_errors = errors.any? || content_for(:error).present? || other_options[:error].present?
 
-options[:class] = "#{options[:class]} block w-full rounded-md shadow-sm font-light text-base md:text-sm"
+options[:class] = "#{options[:class]} block w-full rounded-md shadow-sm font-light text-sm dark:bg-slate-800 dark:text-slate-300"
 
 options[:class] += if has_errors
-  " pr-10 border-red-500 text-red-900 placeholder-red-500 focus:outline-none focus:ring-red-500 focus:border-red-500 dark:bg-darkPrimary-800 dark:text-darkPrimary-300"
+  " 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"
 else
-  " focus:ring-primary-500 focus:border-primary-500 border-gray-300 dark:bg-darkPrimary-800 dark:border-darkPrimary-900 dark:text-darkPrimary-300"
+  " focus:ring-primary-500 focus:border-primary-500 border-slate-300 dark:border-slate-900"
 end
 
 %>
@@ -65,7 +65,7 @@ end
 
   <% # any help text. %>
   <% if content_for?(:help) || other_options[:help].present? || content_for?(:after_help) %>
-    <p class="mt-1.5 text-xs text-gray-500 dark:text-gray-400">
+    <p class="mt-1.5 text-xs text-slate-500 dark:text-slate-400">
       <%= yield :help %>
       <% flush_content_for :help %>
       <%= other_options[:help]&.html_safe %>

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

@@ -1,9 +1,9 @@
 <!DOCTYPE html>
-<html class="theme-<%= BulletTrain::Themes::Light.color %> <%= "theme-secondary-#{BulletTrain::Themes::Light.secondary_color}" if BulletTrain::Themes::Light.secondary_color %> <%= "theme-logo-color-shift" if BulletTrain::Themes::Light.logo_color_shift %>">
+<html class="theme-<%= BulletTrain::Themes::Light.color %> <%= "theme-secondary-#{BulletTrain::Themes::Light.secondary_color}" if BulletTrain::Themes::Light.secondary_color %>">
   <head>
     <%= render 'shared/layouts/head' %>
   </head>
-  <body class="bg-light-gradient text-gray-700 text-sm font-normal dark:bg-dark-gradient dark:text-darkPrimary-300">
+  <body class="min-h-screen <%= BulletTrain::Themes::Light.background || "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">
     <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="h-screen md:h-auto md:rounded-lg flex shadow main-container"
@@ -13,23 +13,23 @@
         <%= 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-darkPrimary-800 dark:to-darkPrimary-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-slate-800 dark:to-slate-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-gray-100 dark:bg-darkPrimary-800 dark:border-gray-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-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" : "" %>">
 
           <% if BulletTrain::Themes::Light.navigation == :top %>
-            <div class="hidden lg:flex bg-gradient-to-b from-primary-700 to-primary-800 dark:from-darkPrimary-800 dark:to-darkPrimary-800 md:rounded-t-lg">
+            <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">
               <%= render "account/shared/menu/top" %>
             </div>
           <% end %>
 
           <main class="flex-1 relative z-0 focus:outline-none" tabindex="0">
-            <div class="flex flex-row items-center shadow-sm electron-draggable">
+            <div class="flex flex-row items-center shadow-sm dark:shadow electron-draggable">
               <%= render "account/shared/menu/open" %>
 
               <nav class="flex px-1 lg:px-4 py-2 select-none" aria-label="Breadcrumb">

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

@@ -1,9 +1,8 @@
 <!DOCTYPE html>
-<html class="theme-<%= BulletTrain::Themes::Light.color %> <%= "theme-secondary-#{BulletTrain::Themes::Light.secondary_color}" if BulletTrain::Themes::Light.secondary_color %> <%= "theme-logo-color-shift" if BulletTrain::Themes::Light.logo_color_shift %>">
   <head>
     <%= render 'shared/layouts/head' %>
   </head>
-  <body class="devise_layout bg-light-gradient text-gray-700 text-sm font-normal electron-draggable dark:bg-dark-gradient dark:text-darkPrimary-300">
+  <body class="devise_layout electron-draggable <%= BulletTrain::Themes::Light.background || "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">
     <div data-turn-enter data-turn-exit>
       <%= yield %>
     </div>

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

@@ -1,13 +1,17 @@
 <% expand ||= false %>
 <% hide_shadow ||= false %>
 
-<div class="relative <%= "group" unless expand %> <%= "shadow" unless hide_shadow %>" id="user">
+<div class="relative <%= "group" unless expand %> <%= "shadow" unless hide_shadow %>"
+     id="user" data-controller="desktop-menu"
+     data-action="keydown->desktop-menu#hideSubmenu focus->desktop-menu#showSubmenu"
+     data-desktop-menu-target="menuItemHeader"
+     tabIndex="0">
   <%= render "account/shared/menu/user" %>
-  <div class="invisible group-hover:visible">
+  <div class="invisible group-hover:visible" data-desktop-menu-target="menuItemGroup">
     <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 -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-slate-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/_heading.html.erb

@@ -1,3 +1,3 @@
-<div class="text-xs py-2 uppercase tracking-wider text-primary-400">
+<div class="text-xs py-2 uppercase tracking-wider text-primary-400" data-action="focus->desktop-menu#showSubmenu" data-desktop-menu-target="menuItemHeader" tabIndex="0">
   <%= yield %>
 </div>

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

@@ -3,11 +3,11 @@
 <% method ||= nil %>
 <% active ||= request.path == url %>
 
-<%= send (method ? :button_to : :link_to), url, class: "block group hover:text-white hover:no-underline #{'bg-primary-900 dark:bg-black dark:bg-opacity-10' if active} text-white #{@menu_orientation == :top ? "px-5 py-5" : "px-2 py-2 rounded-md hover-indent-child"} #{"rounded-tl-lg" unless @not_first} dark:text-white", method: method do %>
+<%= send (method ? :button_to : :link_to), url, class: "block group hover:text-white hover:no-underline #{'bg-primary-900 dark:bg-black dark:bg-opacity-10' if active} text-white #{@menu_orientation == :top ? "px-5 py-5" : "px-2 py-2 rounded-md hover-indent-child"} #{"rounded-tl-lg" unless @not_first} dark:text-white", data: {"desktop-menu-target": "menuItemLink"}, tabIndex: 0, method: method do %>
   <div class="inline-block indent-child flex items-center">
     <!-- Heroicon name: home -->
     <% if p.content_for? :icon %>
-      <span class="mr-3 h-6 w-6 text-center text-secondary-300 text-xl leading-6 dark:text-gray-400">
+      <span class="mr-3 h-6 w-6 text-center text-secondary-300 text-xl leading-6 dark:text-slate-400">
         <%= p.content_for :icon %>
       </span>
     <% end %>

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

@@ -19,19 +19,19 @@
 
       class="hidden fixed inset-0" aria-hidden="true"
     >
-      <div class="absolute inset-0 bg-light-gradient opacity-75"></div>
+      <div class="absolute inset-0 <%= BulletTrain::Themes::Light.background || "bg-gradient-to-br from-secondary-200 to-primary-400 dark:from-primary-900 dark:to-primary-600" %> opacity-75"></div>
     </button>
     <div
       data-mobile-menu-target="revealable"
       
       data-transition-enter="transition ease-in-out duration-200 transform"
-      data-transition-enter-start="-trandarkPrimary-x-full"
-      data-transition-enter-end="trandarkPrimary-x-0"
+      data-transition-enter-start="-translate-x-full"
+      data-transition-enter-end="translate-x-0"
       data-transition-leave="transition ease-in-out duration-200 transform"
-      data-transition-leave-start="trandarkPrimary-x-0"
-      data-transition-leave-end="-trandarkPrimary-x-full"
+      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-dark-gradient 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-slate-700 dark:to-slate-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-gray-500 hover:text-gray-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-slate-500 hover:text-slate-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

@@ -10,7 +10,7 @@
   </div>
 <% else %>
   <div>
-    <div class="inline-block relative group" id="<%= title.underscore %>">
+    <div class="inline-block relative group" data-controller="desktop-menu" data-action="keydown->desktop-menu#hideSubmenu" id="<%= title.underscore %>">
       <%= render 'account/shared/menu/heading' do %>
         <%= title %>
 
@@ -21,8 +21,10 @@
 
       <div class="invisible absolute group-hover:visible transition duration-200 scale-90 group-hover:scale-100 z-40
         <%= @menu_orientation == :top ? "group-hover:translate-x-3 top-100 left-0 -ml-10 -mt-2 pt-4" : "group-hover:translate-x-3 top-0 left-full -mt-3 -ml-5 pl-4" %>
-      ">
-        <div class="bg-primary-700 rounded-lg py-3 px-4 w-56 shadow">
+      "
+        data-desktop-menu-target="menuItemGroup"
+      >
+        <div class="bg-primary-700 dark:bg-slate-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-gray-500">
+        <div class="text-2xs tracking-widest uppercase text-secondary-300 group-hover:text-white dark:text-slate-500">
           <%= current_team.name %>
         </div>
       </div>

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

@@ -4,7 +4,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="bg-white py-8 px-10 shadow rounded-lg dark:bg-darkPrimary-700">
+    <div class="bg-white py-8 px-10 shadow dark:shadow-lg rounded-lg dark:bg-slate-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 h-12 w-auto" />

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

@@ -1,7 +1,7 @@
 module BulletTrain
   module Themes
     module Light
-      VERSION = "1.2.10"
+      VERSION = "1.2.11"
     end
   end
 end

data/lib/bullet_train/themes/light.rb

@@ -10,6 +10,7 @@ module BulletTrain
       # TODO Not sure this is the right place for this in the long-term.
       mattr_accessor :color, default: :blue
       mattr_accessor :secondary_color, default: nil
+      mattr_accessor :background, default: nil
       mattr_accessor :logo_color_shift, default: false
       mattr_accessor :show_logo_in_account, default: false
       mattr_accessor :navigation, default: :top

data/tailwind.light.config.js

@@ -3,6 +3,7 @@ const colors = require('tailwindcss/colors')
 
 module.exports = {
   content: [
+    './config/initializers/theme.rb',
     './app/views/**/*.html.erb',
     './app/helpers/**/*.rb',
     './app/assets/stylesheets/**/*.css',
@@ -19,39 +20,24 @@ module.exports = {
         'xs': '.81rem',
       },
       colors: {
-        red: {
-          400: '#ee8989',
-          500: '#e86060',
-          900: '#652424',
-        },
-
-        yellow: {
-          400: '#fcedbe',
-          500: '#fbe6a8',
-          900: '#6e6446',
-        },
-
         primary: {
+          50: 'var(--primary-50)',
+          100: 'var(--primary-100)',
+          200: 'var(--primary-200)',
           300: 'var(--primary-300)',
           400: 'var(--primary-400)',
           500: 'var(--primary-500)',
           600: 'var(--primary-600)',
           700: 'var(--primary-700)',
+          "700/50": 'red',
           800: 'var(--primary-800)',
           900: 'var(--primary-900)',
         },
 
-        darkPrimary: {
-          300: 'var(--dark-primary-300)',
-          400: 'var(--dark-primary-400)',
-          500: 'var(--dark-primary-500)',
-          600: 'var(--dark-primary-600)',
-          700: 'var(--dark-primary-700)',
-          800: 'var(--dark-primary-800)',
-          900: 'var(--dark-primary-900)',
-        },
-
         secondary: {
+          50: 'var(--secondary-50)',
+          100: 'var(--secondary-100)',
+          200: 'var(--secondary-200)',
           300: 'var(--secondary-300)',
           400: 'var(--secondary-400)',
           500: 'var(--secondary-500)',
@@ -60,29 +46,6 @@ module.exports = {
           800: 'var(--secondary-800)',
           900: 'var(--secondary-900)',
         },
-
-        darkSecondary: {
-          300: 'var(--dark-secondary-300)',
-          400: 'var(--dark-secondary-400)',
-          500: 'var(--dark-secondary-500)',
-          600: 'var(--dark-secondary-600)',
-          700: 'var(--dark-secondary-700)',
-          800: 'var(--dark-secondary-800)',
-          900: 'var(--dark-secondary-900)',
-        },
-
-        // This is a weird one-off for dark-mode.
-        darkAccent: {
-          200: 'var(--dark-accent-200)',
-        },
-
-        black: {
-          100: '#000000',
-          200: '#101112',
-          300: '#171818',
-          400: '#292b2c',
-          DEFAULT: '#000000',
-        }
       },
       fontFamily: {
         // "Avenir Next W01", "Proxima Nova W01", "", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bullet_train-themes-light
 version: !ruby/object:Gem::Version
-  version: 1.2.10
+  version: 1.2.11
 platform: ruby
 authors:
 - Andrew Culver
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-12-31 00:00:00.000000000 Z
+date: 2023-02-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: standard
@@ -77,8 +77,52 @@ files:
 - app/assets/stylesheets/light/fields/super_select.css
 - app/assets/stylesheets/light/fields/trix_editor.css
 - app/assets/stylesheets/light/tailwind/colors.css
+- app/assets/stylesheets/light/tailwind/colors/amber.css
+- app/assets/stylesheets/light/tailwind/colors/blue.css
+- app/assets/stylesheets/light/tailwind/colors/cyan.css
+- app/assets/stylesheets/light/tailwind/colors/emerald.css
+- app/assets/stylesheets/light/tailwind/colors/fuchsia.css
+- app/assets/stylesheets/light/tailwind/colors/gray.css
+- app/assets/stylesheets/light/tailwind/colors/green.css
+- app/assets/stylesheets/light/tailwind/colors/indigo.css
+- app/assets/stylesheets/light/tailwind/colors/lime.css
+- app/assets/stylesheets/light/tailwind/colors/neutral.css
+- app/assets/stylesheets/light/tailwind/colors/orange.css
+- app/assets/stylesheets/light/tailwind/colors/pink.css
+- app/assets/stylesheets/light/tailwind/colors/purple.css
+- app/assets/stylesheets/light/tailwind/colors/red.css
+- app/assets/stylesheets/light/tailwind/colors/rose.css
+- app/assets/stylesheets/light/tailwind/colors/sky.css
+- app/assets/stylesheets/light/tailwind/colors/slate.css
+- app/assets/stylesheets/light/tailwind/colors/stone.css
+- app/assets/stylesheets/light/tailwind/colors/teal.css
+- app/assets/stylesheets/light/tailwind/colors/violet.css
+- app/assets/stylesheets/light/tailwind/colors/yellow.css
+- app/assets/stylesheets/light/tailwind/colors/zinc.css
 - app/assets/stylesheets/light/tailwind/components.css
 - app/assets/stylesheets/light/tailwind/dark-mode.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/amber.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/blue.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/cyan.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/emerald.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/fuchsia.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/gray.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/green.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/indigo.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/lime.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/neutral.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/orange.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/pink.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/purple.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/red.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/rose.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/sky.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/slate.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/stone.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/teal.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/violet.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/yellow.css
+- app/assets/stylesheets/light/tailwind/secondary_colors/zinc.css
 - app/assets/stylesheets/light/tailwind/utilities.css
 - app/assets/stylesheets/light/tailwind/utilities/billing.css
 - app/assets/stylesheets/light/turn.css