xMegaDrive Dark Theme

Dark theme for xMegaDrive with sponsor ads removed

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

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

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==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;
        }
    `);
})();