kofi-darkmode
A community contributed dark theme for Ko-fi users
Project maintained by flleeppyy
Hosted on GitHub Pages — Theme by mattgraham
NOTICE OF DEPRECATION
This project is no longer actively maintained. I don’t have enough motivation to keep working on this.
I highly suggest you use an extension such as Dark Reader to get dark mode on Ko-fi and other websites.
I will still accept pull requests, but I will not maintain this repository.
kofi-darkmode
A community contributed dark theme for Ko-fi
The Ko-fi dark theme is maintained by members who are willing to contribute to the project (Mainly me)
Notes
- Follow suggestions in newsfeed have a weird box shadow, especially on hover. Ref:
.kfds-hz-follow-suggestion-box
- Colors should be organized with variables instead of figuring out what color looks nice
- Some colers may not show properly if the ko-fi user has a customized color theme. There is no way around this unless there is a variable for the user’s custom color.
How do I install this theme
Currently, we haven’t exactly worked out the details with Ko-fi on integrating a public beta, so for now, do the following:
For Google Chrome users:
For Firefox users
- Make sure your on Ko-fi’s website otherwise you’ll be applying the css to a page you didn’t intend to.
- Insert the following code into the CSS text area (Depends on the extension, but it should be easy to figure out)
@import url("https://flleeppyy.github.io/kofi-darkmode/dark.css")
- Then hit run (If there is a button for it; Some extensions may apply instantly)
How do I contribute?
- Fork this repository
- Make your changes in your forked repository
- Run
yarn css:build
/npm run css:build
or css:watch
to build the css live while making changes.
- Make a pull request,
- Describe your changes, take screenshots of before and after of what your changes have affected
- Done!
Please make sure you build before commiting.
Screenshots
Home manage page
Newsfeed page
Explore page
User Page
Recieved and Given
Settings - Profile
Settings - payment
Settings - page
API page
im just adding this cause i wanna show off the cool code box i added lol
Gold Page
Warning: Long screenshot