# IONIC Changing Background Color?

**URL:** <https://forum.ionicframework.com/t/ionic-changing-background-color/52762>\
**Category:** ionic-v1\
**Created:** [May 23, 2016, 3:07pm UTC](https://forum.ionicframework.com/t/ionic-changing-background-color/52762 "2016-05-23T15:07:14Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![balajiaffable](https://avatars.discourse-cdn.com/v4/letter/b/9dc877/32.png) [@balajiaffable](https://forum.ionicframework.com/u/balajiaffable)\
**Post date:** [May 23, 2016, 3:07pm UTC](https://forum.ionicframework.com/t/ionic-changing-background-color/52762/1 "2016-05-23T15:07:14Z")

</div>

How to change the back ground color in ionic and it should be common to whole project ?

---

<div class="post-metadata">

**Author:** ![haytam](https://avatars.discourse-cdn.com/v4/letter/h/9fc348/32.png) [@haytam](https://forum.ionicframework.com/u/haytam)\
**Post date:** [May 23, 2016, 3:36pm UTC](https://forum.ionicframework.com/t/ionic-changing-background-color/52762/2 "2016-05-23T15:36:01Z")

</div>

change the background color of the ion-view, for example:

> ion-view.pane {

> ```
> background: #7f8c8d;
> 
> ```
> 
> }

---

<div class="post-metadata">

**Author:** ![reshalem](https://avatars.discourse-cdn.com/v4/letter/r/258eb7/32.png) [@reshalem](https://forum.ionicframework.com/u/reshalem)\
**Post date:** [May 24, 2016, 12:32pm UTC](https://forum.ionicframework.com/t/ionic-changing-background-color/52762/3 "2016-05-24T12:32:13Z")

</div>

If you want your whole project to use it, you can edit your app.variables.scss in theme folder.

just write (for black color)

$background-color: #000;

and see what happens.