Last active
December 6, 2019 02:19
-
-
Save RolandWarburton/43356fdfa4b5c36bd072fb0cc9f5b270 to your computer and use it in GitHub Desktop.
medium dark theme for stylus
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
/* General styling */ | |
html, body, div, p, section, article | |
{ | |
background-color: #222 !important; | |
color: #aaa !important; | |
} | |
h1, h2, h3, h4, h5, h6, a { | |
color: #eee !important; | |
} | |
header div,footer div, .image div | |
{ | |
background-color: transparent !important; | |
} | |
/* Make the nav dark, but lighter than body*/ | |
nav div, nav div a, nav div span | |
{ | |
background-color: #333 !important; | |
} | |
/* fix all the shitty links */ | |
nav a, nav span, span a | |
{ | |
color: #fff !important; | |
background-color: #222 !important; | |
} | |
button | |
{ | |
color: #ddd !important; | |
border: 1px solid #fff !important; | |
} | |
/* make code block text white*/ | |
pre, code, span | |
{ | |
color: #fff !important; | |
background-color: #333 !important; | |
} | |
/* Remove the ugly share bar that scrolls down the page */ | |
div[data-test-id="post-sidebar"] | |
{ | |
display: none !important; | |
} | |
/* Make all the logos dark */ | |
svg | |
{ | |
color: transparent !important; | |
background-color: transparent !important; | |
} | |
nav svg | |
{ | |
color: rgba(255, 255, 255) !important; | |
background-color: rgba(255, 255, 255) !important; | |
} | |
path | |
{ | |
background-color: #fff !important; | |
color: #fff !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment