Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

selected_message: Correctly express outline colors as variables.

This commit is contained in:
Karl Stolley 2024-05-02 15:21:55 -05:00 committed by Tim Abbott
parent 55e6d2fbd0
commit 7baf3e5e4d
3 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/app_variables.css
View File

@ -194,6 +194,7 @@
--color-background-private-message-header: hsl(46deg 35% 93%);
--color-background-private-message-content: hsl(45deg 20% 96%);
--color-background-stream-message-content: hsl(0deg 0% 100%);
--color-selected-message-outline: hsl(217deg 64% 59%);
--color-message-list-border: hsl(0deg 0% 0% / 16%);
--color-message-header-contents-border: hsl(0deg 0% 0% / 10%);
--color-private-message-header-border: hsl(0deg 0% 0% / 10%);
@ -516,6 +517,7 @@
--color-private-message-header-border: hsl(0deg 0% 0% / 48%);
--color-message-header-contents-border-bottom: hsl(0deg 0% 0% / 50%);
--color-private-message-header-border-bottom: hsl(0deg 0% 0% / 37%);
--color-selected-message-outline: hsl(217deg 64% 59% / 70%);
--color-message-list-border: hsl(0deg 0% 0% / 40%);
--color-background: hsl(0deg 0% 11%);
--color-background-widget-input: hsl(225deg 6% 10%);

4
web/styles/dark_theme.css
View File

@ -804,10 +804,6 @@
text-shadow: none;
}
.selected_message .messagebox-content {
border-color: hsl(217deg 64% 59% / 70%);
}
#message-edit-history-overlay-container {
.message_edit_history_content {
.highlight_text_inserted {

2
web/styles/zulip.css
View File

@ -1080,7 +1080,7 @@ td.pointer {
/* We add an outline and shift it inside the message so that without
any vertical padding changes, we can have the outline surrounding
the message without overflowing the boundary of the message in any case. */
outline: 1px solid hsl(217deg 64% 59%);
outline: 1px solid var(--color-selected-message-outline);
border-radius: 5px;
outline-offset: -1px;
}