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

dark_theme: Set color variables for compose-content border.

Browse Source 
Note that the dark-theme color comes from the stack of selectors
that included `#compose-content`.
This commit is contained in:
Karl Stolley
2025-04-04 13:26:44 -05:00
committed by Tim Abbott
parent 2b552d8036
commit 65e3d487bf
3 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/styles/app_variables.css
View File

@@ -1061,6 +1061,10 @@
hsl(50deg 75% 92%),
hsl(50deg 75% 12%)
);
--color-border-compose-content: light-dark(
hsl(0deg 0% 0% / 10%),
hsl(0deg 0% 0% / 40%)
);
--color-compose-send-button-icon-color: hsl(0deg 0% 100%);
--color-compose-send-button-background: hsl(240deg 96% 68%);
--color-compose-send-button-background-interactive: hsl(240deg 41% 50%);

2
web/styles/compose.css
View File

@@ -173,7 +173,7 @@
#compose-content {
background-color: var(--color-compose-box-background);
padding: 7px 7px 8px;
border: 1px solid hsl(0deg 0% 0% / 10%);
border: 1px solid var(--color-border-compose-content);
border-radius: 9px 9px 0 0;
box-shadow: 0 0 0 hsl(236deg 11% 28%);
height: 100%;

5
web/styles/dark_theme.css
View File

@@ -313,12 +313,7 @@
border-color: hsl(0deg 0% 0% / 90%);
}
#compose-content {
border-color: hsl(0deg 0% 0% / 60%);
}
/* Not that .message_row (below) needs to be more contrast on dark theme */
#compose-content,
.message-feed .recipient_row,
.message_row,
.overlay-message-row .overlay-message-info-box,