MAL Dark Mode #2

// ==UserScript==
// @name        MyAnimeList Dark Mode
// @description MyAnimeList Dark Mode
// @match       *://myanimelist.net/*
// @exclude     *://myanimelist.net/(animelist|mangalist)/*
// @exclude     *://myanimelist.net/ownlist/*
// @grant       none
// @namespace
// @copyright   2022, ShaggyZE (https://openuserjs.org/users/shaggyze)
// @version     0.2
// @author      ShaggyZE
// @license     MIT; https://opensource.org/licenses/MIT
// @updateURL
// @downloadURL
// ==/UserScript==

const confBackg=()=>{
    document.head.insertAdjacentHTML('beforeend', '<style>body:not(.ownlist) {background-image: none !important;}</style>'); //Remove the default background

    // Added #BA0E0A to #2a2a2a for background
    const doc0=document,gtb0=(ds)=> getComputedStyle(ds).backgroundColor.includes('186, 14, 10') && ds.style || [],stl0=(s)=>(s.backgroundColor='#2a2a2a');
    [doc0.body,doc0.documentElement].map(ds=> getComputedStyle(ds).backgroundColor.includes('186, 14, 10') && (ds.style.backgroundColor='#2a2a2a'));
    const bdt0=['a','textarea','table','td','td1','div','dl','ul','pre','li','input','select'].map(s=>doc0.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb0));
    bdt0.map(stl0);

    // Added #FFFFFF to #2a2a2a for background
    const doc=document,gtb=(ds)=> getComputedStyle(ds).backgroundColor.includes('255, 255, 255') && ds.style || [],stl=(s)=>(s.backgroundColor='#2a2a2a');
    [doc.body,doc.documentElement].map(ds=> getComputedStyle(ds).backgroundColor.includes('255, 255, 255') && (ds.style.backgroundColor='#2a2a2a'));
    const bdt=['a','textarea','table','td','td1','div','dl','ul','pre','li','input','select'].map(s=>doc.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb));
    bdt.map(stl);

    // Added #F6F6F6 to #2a2a2a for background
    const doc1=document,gtb1=(ds)=> getComputedStyle(ds).backgroundColor.includes('246, 246, 246') && ds.style || [],stl1=(s)=>(s.backgroundColor='#2a2a2a');
    [doc1.body,doc1.documentElement].map(ds=> getComputedStyle(ds).backgroundColor.includes('246, 246, 246') && (ds.style.backgroundColor='#2a2a2a'));
    const bdt1=['a','div','td','td1','li'].map(s=>doc1.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb1));
    bdt1.map(stl1);

    // Added #000000 to #FFFFFF for text
    const doc2=document,gtb2=(ds)=> getComputedStyle(ds).color.includes('0, 0, 0') && ds.style || [],stl2=(s)=>(s.color='#ffffff');
    [doc2.body,doc2.documentElement].map(ds=> getComputedStyle(ds).color.includes('0, 0, 0') && (ds.style.color='#ffffff'));
    const bdt2=['a','textarea','table','td','div','h1','h2',,'dl','ul','li','select'].map(s=>doc2.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb2));
    bdt2.map(stl2);

    // Added #1d439b to #99b0d3 for links
    const doc3=document,gtb3=(ds)=> getComputedStyle(ds).color.includes('29, 67, 155') && ds.style || [],stl3=(s)=>(s.color='#99b0d3');
    [doc3.body,doc3.documentElement].map(ds=> getComputedStyle(ds).color.includes('29, 67, 155') && (ds.style.color='#99b0d3'));
    const bdt3=['a'].map(s=>doc3.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb3));
    bdt3.map(stl3);

    // Added #2e51a2 to #333333 for footer
    const doc4=document,gtb4=(ds)=> getComputedStyle(ds).backgroundColor.includes('46, 81, 162') && ds.style || [],stl4=(s)=>(s.backgroundColor='#333333');
    [doc4.body,doc4.documentElement].map(ds=> getComputedStyle(ds).backgroundColor.includes('46, 81, 162') && (ds.style.backgroundColor='#333333'));
    const bdt4=['div'].map(s=>doc4.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb4));
    bdt4.map(stl4);

    // Added #323232 to #FFFFFF for select
    const doc5=document,gtb5=(ds)=> getComputedStyle(ds).color.includes('50, 50, 50') && ds.style || [],stl5=(s)=>(s.color='#ffffff');
    [doc5.body,doc5.documentElement].map(ds=> getComputedStyle(ds).color.includes('50, 50, 50') && (ds.style.color='#ffffff'));
    const bdt5=['a','select'].map(s=>doc5.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb5));
    bdt5.map(stl5);

    //Added #4f74c8 to #222222 for headers
    const doc6=document,gtb6=(ds)=> getComputedStyle(ds).backgroundColor.includes('79, 116, 200') && ds.style || [],stl6=(s)=>(s.backgroundColor='#222222');
    [doc6.body,doc6.documentElement].map(ds=> getComputedStyle(ds).backgroundColor.includes('79, 116, 200') && (ds.style.backgroundColor='#222222'));
    const bdt6=['div'].map(s=>doc6.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb6));
    bdt6.map(stl6);

    //Added #e1e7f5 to #222222 for headers and buttons
    const doc7=document,gtb7=(ds)=> getComputedStyle(ds).backgroundColor.includes('225, 231, 245') && ds.style || [],stl7=(s)=>(s.backgroundColor='#222222');
    [doc7.body,doc7.documentElement].map(ds=> getComputedStyle(ds).backgroundColor.includes('225, 231, 245') && (ds.style.backgroundColor='#222222'));
    const bdt7=['a','button','table','div','h1'].map(s=>doc7.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb7));
    bdt7.map(stl7);

    // Added #77777 to #FFFFFF for input
    const doc8=document,gtb8=(ds)=> getComputedStyle(ds).color.includes('119, 119, 119') && ds.style || [],stl8=(s)=>(s.color='#ffffff');
    [doc8.body,doc8.documentElement].map(ds=> getComputedStyle(ds).color.includes('119, 119, 119') && (ds.style.color='#ffffff'));
    const bdt8=['input'].map(s=>doc8.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb8));
    bdt8.map(stl8);

    // Added #00050c to #FFFFFF for text
    const doc9=document,gtb9=(ds)=> getComputedStyle(ds).color.includes('0, 5, 12') && ds.style || [],stl9=(s)=>(s.color='#ffffff');
    [doc9.body,doc9.documentElement].map(ds=> getComputedStyle(ds).color.includes('0, 5, 12') && (ds.style.color='#ffffff'));
    const bdt9=['p','label'].map(s=>doc9.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb9));
    bdt9.map(stl9);

    // Added #2e51a2 to #FFFFFF for buttons
    const doc10=document,gtb10=(ds)=> getComputedStyle(ds).color.includes('46, 81, 162') && ds.style || [],stl10=(s)=>(s.color='#ffffff');
    [doc10.body,doc10.documentElement].map(ds=> getComputedStyle(ds).color.includes('46, 81, 162') && (ds.style.color='#ffffff'));
    const bdt10=['button'].map(s=>doc10.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb10));
    bdt10.map(stl10);

    //Added #e1e7f5 to #222222 for borders
    const doc11=document,gtb11=(ds)=> getComputedStyle(ds).border.includes('225, 231, 245') && ds.style || [],stl11=(s)=>(s.border='#222222');
    [doc11.body,doc11.documentElement].map(ds=> getComputedStyle(ds).border.includes('225, 231, 245') && (ds.style.border='#222222'));
    const bdt11=['a','button','table','div','h1'].map(s=>doc7.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb11));
    bdt11.map(stl11);

    // Added #4165ba to #333333 for input
    const doc12=document,gtb12=(ds)=> getComputedStyle(ds).backgroundColor.includes('65, 101, 186') && ds.style || [],stl12=(s)=>(s.backgroundColor='#333333');
    [doc12.body,doc12.documentElement].map(ds=> getComputedStyle(ds).backgroundColor.includes('65, 101, 186') && (ds.style.backgroundColor='#333333'));
    const bdt12=['input'].map(s=>doc12.getElementsByTagName(s)).flatMap(ta=> Array.from(ta).flatMap(gtb12));
    bdt12.map(stl12);
};
   addEventListener('load',confBackg(),false);
   var item = document.getElementById("header-notification-item-list");
   item.addEventListener("mouseover", confBackg(), false);