[Форум] Цветные темы

[Charkos0ff]

Доступные темы:

• Зелёная: https://userstyles.world/style/2899/vimeworld-forum-dark-green
• Оранжевая: https://userstyles.world/style/2900/vimeworld-forum-dark-orange
• Фиолетовая: https://userstyles.world/style/2903/vimeworld-forum-dark-violet
• Красная: https://userstyles.world/style/2902/vimeworld-forum-dark-red
• Светло-розовая: https://userstyles.world/style/2901/vimeworld-forum-white-pink
• Тёмно-розовая: https://userstyles.world/style/8976/vimeworld-forum-dark-pink

Также можно установить светлую тему локально (чтобы на разных устройствах стояли разные темы, например: на телефоне тёмная, а на пк светлая): https://userstyles.world/style/5751/fake-light-theme

Установка:

1. Загружаем дополнение Stylus ( Firefox |  Chrome). Для  Safari можно использовать Cascadea
2. Нажимаем на необходимую тему в списке выше, ищем кнопку "Install"
3. Кликаем на "Установить стиль"
   Скрытый текст

   

4. Если устанавливаемая тема - не светлая розовая, выбираем темную тему форума снизу в "Стиль"

ChangeLog:

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

1.0.0:

• Созданы все темы

1.0.1:

• Удалена желтая тема
• Ссылки теперь окрашиваются в цвет темы
• Прямоугольник под баннером профиля теперь окрашивается в цвет темы (в розовой ещё и вкладки)

1.0.2:

• Заменены иконки форума ( спасибо @Rander_ и @asawas )

1.0.3:

• Розовая тема: исправление багов, перекраска положительной репутации и голубых кнопочек в розовый

1.1.0:

• Стили перенесены на переменные
• Добавлена тёмная розовая тема
• Удалена синяя тема

 

Изменено 19 марта 2023 пользователем Charkos0ff
1.1.0

[Гость]

лучшiй

[Stylesheet]

Некоторые элементы ты не изменял, я так понимаю

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

К примеру кнопка "Подписаться"

Или упоминание игрока

Их достаточно много, на самом деле, поэтому если нужно - могу показать в ЛС

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

[Charkos0ff]

47 минут назад, Stylesheet сказал:

Некоторые элементы ты не изменял, я так понимаю

  Скрыть содержимое

К примеру кнопка "Подписаться"

Или упоминание игрока

Их достаточно много, на самом деле, поэтому если нужно - могу показать в ЛС

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

Не знаю, стоит ли их изменять, так как, например, при упоминании - синий используется как выделение ссылки. Но в любом случае спасибо, местами действительно упустил элементы

[M0NeTKa]

Темы класс, автор котик, ставлю лайк

[RyfixRPG2]

красавец, согласен с комментарием выше

[AlesteZ]

5 часов назад, Charkos0ff сказал:

Не знаю, стоит ли их изменять, так как, например, при упоминании - синий используется как выделение ссылки. Но в любом случае спасибо, местами действительно упустил элементы

Думаю, что стоит
Розовая топ 

[Kydze]

чаркос харош

[makhaon]

Идея классная, лайк

[Niflheim]

Розовая просто нереальная
 

Изменено 23 января 2022 пользователем Niflheim

[IcedBlood]

Розовая и зелёная прям топ. 

[Rander_]

Ура, теперь я с розовой темой и чувствую себя уверенней

[Rander_]

Если захочешь поменять логотипы в этих темах(я так понимаю, что их придется загружать на какие-то отдельные хостинги), то держи. Сделал все их в соответствии цветов тем. Там в png и webp.(Не знаю какой формат тебе конкретно понадобится)
https://drive.google.com/drive/folders/1n-IG4neiIfQOWhq2Jl5Hw_tcd_gIEnkQ?usp=sharing

P.S. Достаточно png загрузить на imgur и с имгура их загружать для темы.

Изменено 23 января 2022 пользователем Rander_

[JamIkills]

Спасибо 

[Teufel]

Это очень круто и полезно. Жаль, что с телефона поставить нельзя :( А то в основном с него на форуме сижу. Я бы поставила фиолетовый)

[Charkos0ff]

1.0.1:

• Удалена желтая тема
• Ссылки теперь окрашиваются в цвет темы
• Прямоугольник под баннером профиля теперь окрашивается в цвет темы (в розовой ещё и вкладки)

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

 

Но лого форума не может быть корректно изменено через CSS, так как указывается в свойстве src, доступ к которому стили не имеют :c

Изменено 28 января 2022 пользователем Charkos0ff

[asawas]

2 часа назад, Charkos0ff сказал:

Но лого форума не может быть корректно изменено через CSS, так как указывается в свойстве src, доступ к которому стили не имеют :c

 

img[alt="VimeWorld - Форум"] {
  content: url(https://i.imgur.com/uNdB01f.png);
  pointer-events: none; /* по желанию (чтобы убрать "открыть в новой вкладке картинку") */
}

Изменено 28 января 2022 пользователем asawas

[Charkos0ff]

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

 

img[alt="VimeWorld - Форум"] {
  content: url(https://i.imgur.com/uNdB01f.png);
  pointer-events: none; /* по желанию (чтобы убрать "открыть в новой вкладке картинку") */
}

А, благодарю. Гугл и ещё один знакомый - говорили, что так не выйдет

[asawas]

2 часа назад, Charkos0ff сказал:

А, благодарю. Гугл и ещё один знакомый - говорили, что так не выйдет

вроде бы в файрфоксе такое решение не работает, проверить не могу

 

в остальных браузерах работает

[Charkos0ff]

1.0.2:

• Заменены иконки форума ( спасибо @Rander_ и @asawas)

[Rander_]

Ура ура

[M0NeTKa]

Накидал SVG'шку логотипа. Кому нужен - забирайте, творите.
*click* (Google Disk)

[Charkos0ff]

1.0.3:

• Розовая тема: исправление багов, перекраска положительной репутации и голубых кнопочек в розовый

[vibe]

В розовой теме (не знаю как обстоят дела с остальными, потому что не юзаю их) надпись "Непрочитанные ответы" по-прежнему синяя.

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

[Stylesheet]

Т.к. я очень часто работаю с несколькими окнами одновременно, я заметила ещё одну штучку - при изменении размера окна браузера, цвет одного элемента меняется на голубой (см. спойлер) . Это связанно с частью кода, который предназначен для адаптивности сайта под разные разрешения экрана.

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

Добавь в стиль этот код. То же самое нужно будет проделать и с другими темами (желательно), хотя я думаю, что не так много людей будут изменять размеры окна браузера.

#elMobileNav {
    background: rgb(230, 178, 190);
}