TnSb/contrast-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

merge upstream

Browse Source
This commit is contained in:
Niklas Buschmann 2020-01-08 02:45:34 +01:00
parent ad823002b8
commit f0fd954e1e
2 changed files with 28 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
static/css/classes.css
View File

@ -1,22 +1,21 @@
.bright { .bright {
box-shadow: 0 0 .6em #3c3c3c0f; box-shadow: 0 0 .6em #3c3c3c0f;
border-bottom: 1px solid #9494941f; border-bottom: 1px solid #8c8c8e1f;
} }
.dark { .dark {
background: #2b2b2b; background: #1a1b20;
color: #fff; color: #fff;
border-bottom: 1px solid #fff1; border-bottom: 1px solid #fff1;
} }
.archive li { .archive li {
font-size: 1.1em; font-size: 1.1em;
padding: .3em; margin: .6em 0;
} }
.archive time { .archive time {
display: inline-block; display: inline-block;
min-width: 9ch; min-width: 9.5ch;
margin: 0 .25em; margin: 0 .25em;
opacity: .75;
} }

50
static/css/theme.css
View File

@ -1,14 +1,14 @@
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
html { html {
background: #fff; background: #ffffff;
color: #222; color: #18191d;
} }
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { html {
background: #222; background: #18191d;
color: #fff; color: #ffffff;
} }
} }
@ -17,7 +17,7 @@ body {
font-size: 16px; font-size: 16px;
font-size: calc(0.8rem + 0.25vw); font-size: calc(0.8rem + 0.25vw);
font-weight: 400; font-weight: 400;
line-height: 1.65; line-height: 1.6;
margin: 0; margin: 0;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -28,6 +28,10 @@ h1, h2, h3, h4, h5, h6 {
font-weight: 400; font-weight: 400;
} }
h1 {
font-size: 1.75em
}
b, strong, th { b, strong, th {
font-weight: 600; font-weight: 600;
} }
@ -46,16 +50,16 @@ article a {
} }
header time { header time {
color: #949494; color: #8c8c8e;
} }
hr { hr {
border: 1px solid #9494944d; border: 1px solid #8c8c8e4d;
margin: 2em 0; margin: 2em 0;
} }
blockquote { blockquote {
background: #9494940f; background: #8c8c8e0a;
border-left: 4px solid #68f; border-left: 4px solid #68f;
padding: 1px 1.5em; padding: 1px 1.5em;
} }
@ -75,22 +79,22 @@ img {
} }
table { table {
box-shadow: 0 0 0 1px #9494941f inset; box-shadow: 0 0 0 1px #8c8c8e1f inset;
border-spacing: 1px; border-spacing: 1px;
width: 100%; width: 100%;
} }
tr:hover, tr:nth-child(odd) td { tr:hover, tr:nth-child(odd) td {
background: #94949410; background: #8c8c8e10;
} }
th, td { th, td {
box-shadow: 0 0 0 1px #9494941f; box-shadow: 0 0 0 1px #8c8c8e1f;
padding: .5em 1em; padding: .5em 1em;
} }
pre { pre {
background: #94949422; background: #8c8c8e22;
border-radius: 2px; border-radius: 2px;
font-size: .8em; font-size: .8em;
margin: 1.5em 0; margin: 1.5em 0;
@ -98,14 +102,9 @@ pre {
overflow-x: auto; overflow-x: auto;
} }
pre code { :not(pre) > code {
all: unset;
-webkit-text-fill-color: initial;
}
code {
font-size: .9em; font-size: .9em;
background: #94949426; background: #8c8c8e26;
opacity: .75; opacity: .75;
border-radius: 2px; border-radius: 2px;
margin: 0 .1em; margin: 0 .1em;
@ -124,14 +123,13 @@ header h1, header h2 {
} }
article header { article header {
margin-bottom: 2em; margin-bottom: 1.5em;
} }
article header h1 { article header h1 {
font-size: 1.75em; padding: .2em 0;
padding: .25em 0; margin-bottom: .5em;
margin-bottom: .7em; border-bottom: 1px solid #8c8c8e36;
border-bottom: 1px solid #94949436;
} }
nav { nav {
@ -139,7 +137,7 @@ nav {
} }
nav a { nav a {
padding: 0 .8em; margin: 0 .8em;
} }
body > header, article { body > header, article {
@ -148,6 +146,6 @@ body > header, article {
@media (min-width: 40em) { @media (min-width: 40em) {
body > header, article { body > header, article {
padding: 1.5em calc(34% - 12rem); padding: 1.5em calc(35% - 12rem);
} }
} }