# Customizing color scheme

**URL:** https://meta.discourse.org/t/customizing-color-scheme/26176
**Category:** Support
**Created:** [2015年三月10日 17:48 UTC](https://meta.discourse.org/t/customizing-color-scheme/26176 "2015-03-10T17:48:47Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![optimus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/optimus/32/39715_2.png) [@optimus](https://meta.discourse.org/u/optimus)
#### Post date: [2015年三月10日 17:48 UTC](https://meta.discourse.org/t/customizing-color-scheme/26176/1 "2015-03-10T17:48:47Z")

</div>

Hi all, I tried searching existing topics but couldn’t find an answer on this. I made a new custom color scheme under /admin/customize/colors and things are almost how I want them but I noticed that the dark grey color I set for “secondary” is filling the entire background. What I would like is a separate color (e.g. white) in the background area behind the topic list. See screenshot. So the red highlighted area (1) I want the background to be white, and the area (2) highlighted in blue I want to be the dark grey color as shown.

Does anyone have any tips or guidance about how I can achieve this?

TIA,  
Chris

 ![](https://global.discourse-cdn.com/meta/original/3X/1/a/1a41ea7e5b18921556d38b879662fd5fed0ef5a1.jpg)

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [2015年三月11日 04:59 UTC](https://meta.discourse.org/t/customizing-color-scheme/26176/2 "2015-03-11T04:59:39Z")

</div>

This should work for you:

```plaintext
@import 'theme_variables';

html {
    background-color: pink; /* white */
}
div#main-outlet {
    background-color: green; /* $secondary */
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1110px + 15px * 2);
}

```

 ![](https://global.discourse-cdn.com/meta/original/3X/7/d/7d5f906c9828b11b36342267b954292885fb31fa.png)

---

<div class="post-metadata">

### Author: ![optimus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/optimus/32/39715_2.png) [@optimus](https://meta.discourse.org/u/optimus)
#### Post date: [2015年三月11日 14:52 UTC](https://meta.discourse.org/t/customizing-color-scheme/26176/3 "2015-03-11T14:52:54Z")

</div>

That works, thanks Kane! Appreciate your help very much 😄!

Chris

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [2015年三月11日 15:39 UTC](https://meta.discourse.org/t/customizing-color-scheme/26176/4 "2015-03-11T15:39:50Z")

</div>