From 73ffde3f3e445e68874697abb3e091d2273eb8be Mon Sep 17 00:00:00 2001
From: rwecho <rwecho@live.com>
Date: Fri, 5 Jan 2024 15:47:37 +0800
Subject: [PATCH] Fix button color in ReplyInput component and add new text
 color class

---
 src/V2ex.Blazor.Shared/Components/ReplyInput.razor | 2 +-
 src/V2ex.Blazor.Shared/wwwroot/css/app.css         | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/V2ex.Blazor.Shared/Components/ReplyInput.razor b/src/V2ex.Blazor.Shared/Components/ReplyInput.razor
index 11564d4..b5ffe41 100644
--- a/src/V2ex.Blazor.Shared/Components/ReplyInput.razor
+++ b/src/V2ex.Blazor.Shared/Components/ReplyInput.razor
@@ -44,7 +44,7 @@
         </button>
 
         @{
-            var replyButtonClass = "px-4 py-2 ml-auto text-gray-200 bg-gray-400 rounded-lg flex flex-row space-x-2 items-center disabled:bg-gray-500/90" + (isUploading ?
+            var replyButtonClass = "px-4 py-2 ml-auto text-gray-50 bg-gray-400 rounded-lg flex flex-row space-x-2 items-center disabled:bg-gray-500/90" + (isUploading ?
             "disabled" : "");
         }
         <button class="@replyButtonClass" @onclick="ReplyAsync" disabled="@(isUploading||isReplying)">
diff --git a/src/V2ex.Blazor.Shared/wwwroot/css/app.css b/src/V2ex.Blazor.Shared/wwwroot/css/app.css
index ad33833..9e493a7 100644
--- a/src/V2ex.Blazor.Shared/wwwroot/css/app.css
+++ b/src/V2ex.Blazor.Shared/wwwroot/css/app.css
@@ -2312,6 +2312,11 @@ input:checked + .toggle-bg {
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 
+.text-red-50 {
+  --tw-text-opacity: 1;
+  color: rgb(253 242 242 / var(--tw-text-opacity));
+}
+
 .text-red-800 {
   --tw-text-opacity: 1;
   color: rgb(155 28 28 / var(--tw-text-opacity));