2025-11-03 21:08:11 +00:00
|
|
|
|
# 🌙 Исправление тёмной темы - Финальное
|
|
|
|
|
|
|
|
|
|
|
|
## Проблемы на скриншоте:
|
|
|
|
|
|
|
|
|
|
|
|
1. ❌ Кнопка "Все" (фильтр) - серая на чёрном, не видно
|
|
|
|
|
|
2. ❌ Кнопка "Опубликовать" - серая на чёрном, не видно
|
|
|
|
|
|
3. ❌ Кнопки режимов в поиске - не видно
|
|
|
|
|
|
|
|
|
|
|
|
## ✅ Решение:
|
|
|
|
|
|
|
|
|
|
|
|
### 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. Кнопка "Создать первый пост"
|
|
|
|
|
|
- Изменена на синюю
|
|
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
|
|
## 📝 Изменённые файлы:
|
|
|
|
|
|
|
|
|
|
|
|
1. `frontend/src/pages/Feed.css`
|
|
|
|
|
|
- `.filter-btn` - добавлена рамка, цвет текста
|
|
|
|
|
|
- `.filter-btn.active` - синий фон
|
|
|
|
|
|
- `.btn-primary` - синий фон
|
|
|
|
|
|
|
|
|
|
|
|
2. `frontend/src/components/CreatePostModal.css`
|
|
|
|
|
|
- `.submit-btn` - синий фон
|
|
|
|
|
|
|
|
|
|
|
|
3. `frontend/src/pages/Search.css`
|
|
|
|
|
|
- `.mode-btn` - добавлена рамка, цвет текста
|
|
|
|
|
|
- `.mode-btn.active` - синий фон
|
|
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
|
|
## 🎨 Теперь в тёмной теме:
|
|
|
|
|
|
|
|
|
|
|
|
### Светлая тема:
|
|
|
|
|
|
- Кнопки: светло-серые с рамкой
|
|
|
|
|
|
- Активная: синяя
|
|
|
|
|
|
- Текст: тёмный
|
|
|
|
|
|
|
|
|
|
|
|
### Тёмная тема:
|
|
|
|
|
|
- Кнопки: тёмно-серые с рамкой
|
|
|
|
|
|
- Активная: синяя
|
|
|
|
|
|
- Текст: **белый** (видно! ✅)
|
|
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
|
|
## 📤 Загрузить на сервер:
|
|
|
|
|
|
|
|
|
|
|
|
Только 3 CSS файла изменились:
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
# НА КОМПЬЮТЕРЕ
|
|
|
|
|
|
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)
|
|
|
|
|
|
|
2025-11-20 20:50:14 +00:00
|
|
|
|
|
