judahsotomayor/simpletheme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat[style.css dark.js] Better visibility

Browse Source 
Decreased maximum website width.
Increased font size on light/dark selector.
This commit is contained in:
Judah Sotomayor 2023-10-15 18:37:22 -04:00
parent af33766176
commit 5c0e8d9d4f
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/style.css
View File

@ -3,7 +3,7 @@ body {
line-height: 1.5em; line-height: 1.5em;
font-size: 2.1em; font-size: 2.1em;
color: #222; color: #222;
max-width: 90%; max-width: 70%;
padding: 2rem; padding: 2rem;
margin: auto; margin: auto;
background: #fafafa; background: #fafafa;

6
static/js/dark.js
View File

@ -5,7 +5,7 @@
// license: PD // license: PD
// Author: Judah Sotomayor // Author: Judah Sotomayor
// Date: 2023-10-15 // Date: 2023-10-15
// When: <2023-10-15 Sun 14:26> // When: <2023-10-15 Sun 18:37>
/* For gwern.net, the default white-black */ /* For gwern.net, the default white-black */
/* scheme is 'light', and it can be flipped to a 'dark' scheme fairly easily by inverting it; the main visual problem is */ /* scheme is 'light', and it can be flipped to a 'dark' scheme fairly easily by inverting it; the main visual problem is */
@ -288,9 +288,9 @@ function injectModeSelector() {
margin: 0; margin: 0;
line-height: 1; line-height: 1;
font-family: Lucida Sans Unicode, Source Sans Pro, Helvetica, Trebuchet MS, sans-serif; font-family: Lucida Sans Unicode, Source Sans Pro, Helvetica, Trebuchet MS, sans-serif;
font-size: 0.75rem; font-size: 0.99rem;
text-align: center; text-align: center;
color: #777; color: #000;
position: relative; position: relative;
} }
#mode-selector button:hover, #mode-selector button:hover,