Add missing border color to tag elements

Author: YukioArie

app/views/accounts/contacts/_contact.html.erb

@@ -1,7 +1,7 @@
 <tr id="<%= dom_id(contact, :contact_index_page) %>" is='turbo-frame' class="border-b-2 border-light-palette-p3 last:border-none" data-controller='load-lucid-icons load-flowbite'>
   <td class="py-2.5 pl-4 pr-4 flex-shrink-0">
     <div class="w-[52px] h-[52px] flex">
-      <div class="border-2 bg-brand-palette-08 rounded-md h-full w-full flex items-center">
+      <div class="border-2 color-border-default bg-brand-palette-08 rounded-md h-full w-full flex items-center">
         <i data-lucide="user" class="stroke-dark-gray-palette-p4 m-auto"></i>
       </div>
     </div>

app/views/accounts/deals/_deal.html.erb

@@ -1,7 +1,7 @@
 <tr id="deal_<%= deal.id %>" is='turbo-frame' class="border-b-2 border-light-palette-p3 last:border-none" data-controller='load-lucid-icons'>
   <td class="py-2.5 pl-4 pr-4 flex-shrink-0">
     <div class="w-[52px] h-[52px] flex">
-      <div class="border-2 bg-brand-palette-08 rounded-md h-full w-full flex items-center justify-center color-fg-default">
+      <div class="border-2 color-border-default bg-brand-palette-08 rounded-md h-full w-full flex items-center justify-center color-fg-default">
         <%= embedded_svg("deals-icon.svg", class: "fill-dark-gray-palette-p3 m-auto w-6 h-6 ") %>
       </div>
     </div>

app/views/accounts/products/_select_product_search_product.html.erb

@@ -4,7 +4,7 @@
       <% if model.attachments.present? %>
         <%= image_tag model.attachments.first.file, class:"block w-full w-full h-full rounded-lg", alt: model.attachments.first.file.filename.to_s %>
       <% else%>
-        <div class="border-2 bg-brand-palette-08 rounded-md h-full w-full flex items-center">
+        <div class="border-2 color-border-default bg-brand-palette-08 rounded-md h-full w-full flex items-center">
           <i data-lucide="image" class='stroke-dark-gray-palette-p4 m-auto'></i>
         </div>
       <% end %>

app/views/accounts/settings/deals/deal_lost_reasons/_deal_lost_reason.html.erb

@@ -1,7 +1,7 @@
 <tr id="<%= dom_id(deal_lost_reason, :settings__deals__deal_lost_reasons__deal_lost_reason) %>" is='turbo-frame' class="border-b-2 border-light-palette-p3 last:border-none" data-controller='load-lucid-icons load-flowbite'>
   <td class="py-2.5 pl-4 pr-4 flex-shrink-0">
     <div class="w-[52px] h-[52px] flex">
-      <div class="border-2 bg-brand-palette-08 rounded-md h-full w-full flex items-center color-fg-soft">
+      <div class="border-2 color-border-default bg-brand-palette-08 rounded-md h-full w-full flex items-center color-fg-soft">
         <i data-lucide="clipboard-x" class="m-auto"></i>
       </div>
     </div>

app/views/accounts/users/_user.html.erb

@@ -6,7 +6,7 @@
           <img class="rounded-md h-full w-full object-cover" src="<%= user.avatar_url %>" data-src="<%= user.avatar_url %>" data-sub-html="<%= user.full_name %>" alt="<%= user.full_name %>" >
         </div>
       <% else %>
-        <div class="border-2 bg-brand-palette-08 rounded-md h-full w-full flex items-center color-fg-soft">
+        <div class="border-2 color-border-default bg-brand-palette-08 rounded-md h-full w-full flex items-center color-fg-soft">
           <i data-lucide="user-cog" class="m-auto"></i>
         </div>
       <% end %>

app/views/components/products/_images_carousel_list.html.erb

@@ -30,7 +30,7 @@
     </button>
   </div>
 <% else %>
-  <div class="border-2 bg-brand-palette-08 rounded-md h-full w-full flex items-center">
+  <div class="border-2 color-border-default bg-brand-palette-08 rounded-md h-full w-full flex items-center">
     <i data-lucide="image" class='stroke-dark-gray-palette-p4 m-auto'></i>
   </div>
 <% end %>

app/views/components/skeleton/_deal_product_card.html.erb

@@ -1,6 +1,6 @@
 <div class='border-[1px] px-2 py-4 border-brand-palette-07 rounded-lg animate-pulse' >
   <div class= "flex items-center gap-4 mb-4">
-    <div class="border-2 bg-brand-palette-08 rounded-md h-16 w-16 flex items-center">
+    <div class="border-2 color-border-default bg-brand-palette-08 rounded-md h-16 w-16 flex items-center">
       <i data-lucide="image" class='stroke-dark-gray-palette-p4 m-auto'></i>
     </div>
     <div class="mr-auto grid gap-2">

app/views/layouts/devise.html.erb

@@ -55,7 +55,7 @@
                 <%= embedded_svg("logo-patinha.svg", class: 'fill-brand-palette-03') %>
               </div>
             </div>
-            <div class='border rounded-[32px] boder-[#D5D5D5] p-3'>
+            <div class='border rounded-[32px] border-color-default p-3'>
               <ul class='flex space-x-[-10px]'>
                 <li class='w-8 h-8 border-2 border-light-palette-p5 rounded-[32px]'>
                   <%= image_tag "leads-list-onborading-1.jpg" , class: 'w-full h-full object-cover rounded-[32px]' %>
@@ -85,7 +85,7 @@
                 <%= image_tag "clara-onboarding.jpg" , class: 'w-full h-full object-cover rounded-[32px]' %>
               </div>
               <p class='typography-body-s-lh150 mb-0,5'>Clara, 24</p>
-              <span class='text-xs leading-none border rounded-full boder-[#D5D5D5] px-1 py-0.5'>
+              <span class='text-xs leading-none border rounded-full border-color-default px-1 py-0.5'>
                 <%= t('views.layouts.devise.new_lead') %>
               </span>
               <div class='flex gap-3 mt-1 items-center'>
@@ -100,7 +100,7 @@
           </div>
           <div class='hidden min-[1739px]:grid gap-2.5 grid-rows-[1fr_2fr_3fr]'>
             <div class='grid grid-cols-[1fr_1fr_150px] gap-2.5'>
-              <div class='border rounded-[32px] boder-[#D5D5D5] p-5 typography-body-s-lh150'>
+              <div class='border rounded-[32px] border-color-default p-5 typography-body-s-lh150'>
                 <%= image_tag 'logo.svg', class: 'w-[100px] mb-2.5' %>
                 <p>
                   <%= t('views.layouts.devise.mastery', crm_name: 'Woof') %>