fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-23 21:02:09 +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) { @media (prefers-color-scheme: dark) {
{{ end -}} {{ end -}}
:root {
--dim-text: #a7a7a7;
--shaded-bg: #222;
}
html{ html{
color: white; color: white;
background: black; background: black;
@ -23,9 +18,9 @@
main#content hr { main#content hr {
border-color: #5c5c5c; border-color: #5c5c5c;
} }
main#content pre,
main#content #toc h4 { main#content code {
color: #d4d4d4; border: 1px solid #222;
} }
{{- if not (eq .Site.Params.dark "on") -}} {{- 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 { html {
background: white; font-size: 16px;
color: black;
line-height: 1.5rem; line-height: 1.5rem;
font-family: sans-serif; font-family: sans-serif;
} }
@ -16,12 +11,7 @@ body {
} }
header#banner { header#banner {
margin: 2rem 0; margin: 2rem 0 0 0;
}
header#banner a {
color: black;
text-decoration: none;
} }
header#banner a:hover { header#banner a:hover {
@ -51,14 +41,6 @@ header#banner nav ul li {
margin: 0 0.5rem; 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 h1,
main#content h2, main#content h2,
main#content h3, main#content h3,
@ -163,13 +145,18 @@ main#content figure figcaption p {
main#content code { main#content code {
font-size: 16px; 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 { main#content pre {
overflow-y: visible; overflow-y: visible;
overflow-x: scroll; overflow-x: scroll;
background-color: var(--shaded-bg);
padding: 0.5rem; padding: 0.5rem;
} }
@ -178,6 +165,5 @@ main#content code {
} }
footer#footer { footer#footer {
color: var(--dim-text);
margin: 2rem 0; margin: 2rem 0;
} }