Opera: как поменять шрифт и цвет сообщений в Reddit?

Question

[Нерон Лордов]

Этот жуткий серый мыльный текст просто невозможно читать. Я согласен на чёрный ариал, только как его туда запузырить?

* * *


* * *
UPD Спасибо hzzzzl ; посмотрите какая красота получилась и делайте себе так же:



* * *

Answer 1

[hzzzzl]

https://chrome.google.com/webstore/detail/styler-c...

(в оперу можно добавлять расширения хрома)

Comments

[Нерон Лордов]

ооок. А дальше что с этой пустотой делать?

[hzzzzl]

ну как, в цсс вставить :D

p {
  color: black !important;
	font-family: Arial !important
}

а какой вообще субреддит? я сейчас открыл, у меня черный шрифт везде, а не серый

[Нерон Лордов]

hzzzzl, просто весь реддит.

Вот ты, чувак, меня заморочил! Ненавижу кодить, но пришлось вспомнить кое-что. Вставил в итоге такой код:

p {
  color: black !important;
  font-family: Montserrat !important;
	font-weight: 500 !important;
	font-size: 14px	 !important;
	line-height: 24px !important;
	margin: 8px !important;
}

button {
  color: #BDBDBD !important;
  font-family: Montserrat !important;
	font-weight: 400 !important;
	font-size: 11px	 !important;
}

i {
	color: #E0E0E0 !important;
}

Хотел Roboto вместо Montserrat, но он почему-то не срабатывает.

Кстати, а почему надо указывать !Important в конце строки? Что это такое вообще?

Результат кода ниже:

[Нерон Лордов]

hzzzzl, вот как выглядит в жизни (надеюсь тостер поддерживает анимированные гифки):

* * *


Реддиту явно не хватает руки толкового дизайнера, толку от его редизайна ноль.

[hzzzzl]

почему надо указывать !Important в конце строки? Что это такое вообще?

а да просто там у каждого параграфа указан свой уникальный css-класс, ну и поэтому у стилей класса больший приоритет чем просто у "p {}", который мы пишем в экстеншене

[Нерон Лордов]

hzzzzl, а как указывать конкретный класс определённого тэга? Чукча не кодер - так, мимо крокодил)

[hzzzzl]

ну вообще p.className {} например, или просто .classname {} , но с реддитом не получится - у них эти имена классов при рендере страницы рандомно генерируются, судя по всему

[Нерон Лордов]

hzzzzl, ой как жаль. Да, я смотрю у них какая-то белиберда в именах классов. Нах так делать вообще?)

Но это ладно. Мне теперь интересно, а помимо !important есть еще какие-то суффиксы полезные? Я тут просто чем дальше в лес тем больше добавляю кода для реддита)

[Нерон Лордов]

hzzzzl, а как быть, если текст преобразован через div с классом, внутри которого "голые" теги без классов?

* * *



* * *

Дело в том, что если писать !important - то изменениям подвергаются слишком много элементов.

Это я уже над vc.ru химичу =)

[Нерон Лордов]

hzzzzl, и почему всё таки Roboto не ставится? В системе он установлен (установил повторно), не пойму что не так

[hzzzzl]

вот я не знаю, может быть браузер не умеет читать установленные на системе шрифты..
с кавычками типа font-family: 'Roboto' !important или "Roboto" тоже вроде не работает?

ну а комбинировать вложенность можно типа

.b-article h2 {}
.b-article p {}