☰

MAL Custom CSS Override - Working!!!

Replaces the anime/manga lists CSS styles on other users anime/manga lists with your own, or with an style of an user of your choice!

Version vom 22.12.2021. Aktuellste Version

// ==UserScript==
// @name        MAL Custom CSS Override - Working!!!
// @namespace   MALCSSOverRider
// @description Replaces the anime/manga lists CSS styles on other users anime/manga lists with your own, or with an style of an user of your choice!
// @version     1.0.0.5
// @match       https://myanimelist.net/animelist/*
// @match       https://myanimelist.net/mangalist/*
// @icon        https://t3.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://myanimelist.net&size=64
// @grant       GM_registerMenuCommand
// @run-at      document-end
// @grant       GM_setValue
// @grant       GM_getValue
// ==/UserScript==

var BackupedActualUserCustomListStyle = document.querySelector("#custom-css").innerText; //Create a global variable to store the user actual custom list style css codes
var BackupedActualUserListStyle = document.querySelector("style[type*='text/css']").innerText; //Create a global variable to store the user actual list style css codes

GM_registerMenuCommand("See this List Style", SeeListStyle); //Adds an option to the menu
GM_registerMenuCommand("Use this List Style!", UseThisListStyle); //Adds an option to the menu

function SeeListStyle() //Function to See the List Style
{ //Starts the function SeeListStyle
  document.querySelector("#custom-css").innerText = BackupedActualUserCustomListStyle; //Shows the actual user list custom style
  document.querySelector("style[type*='text/css']").innerText = BackupedActualUserListStyle; //Shows the actual user list style
} //Finishes the function SeeListStyle

function UseThisListStyle() //Function to Change the List Style
{ //Starts the function UseThisListStyle
  SeeListStyle(); //Show the actualy list style
  GM_setValue("Default_Custom_Style", BackupedActualUserCustomListStyle); //Store the actual custom style of the script user
  GM_setValue("Default_Style", BackupedActualUserListStyle); //Store the actual style of the script user
} //Finishes the function UseThisListStyle

document.querySelector("#custom-css").innerText = GM_getValue("Default_Custom_Style"); //Replaces the actual list custom style with the default list style that was chosen to be used to override styles
document.querySelector("style[type*='text/css']").innerText = GM_getValue("Default_Style"); //Replaces the actual list style with the default list style that was chosen to be used to override styles