glpshchn
/
nakama
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
nakama/DARK_THEME_FIX.md

3.1 KiB
Raw Blame History

🌙 Исправление тёмной темы - Финальное

Проблемы на скриншоте:

  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 файла изменились:

# НА КОМПЬЮТЕРЕ
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)