AniList High-Contrast Dark-Theme
Major overhaul to the default dark-theme on AniList to improve accessibility for visual impairments where increased contrast is helpful but dark themes still preferred.
Install
If you're on a computer or on Android, you can install it via UserStyles.world, directly from GitHub, or from GreasyFork — with Stylus on Firefox or Chrome
If you're on Android, you can add it through the same method as above, just use a browser that supports plugins. Kiwi Browser and Yandex Browser both support Chrome plugins. Other browsers might support these plugins in the future or currently. I'm not an Android user, so open an issue or make a PR if this information is out of date.
If you're on iOS (or don't want to use Yandex or Kiwi), you can add it as a bookmarklet by making a bookmark with the content of this file as the URL. You'll have to apply this every time you open or reload AniList for it to work. Sadly, for security reasons, I can't have this one auto-update. This means you'll have to update it manually as I add new features. I occasionally announce updates over on AniList in case you don't use GitHub actively.
Screenshots
![]()
Known Issues
- The GraphiQL interactive editor is still light-themed.
If any of these issues are really annoying to you, message me on my profile https://anilist.co/user/Reina/
Changelog
1.0.0 - Released
1.0.1 - Fixed navbar not disappearing when scrolling
1.1.0 - Adjusted the scrollbar to integrate better with the look and be slimmer
1.1.1 - Fixed an issue with the quick-add-to-list dropdown on media pages having white text on a white background
1.1.2 - Fixed an issue with the watching/reading status from the advanced entry editor
1.1.2.1 - I accidentally deleted the closing bracket at the end which broke the plugin. Should be fixed now.
1.1.3 - Apparently I can't have that many numbers in my version, so I had to change it to 1.1.3 instead of 1.1.2.1
1.2.0 - Made the scrollbar-styling work in Firefox using official CSS spec. Made the scrollbars in long posts not change the width of the content when you hover over the element (as in, it's always there, but transparrent until you hover over the field).
1.2.1 - Removed the padding I added for some testing and forgot to remove before publishing. Oops.
1.3.0 - Added dark-theme to the database submission manual and darkened the announcement background colour.
1.3.1 - Dark-themed the calendar picker and removed a superfluous closing curly bracket
1.3.2 - Quick-fix of miscoloured arrow on the calendar picker.
1.4.0 - Major under-the-hood restructuring as well as some welcome changes to how liking activites work and filtering posts displays.
1.4.1 - Fixed an unintentional text alignment issue with the edit post dropdown.
1.5.0 - Database tools are now usable on small screens and viewports.
1.5.1 - Improved modals, character page, and images in the database tools on small screens.
1.5.2 - Updated metadata as I now host the userstyle on Github.
1.5.3 - Fixed semi-transparent navbar. Now it actually appears semi-transparent.
1.5.4 - Enabled database edit button on mobile.
1.5.5 - improved like hearts with hover effects.
1.6.0 - Dark-themed AniChart and styled some more aspects of Automail.
1.6.1 - Fixed the scrollbar issue when you hover over custom lists that overflow.
1.6.2 - Merged minor tweaks from PR's by @synthtech.
1.6.3 - Refinements. Gave comment/post composer back the scrollbar as my hack sometimes made it hard to reach content. Removed height-change animation to remove the appearing and disappearing scrollbar. Added spacing to the bottom of bios to prevent content from almost overflowing.
1.6.4 - Changed the colour when hovering over a liked heart. It becoming blue when hovering previous was a bit confusing, especially as it stayed blue when clicking like in the first place.
1.6.5 - Added the stuff I forgot in the previous version making it actually work.
