87 lines
No EOL
1.1 KiB
CSS
87 lines
No EOL
1.1 KiB
CSS
[data-theme=light] {
|
|
color-scheme: light;
|
|
--accent: #9271D6;
|
|
--accent-light: #9271D6;
|
|
--url-agnostic: #646868;
|
|
--url-http: #5690AF;
|
|
--url-gemini: #E08F67;
|
|
}
|
|
|
|
[data-theme=dark] {
|
|
color-scheme: dark;
|
|
--bg: #222529;
|
|
--link: #9271D6;
|
|
--url-agnostic: #cbcdcd;
|
|
--url-http: #87C9E5;
|
|
--url-gemini: #e2aea2;
|
|
}
|
|
|
|
p {
|
|
margin: 1em;
|
|
}
|
|
|
|
a::before,
|
|
h1::before,
|
|
h2::before,
|
|
h3::before,
|
|
blockquote::before {
|
|
color: var(--accent);
|
|
}
|
|
|
|
h1 {
|
|
margin-left: 1em;
|
|
text-indent: -1em
|
|
}
|
|
|
|
h2 {
|
|
margin-left: 1.7em;
|
|
text-indent: -1.7em
|
|
}
|
|
|
|
h3 {
|
|
margin-left: 2.2em;
|
|
text-indent: -2.2em
|
|
}
|
|
|
|
h4 {
|
|
margin-left: 3em;
|
|
text-indent: -3em
|
|
}
|
|
|
|
h1::before {
|
|
content: "# ";
|
|
}
|
|
|
|
h2::before {
|
|
content: "## ";
|
|
}
|
|
|
|
h3::before {
|
|
content: "### ";
|
|
}
|
|
|
|
h4::before {
|
|
content: "#### ";
|
|
}
|
|
|
|
blockquote p::before,
|
|
blockquote br::after {
|
|
content: "> ";
|
|
}
|
|
|
|
blockquote {
|
|
margin: 0 1em;
|
|
padding: .4em .4em;
|
|
}
|
|
|
|
pre {
|
|
border: 3px dotted var(--accent);
|
|
white-space: pre-wrap;
|
|
word-break: keep-all;
|
|
margin: 0 1em;
|
|
padding-left: .7em;
|
|
}
|
|
|
|
footer {
|
|
margin: 1em 0;
|
|
} |