From db34f6d7a22acf9188bc0adb70ad1a26820addf2 Mon Sep 17 00:00:00 2001
From: Durgaswamy <dsyalapula991@gmail.com>
Date: Tue, 22 Apr 2025 18:36:52 +0530
Subject: [PATCH] Fixes #2100: this will fix the problem of text not visible in
 the modal when dark theme is set (#2112)

* Fixes #2100: added 'text-primary' in class , this will fix the problem of text not visible in dark theme inside the modals

* added text-primary in class for form fields

---------

Signed-off-by: Zach Gollwitzer <zach@maybe.co>
Co-authored-by: Zach Gollwitzer <zach@maybe.co>
---
 app/views/accounts/_form.html.erb          | 2 +-
 app/views/accounts/new/_container.html.erb | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/views/accounts/_form.html.erb b/app/views/accounts/_form.html.erb
index 2910879b..8cdb39ff 100644
--- a/app/views/accounts/_form.html.erb
+++ b/app/views/accounts/_form.html.erb
@@ -1,6 +1,6 @@
 <%# locals: (account:, url:) %>
 
-<%= styled_form_with model: account, url: url, scope: :account, data: { turbo: false }, class: "flex flex-col gap-4 justify-between grow" do |form| %>
+<%= styled_form_with model: account, url: url, scope: :account, data: { turbo: false }, class: "flex flex-col gap-4 justify-between grow text-primary" do |form| %>
   <div class="grow space-y-2">
     <%= form.hidden_field :accountable_type %>
     <%= form.hidden_field :return_to, value: params[:return_to] %>
diff --git a/app/views/accounts/new/_container.html.erb b/app/views/accounts/new/_container.html.erb
index d9122c14..892e1a3b 100644
--- a/app/views/accounts/new/_container.html.erb
+++ b/app/views/accounts/new/_container.html.erb
@@ -9,13 +9,13 @@
         <% end %>
       <% end %>
 
-      <span class="text-subdued"><%= title %></span>
+      <span class="text-primary"><%= title %></span>
       <button class="absolute top-1/2 -translate-y-1/2 right-4 flex w-8 h-8 items-center justify-center rounded-lg md:hidden outline-0" data-action="click->modal#close">
         <%= lucide_icon("x", class: "text-secondary w-6 h-6") %>
       </button>
     </div>
 
-    <div class="p-2">
+    <div class="p-2 text-primary">
       <button hidden data-controller="hotkey" data-hotkey="k,K,ArrowUp,ArrowLeft" data-action="list-keyboard-navigation#focusPrevious">Previous</button>
       <button hidden data-controller="hotkey" data-hotkey="j,J,ArrowDown,ArrowRight" data-action="list-keyboard-navigation#focusNext">Next</button>