Skip to content

Instantly share code, notes, and snippets.

@xenogew
Created October 1, 2019 02:35
Show Gist options
  • Save xenogew/1339ef3b43b966a148114ce0c40f4ede to your computer and use it in GitHub Desktop.
Save xenogew/1339ef3b43b966a148114ce0c40f4ede to your computer and use it in GitHub Desktop.
Stylus - Medium.com dark theme, the extends from Medium Dark of 'ultimatetoast27'
@-moz-document url-prefix("https://medium.com"), url-prefix("https://posts.specterops.io"), url-prefix("https://hackernoon.com"), url-prefix("https://blog.0day.rocks"), url-prefix("https://blog.discordapp.com/"), url-prefix("https://blog.ettic.ca/"), url-prefix("https://arlogilbert.com"), url-prefix("https://medium.freecodecamp.org"), url-prefix("https://engineering.salesforce.com") {
/*Dark Stuff*/
/*dark-dark*/
.u-backgroundTransparentWhiteDarkest, .u-backgroundGrayLightest, .u-background--brandSageLighter,.metabar-block, .textInput, .metabar, .h {
background-color: #292929 !important;
color: #d5d5d5;
}
/*light-dark*/
body, html, article, .cardChromeless, .screenContent, .canvas-renderer, .u-backgroundColorWhite {
background-color: #2f2f2f !important;
color: #d5d5d5;
}
/*transparent overlay*/
.overlay--lighter, .overlay {
background-color: #2f2f2fd6
}
/*text*/
/*text general*/
.uiScale .ui-captionStrong, .uiScale .ui-caption, h1, h2, h3, h4, .imageCaption, .button--chromeless:active, .button--chromeless:focus, .button--chromeless:hover, .button--link:active, .button--link:focus, .button--link:hover, .button, p, span, .uiScale .ui-body, .uiScale .ui-brand1, .uiScale .ui-brand2, .markup--mixtapeEmbed-strong, .markup--mixtapeEmbed-em, .u-textColorDark, .uiScale .ui-h2, .uiScale .ui-summary, .uiScale .ui-h4, .u-textColorNormal, .ai, .uiScale .ui-h3 {
color: #d5d5d5 !important;
background-image: none !important;
}
/*blocks & codeboxes*/
blockquote {
border-color: #d5d5d5 !important;
color: #d5d5d5 !important;
}
/*links*/
a, a:hover {
color: #06e988 !important;
}
/*bottom banner delete*/
.u-backgroundWhite {
display: none;
}
/*light green*/
.u-textColorLighter {
color: #73d085c9 !important;
}
/*stars*/
.uiScale .ui-caption, .u-textColorNormal, .u-fillTransparentBlackDarker, .y {
fill: #06e988 !important;
}
/*Transparency hole*/
.metabar-block div {
background-color: transparent !important;
}
/*Search and Notification icon*/
svg.svgIcon-use {
fill: rgba(240, 240, 240, .54)
}
svg.svgIcon-use:hover {
fill: rgba(250, 250, 250, .75)
}
/*Button on top be more noticable*/
a.button--upsellNav {
border-color: rgba(240, 240, 240, .54)
}
a.button--upsellNav:hover {
border-color: rgba(250, 250, 250, .75)
}
/*Darken the mouse over popup message box of the writer or publisher*/
div.extremePostPreview-post > span.ui-capsSubtle,
div.extremePostPreview-post > div.u-flex > a.ui-capsSubtle {
color: rgba(250, 250, 250, .54) !important;
}
div.popover-inner,
div.popover-arrow:after {
background-color: #2f2f2f !important;
border: 1px solid rgba(240, 240, 240, .54) !important;
}
div.u-borderTopLighter {
border-top: 1px solid rgba(240, 240, 240, .54) !important;
}
.popover--bottom .popover-arrow {
top: 1.5px;
clip: rect(0 18px 15px -4px);
z-index: 1000;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment