Перейти к содержимому
RU
Играть

Форум

Кастомная темная тема для форума


Fizzika

Рекомендованные сообщения

В качестве костыля сделал темную "тему" для форума. Меняется фон менюшек, редактора, фона, текста.

 

Для применения вам нужен блокировщик рекламы Ublock Origin для браузера или специальное расширение для браузера для кастомных css (например, User JavaScript and CSS в магазине хрома)

 

Установка для Ublock Origin:

Spoiler

Ik7sAZV.png

MaaCgGM.png

 

Код:




!! Темная тема для ru.tankiforum.com, by Fizzika
! Цвет заднего фона
ru.tankiforum.com##.ipsBox:style(background: #2b2e38 !important) 
! Цвет сообщений в теме
ru.tankiforum.com##.background-alpha:style(background: #20232e !important)
! Цвет модальных окон (например, когда жмешь кнопку "вставить url в редакторе")
ru.tankiforum.com##.ipsDialog>div:style(background: #2b2e38 !important)
! Цвет выпадающего меню (например, когда жмешь по своему профилю)
ru.tankiforum.com##.ipsMenu:style(background: #2b2e38 !important)
! Цвет сообщений в профиле игрока
ru.tankiforum.com##.ipsStreamItem_contentBlock:not(.ipsBox):style(background: #373943 !important)
! Цвет текста сообщений 
ru.tankiforum.com##.ipsType_richText.ipsContained:style(color: #eaebe9 !important)
! Бейдж модераторов
ru.tankiforum.com##.cAuthorPane_badge:style(background: #badfff !important)

 

 

Установка для User Javascript and CSS:

Spoiler

LBmTGtj.png

aPdhTzt.png

EcMqLyH.png

 

Код для темной темы:



.ipsBox {background: #2b2e38 !important;}
.background-alpha {background: #20232e !important}
.ipsDialog>div {background: #2b2e38 !important}
.ipsMenu{background: #2b2e38 !important}
.ipsStreamItem_contentBlock:not(.ipsBox) {background: #373943 !important}
.ipsType_richText.ipsContained{color: #eaebe9 !important}
.cAuthorPane_badge{background: #BADFFF !important}

 

 

 

Получаем темный форум :cool:

Spoiler

sg991hx.png

 

eqFP8OL.png

 

mjhUDUV.png

 

wh3ATfY.png

 

mmQgnRk.png

 

fyQ9pNh.png

 

P.S. И да, я не выдержал, мне все-таки не плевать.

 

Изменено пользователем Fizzika
Стили для бейджей
  • Нравится 10
  • Спасибо 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Если есть какие-то пожелания по цветам, пишите, может слишком контрастно получилось (я так-то не дизайнер)

  • Нравится 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

8 минут назад, Fizzika сказал:

Добавляем следующие строки

Спасибо, конечно, добрая душа! Но нифига себе набить нужно изменений...

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Just now, cons62 said:

Спасибо, конечно, добрая душа! Но нифига себе набить нужно изменений...

Ну, буфер обмена все стерпит)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

34560c8fef3b.jpg

c781f04834e4.jpg

2d3231ecf025.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

В 28.07.2021 в 15:21, Fizzika сказал:

 

 

А как сменить белый (--color-white) цвет на #e6e6e6 ? (как на en форуме)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

7 minutes ago, Serene said:

А как сменить белый (--color-white) цвет на #e6e6e6 ? (как на en форуме)

Ты про цвет текста?

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Люди, вам делать нефиг?

Новая тема вполне норм, какие расширения, не страдайте фигней

xD

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

10 minutes ago, Serene said:

Ага, про него

Вот в этой строчке назначается)

ru.tankiforum.com##.ipsType_richText.ipsContained:style(color: #eaebe9 !important)

Я #eaebe9 использую (фз даже откуда я его утащил)

 

А на англ форуме у меня кст #fff у текста сообщений стоит, я поэтому и заменил его на чуть менее контрасный :rolleyes:

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

14 минуты назад, Fizzika сказал:

Вот в этой строчке назначается)

Окей, значит я не про него ))

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

MGMnLjm.png

вот про этот, на главной странице

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

24 minutes ago, Serene said:

вот про этот, на главной странице

В заголовках на главной вместо --color-white используется --theme-link (который тоже полностью белый).

 

Adblock

ru.tankiforum.com##:root:style(--color-white: #e6e6e6 !important; --theme-link: #e6e6e6 !important)

 

UserCss

:root {
	--color-white: #e6e6e6 !important;
	--theme-link: #e6e6e6 !important;
}

 

Ну или пройтись руками по селекторам

Spoiler

! Имя автора
ru.tankiforum.com##.ips_author>a:style(color: #e6e6e6 !important)
! Ссылки на главной
ru.tankiforum.com##.ipsDataItem_title>a:style(color: #e6e6e6 !important)

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

25 минут назад, Fizzika сказал:

 

По моему, эта штука не сработала %) (в User CSS)

точнее поменялись ники авторов, а --theme-link: #e6e6e6 никакого эффекта вообще не возымел

Ну и линтер почему-то красным всё это подсвечивает

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

7 минут назад, Serene сказал:

По моему

Тебе надо поменять цвет этого текста? я правильно понял? 

4f8e3e2988fb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

22 minutes ago, Serene said:

точнее поменялись ники авторов, а --theme-link: #e6e6e6 никакого эффекта вообще не возымел

А, я ошибся, там цвет через rgb(var(--theme-link)) получается, поэтому hex некорректно указывать, надо указывать тройку чисел))

 

