Last active
March 29, 2021 03:04
-
-
Save shervinafshar/e2d4ebaa1624a1343f332936bda21364 to your computer and use it in GitHub Desktop.
A Minimal Dark CSS for WeLL Engaged
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Minimal tweaks to WeLL Primary Engaged style sheet[1] aiming for a dark mode. | |
I like Meta Pro and Meta Serif from FF Meta family[2]; former for the editor | |
and UI elements and the latter for posts body text. You should probably pick | |
your own serif and sans-serif. Uses `box-sizing` which is unsupported in IE6 | |
and IE7. Sample screenshot are here[3]. | |
[1]: https://user.well.com/annotated/main.html | |
[2]: https://www.fontshop.com/families/ff-meta | |
[3]: https://imgur.com/a/Wh7InRx | |
*/ | |
body, blockquote, dl, li, ol, td, th, ul, div, h1, h2, h3, h4, h5, h6, span, strong { | |
font-family: Meta Pro, Arial, sans-serif; | |
color: #C5C5C5; | |
} | |
/* No underline for hyperlinks */ | |
a { | |
text-decoration: none; | |
} | |
body { | |
background-color: #242424; | |
margin: 0; | |
padding: 0; | |
padding-top: 0; | |
font-size: 1em; | |
text-rendering: optimizeSpeed; | |
-webkit-font-smoothing: subpixel-antialiased; | |
} | |
pre.Post { | |
font-family: Meta Serif OT; | |
font-weight: lighter; | |
color: #C5C5C5; | |
} | |
.ResponseEntryBox { | |
font-family: Meta Pro, sans-serif; | |
color: #FEFCF6; | |
box-sizing: border-box; | |
padding: 1em; | |
width: 80%; | |
background: black; | |
} | |
/* Very optional; smaller pseudonym text box. */ | |
.Pseudonym { | |
width: 10%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment