96 lines
3.1 KiB
Markdown
96 lines
3.1 KiB
Markdown
# 🌙 Исправление тёмной темы - Финальное
|
||
|
||
## Проблемы на скриншоте:
|
||
|
||
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)
|
||
|
||
|