technoduck/hugo-theme-stack-stars
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat(article content): improve code tag style

Browse source
This commit is contained in:
Jimmy Cai 2020-08-25 23:18:40 +02:00
parent 9cb3115914
commit f5e0b098c1
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/scss/partials/layout/article.scss
View file

@ -242,12 +242,10 @@
} }
code { code {
color: #808080; color: var(--code-text-color);
font-size: 0.96em; background-color: var(--code-background-color);
background-color: #f9f9f7; padding: 2px 4px;
padding: 1px 2px; border-radius: var(--tag-border-radius);
border: 1px solid #eee;
border-radius: 3px;
font-family: var(--code-font-family); font-family: var(--code-font-family);
word-wrap: break-word; word-wrap: break-word;
} }

6
assets/scss/variables.scss
View file

@ -68,6 +68,9 @@ $on-desktop-large: 1920px;
--pre-background: #272822; --pre-background: #272822;
--pre-text-color: #f8f8f2; --pre-text-color: #f8f8f2;
--code-background-color: rgba(0, 0, 0, 0.12);
--code-text-color: #808080;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -85,5 +88,8 @@ $on-desktop-large: 1920px;
--card-separator-color: rgba(255, 255, 255, 0.12); --card-separator-color: rgba(255, 255, 255, 0.12);
--body-text-color: rgba(255, 255, 255, 0.7); --body-text-color: rgba(255, 255, 255, 0.7);
--code-background-color: #272822;
--code-text-color: rgba(255, 255, 255, 0.9);
} }
} }