3.1 KiB
3.1 KiB
🌙 Исправление тёмной темы - Финальное
Проблемы на скриншоте:
- ❌ Кнопка "Все" (фильтр) - серая на чёрном, не видно
- ❌ Кнопка "Опубликовать" - серая на чёрном, не видно
- ❌ Кнопки режимов в поиске - не видно
✅ Решение:
1. Кнопки фильтров (Все, Furry, Anime, Other)
- Добавлена рамка
border: 1px solid - Цвет текста изменён на
var(--text-primary)(белый в тёмной теме) - Активная кнопка стала синей (
var(--button-accent))
2. Кнопка "Опубликовать"
- Цвет изменён с
var(--button-dark)наvar(--button-accent)(синий) - Теперь всегда видна (синяя в любой теме)
- Disabled состояние - серое
3. Кнопки режимов поиска (Furry, Anime, Mixed)
- Аналогично фильтрам - добавлена рамка и правильный цвет
4. Кнопка "Создать первый пост"
- Изменена на синюю
📝 Изменённые файлы:
-
frontend/src/pages/Feed.css.filter-btn- добавлена рамка, цвет текста.filter-btn.active- синий фон.btn-primary- синий фон
-
frontend/src/components/CreatePostModal.css.submit-btn- синий фон
-
frontend/src/pages/Search.css.mode-btn- добавлена рамка, цвет текста.mode-btn.active- синий фон
🎨 Теперь в тёмной теме:
Светлая тема:
- Кнопки: светло-серые с рамкой
- Активная: синяя
- Текст: тёмный
Тёмная тема:
- Кнопки: тёмно-серые с рамкой
- Активная: синяя
- Текст: белый (видно! ✅)
📤 Загрузить на сервер:
Только 3 CSS файла изменились:
# НА КОМПЬЮТЕРЕ
cd /Users/glpshchn/Desktop/nakama
scp frontend/src/pages/Feed.css root@ваш_IP:/var/www/nakama/frontend/src/pages/
scp frontend/src/components/CreatePostModal.css root@ваш_IP:/var/www/nakama/frontend/src/components/
scp frontend/src/pages/Search.css root@ваш_IP:/var/www/nakama/frontend/src/pages/
# НА СЕРВЕРЕ
ssh root@ваш_IP
cd /var/www/nakama/frontend
npm run build
# Готово! Backend НЕ нужно перезапускать
✅ После обновления:
Откройте https://nakama.glpshchn.ru в тёмной теме:
- ✅ Кнопка "Все" видна (белый текст с рамкой)
- ✅ Кнопка "Опубликовать" видна (синяя)
- ✅ Все фильтры видны
- ✅ Режимы поиска видны
- ✅ Активная кнопка синяя
Версия: v2.1.2 (Dark theme visibility fix)