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

markdown: Place redesigned colors and borders on code spans and blocks. 

Prior to merging, this commit and others in the PR should be adjusted
and squashed for a cleaner history.

Co-Authored-By: Vlad Korobov <terpimost@gmail.com>
This commit is contained in:
Karl Stolley 2023-10-30 15:16:31 -05:00 committed by Tim Abbott
parent 6d4f852dc4
commit 7817e358f4
1 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/styles/zulip.css
View File

@ -284,15 +284,13 @@ body {
/* Markdown code colors */ /* Markdown code colors */
--color-markdown-code-text: hsl(0deg 0% 0%); --color-markdown-code-text: hsl(0deg 0% 0%);
--color-markdown-code-background: hsl(208deg 5% 88% / 88%); --color-markdown-code-background: hsl(0deg 0% 0% / 6%);
--color-markdown-code-background-mentions: hsl(0deg 0% 100%); --color-markdown-code-background-mentions: hsl(0deg 0% 0% / 7%);
--color-markdown-pre-text: var(--color-markdown-code-text); --color-markdown-pre-text: var(--color-markdown-code-text);
--color-markdown-pre-border: hsl(208deg 10% 70% / 30%); --color-markdown-pre-border: transparent;
--color-markdown-pre-background: unset; --color-markdown-pre-background: hsl(0deg 0% 0% / 4%);
--color-markdown-pre-background-mentions: var( --color-markdown-pre-background-mentions: hsl(0deg 0% 0% / 4%);
--color-background-stream-message-content --color-markdown-pre-border-mentions: transparent;
);
--color-markdown-pre-border-mentions: hsl(208deg 10% 70% / 50%);
--color-markdown-link: hsl(200deg 100% 40%); --color-markdown-link: hsl(200deg 100% 40%);
--color-markdown-code-link: var(--color-markdown-link); --color-markdown-code-link: var(--color-markdown-link);
--color-markdown-link-hover: hsl(200deg 100% 25%); --color-markdown-link-hover: hsl(200deg 100% 25%);
@ -585,17 +583,15 @@ body {
/* Markdown code colors */ /* Markdown code colors */
/* Note that Markdown code-link colors are identical /* Note that Markdown code-link colors are identical
to light theme, and so are not redeclared here. */ to light theme, and so are not redeclared here. */
--color-markdown-code-text: hsl(0deg 0% 100% / 80%); --color-markdown-code-text: hsl(0deg 0% 100% / 85%);
--color-markdown-code-background: hsl(0deg 0% 100% / 10%); --color-markdown-code-background: hsl(0deg 0% 100% / 8%);
--color-markdown-code-background-mentions: var( --color-markdown-code-background-mentions: var(
--color-markdown-code-background --color-markdown-code-background
); );
--color-markdown-pre-text: var(--color-markdown-code-text); --color-markdown-pre-text: var(--color-markdown-code-text);
--color-markdown-pre-border: hsl(0deg 0% 100% / 15%); --color-markdown-pre-border: transparent;
--color-markdown-pre-background: unset; --color-markdown-pre-background: hsl(0deg 0% 100% / 4%);
--color-markdown-pre-background-mentions: var( --color-markdown-pre-background-mentions: hsl(0deg 0% 100% / 5%);
--color-background-stream-message-content
);
--color-markdown-pre-border-mentions: var(--color-markdown-pre-border); --color-markdown-pre-border-mentions: var(--color-markdown-pre-border);
/* Icon colors */ /* Icon colors */