AgeraPvP Animated — улучшение форума

[Shald0N]

AgeraPvP Animated
тема для форума с современным дизайном и анимациями

Особенности​

• Тёмная палитра — три варианта тёмной темы придадут форуму свежий вид.
• Анимации — плавные переходы, fade-эффекты и микроанимации делают интерфейс приятнее.
• Без границ — размытие элементов и отключение обводки дают чистый современный вид.
• Кастомные цвета — смена акцента мгновенно меняет главные цвета форума, включая категории, кнопки и иконки разделов.
• Полная стилизация — охвачены все страницы: главная, список тем, треды, профили, участники.

Как установить​

1. Установите расширение Stylus для вашего браузера (Firefox / Chrome).
2. Установите тему: AgeraPvP Animated (нажмите кнопку Install).
3. Готово — тема применяется автоматически при заходе на форум.

Как настроить​

На сайте форума нажмите иконку расширения Stylus и выберите значок шестерёнки напротив AgeraPvP Animated. Там можно менять тему, акцентный цвет, градиенты, анимации и многое другое.

Спойлер: Настройки

• Внешний вид — размытие меню/панелей, скругление краёв, отключение обводки, выбор темы (тёмная / ночная / стандарт).
• Анимации — лого, плавная загрузка, разделы форума, список тем, переливающиеся элементы, маркированные списки.
• Цвета — акцентный цвет, контраст, цвет меню с размытием, обводка, два цвета градиента.
• Прочее — сила размытия меню и панелей, цветовой сдвиг логотипа.

Важно: некоторые настройки меняют вид одних и тех же элементов и не работают одновременно — например, смена акцента и переливающиеся элементы дадут конфликт на кнопках.

Вопросы и ответы​

Q: Как обновлять тему?
A: Stylus обычно проверяет обновления каждые 24 часа. Если автообновление не работает — делайте ручную проверку через меню расширения.

Q: Нашёл баг / проблему — что делать?
A: Напишите в эту тему с описанием проблемы и скриншотом.

Q: Можешь сделать тему для другого сайта?
A: Да, но не бесплатно.

 

[Lyriz_YT]

W

 

[GoodLuckEveryone]

Хорош

 

[Shald0N]

AgeraPvP Animated v2.0
Масштабное обновление — что нового​

Changelog v1.0 → v2.0​

Новые эффекты​

• Holographic Shimmer — голографический эффект скольжения по разделам и темам.
• Volumetric Glow — объёмное свечение (4 уровня интенсивности) для кнопок и меток.
• Noise Texture — текстура зерна для блоков и меню, создающая эффект глубины.
• Breathing Glow — плавная пульсация для непрочитанных тем и уведомлений.
• Glassmorphism — эффекты матового стекла с backdrop-filter для оверлеев.
• Анимированные градиенты — динамические границы и hover-эффекты.

Новые настройки​

• Режим острых граней — отключение всех скруглений (Full Sharp).
• Второй акцентный цвет — создание градиентов (Accent A + Accent B).
• Цвета опасности и успеха — отдельные настройки для Danger и Success элементов.
• Оттенок стекла — кастомизация цвета для Glassmorphism эффектов.
• Размытие боковушки сообщений — отдельный Blur для панели информации об авторе.

Новые темы​

Hyperspace Electric Violet + Cyan fusion

Ember Тёплая оранжевая палитра

Abyss
Чистый grayscale

* Тема "Стандарт" удалена и заменена новыми вариантами.​

Улучшения дизайна и типографики​

• Шрифты — Outfit для заголовков, DM Sans для основного текста.
• Палитра — расширена до 6 уровней фона и 5 уровней текста.
• Тени — Volumetric Shadows (5 уровней глубины).
• Интерфейс — улучшен letter-spacing и размеры шрифтов для читаемости.

Изменения элементов​

• Навигация — полупрозрачный фон, вес шрифта 600, новые hover-состояния.
• Категории — Radial Gradient overlay и uppercase заголовки.
• Иконки — увеличены до 24px, добавлен эффект scale и rotate при наведении.
• Кнопки и Метки — полная переработка, анимированные градиенты, увеличенные отступы.

Технические данные​

• Оптимизация — единые CSS-переменные для анимаций, поддержка prefers-reduced-motion.
• Код — объем увеличен с 530 до 1850 строк.
• Совместимость — Chrome 111+, Firefox 113+, Safari 16.2+ (из-за color-mix).

Как обновить​

Stylus проверит обновления автоматически. Для принудительного обновления: откройте Stylus → «Проверить обновления».

Важно: Некоторые опции были переименованы. После установки v2.0 рекомендуется зайти в настройки и проверить свои пресеты.

Обратная связь​

v2.0 — это глобальный реврайт кода. Если вы обнаружили баги или проблемы с версткой — отпишитесь в этой теме, прикрепив скриншот и указав ваш браузер.

Известные ограничения:

• Эффекты Shimmer и Breathing Glow могут нагружать слабые системы (отключаемо).
• Требуется современный браузер с поддержкой современных CSS-функций.

 

[Shald0N]

Залил фикс dropdown и добавил на них красивый блюр

 

[GoodLuckEveryone]

Залил фикс dropdown и добавил на них красивый блюр

Посмотреть вложение 1733Посмотреть вложение 1734Посмотреть вложение 1735

Ооо меня добавили в оповещения)

 

[Fastrakuzbek]

Продвигаю)