# Let user choose the theme color he/she wants to use in app

**URL:** <https://forums.knack.com/t/let-user-choose-the-theme-color-he-she-wants-to-use-in-app/6994>\
**Category:** Ask Developers\
**Created:** [August 5, 2018, 1:07pm UTC](https://forums.knack.com/t/let-user-choose-the-theme-color-he-she-wants-to-use-in-app/6994 "2018-08-05T13:07:11Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Guilhermeb42087](https://avatars.discourse-cdn.com/v4/letter/g/a87d85/32.png) [@Guilhermeb42087](https://forums.knack.com/u/Guilhermeb42087)\
**Post date:** [August 5, 2018, 1:07pm UTC](https://forums.knack.com/t/let-user-choose-the-theme-color-he-she-wants-to-use-in-app/6994/1 "2018-08-05T13:07:11Z")

</div>

Hi Guys,

Does anyone know how to create an option to let user choose if he/she wants to use a brighter theme color or a darker one?

Maybe this can be done with javascript to load different css external files according to users choice... But I have no idea how to do that.

tks

---

<div class="post-metadata">

**Author:** ![KnackPros](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/knackpros/32/807_2.png) [@KnackPros](https://forums.knack.com/u/KnackPros)\
**Post date:** [December 13, 2021, 11:47pm UTC](https://forums.knack.com/t/let-user-choose-the-theme-color-he-she-wants-to-use-in-app/6994/2 "2021-12-13T23:47:38Z")

</div>

Here’s a post describing how to add a Dark Theme / Dark Mode to your Knack app. Enjoy.

> [@Dark Theme for Your Knack Apps](https://forums.knack.com/t/dark-theme-for-your-knack-apps/11713):
>
> Here is a simple way to add a Dark Theme/Dark Mode to your Knack apps. Here is what you’ll be creating: [dark-mode-demo] Step 1: Create a Page and call it Dark Mode: Step 2: Add this code to your CSS: /\* Dark Mode \*/ html[theme='dark-mode'] { filter: invert(1) hue-rotate(180deg); } html[theme='dark-mode'] img { filter: invert(1) hue-rotate(180deg); } html { transition: color 300ms, background-color 300ms; } Step 3: Add this code to your …