Тёмная тема в мобильных приложениях

Не просто инверсия цветов. Тёмная тема в моб приложениях — отдельный режим со своими правилами.

Тёмная тема в мобильных приложениях

В iOS 13 (2019) и Android 10 темная тема стала системной. К 2026 это базовое требование, не фича.

Тёмная тема в мобильных приложениях
Светлый и тёмный режим — разные плотности и контрасты, не зеркало.

Что чаще делают неправильно:

  • Просто инверсия цветов — серый на серый. Контрасты ломаются.
  • Чистый чёрный фон #000 — съедает OLED-контраст текста, режет глаза.
  • Один акцентный цвет на обе темы — на тёмном выглядит грязно.

Что делать правильно:

  • Тёмный фон — тёплый или холодный нейтральный, не #000. Например #121212 или #1a1410.
  • Текст — не чистый #fff, а 92-95% белого. Уменьшает усталость.
  • Акцентные цвета — отдельная палитра для тёмной. Часто более насыщенная, чем светлая.
  • Иконки и иллюстрации — отдельные ассеты для тёмной темы.

Apple и Google в HIG/Material Design дают подробные guidelines. Читать обязательно.