# Using dark theme

**URL:** <https://forum.ionicframework.com/t/using-dark-theme/37967>\
**Category:** ionic-v1\
**Created:** [November 26, 2015, 1:45pm UTC](https://forum.ionicframework.com/t/using-dark-theme/37967 "2015-11-26T13:45:25Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yoave23](https://avatars.discourse-cdn.com/v4/letter/y/85e7bf/32.png) [@Yoave23](https://forum.ionicframework.com/u/Yoave23)\
**Post date:** [November 26, 2015, 1:45pm UTC](https://forum.ionicframework.com/t/using-dark-theme/37967/1 "2015-11-26T13:45:25Z")

</div>

Hi there,  
Just started playing with ionic and I found this doc: [http://ionicframework.com/docs/v2/theming/theming-your-app/](http://ionicframework.com/docs/v2/theming/theming-your-app/) about setting a dark theme to my app, however, I could not make it work.  
what I did is to add this:  
`@import "themes/dark";`  
into this file: “C:\ionic\ionic test\scss\ionic.app.scss” just before this line  
`@import "www/lib/ionic/scss/ionic";`  
however it did not change my app.  
any advice?

---

<div class="post-metadata">

**Author:** ![SDEK](https://avatars.discourse-cdn.com/v4/letter/s/e274bd/32.png) [@SDEK](https://forum.ionicframework.com/u/SDEK)\
**Post date:** [November 26, 2015, 4:16pm UTC](https://forum.ionicframework.com/t/using-dark-theme/37967/2 "2015-11-26T16:16:58Z")

</div>

Did you setup sass ?

```
* Setup this project to use Sass: ionic setup sass
* Develop in the browser with live reload: ionic serve
```

---

<div class="post-metadata">

**Author:** ![Yoave23](https://avatars.discourse-cdn.com/v4/letter/y/85e7bf/32.png) [@Yoave23](https://forum.ionicframework.com/u/Yoave23)\
**Post date:** [November 26, 2015, 6:04pm UTC](https://forum.ionicframework.com/t/using-dark-theme/37967/3 "2015-11-26T18:04:16Z")

</div>

Thanks for the reply.  
I’ve already setup sass and tested the app in chrome and on my android device.  
Are the changes I made to the files correct?

---

<div class="post-metadata">

**Author:** ![SDEK](https://avatars.discourse-cdn.com/v4/letter/s/e274bd/32.png) [@SDEK](https://forum.ionicframework.com/u/SDEK)\
**Post date:** [November 27, 2015, 10:33am UTC](https://forum.ionicframework.com/t/using-dark-theme/37967/4 "2015-11-27T10:33:31Z")

</div>

Are you seeing any other changes you make in the .scss file?  
Is this file being watched if you do ionic serve?

---

<div class="post-metadata">

**Author:** ![Yoave23](https://avatars.discourse-cdn.com/v4/letter/y/85e7bf/32.png) [@Yoave23](https://forum.ionicframework.com/u/Yoave23)\
**Post date:** [December 3, 2015, 12:26pm UTC](https://forum.ionicframework.com/t/using-dark-theme/37967/5 "2015-12-03T12:26:17Z")

</div>

I am seeing changes in my app after changing elements in the ionic.app.scss file. however when adding `@import "themes/dark";`

---

<div class="post-metadata">

**Author:** ![SDEK](https://avatars.discourse-cdn.com/v4/letter/s/e274bd/32.png) [@SDEK](https://forum.ionicframework.com/u/SDEK)\
**Post date:** [December 8, 2015, 10:26am UTC](https://forum.ionicframework.com/t/using-dark-theme/37967/6 "2015-12-08T10:26:26Z")

</div>

looks like there is no “dark.scss” can you locate a “themes/dark” folder/.scss file?

---

<div class="post-metadata">

**Author:** ![hjbme](https://avatars.discourse-cdn.com/v4/letter/h/7993a0/32.png) [@hjbme](https://forum.ionicframework.com/u/hjbme)\
**Post date:** [January 8, 2016, 10:23pm UTC](https://forum.ionicframework.com/t/using-dark-theme/37967/7 "2016-01-08T22:23:13Z")

</div>

The beauty of Git.

The reference to how to use the dark theme was removed from the page you linked to on 28th September 2015. You can see the changes here:

> <https://github.com/ionic-team/ionic-site/commit/315a5bfd1165b11ffa4c1319f4196aaeeb23737f>

The actual dark theme file was removed from the repo (but not history) on 5th December 2015. You can see it’s final contents here:  
[https://github.com/driftyco/ionic2/commit/78a3ce12b17e6acdf9cf502d0f629bac2d3e1257](https://github.com/driftyco/ionic2/commit/78a3ce12b17e6acdf9cf502d0f629bac2d3e1257)

Finally. Ionic has moved on since then though, so it may not be a case of copy and paste.

---

<div class="post-metadata">

**Author:** ![hjbme](https://avatars.discourse-cdn.com/v4/letter/h/7993a0/32.png) [@hjbme](https://forum.ionicframework.com/u/hjbme)\
**Post date:** [January 8, 2016, 11:26pm UTC](https://forum.ionicframework.com/t/using-dark-theme/37967/8 "2016-01-08T23:26:00Z")

</div>

Wrote a very quick post with a solution that works today (8th January 2016) but may not work any time after today due to the project still being in Beta. [https://medium.com/@hjbme/dark-theme-in-ionic-2-beta-as-of-today-d54e3fd89217](https://medium.com/@hjbme/dark-theme-in-ionic-2-beta-as-of-today-d54e3fd89217)
