Как отредактировать цвет текста в редакторе?

addon · №1

Как отредактировать цвет текста в редакторе? Ибо очень светлый, почти не видно..

turbot · №2

Какой редактор? Если речь про тот, что в "Инструментах разработчика", то можно выбрать темную тему в их настройках - будет гораздо контрастнее. Либо стилем:

скрытый текст

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("chrome://browser/content/devtools/.*"){
.theme-comment,
.cm-s-mozilla .cm-meta,
.cm-s-mozilla .cm-hr,
.cm-s-mozilla .cm-comment,
.variable-or-property .token-undefined,
.variable-or-property .token-null { /* grey */
  color: #5c6773!important;
}
.ruleview-selector-separator, .ruleview-selector-unmatched {
  color: #888!important;
}
.theme-fg-color1,
.cm-s-mozilla .cm-number,
.variable-or-property .token-number,
.variable-or-property[return] > .title > .name,
.variable-or-property[scope] > .title > .name { /* green */
  color: #5c9966!important;
}
.theme-fg-color2,
.cm-s-mozilla .cm-attribute,
.cm-s-mozilla .cm-variable,
.cm-s-mozilla .cm-def,
.cm-s-mozilla .cm-property,
.cm-s-mozilla .cm-qualifier,
.variables-view-variable > .title > .name { /* blue */
  color: #3689b2!important;
}
.theme-fg-color3,
.cm-s-mozilla .cm-builtin,
.cm-s-mozilla .cm-tag,
.cm-s-mozilla .cm-header,
.variables-view-property > .title > .name { /* pink/lavender */
  color: #a673bf!important;
}
.theme-fg-color4 { /* purple/violet */
  color: #6270b2!important;
}

.theme-fg-color5,
.cm-s-mozilla .cm-bracket,
.cm-s-mozilla .cm-keyword { /* Yellow */
  color: #a18650!important;
}

.theme-fg-color6,
.cm-s-mozilla .cm-string,
.cm-s-mozilla .cm-string-2,
.variable-or-property .token-string,
.CodeMirror-Tern-farg { /* Orange */
  color: #b26b47!important;
}

.theme-fg-color7,
.cm-s-mozilla .cm-atom,
.cm-s-mozilla .cm-quote,
.cm-s-mozilla .cm-error,
.variable-or-property .token-boolean,
.variable-or-property .token-domnode,
.variable-or-property[exception] > .title > .name { /* Red */
  color: #bf5656!important;
}
}

- цвета стоят дефолтные, подбирайте свои. Класть либо в userChrome.css, либо в Stylish. Если в последний, то лучше замените

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("chrome://browser/content/devtools/.*"){

вначале, на

Выделить код

Код:

/*AGENT_SHEET*/

и уберите последнюю закрывающую скобку в конце - тогда стиль и в редакторе самого Stylish'a будет работать.

Отредактировано turbot (15-11-2014 22:55:10)

addon · №3

На сайте samsung-fun.ru когда пишу сообщение, вот тот текст

turbot · №4

О как!.. Ну да, телепаты должны были сразу догадаться.
Если цвета там не дефолтные (черный на белом), то это стиль сайта. Пишите свой: открываете инспектор, жмякаете на кнопку выбрать элемент (первая верхняя), наводите и кликаете на нужном, ищите правило которое меняет дефолтный color (цвет текста) и (если нужно) background-color (цвет фона):

, и пишите свое, типа:

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("samsung-fun.ru") {
textarea {
color: rgb(0, 0, 0) !important;
background-color: rgb(255, 255, 255)  !important;
}
}

(можете прямо в нем заменить textarea на id нужного элемента) Затем вставляете в Stylish, либо в файл userContent.css (в папке профиля браузера создаете папку chrome, и в ней этот файл).

Отредактировано turbot (15-11-2014 23:26:58)

Полезная информация

№115-11-2014 21:50:14