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

squash: Experiment with less intense modal border colors.

This commit is contained in:
Karl Stolley 2024-10-15 16:33:26 -05:00 committed by Tim Abbott
parent 2c78efc3c5
commit 40da0e44fb
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/app_variables.css
View File

@ -587,8 +587,8 @@
--color-failed-message-send-icon: hsl(3.88deg 98.84% 66.27%); --color-failed-message-send-icon: hsl(3.88deg 98.84% 66.27%);
--color-background-modal: #ededed; --color-background-modal: #ededed;
--color-background-modal-bar: #f5f5f5; --color-background-modal-bar: #f5f5f5;
--color-border-modal: #8c8c8c; --color-border-modal: color-mix(in srgb, #8c8c8c 25%, transparent);
--color-border-modal-bar: #c2c2c2; --color-border-modal-bar: color-mix(in srgb, #c2c2c2 80%, transparent);
--color-background-invitee-emails-pill-container: hsl(0deg 0% 100%); --color-background-invitee-emails-pill-container: hsl(0deg 0% 100%);
--color-unmuted-or-followed-topic-list-item: hsl(0deg 0% 20%); --color-unmuted-or-followed-topic-list-item: hsl(0deg 0% 20%);
--color-topic-indent-border: hsl(0deg 0% 0% / 19%); --color-topic-indent-border: hsl(0deg 0% 0% / 19%);
@ -1103,8 +1103,8 @@
--color-masked-unread-marker: hsl(0deg 0% 30%); --color-masked-unread-marker: hsl(0deg 0% 30%);
--color-background-modal: #242424; --color-background-modal: #242424;
--color-background-modal-bar: #333; --color-background-modal-bar: #333;
--color-border-modal: color-mix(in srgb, #fff 15%, transparent); --color-border-modal: color-mix(in srgb, #fff 8%, transparent);
--color-border-modal-bar: color-mix(in srgb, #fff 12%, transparent); --color-border-modal-bar: color-mix(in srgb, #fff 5%, transparent);
--color-background-invitee-emails-pill-container: hsl(0deg 0% 0% / 20%); --color-background-invitee-emails-pill-container: hsl(0deg 0% 0% / 20%);
--color-unmuted-or-followed-topic-list-item: hsl(236deg 33% 90%); --color-unmuted-or-followed-topic-list-item: hsl(236deg 33% 90%);
--color-recipient-bar-controls-spinner: hsl(0deg 0% 100%); --color-recipient-bar-controls-spinner: hsl(0deg 0% 100%);

4
web/styles/settings.css
View File

@ -1323,7 +1323,7 @@ $option_title_width: 180px;
.sidebar { .sidebar {
height: calc(100% - $settings_header_height); height: calc(100% - $settings_header_height);
overflow-y: auto; overflow-y: auto;
border-right: 1px solid var(--color-border-modal-bar); border-right: 1px solid var(--color-border-modal);
.header { .header {
height: auto; height: auto;
@ -1352,7 +1352,7 @@ $option_title_width: 180px;
transition: transition:
background-color 0.2s ease, background-color 0.2s ease,
border-bottom 0.2s ease; border-bottom 0.2s ease;
border-bottom: 1px solid var(--color-border-modal-bar); border-bottom: 1px solid var(--color-border-modal);
&:last-of-type .text { &:last-of-type .text {
border-bottom: none; border-bottom: none;