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

bot_icon: Adjust bot-icon color for light and dark modes.

This commit is contained in:
Karl Stolley 2023-06-16 12:31:01 -05:00 committed by Tim Abbott
parent ed1431f1bd
commit a9bc5e94e7
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/components.css
View File

@ -94,7 +94,7 @@ a.no-underline:hover {
} }
i.zulip-icon.zulip-icon-bot { i.zulip-icon.zulip-icon-bot {
color: hsl(180deg 5% 74%); color: var(--color-icon-bot);
vertical-align: top; vertical-align: top;
padding: 0 2px; padding: 0 2px;
} }

6
web/styles/zulip.css
View File

@ -154,6 +154,9 @@ body {
--color-text-self-direct-mention: hsl(240deg 52% 45% / 100%); --color-text-self-direct-mention: hsl(240deg 52% 45% / 100%);
--color-text-self-group-mention: hsl(183deg 52% 26% / 100%); --color-text-self-group-mention: hsl(183deg 52% 26% / 100%);
/* Icon colors */
--color-icon-bot: hsl(180deg 8% 65% / 100%);
/* Mention pill colors */ /* Mention pill colors */
--color-background-direct-mention: hsl(240deg 52% 95%); --color-background-direct-mention: hsl(240deg 52% 95%);
--color-background-group-mention: hsl(180deg 40% 94%); --color-background-group-mention: hsl(180deg 40% 94%);
@ -197,6 +200,9 @@ body {
--color-text-self-direct-mention: hsl(240deg 100% 88% / 100%); --color-text-self-direct-mention: hsl(240deg 100% 88% / 100%);
--color-text-self-group-mention: hsl(184deg 52% 63% / 100%); --color-text-self-group-mention: hsl(184deg 52% 63% / 100%);
/* Icon colors */
--color-icon-bot: hsl(180deg 5% 50% / 100%);
/* Mention pill colors */ /* Mention pill colors */
--color-background-direct-mention: hsl(240deg 13% 20%); --color-background-direct-mention: hsl(240deg 13% 20%);
--color-background-group-mention: hsl(180deg 13% 15%); --color-background-group-mention: hsl(180deg 13% 15%);