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

374
Juan_Alva

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

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

0
Ваша ссылка плохая. harrymc 6 лет назад 1
https://cp.roleplay-gaming.net Juan_Alva 6 лет назад 0
Извините, этот сайт хочет войти в систему, поэтому не может сделать. harrymc 6 лет назад 0

1 ответ на вопрос

0
John P.

Я не очень знаком с 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 для установки. Наслаждайтесь!

Похожие вопросы