---
title: "Discussion on \"Step by step guide on creating a dynamic theme in react that's color changes based on user selection\" | Hashnode"
description: "Discussion on \"Step by step guide on creating a dynamic theme in react that's color changes based on user selection\". Imagine the case that you're creating an app that is used by different companies and based on company color, your app needs to change its background and font color.\nSo let's create a simple react app that will have a dropdown with a list of companies..."
url: "https://hashnode.com/posts/step-by-step-guide-on-creating-a-dynamic-theme-in-react-thats-color-changes-based-on-user-selection/6075b1ac308cd51e14780b25"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Step by step guide on creating a dynamic theme in react that's color changes based on user selection](https://bhavikchavda.hashnode.dev/step-by-step-guide-on-creating-a-dynamic-theme-in-react-thats-color-changes-based-on-user-selection?utm_source=hashnode&utm_medium=feed)

Imagine the case that you're creating an app that is used by different companies and based on company color, your app needs to change its background and font color. So let's create a simple react app that will have a dropdown with a list of companies...

Apr 13, 2021 · 3 min read · bhavikchavda.hashnode.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#css3](https://hashnode.com/tag/css3)
-   [#frontend-development](https://hashnode.com/tag/frontend-development)
-   [#theme](https://hashnode.com/tag/theme)

## Written by

[Bhavik Chavda](https://hashnode.com/@bhavikchavda)

@bhavikchavda · Surat, Gujarat

  
[View profile](https://hashnode.com/@bhavikchavda)

Full stack web developer

Full Stack Developer | Reader | Learner

## Responses

Markdown supported · ⌘↵ to post

No responses yet.