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)
- 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.
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:
- Use an extension like UserCSS, Styler, CSS and Javascript Injection, or CSS JS injector
For Firefox users
- Use Stylus, or CSS Override
- 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)
- Fork this repository
- Make your changes in your forked repository
- Run
yarn css:build
/npm run css:build
orcss: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.
im just adding this cause i wanna show off the cool code box i added lol