# GSoC 2019 - Theme Support for Rocket.Chat Android App - Noor Binte Amir

**URL:** https://forums.rocket.chat/t/gsoc-2019-theme-support-for-rocket-chat-android-app-noor-binte-amir/5480
**Category:** gsoc2019
**Created:** [January 7, 2020, 9:02am UTC](https://forums.rocket.chat/t/gsoc-2019-theme-support-for-rocket-chat-android-app-noor-binte-amir/5480 "2020-01-07T09:02:08Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![noor.binte.amir](https://avatars.discourse-cdn.com/v4/letter/n/c0e974/32.png) [@noor.binte.amir](https://forums.rocket.chat/u/noor.binte.amir)
#### Post date: [January 7, 2020, 9:02am UTC](https://forums.rocket.chat/t/gsoc-2019-theme-support-for-rocket-chat-android-app-noor-binte-amir/5480/1 "2020-01-07T09:02:08Z")

</div>

This project brings different themes support like dark mode and black mode into the existing Android client. It enables any developer to create a theme for the Rocket.Chat Android app without the need to work with the core codebase.

## Final Submission Report:

https://gist.github.com/NBAMIR/e2e38b5293435c2399ddeb0fad1c7c87

## Project PR:

> <https://github.com/RocketChat/Rocket.Chat.Android/pull/2450>

# Deliverables:

## Theme Engine

- A theme engine with a well designed architecture that supports external development of themes and easy integration with the app. The theme engine uses MVVM.
- Successful integration of themes with app without changing the source code of the app.
- Seamless transition between themes.
- Theme Engine UI

## Built In Themes

The theme engine comes with a theme library with three built-in themes to choose from.

- App Theme (Default Light Theme)
- Dark Theme
- Black Theme

## Custom Themes

This feature allows you to edit any of the app’s built-in themes and save it as a new custom theme.

## SCREENSHOTS:

 ![BeFunky-collage](https://us1.discourse-cdn.com/flex021/uploads/rocketchat/original/2X/6/6378772d55f2943bf64510eef4f8ad884635343c.jpeg)

---

<div class="post-metadata">

### Author: ![noor.binte.amir](https://avatars.discourse-cdn.com/v4/letter/n/c0e974/32.png) [@noor.binte.amir](https://forums.rocket.chat/u/noor.binte.amir)
#### Post date: [January 7, 2020, 2:07pm UTC](https://forums.rocket.chat/t/gsoc-2019-theme-support-for-rocket-chat-android-app-noor-binte-amir/5480/2 "2020-01-07T14:07:22Z")

</div>

## GIF Showing Usage:

> **[ThemeEngine.gif](https://drive.google.com/file/d/1FDwn4TjSwaqlXGyiivjJo0SXrUALdOz-/view?usp=sharing)**
>
> Google Drive file.