CoastalCommits/CoastalCommitsPastes
CoastalCommits/CoastalCommitsPastes
2
1
Fork 0
forked from CoastalCommitsArchival/github.com-MaxLeiter-drift
Code Pull requests Activity Actions

client: experiment with heading title color in markdown

Browse source
This commit is contained in:
Max Leiter 2022-03-23 17:14:05 -07:00
parent 7c857cf318
commit 186d536175
No known key found for this signature in database
GPG key ID: A3512F2F2F17EBDA
2 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
client/components/preview/preview.module.css
View file

@ -19,6 +19,21 @@
margin-bottom: var(--gap-half); margin-bottom: var(--gap-half);
} }
.markdownPreview h1 {
color: var(--fg);
}
.markdownPreview h2 {
color: var(--darkest-gray);
}
.markdownPreview h3,
.markdownPreview h4,
.markdownPreview h5,
.markdownPreview h6 {
color: var(--darker-gray);
}
/* Auto-linked headers */ /* Auto-linked headers */
.markdownPreview h1 a, .markdownPreview h1 a,
.markdownPreview h2 a, .markdownPreview h2 a,

5
client/styles/globals.css
View file

@ -38,6 +38,8 @@
--light-gray: #444; --light-gray: #444;
--lighter-gray: #222; --lighter-gray: #222;
--lightest-gray: #1a1a1a; --lightest-gray: #1a1a1a;
--darker-gray: #b4b4b4;
--darkest-gray: #efefef;
--article-color: #eaeaea; --article-color: #eaeaea;
--header-bg: rgba(19, 20, 21, 0.45); --header-bg: rgba(19, 20, 21, 0.45);
--gray-alpha: rgba(255, 255, 255, 0.5); --gray-alpha: rgba(255, 255, 255, 0.5);
@ -54,9 +56,12 @@
--bg: #fff; --bg: #fff;
--fg: #000; --fg: #000;
--gray: #888; --gray: #888;
--light-gray: #dedede; --light-gray: #dedede;
--lighter-gray: #f5f5f5; --lighter-gray: #f5f5f5;
--lightest-gray: #fafafa; --lightest-gray: #fafafa;
--darker-gray: #555;
--darkest-gray: #222;
--article-color: #212121; --article-color: #212121;
--header-bg: rgba(255, 255, 255, 0.8); --header-bg: rgba(255, 255, 255, 0.8);
--gray-alpha: rgba(19, 20, 21, 0.5); --gray-alpha: rgba(19, 20, 21, 0.5);