Grasemonkey - Изменить дизайн (CSS)

Question

Мне нужна ваша помощь. Я хочу изменить с Grasemonkey дизайн (код CSS). Только цвета.

Эта страница светлая, и я хочу изменить светлые цвета на темные. Как мне это сделать? www.cp.roleplay-gaming.net

Answer 1

Я не очень знаком с Greasemonkey, но, похоже, вы можете добавить пользовательский скрипт для переопределения базового CSS.

Например, приведенный ниже код изменит цвет фона на темный на странице входа на сайте, которым вы поделились выше. Подвох? Работает только на версии Greasemonkey <4.

// ==UserScript==
// @name     _Override default styles, turn light to dark
// @include /https?\:\/\/([a-z\.]*\.)?cp.roleplay-gaming\.net\/.*/
// @grant    GM_addStyle
// ==/UserScript==

GM_addStyle ( `
    body {
        background-color: #222;
    }
    .loginColumns .row div:nth-child(2){
        color: white;
    }
    /* add other CSS here */
` );

Для Greasemonkey> версии 4 похоже, что эта функция не работает. Так что вместо этого вам придется использовать некоторый JavaScript, например так:

// ==UserScript==
// @name     _Override default styles, turn light to dark
// @include /https?\:\/\/([a-z\.]*\.)?cp.roleplay-gaming\.net\/.*/
// ==/UserScript==

function GM_addStyle(cssStr){

    var n = document.createElement('style');
    n.type = "text/css";
    n.innerHTML = cssStr;
    document.getElementsByTagName('head')[0].appendChild(n);

}

GM_addStyle("
    body {
        background-color: #222;
    }
    .loginColumns .row div:nth-child(2){
        color: white;
    }
");

В любом случае добавьте нужные стили, затем сохраните этот файл как darker.user.js . Далее следуйте инструкциям на https://wiki.greasespot.net/Greasemonkey_Manual:Install_Scripts для установки. Наслаждайтесь!