Skip to content

Instantly share code, notes, and snippets.

@andrei-fedorov

andrei-fedorov/How_to_implement_a_dark_theme_in_a_week.md

Forked from Shipaaaa/How_to_implement_a_dark_theme_in_a_week.md
Created May 11, 2022 12:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save andrei-fedorov/941a02c73871d8541d633d5fb8390d7c to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save andrei-fedorov/941a02c73871d8541d633d5fb8390d7c to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @Shipaaaa Shipaaaa revised this gist Oct 23, 2020. 1 changed file with 4 additions and 1 deletion.
    5 changes: 4 additions & 1 deletion How_to_implement_a_dark_theme_in_a_week.md
    View file
    Original file line number Diff line number Diff line change
    @@ -9,7 +9,8 @@
    * [Официальный сайт material.io](https://material.io/)
    * [Репозиторий Material Components](https://github.com/material-components/material-components-android)
    * [Курс на Udacity по Material Components от Google](https://www.udacity.com/course/material-design-for-android-developers--ud862)
    * [Разбор новинок. What’s new: Material Design](https://www.redmadrobot.ru/fyi/material-design)
    * [Статья от Redmadrobot: Разбор новинок. What’s new: Material Design](https://www.redmadrobot.ru/fyi/material-design)
    * [Доклад от Redmadrobot: Обзор Material Design Components](https://youtu.be/t_mjpPGGZ8w)
    * [Основы теней. Mastering Shadows in Android](https://android.jlelse.eu/mastering-shadows-in-android-e883ad2c9d5b)
    * [Репозиторий с примерами использования Material Components от Google](https://github.com/material-components/material-components-android-examples)
    * [Reply](https://github.com/material-components/material-components-android-examples/tree/develop/Reply)
    @@ -23,6 +24,8 @@
    * [Android Dev Summit '19: "Developing themes with style"](https://youtu.be/Owkf8DhAOSo)
    * [Google Design Tutorials: Migrating your app to Material Components for Android](https://youtu.be/64OD1PAqELg)
    * [Статья от Redmadrobot: "Темы и стили в Android-приложениях"](https://habr.com/ru/company/redmadrobot/blog/461201/)
    * [Статья от Redmadrobot: "Отображение текста в Android"](https://habr.com/ru/company/redmadrobot/blog/461787/)
    * [Доклад от Redmadrobot: Themes & styles](https://youtu.be/jHQW1Rkij60)
    * [Серия статей на Medium Android developers](https://medium.com/androiddevelopers/tagged/design)
    * [What’s your text’s appearance?](https://medium.com/androiddevelopers/whats-your-text-s-appearance-f3a1729192d)
    * [Android styling: themes vs styles](https://medium.com/androiddevelopers/android-styling-themes-vs-styles-ebe05f917578)
  2. @Shipaaaa Shipaaaa revised this gist Oct 20, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion How_to_implement_a_dark_theme_in_a_week.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    # Как реализовать тёмную тему за неделю. И почему мы с дизайнерами потратили на это три месяца

    Материалы к докладу на AppLive 2020
    Материалы к докладу на AppLive 2020.

    [Habr](https://habr.com/ru/company/redmadrobot/blog/523916/)

  3. @Shipaaaa Shipaaaa revised this gist Oct 20, 2020. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions How_to_implement_a_dark_theme_in_a_week.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,9 @@
    # Как реализовать тёмную тему за неделю. И почему мы с дизайнерами потратили на это три месяца

    Материалы к докладу на AppLive 2020

    [Habr](https://habr.com/ru/company/redmadrobot/blog/523916/)

    ### Знакомство с Material design

    * [Официальный сайт material.io](https://material.io/)
  4. @Shipaaaa Shipaaaa revised this gist Oct 8, 2020. 1 changed file with 6 additions and 0 deletions.
    6 changes: 6 additions & 0 deletions How_to_implement_a_dark_theme_in_a_week.md
    View file
    Original file line number Diff line number Diff line change
    @@ -17,6 +17,7 @@

    * [Android Dev Summit '18: "Best Practices for Themes and Styles"](https://youtu.be/sNSlDfaNq-0)
    * [Android Dev Summit '19: "Developing themes with style"](https://youtu.be/Owkf8DhAOSo)
    * [Google Design Tutorials: Migrating your app to Material Components for Android](https://youtu.be/64OD1PAqELg)
    * [Статья от Redmadrobot: "Темы и стили в Android-приложениях"](https://habr.com/ru/company/redmadrobot/blog/461201/)
    * [Серия статей на Medium Android developers](https://medium.com/androiddevelopers/tagged/design)
    * [What’s your text’s appearance?](https://medium.com/androiddevelopers/whats-your-text-s-appearance-f3a1729192d)
    @@ -38,8 +39,13 @@
    * [Документация по проектированию темной темы на material.io](https://material.io/design/color/dark-theme.html)
    * [Документация по реализации темной темы на material.io](https://material.io/develop/android/theming/dark/)
    * [Документация по реализации темной темы на developer.android.com](https://developer.android.com/guide/topics/ui/look-and-feel/darktheme)
    * [Документация по AppCompatDelegate](https://developer.android.com/reference/androidx/appcompat/app/AppCompatDelegate)
    * [Supporting Dark themes in Android](https://proandroiddev.com/supporting-dark-themes-in-android-861b36adbb61)
    * [Raywenderlich: Android 10 Dark Theme: Getting Started](https://www.raywenderlich.com/6488033-android-10-dark-theme-getting-started)
    * [Интересная статья по темной теме от Chris Banes, опубликованная в 2016 году](https://medium.com/androiddevelopers/appcompat-v23-2-daynight-d10f90c83e94)
    * [Stackoverflow: AppCompat DayNight theme not work on Android 6.0?](https://stackoverflow.com/questions/35665199/appcompat-daynight-theme-not-work-on-android-6-0)
    * [О создании темной темы в ВК: "Как оседлать радугу: история создания тёмной темы"](https://habr.com/ru/company/vk/blog/449720/)
    * [Создание тёмной темы для сайта Stack Overflow](https://habr.com/ru/company/ruvds/blog/495998/)

    ### Window insets, edge to edge mode

  5. @Shipaaaa Shipaaaa revised this gist Oct 8, 2020. No changes.
  6. @Shipaaaa Shipaaaa created this gist Oct 8, 2020.
    80 changes: 80 additions & 0 deletions How_to_implement_a_dark_theme_in_a_week.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,80 @@
    # Как реализовать тёмную тему за неделю. И почему мы с дизайнерами потратили на это три месяца

    ### Знакомство с Material design

    * [Официальный сайт material.io](https://material.io/)
    * [Репозиторий Material Components](https://github.com/material-components/material-components-android)
    * [Курс на Udacity по Material Components от Google](https://www.udacity.com/course/material-design-for-android-developers--ud862)
    * [Разбор новинок. What’s new: Material Design](https://www.redmadrobot.ru/fyi/material-design)
    * [Основы теней. Mastering Shadows in Android](https://android.jlelse.eu/mastering-shadows-in-android-e883ad2c9d5b)
    * [Репозиторий с примерами использования Material Components от Google](https://github.com/material-components/material-components-android-examples)
    * [Reply](https://github.com/material-components/material-components-android-examples/tree/develop/Reply)
    * [Owl](https://github.com/material-components/material-components-android-examples/tree/develop/Owl)
    * [Material Components Catalog App](https://github.com/material-components/material-components-android/blob/master/docs/catalog-app.md)
    * [MaterialThemeBuilder](https://github.com/material-components/material-components-android-examples/tree/develop/MaterialThemeBuilder)

    ### Темы и стили

    * [Android Dev Summit '18: "Best Practices for Themes and Styles"](https://youtu.be/sNSlDfaNq-0)
    * [Android Dev Summit '19: "Developing themes with style"](https://youtu.be/Owkf8DhAOSo)
    * [Статья от Redmadrobot: "Темы и стили в Android-приложениях"](https://habr.com/ru/company/redmadrobot/blog/461201/)
    * [Серия статей на Medium Android developers](https://medium.com/androiddevelopers/tagged/design)
    * [What’s your text’s appearance?](https://medium.com/androiddevelopers/whats-your-text-s-appearance-f3a1729192d)
    * [Android styling: themes vs styles](https://medium.com/androiddevelopers/android-styling-themes-vs-styles-ebe05f917578)
    * [Android styling: common theme attributes](https://medium.com/androiddevelopers/android-styling-common-theme-attributes-8f7c50c9eaba)
    * [Android Styling: prefer theme attributes](https://medium.com/androiddevelopers/android-styling-prefer-theme-attributes-412caa748774)
    * [Android Styling: themes overlay](https://medium.com/androiddevelopers/android-styling-themes-overlay-1ffd57745207)
    * [Migrating to Material Components for Android](https://medium.com/androiddevelopers/migrating-to-material-components-for-android-ec6757795351)
    * [We Recommend Material Design Components](https://medium.com/androiddevelopers/we-recommend-material-design-components-81e6d165c2dd)
    * [Material Theming with MDC: Color](https://medium.com/androiddevelopers/material-theming-with-mdc-color-860dbba8ce2f)
    * [Material Theming with MDC: Shape](https://medium.com/androiddevelopers/material-theming-with-mdc-shape-126c4e5cd7b4)
    * [Material Theming with MDC: Type](https://medium.com/androiddevelopers/material-theming-with-mdc-type-8c2013430247)
    * [Material Motion with MDC](https://medium.com/androiddevelopers/material-motion-with-mdc-c1f09bb90bf9)
    * [Dark Theme with MDC](https://medium.com/androiddevelopers/dark-theme-with-mdc-4c6fc357d956)
    * [График зависимостей и отношених тем и стилей в Android](https://medium.com/@olku/my-quick-cheat-list-for-refreshing-understanding-the-android-styles-themes-6da649cfad4a)

    ### Темная тема

    * [Документация по проектированию темной темы на material.io](https://material.io/design/color/dark-theme.html)
    * [Документация по реализации темной темы на material.io](https://material.io/develop/android/theming/dark/)
    * [Документация по реализации темной темы на developer.android.com](https://developer.android.com/guide/topics/ui/look-and-feel/darktheme)
    * [Supporting Dark themes in Android](https://proandroiddev.com/supporting-dark-themes-in-android-861b36adbb61)
    * [Raywenderlich: Android 10 Dark Theme: Getting Started](https://www.raywenderlich.com/6488033-android-10-dark-theme-getting-started)

    ### Window insets, edge to edge mode

    * [Пример реализации edge to edge из каталога компонентов](https://github.com/material-components/material-components-android/blob/master/catalog/java/io/material/catalog/windowpreferences/WindowPreferencesManager.java)
    * [Medium Android developers: "WindowInsets — Listeners to layouts"](https://medium.com/androiddevelopers/windowinsets-listeners-to-layouts-8f9ccc8fa4d1)
    * Серия статей на Medium Android developers про Gesture Navigation
    * [Medium Android developers: Gesture Navigation: Going edge-to-edge (I)](https://medium.com/androiddevelopers/gesture-navigation-going-edge-to-edge-812f62e4e83e)
    * [перевод](https://habr.com/ru/company/otus/blog/479948/)
    * [Gesture Navigation: Handling visual overlaps (II)](https://medium.com/androiddevelopers/gesture-navigation-handling-visual-overlaps-4aed565c134c)
    * [Gesture Navigation: Handling gesture conflicts (III)](https://medium.com/androiddevelopers/gesture-navigation-handling-gesture-conflicts-8ee9c2665c69)
    * [Gesture Navigation: Immersive Modes (IV)](https://medium.com/androiddevelopers/gesture-navigation-immersive-modes-43f2d37a925d)
    * [Доклад Криса Бенеса про insets: "Becoming a master window fitter"](https://chris.banes.dev/talks/2017/becoming-a-master-window-fitter-lon/)
    * [Библиотека Криса Бенеса insetter](https://github.com/chrisbanes/insetter)
    * [Доклад от Кости Цховребова: "Android insets: разбираемся со страхами и готовимся к Android Q"](https://habr.com/ru/company/oleg-bunin/blog/488196/)
    * [Пример в gitfox](https://gitlab.com/terrakok/gitlab-client/-/commit/f2843cc101e7a74f10f313b846d5ebf23252cd44)
    * [Статья от serf](https://habr.com/ru/company/surfstudio/blog/464373/)
    * [Обновления в android 11](https://proandroiddev.com/exploring-windowinsets-on-android-11-a80cf8fe19be)
    * [fitssystemwindows](https://medium.com/androiddevelopers/why-would-i-want-to-fitssystemwindows-4e26d9ce1eec)

    ### Доп. материалы

    #### Палитра цветов

    * [Описание палитры цветов на material.io](https://material.io/color/)
    * [Пенератор палитры цветов](https://material.io/resources/color)

    #### Vector

    * [Preparing and Exporting SVG Icons in Sketch](https://medium.com/sketch-app-sources/preparing-and-exporting-svg-icons-in-sketch-1a3d65b239bb)
    * [Medium Android developers: Using vector assets in Android apps](https://medium.com/androiddevelopers/using-vector-assets-in-android-apps-4318fd662eb9)
    * [Сжатие иконок с помощью WebP](https://developer.android.com/studio/write/convert-webp.html#convert_images_to_webp)

    #### Готовые наборы иконок

    * [Набор иконок на material.io](https://material.io/icons/)
    * [Набор иконок от icons8](https://icons8.com/icon/new-icons/material)
    * [Android Asset Studio](https://romannurik.github.io/AndroidAssetStudio/)
    * [Набор иконок от materialdesignicons](https://materialdesignicons.com/)