☰

xMegaDrive Dark Theme

Dark theme for xMegaDrive with sponsor ads removed

スクリプトをインストールするには、Tampermonkey, Greasemonkey や Violentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、 Tampermonkey や Violentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、Tampermonkey や Violentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、Tampermonkey や Userscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください
// ==UserScript==
// @name         xMegaDrive Dark Theme
// @namespace    https://greasyfork.org/users/OlegAss
// @version      1.0
// @description  Dark theme for xMegaDrive with sponsor ads removed
// @author       Oleg Ass
// @match        *://*.xmegadrive.com/*
// @grant        GM_addStyle
// @run-at       document-start
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(`
        body, html {
            background: #121212 !important;
            color: #e0e0e0 !important;
        }

        .sponsor {
            display: none !important;
        }

        .top-links, .container, .header, nav, .navigation, .footer, .footer-wrap, .footer-margin {
            background-color: #181818 !important;
            border-color: #333333 !important;
            background-image: none !important;
        }

        .header .logo img {
            filter: invert(1) hue-rotate(180deg) brightness(1.2) !important;
        }

        .primary, .secondary, .member-links ul {
            background-color: #181818 !important;
        }

        .content, .box, .tab-content, .block-video, .video-info, .info-holder, .block-details, .block-user, .related-videos, .list-comments, .block-new-comment {
            background-color: #1e1e1e !important;
            border-color: #333333 !important;
            color: #cccccc !important;
        }

        .block-details .info .item, .info .item {
            color: #cccccc !important;
        }

        .headline h1, .title, h1, h2, h3, h4, strong {
            color: #ffffff !important;
        }

        a {
            color: #5dade2 !important;
        }
        a:hover {
            color: #85c1e9 !important;
        }

        .info .item a {
            background-color: #2a2a2a !important;
            border: 1px solid #444 !important;
            color: #85c1e9 !important;
            padding: 2px 6px;
            border-radius: 3px;
        }
        .info .item a:hover {
            background-color: #3a3a3a !important;
        }

        .list-videos .item {
            background-color: #242424 !important;
            border: 1px solid #3a3a3a !important;
            border-radius: 4px;
        }
        .item .duration, .item .views, .item .added {
            color: #aaaaaa !important;
        }

        .tabs-menu ul li a, .submit, .button, .textfield, .textarea, input[type="text"], .search-text input {
            background-color: #2a2a2a !important;
            color: #ffffff !important;
            border: 1px solid #444444 !important;
        }
        .tabs-menu ul li a:hover, .submit:hover, .button:hover {
            background-color: #3a3a3a !important;
        }

        .tabs-menu ul li a.active {
            background-color: #1e1e1e !important;
            border-bottom-color: #1e1e1e !important;
            color: #5dade2 !important;
        }

        #ageverify .popup-holder, .fancybox-inner {
            background-color: #1e1e1e !important;
            color: #e0e0e0 !important;
            border: 1px solid #444 !important;
        }

        .rating-container, .btn-favourites, .tabs-menu {
            border-color: #333333 !important;
        }
        .info .item em {
            color: #bbbbbb !important;
        }

        .search-button {
            color: #fff !important;
            background-color: #333 !important;
        }
    `);
})();