Grasemonkey - Design ändern (CSS)

484
Juan_Alva

Ich brauche deine Hilfe. Ich möchte mit Grasemonkey ein Design (CSS-Code) ändern. Nur die Farben.

Diese Seite ist hell und ich möchte die hellen Farben zu dunkel ändern. Wie mache Ich das? www.cp.roleplay-gaming.net

0
Ihr Link ist schlecht. harrymc vor 6 Jahren 1
https://cp.roleplay-gaming.net Juan_Alva vor 6 Jahren 0
Entschuldigung, diese Website möchte ein Login, kann also nicht. harrymc vor 6 Jahren 0

1 Antwort auf die Frage

0
John P.

Ich bin nicht sehr vertraut mit Greasemonkey, aber es scheint, dass Sie ein Benutzerskript hinzufügen können, um einige Basis-CSS zu überschreiben.

Der folgende Code würde beispielsweise die Hintergrundfarbe auf der Anmeldeseite der oben geteilten Site in eine dunkle Farbe umwandeln. Der Fang? Es funktioniert nur bei Greasemonkey Version <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 */ ` );

Bei Greasemonkey> Version 4 sieht diese Funktion jedoch aus. Stattdessen müssen Sie Javascript verwenden, wie dieses:

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

Fügen Sie in beiden Fällen die gewünschten Stile hinzu und speichern Sie diese Datei als darker.user.js. Befolgen Sie anschließend die Anweisungen unter https://wiki.greasespot.net/Greasemonkey_Manual:Installing_Scripts zur Installation. Genießen!

Verwandte Probleme