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

dark_theme: Adjust message colors for higher contrast.

This commit is contained in:
Karl Stolley 2024-09-30 13:00:17 -05:00
parent cd9dc3959a
commit 65fb2192c1
No known key found for this signature in database
GPG Key ID: DB405205CD28EF88
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/styles/app_variables.css
View File

@ -998,7 +998,7 @@
--color-date: hsl(0deg 0% 100% / 75%); --color-date: hsl(0deg 0% 100% / 75%);
--color-background-private-message-header: hsl(46deg 15% 20%); --color-background-private-message-header: hsl(46deg 15% 20%);
--color-background-private-message-content: hsl(46deg 7% 16%); --color-background-private-message-content: hsl(46deg 7% 16%);
--color-background-stream-message-content: hsl(0deg 0% 15%); --color-background-stream-message-content: hsl(0deg 0% 13.5%);
--color-message-header-icon-non-interactive: hsl(0deg 0% 100% / 30%); --color-message-header-icon-non-interactive: hsl(0deg 0% 100% / 30%);
--color-message-header-icon-interactive: hsl(0deg 0% 100%); --color-message-header-icon-interactive: hsl(0deg 0% 100%);
--color-message-header-contents-border: hsl(0deg 0% 0% / 60%); --color-message-header-contents-border: hsl(0deg 0% 0% / 60%);
@ -1147,12 +1147,12 @@
--color-compose-focus-ring: hsl(0deg 0% 67%); --color-compose-focus-ring: hsl(0deg 0% 67%);
/* Text colors */ /* Text colors */
--color-text-default: hsl(0deg 0% 85%); --color-text-default: hsl(0deg 0% 87%);
/* Unlike the light theme, the dark theme renders message /* Unlike the light theme, the dark theme renders message
text in the default color. */ text in the default color. */
--color-text-message-default: var(--color-text-default); --color-text-message-default: var(--color-text-default);
--color-text-message-view-header: hsl(0deg 0% 100% / 80%); --color-text-message-view-header: hsl(0deg 0% 100% / 85%);
--color-text-message-header: hsl(0deg 0% 100% / 80%); --color-text-message-header: hsl(0deg 0% 100% / 85%);
--color-text-sender-name: hsl(0deg 0% 100% / 85%); --color-text-sender-name: hsl(0deg 0% 100% / 85%);
--color-text-dropdown-input: hsl(0deg 0% 95%); --color-text-dropdown-input: hsl(0deg 0% 95%);
--color-text-other-mention: hsl(0deg 0% 100% / 80%); --color-text-other-mention: hsl(0deg 0% 100% / 80%);
@ -1292,8 +1292,8 @@
--color-message-edit-history-background-deleted: hsl(7deg 54% 62% / 38%); --color-message-edit-history-background-deleted: hsl(7deg 54% 62% / 38%);
/* Mention pill colors */ /* Mention pill colors */
--color-background-direct-mention: hsl(240deg 13% 20%); --color-background-direct-mention: hsl(240deg 13% 16%);
--color-background-group-mention: hsl(180deg 13% 15%); --color-background-group-mention: hsl(180deg 13% 14%);
--color-background-text-direct-mention: hsl(240deg 52% 60% / 25%); --color-background-text-direct-mention: hsl(240deg 52% 60% / 25%);
--color-background-text-hover-direct-mention: hsl(240deg 52% 60% / 45%); --color-background-text-hover-direct-mention: hsl(240deg 52% 60% / 45%);
--color-background-text-group-mention: hsl(183deg 52% 40% / 20%); --color-background-text-group-mention: hsl(183deg 52% 40% / 20%);