Grasemonkey - Mudar Design (CSS)

Question

eu preciso da sua ajuda. Eu quero mudar com Grasemonkey um Design (código CSS). Apenas as cores.

Esta página é leve e eu quero mudar as cores da luz para o escuro. Como eu faço isso? www.cp.roleplay-gaming.net

    

Answer 1

Não estou muito familiarizado com o Greasemonkey, mas parece que você pode adicionar um script de usuário para substituir alguns CSS básicos.

O código abaixo, por exemplo, mudaria a cor do plano de fundo para uma cor escura na página de login no site que você compartilhou acima. A pegada? Ele só funciona na versão 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 */
' );

Para Greasemonkey > versão 4, parece que esta função quebrou, no entanto. Então, em vez disso, você terá que usar algum javascript, como este:

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

Em qualquer abordagem, adicione os estilos desejados e salve esse arquivo como darker.user.js . Em seguida, siga as instruções no link para instalar. Aproveite!