Improve and customize the MyAnimeList site with these themes! These themes use CSS to change the site outside of the lists and only you see the changes. Feel free to ask for help here or make requests if needed. See forum stickies for all the ways to customize and improve MyAnimeList. For list layout CSS, go to this page. How to use and customize these themes 1) Install the Stylus extension (links below). You can also look up and try the Stylish extension as an alternative. For Chrome/Opera: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne For Firefox: https://addons.mozilla.org/en-US/firefox/addon/styl-us/ 2) Click the install button on the theme's page and on its style page if needed. The theme should change MyAnimeList in some way. You can add more themes- most are compatible with each other. All Stylus themes: https://userstyles.world/search?q=myanimelist More themes: https://userstyles.org/styles/browse?search_terms=myanimelist Basics of customizing images Custom background If you are using the Stylus, instructions to change the background are under "Description". If you are using the Stylish extension, those versions have options are their page when you install the theme to upload your own background image. Link: Link * Video guide  by Shishio-kun Custom characters on the sides If you are using the Stylus, instructions to change the characters are under "Description". If you are using the Stylish extension, those versions have options are their page when you install the theme to upload new character renders. Two custom characters Link: Link * Video guide  Randomized Characters (nearly 100 characters) Link: Link * Video guide For userstyles.org you have to manually set the random option before you install the theme. Random character preview Darkened Side Characters Link: Link * Video guide Darkens the characters, for users with dark themes. You can still change them or set to random. Darkened character preview by Shishio-kun Add a custom banner easily Crayon theme For Stylus: Link An absolute favorite among the MAL community and the most amazing design here. Dark version available! Not compatible with MAL Sticky Menu or Add a Custom Banner themes.  by SunnySummerDay (PajamaPop) Comfortable, Lightweight Dark Modes You only need to install one version depending on your preferences and what extension you use. Dark Theme for the entire site, excluding lists For Stylus:Link Dark Theme for the entire site, including lists For Stylus: Link Darkens the entire MyAnimeList site!  Alternate versions Easy-to-edit Dark Mode for the entire site, including lists For Stylus: Link The Easy-to-edit version is intended for developers and CSS designers who want to customize the colors or update it with new selectors. Lightweight Dark Modes by Shishio-kun Thanks to Valerio_Lyndon and ShaggyZE for help and donating codes in the start, and Dark Reader/Cicerakes for color inspiration. Darken other user's lists For Stylus: Link This is for users who already use a dark mode for the site, but also want to darken the blinding-white default list other users have. It also darkens your own, however there is an option to exclude your own list.  by Shishio-kun Translucent MyAnimeList Cleaner MyAnimeList Link: Link Remove Recaptcha, the footers, the hide ads button, and the streaming banners on top.  by Shishio-kun Show reviewers score again Fix Anime/Manga Info Hover MAL Sticky Menu Link: https://userstyles.world/style/8482/mal-sticky-menu The top menu will stay fixed as you scroll down, like in the example. Not compatible with Crayon or Add a Custom Banner themes.  by Lifeiscrazy Wide MyAnimeList Vertical Favorites (Original style) Stylus: Link  Vertical Favorites (Big style) Stylus: Link Vertical Favorites (Small/minimal) Vertical Favorites (Big/minimal) By Shishio-kun Backup and Legacy Codes https://userstyles.org/user-profile/290958 My userstyles.org codes, you can find older versions of the my themes on this site, including some alternates and unique themes not listed above. Just keep in mind this site has been hopelessly buggy for years and these themes haven't been updated recently. There's more! If you liked this content, here are similar pages to check out: MyAnimeList Extensions and Aps Extensions and aps with a variety of features. Tampermonkey scripts Add features and fixes with Javascript. Helpful Sites A collection of sites that work with Myanimelist, connect to it, or would interest MAL users in general. Requests for new themes? You can also make a request for a particular new feature or fix in this thread, and we'll see what we can do. |
Shishio-kunFeb 18, 11:21 AM
| @Shishio-kun is it possible to have "Darken other user's lists" style exclude our own list? or is that a more global one? Asking since my list already has a dark theme, so having this style enabled just removes the bg from certain parts of my list. That's a very neat style tho, I will keep it for when I need to check other people list. Just that I will have to remember to turn it on/off ^^; |
SheyCroix said: @Shishio-kun is it possible to have "Darken other user's lists" style exclude our own list? or is that a more global one? Asking since my list already has a dark theme, so having this style enabled just removes the bg from certain parts of my list. That's a very neat style tho, I will keep it for when I need to check other people list. Just that I will have to remember to turn it on/off ^^; Oh wow I never thought about that till now! Yes it can be done but I think you have to manually edit the CSS for that, I will update the theme later and notify you if I add it. Thanks for bringing this up I can add it to my new video for the Stylus stuff :D |
SheyCroix said: Anytime and yes, please let me know. I've updated the theme, you have insert your username into the moz document line at the top, replacing mine. Must have the exact capitalization. https://userstyles.world/style/8473/darken-lists-only |
| @lifeiscrazy thank you for adding your sticky menu theme to userstyles.world! https://userstyles.world/style/8482/mal-sticky-menu I've added it to the list above :D |
Shishio-kun said: I've updated the theme, you have insert your username into the moz document line at the top, replacing mine. Must have the exact capitalization. https://userstyles.world/style/8473/darken-lists-only Lovely, it works. Thanks a lot~ |
SheyCroix said: Shishio-kun said: I've updated the theme, you have insert your username into the moz document line at the top, replacing mine. Must have the exact capitalization. https://userstyles.world/style/8473/darken-lists-only Lovely, it works. Thanks a lot~ It works, awesome! :D this new style of stickies is off to a good start, more to come |
| Sticky menu is very awesome nice! ✌🏻👍🏻 @ Shishio-kun |
 Anime-Planet.com - anime | manga | watch anime online |
