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);
}
.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 */
.markdownPreview h1 a,
.markdownPreview h2 a,

5
client/styles/globals.css
View file

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