fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-09-19 20:02:10 +00:00
Code Issues Projects Releases Wiki Activity

Simplify/reduce custom colors

Browse source 
- Make default stylesheet use browser preferred colors
- Stop using css vars for better compatibility with old browsers
This commit is contained in:
rohan kumar 2020-11-24 17:09:26 -08:00
parent a0cbba8a63
commit f04f293bdc
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
2 changed files with 12 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
themes/etch-custom/assets/css/dark.css
View file

@ -2,11 +2,6 @@
@media (prefers-color-scheme: dark) {
{{ end -}}
:root {
--dim-text: #a7a7a7;
--shaded-bg: #222;
}
html{
color: white;
background: black;
@ -23,9 +18,9 @@
main#content hr {
border-color: #5c5c5c;
}
main#content #toc h4 {
color: #d4d4d4;
main#content pre,
main#content code {
border: 1px solid #222;
}
{{- if not (eq .Site.Params.dark "on") -}}

32
themes/etch-custom/assets/css/main.css
View file

@ -1,10 +1,5 @@
:root {
--dim-text: #454545;
--shaded-bg: #e3e3e3;
}
html {
background: white;
color: black;
font-size: 16px;
line-height: 1.5rem;
font-family: sans-serif;
}
@ -16,12 +11,7 @@ body {
}
header#banner {
margin: 2rem 0;
}
header#banner a {
color: black;
text-decoration: none;
margin: 2rem 0 0 0;
}
header#banner a:hover {
@ -51,14 +41,6 @@ header#banner nav ul li {
margin: 0 0.5rem;
}
header#banner nav ul li a {
color: var(--dim-text);
}
main#content a, footer a {
color: #007dfa;
}
main#content h1,
main#content h2,
main#content h3,
@ -163,13 +145,18 @@ main#content figure figcaption p {
main#content code {
font-size: 16px;
background-color: var(--shaded-bg);
}
main#content pre,
main#content code {
border: 1px solid #e3e3e3;
}
main#content pre code {
border: none;
}
main#content pre {
overflow-y: visible;
overflow-x: scroll;
background-color: var(--shaded-bg);
padding: 0.5rem;
}
@ -178,6 +165,5 @@ main#content code {
}
footer#footer {
color: var(--dim-text);
margin: 2rem 0;
}