lytedev/site.lyte.dev
1
0
Fork 0
Code Issues Pull requests 1 Releases Wiki Activity

Highlight inline code snippets better

Browse source
This commit is contained in:
Daniel Flanagan 2020-12-18 09:52:02 -06:00
parent 01a8743034
commit 84d2ecabe5
Signed by: lytedev
GPG key ID: 5B2020A0F9921EF4
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/stylus/core.styl
View file

@ -34,10 +34,10 @@ body
> h1, > h2, > h3, > h4, > h5, > h6 { color: var(--heading-fg) } > h1, > h2, > h3, > h4, > h5, > h6 { color: var(--heading-fg) }
*:first-child { margin-top: 0 } *:first-child { margin-top: 0 }
&> p > code > p code
padding 0.1em 0.25em padding 0.1em 0.25em
border-radius 0.25em border-radius 0.25em
background-color rgba(255, 255, 255, 0.03) background-color var(--inline-code-bg)
&> header &> header
font-family var(--msff), monospace font-family var(--msff), monospace

2
src/stylus/theme.styl
View file

@ -52,6 +52,7 @@ light-theme =
--bg #fff --bg #fff
--header-bg #eee --header-bg #eee
--fg #111 --fg #111
--inline-code-bg #ddd
dark-theme = dark-theme =
for k, v in dark-syntax for k, v in dark-syntax
@ -62,6 +63,7 @@ dark-theme =
--header-bg #191919 --header-bg #191919
--fg #fff --fg #fff
--link-visited-fg #aaa --link-visited-fg #aaa
--inline-code-bg #222
:root, body.light-theme :root, body.light-theme
{light-theme} {light-theme}