:root {
	--color-white: #e6e6e6 !important;
	--theme-link: 240,240,240 !important;
}

 

В крайнем случае можно и простым селектором, он точно должен сработать

Spoiler


.ipsDataItem_title>a {
	color: #e6e6e6 !important;
}

 

 

22 minutes ago, Serene said:

Ну и линтер почему-то красным всё это подсвечивает

У меня тоже ругается) Походу он не умеет в определение css-переменных, и думает что они несуществующие css свойства.

Или он не умеет в псевдокласс :root

Изменено пользователем Fizzika

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

13 минуты назад, Fizzika сказал:

А, я ошибся, там цвет через rgb(var(--theme-link)) получается, поэтому hex некорректно указывать, надо указывать тройку чисел))

Похоже, так оно работает, спасибо )

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

https://i.imgur.com/bvScndo.png

 

Я ещё попапы со списка пользователей в юблок с удалением темы поправил и поиск, которые у тебя пока остались серыми. И кислотно-зелёные кнопки потемнее сделал.

 

Если хочется совсем заморочиться с цветами, можно почитать гайд по тёмной теме в material design от гугла. Или поискать готовые dark theme color palettes. Классно, что выложил стили.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

1 час назад, Green сказал:

Я ещё попапы со списка пользователей в юблок с удалением темы поправил и поиск, которые у тебя пока остались серыми. И кислотно-зелёные кнопки потемнее сделал.

Зашёл похвастаться? ;D 

1 час назад, Green сказал:

Если хочется совсем заморочиться с цветами, можно почитать гайд по тёмной теме в material design от гугла

Цвета взяты с темной темы en форума?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

5 hours ago, Green said:

Я ещё попапы со списка пользователей в юблок с удалением темы поправил и поиск, которые у тебя пока остались серыми. И кислотно-зелёные кнопки потемнее сделал.

Выложи патч, будь добр)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Всё это очень весело, только в ЕN форуме как бы уже есть тема с темными цветами. Или это такие разные форумы, что функционал нельзя использовать на обе версии, м?

  • Нравится 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Думаю, кто хотел, тот поставил себе темную тему.

 

Перенес топик в более подходящее место.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Констатирую, что за более чем три месяца официальными лицами не было сделано НИЧЕГО, чтобы вернуть темную тему на форум.

Притом что это дело пары часов.

 

Но Хомяк нам опять будет травить какие-то смешные байки про отдел дизайна (дизайн уже есть на ен-форуме), специальные официальные расширения (где они кстати), и про то, как он хочет пообщаться с форумчанами насчет состояния форума (все его желание куда-то исчезло, как только буча утихла).

Spoiler

cBGtjLp.png

 

  • Нравится 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Пожалуйста, войдите для комментирования

Вы сможете оставить комментарий после входа



Войти сейчас
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу

×
×
  • Создать...