improve legibility
This commit is contained in:
parent
fb11b23fec
commit
23e166a56c
2 changed files with 14 additions and 11 deletions
|
@ -3,15 +3,17 @@
|
||||||
*/
|
*/
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
:root {
|
:root {
|
||||||
--lh: 15px;
|
--lh: 26px;
|
||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
font-size: 13px;
|
font-size: 18px;
|
||||||
font-family: Menlo, monospace;
|
font-family: Palatino, Georgia, serif;
|
||||||
line-height: var(--lh);
|
line-height: var(--lh);
|
||||||
}
|
}
|
||||||
pre, pre code {
|
pre, pre code {
|
||||||
line-height: 1em;
|
line-height: 1em;
|
||||||
|
font-size: 13px;
|
||||||
|
font-family: Menlo, monospace;
|
||||||
}
|
}
|
||||||
blockquote pre {
|
blockquote pre {
|
||||||
line-height: var(--lh);
|
line-height: var(--lh);
|
||||||
|
@ -261,7 +263,7 @@ figure, .figure {
|
||||||
|
|
||||||
/* Solaryzed accented colors */
|
/* Solaryzed accented colors */
|
||||||
--bg: var(--b03);
|
--bg: var(--b03);
|
||||||
--fg: var(--b0);
|
--fg: var(--b2);
|
||||||
--fg0: var(--b00);
|
--fg0: var(--b00);
|
||||||
--bg2: var(--b02);
|
--bg2: var(--b02);
|
||||||
--fg2: var(--b1);
|
--fg2: var(--b1);
|
||||||
|
@ -276,8 +278,8 @@ figure, .figure {
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
:root {
|
:root {
|
||||||
--bg: var(--b3);
|
--bg: var(--b3);
|
||||||
--fg0: var(--b0);
|
--fg0: var(--b00);
|
||||||
--fg: var(--b00);
|
--fg: var(--b02);
|
||||||
--bg2: var(--b2);
|
--bg2: var(--b2);
|
||||||
--fg2: var(--b01);
|
--fg2: var(--b01);
|
||||||
--rfg: var(--b01);
|
--rfg: var(--b01);
|
||||||
|
@ -304,8 +306,8 @@ figure, .figure {
|
||||||
/* Dark theme selected */
|
/* Dark theme selected */
|
||||||
#d:checked ~ .main, #d:checked ~ #labels {
|
#d:checked ~ .main, #d:checked ~ #labels {
|
||||||
--bg: var(--b03);
|
--bg: var(--b03);
|
||||||
--fg: var(--b0);
|
--fg: var(--b1);
|
||||||
--fg0: var(--b00);
|
--fg0: var(--b2);
|
||||||
--bg2: var(--b02);
|
--bg2: var(--b02);
|
||||||
--fg2: var(--b1);
|
--fg2: var(--b1);
|
||||||
--rfg: var(--b1);
|
--rfg: var(--b1);
|
||||||
|
@ -319,8 +321,8 @@ figure, .figure {
|
||||||
/* Light theme selected */
|
/* Light theme selected */
|
||||||
#l:checked ~ .main, #l:checked ~ #labels {
|
#l:checked ~ .main, #l:checked ~ #labels {
|
||||||
--bg: var(--b3);
|
--bg: var(--b3);
|
||||||
--fg0: var(--b0);
|
--fg0: var(--b00);
|
||||||
--fg: var(--b00);
|
--fg: var(--b02);
|
||||||
--bg2: var(--b2);
|
--bg2: var(--b2);
|
||||||
--fg2: var(--b01);
|
--fg2: var(--b01);
|
||||||
--rfg: var(--b01);
|
--rfg: var(--b01);
|
||||||
|
|
|
@ -40,7 +40,8 @@ priority:
|
||||||
3. *Accessibility*; should be easy to read on a text browser so people with
|
3. *Accessibility*; should be easy to read on a text browser so people with
|
||||||
disabilities could easily consume it.
|
disabilities could easily consume it.
|
||||||
{{{br}}}
|
{{{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.
|
should be syntax highlighted.
|
||||||
{{{br}}}
|
{{{br}}}
|
||||||
5. *User friendly*; support your preferred light/dark theme by default but you
|
5. *User friendly*; support your preferred light/dark theme by default but you
|
||||||
|
|
Loading…
Reference in a new issue