Read Medium stories with happy eyes!
MIT License
Medium has completely changed their CSS framework, so this extension and the userstyle won't work any more.
The previous framework used desriptive class names like "u-backgroundBlueGrey"; but now everything is one to two letters long, e.g. "a b c"
I don't have the time, nor the patience to decrypt that mess. 😿
Read Medium stories with happy eyes!
This browser extension does not collect any personal data.
The only data stored is the user style preferences (the state of the extension, five colors & an underline setting). Absolutely nothing else is shared or tracked; not even Google Analytics.
Apologizes to the sites that use specific colors in their branding, this extension overrides all of your colors; and it definitely doesn't touch your logo!
For example, I love hackernoon.com, but your bright green header and banners make my eyes scream when I try to read your site at night. This web extension applies an overall dark theme to all sites including those bright headers.
Install it for:
Stylus supports user.css file formats. When a "raw" version of darker-medium.user.css
from this repository (link below) is opened in the browser, Stylus will prompt you to install the style. For more details, see the usercss documentation.
(Medium.com profile & topic page styling)
The advantages of using a usercss are as follows:
The disadvantage of this specific usercss is:
medium-sites.js
file.NOTE: The version number of the available web extension may lag behind the usercss because the usercss style needs updating to add more sites, while the web extension will detect them automatically.
Click on the Darker Medium icon to toggle the dark style on and off temporarily for the visible page. This state is not stored; this may be added in a future update.
Open the Extension options (all settings are stored):
Enabled
- This is a global toggle of the Darker Medium extension.Header
- Customize the background color of the page header.Main
- Customize the main accent color. This is overrides the branded color of the site.Highlight
- Customize the highlighted text background color. The text color is automatically adjusted as needed.Link Color
- Customize all link colors. This may include icons as well as links within the article.Link Hover
- Customize the link hover color.Include link underline
- Include or hide link underlines.Hide Footer
- Show or Hide the signup/get updates footer.Reset
- Restore the default settings.If you would like to contribute to this repository, please refer to the contribution guidelines.
And don't worry if you've never contributed to an open-source project before, you can start by reading this friendly guide.
This project is bound by a Code of Conduct.
darker-medium-extras.user.css
usercss style linked above (Stylus is needed).background-color
or color
).