paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-06 15:03:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose: Use standard primary button colors for compose send button.

Browse Source
This commit is contained in:
Aman Agrawal
2025-03-14 02:00:37 +00:00
parent 7a96cec774
commit a8cfd2fb04
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/compose.css
View File

@@ -1177,8 +1177,8 @@ textarea.new_message_textarea {
border-radius: 4px; border-radius: 4px;
border: 0; border: 0;
margin-bottom: 0; margin-bottom: 0;
color: var(--color-compose-send-button-icon-color); color: var(--color-text-brand-primary-action-button);
background-color: var(--color-compose-send-button-background); background-color: var(--color-background-brand-primary-action-button);
&:active { &:active {
transition: transform 80ms; transition: transform 80ms;
@@ -1193,13 +1193,13 @@ textarea.new_message_textarea {
border: 1px solid var(--color-compose-send-button-focus-border); border: 1px solid var(--color-compose-send-button-focus-border);
box-shadow: 0 0 5px var(--color-compose-send-button-focus-shadow); box-shadow: 0 0 5px var(--color-compose-send-button-focus-shadow);
background-color: var( background-color: var(
--color-compose-send-button-background-interactive --color-background-brand-primary-action-button-active
); );
} }
&:hover { &:hover {
background-color: var( background-color: var(
--color-compose-send-button-background-interactive --color-background-brand-primary-action-button-hover
); );
} }
} }

6
web/styles/message_row.css
View File

@@ -720,12 +720,12 @@
height: 2em; height: 2em;
/* Match Save button's basic colors to /* Match Save button's basic colors to
the compose box Send button. */ the compose box Send button. */
color: var(--color-compose-send-button-icon-color); color: var(--color-text-brand-primary-action-button);
background-color: var(--color-compose-send-button-background); background-color: var(--color-background-brand-primary-action-button);
&:hover { &:hover {
background-color: var( background-color: var(
--color-compose-send-button-background-interactive --color-background-brand-primary-action-button-hover
); );
} }