From a8cfd2fb04c3bd04d1225867ea529abb894a2ed8 Mon Sep 17 00:00:00 2001
From: Aman Agrawal <amanagr@zulip.com>
Date: Fri, 14 Mar 2025 02:00:37 +0000
Subject: [PATCH] compose: Use standard primary button colors for compose send
 button.

---
 web/styles/compose.css     | 8 ++++----
 web/styles/message_row.css | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/styles/compose.css b/web/styles/compose.css
index 73b5182143..2cc22c9d94 100644
--- a/web/styles/compose.css
+++ b/web/styles/compose.css
@@ -1177,8 +1177,8 @@ textarea.new_message_textarea {
     border-radius: 4px;
     border: 0;
     margin-bottom: 0;
-    color: var(--color-compose-send-button-icon-color);
-    background-color: var(--color-compose-send-button-background);
+    color: var(--color-text-brand-primary-action-button);
+    background-color: var(--color-background-brand-primary-action-button);
 
     &:active {
         transition: transform 80ms;
@@ -1193,13 +1193,13 @@ textarea.new_message_textarea {
         border: 1px solid var(--color-compose-send-button-focus-border);
         box-shadow: 0 0 5px var(--color-compose-send-button-focus-shadow);
         background-color: var(
-            --color-compose-send-button-background-interactive
+            --color-background-brand-primary-action-button-active
         );
     }
 
     &:hover {
         background-color: var(
-            --color-compose-send-button-background-interactive
+            --color-background-brand-primary-action-button-hover
         );
     }
 }
diff --git a/web/styles/message_row.css b/web/styles/message_row.css
index 8c00ecefff..a615c2ae07 100644
--- a/web/styles/message_row.css
+++ b/web/styles/message_row.css
@@ -720,12 +720,12 @@
     height: 2em;
     /* Match Save button's basic colors to
        the compose box Send button. */
-    color: var(--color-compose-send-button-icon-color);
-    background-color: var(--color-compose-send-button-background);
+    color: var(--color-text-brand-primary-action-button);
+    background-color: var(--color-background-brand-primary-action-button);
 
     &:hover {
         background-color: var(
-            --color-compose-send-button-background-interactive
+            --color-background-brand-primary-action-button-hover
         );
     }