Мой фикс тем оформления пикабу

Всё началось с того, что моего внутреннего перфекциониста очень раздражал яркий зеленый прямоугольник вверху страницы, который не меняет свой цвет даже при включении ночной темы и изменении цветов оформления.


Поэтому я написал одну строку кода, которая исправляет это недоразумение


До:

Мой фикс тем оформления пикабу Фикс, Пикабу, Скрипт, Tampermonkey, Greasemonkey, Userscript

После:

Мой фикс тем оформления пикабу Фикс, Пикабу, Скрипт, Tampermonkey, Greasemonkey, Userscript
Мой фикс тем оформления пикабу Фикс, Пикабу, Скрипт, Tampermonkey, Greasemonkey, Userscript

Для работы требуется расширение Tampermonkey или любое другое с похожим функционалом

Установить скрипт: https://openuserjs.org/scripts/max3/Pikabu_header_fix


Та самая строка:

document.getElementsByClassName('header__inner')[0].style.backgroundColor = 'var(--color--button_success__bg)'

PS

Как выяснилось, проблема проявляется не у всех, но я надеюсь, данный фикс поможет тем, кто столкнулся с ней.

Вы смотрите срез комментариев. Показать все
0
Автор поста оценил этот комментарий

Как добавить это скрипт в Stylus?

раскрыть ветку (3)
0
Автор поста оценил этот комментарий

Stylus для css стилей, а это js скрипт, попробуйте установить через Tampermonkey или Greasemonkey.

К сожалению невозможно исправить эту проблему обычным стилем из-за логики работы сайта.

раскрыть ветку (2)
0
Автор поста оценил этот комментарий

На то время юзерстиль был бы такой

/* ==UserStyle==
@name Pikabu.ru Header Recolor
@namespace Comicslate.org
@version 2023.6.1
@license CC-BY-NC-SA-4.0
@author Rainbow-Spike
==/UserStyle== */

@-moz-document domain("pikabu.ru") {
   .header__inner {
      background-color: var(--color--button_success__bg);
   }
}

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

но сейчас нода заголовка уже не _inner, а _main, и этот вар демонтирован, так что правило лучше выразить прямыми цветами

   .header__main {
      /* синий */
      background-color: #095c79;

      /* фиолетовый */
      /*
      background-color: #a5759d;
      */
   }
Вы смотрите срез комментариев. Чтобы написать комментарий, перейдите к общему списку