# Customize

**Theming Your App**

Customizing the App will be a cakewalk for you. That is due to the fact, we provide you well- prepared code shape. This makes it quite simple to be able to dig through the code and hence without problems customizable.

* The theme has categorized its screens into different sections.
* The theme has a separate file inclusive of color schemes for different sections.
* The theme strictly follows programming ethics, hence modifying the logo at different locations for your app becomes very simple.
* The theme also allows you to customize the name for your app.

#### Change App logo <a href="#change-app-logo" id="change-app-logo"></a>

The App comes with its logo on the login page. To change the logo at splash page:

* Include an image of your logo named as `splash_logo.png`
* Place it under `/assets/`

#### Change App Icon <a href="#change-app-icon" id="change-app-icon"></a>

* **React Native**

  Want to have your own icon for your app? This is very simple with the Dating App. Follow the below-given steps to customize the app icon for your app.
* Visit [MakeAppIcon](https://makeappicon.com/) website
* Enter the image of your choice to get logo of various dimensions
* For iOS:
  * You should upload iOS icons to `/ios/Whatsapp/Images.xcassets/AppIcon.appiconset/`
* For Android:
  * You should upload Android icons along with the folders named as:
    * `mipmap-hdpi`
    * `mipmap-mdpi`
    * `mipmap-xhdpi`
    * `mipmap-xxhdpi`
  * Upload these folders to `/android/app/src/main/res/`
  * Restart the packager and rebuild your app.

#### Rename App <a href="#rename-app" id="rename-app"></a>

* **React Native**

Renaming any [React Native](https://github.com/facebook/react-native) app is strenous. But Dating App proves its flexibility for this approach. Follow the below-given steps to rename your app.

* Rename the app name in the following files.
  * package.json
  * index.js
* The process wipes out the **launch screen** and **app icon** from your app. Hence you can restore them before moving ahead.
  * **iOS:** Restore `ios/Whatsapp/Images.xcassets`
  * **Android:** Restore `/android/app/src/main/res`
* Delete the **iOS** and **android** directories from your project.
* Run the following commands on your terminal

```
react-native upgrade
react-native link
```

* Overwrite all the files if it prompts.
