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