MangaSee Customizations

Dark mode, recolor background, etc

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Advertisement:

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

Advertisement:

// ==UserScript==
// @name         MangaSee Customizations
// @namespace    https://greasyfork.org/en/users/748980
// @version      0.3
// @description  Dark mode, recolor background, etc
// @author       hotsno
// @match        https://mangasee123.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    var navbar = document.getElementsByClassName("navbar-nav")[0];
    var subs = document.createElement("LI");
    subs.classList.add("nav-item");
    subs.innerHTML = '<a href="/user/subscription.php" class="nav-link"> <i class="fas fa-rss"></i> Subscriptions </a>'
    console.log(subs);
    navbar.appendChild(subs);

    // To change width, change the max-width value
    let css = `

/* Custom scrollbar */

/* Width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
background: #000000;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #1a1a1a;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #212121;
}

/* Recolor background */
body, html {
    background-color: #000000 !important;
}


/* Bottom of page thingy*/
.DesktopNav {
  background: #000;
}

body, html {
    background-color: rgb(32, 35, 36) !important;
}

[class="MainContainer"] {
    background-color: #000 !important;
}
`
    // I don't know what this does but this needs to be here lol
    if (typeof GM_addStyle !== "undefined") {
      GM_addStyle(css);
    }
    else {
        let styleNode = document.createElement("style");
        styleNode.appendChild(document.createTextNode(css));
        (document.querySelector("head") || document.documentElement).appendChild(styleNode);
    }
})();