Yes it is super useful and by @Lifeiscrazy |
| @PrincessPorcupin I've updated this sticky; I added some video examples on changing images with Stylus which I recommend switching to if you haven't. Also, I'd recommend using the userstyles.world themes (linked in the OP) instead of the userstyles.org site which breaks constantly (almost 10 years now) Basics of customizing images |
| Links to a couple new themes also added, although these only fix MAL issues to set them back to normal. |
Shishio-kun said: Got it to work now, thank you!@PrincessPorcupin I've updated this sticky; I added some video examples on changing images with Stylus which I recommend switching to if you haven't. Also, I'd recommend using the userstyles.world themes (linked in the OP) instead of the userstyles.org site which breaks constantly (almost 10 years now) Basics of customizing images |
 |
PrincessPorcupin said: Shishio-kun said: Got it to work now, thank you!@PrincessPorcupin I've updated this sticky; I added some video examples on changing images with Stylus which I recommend switching to if you haven't. Also, I'd recommend using the userstyles.world themes (linked in the OP) instead of the userstyles.org site which breaks constantly (almost 10 years now) Basics of customizing images Awesome :D |
| @Shishio-kun sorry to bother but the custom background thing in Stylus is not working I have tried reinstalling it and it works at first, but the moment I refresh the page the background disapears |
  |
Fixing it, just testing things  |
Reply to is_peque
@Shishio-kun
sorry to bother but the custom background thing in Stylus is not working
I have tried reinstalling it and it works at first, but the moment I refresh the page the background disapears
sorry to bother but the custom background thing in Stylus is not working
I have tried reinstalling it and it works at first, but the moment I refresh the page the background disapears
| @is_peque The newest version of this should work, I've tested it out. |
Thanks! :) I have also noticed there's an orphan [size=125] (in Custom background) and a broken image (in Custom characters on the sides)   |
|
Reply to is_peque
Thanks! :)
I have also noticed there's an orphan [size=125] (in Custom background) and a broken image (in Custom characters on the sides)
| @is_peque yeah there's a million other things to fix this past year, I dont think I can fix it all tbh lol. |
Shishio-kun said: @is_peque yeah there's a million other things to fix this past year, I dont think I can fix it all tbh lol. don't worry, I just said it in case you didn´t know. The important thing is the links working and that stuff. Thank you for your work :) |
|
| OK, I've repaired all the userstyles.world themes which I could see were broken! They are working on page refresh for me and broken images were replaced, they simply need to be reinstalled :D |
| So I tried and none work for me. I tried also for Chrome, but I do not get the extension need it for it. I watched the video also. All I get is the code for it, but I cannot do anything with it. |
 |
