Skip to content

Instantly share code, notes, and snippets.

@shervinafshar
Last active March 29, 2021 03:04
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shervinafshar/e2d4ebaa1624a1343f332936bda21364 to your computer and use it in GitHub Desktop.
Save shervinafshar/e2d4ebaa1624a1343f332936bda21364 to your computer and use it in GitHub Desktop.
A Minimal Dark CSS for WeLL Engaged
/*
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