# Dark Theme

**URL:** <https://forum.ionicframework.com/t/dark-theme/7998>\
**Category:** ionic-v1\
**Created:** [August 10, 2014, 7:41am UTC](https://forum.ionicframework.com/t/dark-theme/7998 "2014-08-10T07:41:17Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ThomasDalla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/thomasdalla/32/65709_2.png) [@ThomasDalla](https://forum.ionicframework.com/u/ThomasDalla)\
**Post date:** [August 10, 2014, 7:41am UTC](https://forum.ionicframework.com/t/dark-theme/7998/1 "2014-08-10T07:41:18Z")

</div>

Hi,

I tried to customise the $light, $stable, $dark colours to have a “dark” theme by default but didn’t manage to get something that looks good.  
I thought that basically switching $light and $dark should do most of it, but that’s far from it.  
For example the background is never touched (always light/white).

Is there an easy way to get a theme with a dark major?

Thanks,

Thomas

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [August 11, 2014, 6:53pm UTC](https://forum.ionicframework.com/t/dark-theme/7998/2 "2014-08-11T18:53:57Z")

</div>

Hey there, so I’m hoping to cover this in a formula on the learn site this week, so stay tuned!

---

<div class="post-metadata">

**Author:** ![ThomasDalla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/thomasdalla/32/65709_2.png) [@ThomasDalla](https://forum.ionicframework.com/u/ThomasDalla)\
**Post date:** [August 14, 2014, 10:29pm UTC](https://forum.ionicframework.com/t/dark-theme/7998/3 "2014-08-14T22:29:47Z")

</div>

Thanks, looking forward to watching it!

---

<div class="post-metadata">

**Author:** ![smile12](https://avatars.discourse-cdn.com/v4/letter/s/da6949/32.png) [@smile12](https://forum.ionicframework.com/u/smile12)\
**Post date:** [October 30, 2014, 7:34am UTC](https://forum.ionicframework.com/t/dark-theme/7998/4 "2014-10-30T07:34:22Z")

</div>

There is a good project…

> **[pbernasconi/ionic-theme-editor](https://github.com/pbernasconi/ionic-theme-editor)**
>
> ionic-theme-editor - A theme editor for Ionic Framework

---

<div class="post-metadata">

**Author:** ![urbiwan](https://avatars.discourse-cdn.com/v4/letter/u/b5ac83/32.png) [@urbiwan](https://forum.ionicframework.com/u/urbiwan)\
**Post date:** [October 30, 2014, 7:51am UTC](https://forum.ionicframework.com/t/dark-theme/7998/5 "2014-10-30T07:51:31Z")

</div>

> [@smile12](#):
>
> There is a good project…
> 
> [GitHub - pbernasconi/ionic-theme-editor: A theme editor for Ionic Framework](https://github.com/pbernasconi/ionic-theme-editor)

Awesome! Thanks for the link

---

<div class="post-metadata">

**Author:** ![elduderino15](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/elduderino15/32/105188_2.png) [@elduderino15](https://forum.ionicframework.com/u/elduderino15)\
**Post date:** [April 9, 2015, 4:21pm UTC](https://forum.ionicframework.com/t/dark-theme/7998/6 "2015-04-09T16:21:45Z")

</div>

Did this work for you? If I try to adjust it to dark some components still remain light with the online editor tool they provide.