improve legibility

This commit is contained in:
Yann Esposito (Yogsototh) 2020-02-16 11:48:16 +01:00
parent fb11b23fec
commit 23e166a56c
Signed by untrusted user who does not match committer: yogsototh
GPG Key ID: 7B19A4C650D59646
2 changed files with 14 additions and 11 deletions

View File

@ -3,15 +3,17 @@
*/
/* Fonts */
:root {
--lh: 15px;
--lh: 26px;
}
body {
font-size: 13px;
font-family: Menlo, monospace;
font-size: 18px;
font-family: Palatino, Georgia, serif;
line-height: var(--lh);
}
pre, pre code {
line-height: 1em;
font-size: 13px;
font-family: Menlo, monospace;
}
blockquote pre {
line-height: var(--lh);
@ -261,7 +263,7 @@ figure, .figure {
/* Solaryzed accented colors */
--bg: var(--b03);
--fg: var(--b0);
--fg: var(--b2);
--fg0: var(--b00);
--bg2: var(--b02);
--fg2: var(--b1);
@ -276,8 +278,8 @@ figure, .figure {
@media (prefers-color-scheme: light) {
:root {
--bg: var(--b3);
--fg0: var(--b0);
--fg: var(--b00);
--fg0: var(--b00);
--fg: var(--b02);
--bg2: var(--b2);
--fg2: var(--b01);
--rfg: var(--b01);
@ -304,8 +306,8 @@ figure, .figure {
/* Dark theme selected */
#d:checked ~ .main, #d:checked ~ #labels {
--bg: var(--b03);
--fg: var(--b0);
--fg0: var(--b00);
--fg: var(--b1);
--fg0: var(--b2);
--bg2: var(--b02);
--fg2: var(--b1);
--rfg: var(--b1);
@ -319,8 +321,8 @@ figure, .figure {
/* Light theme selected */
#l:checked ~ .main, #l:checked ~ #labels {
--bg: var(--b3);
--fg0: var(--b0);
--fg: var(--b00);
--fg0: var(--b00);
--fg: var(--b02);
--bg2: var(--b2);
--fg2: var(--b01);
--rfg: var(--b01);

View File

@ -40,7 +40,8 @@ priority:
3. *Accessibility*; should be easy to read on a text browser so people with
disabilities could easily consume it.
{{{br}}}
4. *Nerdy*; should feel mostly like markdown text in a terminal and source code
4. *Nerdy*; should feel mostly like markdown text +in a terminal+ (bad for
legibility on the web in fact) and source code
should be syntax highlighted.
{{{br}}}
5. *User friendly*; support your preferred light/dark theme by default but you