diff --git a/src/css/mk.css b/src/css/mk.css index 93548bc..9338bf3 100644 --- a/src/css/mk.css +++ b/src/css/mk.css @@ -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); diff --git a/src/index.org b/src/index.org index 508221d..9ddccb9 100644 --- a/src/index.org +++ b/src/index.org @@ -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