Fix low contrast for some admin components

solidusio · Dec 19, 2023 · c566ac1 · c566ac1
1 parent d8bbb93
commit c566ac1
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/admin/app/components/solidus_admin/layout/navigation/item/component.html.erb b/admin/app/components/solidus_admin/layout/navigation/item/component.html.erb
@@ -6,7 +6,7 @@
       flex gap-3 items-center
       py-1 px-3 rounded
       hover:text-red-500 hover:bg-gray-50
-      <%= "text-red-500 bg-gray-50" if active? %>
+      <%= "text-red-600 bg-gray-50" if active? %>
       <%= @item.top_level ? "font-semibold text-sm text-black" : "font-normal text-sm text-gray-600" %>
     "
   >

diff --git a/admin/app/components/solidus_admin/ui/forms/field/component.html.erb b/admin/app/components/solidus_admin/ui/forms/field/component.html.erb
@@ -23,7 +23,7 @@
       flex gap-1 flex-col
     ">
       <%= tag.span @hint if @hint.present? %>
-      <%= tag.span safe_join(@error, tag.br), class: "text-red-400" if @error.present? %>
+      <%= tag.span safe_join(@error, tag.br), class: "text-red-600" if @error.present? %>
     </div>
   <% end %>
 </label>
diff --git a/admin/app/components/solidus_admin/ui/forms/input/component.rb b/admin/app/components/solidus_admin/ui/forms/input/component.rb
@@ -74,8 +74,8 @@ def initialize(tag: :input, size: :m, error: nil, **attributes)
         hover:border-gray-500
         focus:ring focus:ring-gray-300 focus:ring-0.5 focus:bg-white focus:ring-offset-0 [&:focus-visible]:outline-none
         disabled:bg-gray-50 disabled:text-gray-500 disabled:placeholder:text-gray-300 disabled:cursor-not-allowed
-        invalid:border-red-400 invalid:hover:border-red-400 invalid:text-red-400
-        aria-invalid:border-red-400 aria-invalid:hover:border-red-400 aria-invalid:text-red-400
+        invalid:border-red-600 invalid:hover:border-red-600 invalid:text-red-600
+        aria-invalid:border-red-600 aria-invalid:hover:border-red-600 aria-invalid:text-red-600
       ],
       SIZES[size],
       specialized_classes,