Reply to NightmareTala
So I tried and none work for me. I tried also for Chrome, but I do not get the extension need it for it. I watched the video also. All I get is the code for it, but I cannot do anything with it.
| @NightmareTala NightmareTala said: but I do not get the extension need it for it You need to install the extension for it, Stylus, to use these, first before anything else These also work perfectly fine for me, so the problem may be on your end or you missed a step. After installing Stylus for your browser, when you install a theme from a page like this https://userstyles.world/style/8356/custom-background make sure you also click the Install Style button on the left side of the code page. If you're still having problems, answer: What browser were you trying this for, before you tried for Chrome Which theme exactly did you want to use first (also link it's page, please) |
Reply to Shishio-kun
@NightmareTala
You need to install the extension for it, Stylus, to use these, first before anything else
These also work perfectly fine for me, so the problem may be on your end or you missed a step. After installing Stylus for your browser, when you install a theme from a page like this
https://userstyles.world/style/8356/custom-background
make sure you also click the Install Style button on the left side of the code page.
If you're still having problems, answer:
What browser were you trying this for, before you tried for Chrome
Which theme exactly did you want to use first (also link it's page, please)
NightmareTala said:
but I do not get the extension need it for it
but I do not get the extension need it for it
You need to install the extension for it, Stylus, to use these, first before anything else
These also work perfectly fine for me, so the problem may be on your end or you missed a step. After installing Stylus for your browser, when you install a theme from a page like this
https://userstyles.world/style/8356/custom-background
make sure you also click the Install Style button on the left side of the code page.
If you're still having problems, answer:
What browser were you trying this for, before you tried for Chrome
Which theme exactly did you want to use first (also link it's page, please)
| @Shishio-kun I see, I didn't got the part I need the Stylus extension. I had to look it up myself as the link didn't do it for me. I got it now on firefox and chrome. Sorry for the inconvenience, that I didn't see that, I thought it was called something else. Thank you like always for answering my questions. I love everyone layouts and this club. |
| |
| @NightmareTala no problem, anytime 🙏 |
| Leaving this here to possibly add/update later (add covers to the anime search pages via Stylus)
@import "https://shishiohub.github.io/Covers/searchcovers.css";
#content > div > table > tbody > tr:hover .hoverinfo_trigger::after{
content: "";
display: block !important;
width: 350px;
height: 600px;
position: fixed;
top: 320px;
left: 50px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
opacity: 1;
}
#content > div > table > tbody > tr .hoverinfo_trigger::after{
opacity: 0;
}
how to use Install Stylus https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne Go to anime search, click Stylus write theme for Anime, paste in the code, done how to update I meant this for users who want to update it themselves, but you can ask me to update it when the newer anime are missing. I usually update stuff within the week once I see it here. Fuck' do I gotta be? To update it on your own (fairly easy) |
Shishio-kunMar 11, 9:14 PM
More topics from this board
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
18 |
by Shishio-kun
»»
Yesterday, 5:45 PM |
|
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1255 |
by Shishio-kun
»»
Yesterday, 11:21 AM |
|
» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )Shishio-kun - Jul 21, 2017 |
381 |
by ShaggyZE
»»
Mar 14, 8:06 AM |
|
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7892 |
by IridescentJaune
»»
Mar 11, 7:42 PM |
|
Sticky: » [ WEBSITES ~ EXTENSIONS ~ APPS ] All tools for MyAnimeListShishio-kun - Feb 8, 2023 |
48 |
by Shishio-kun
»»
Mar 2, 8:35 AM |