# How to \[fully change binder and outliner background\] color?

**URL:** <https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929>\
**Category:** Scrivener for Windows\
**Tags:** support, themes\
**Created:** [July 7, 2022, 3:43pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929 "2022-07-07T15:43:41Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jensyn](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/jensyn/32/22738_2.png) [@Jensyn](https://forum.literatureandlatte.com/u/Jensyn)\
**Post date:** [July 7, 2022, 3:43pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/1 "2022-07-07T15:43:41Z")

</div>

Hi all, would anyone happen to know how to change the color of the side of the binder so that the dropdown parts also match the binder color? It’s currently the dark gray that matches the rest of the dark mode theme, and I’d like it to be the same wine red color. I have a feeling I’m going to have to dig around in files somewhere, but I’m not sure what this particular UI part is called. It’s a little difficult to describe, so I can try to snag a photo if needed.

---

<div class="post-metadata">

**Author:** ![GoalieDad](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/goaliedad/32/28584_2.png) [@GoalieDad](https://forum.literatureandlatte.com/u/GoalieDad)\
**Post date:** [July 7, 2022, 4:31pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/2 "2022-07-07T16:31:35Z")

</div>

If you file\> options then inside there appearance and look any where in there at various appearance options . Can look at binder and colors. Not at computer now. Once tweak the way you like believe then windows\>themes\> then save theme and give a name

---

<div class="post-metadata">

**Author:** ![BigJohn](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/bigjohn/32/34476_2.png) [@BigJohn](https://forum.literatureandlatte.com/u/BigJohn)\
**Post date:** [July 9, 2022, 10:38am UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/4 "2022-07-09T10:38:24Z")

</div>

Jensyn, is this what you are seeing? The left side of the binder in a different color?

-BigJohn

![2022-07-07 07_25_21](https://forum.literatureandlatte.com/uploads/default/original/3X/1/3/13044251fb8f452ad1fd477de1648b67fcc1cd9c.png)

---

<div class="post-metadata">

**Author:** ![Jensyn](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/jensyn/32/22738_2.png) [@Jensyn](https://forum.literatureandlatte.com/u/Jensyn)\
**Post date:** [July 9, 2022, 12:41pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/5 "2022-07-09T12:41:01Z")

</div>

Hi BigJohn, YES! That’s exactly what I’m talking about.

---

<div class="post-metadata">

**Author:** ![BigJohn](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/bigjohn/32/34476_2.png) [@BigJohn](https://forum.literatureandlatte.com/u/BigJohn)\
**Post date:** [July 9, 2022, 12:54pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/6 "2022-07-09T12:54:47Z")

</div>

I thought I was going crazy! The only Style that doesn’t do that is **Default** and you can’t modify and save a Theme starting with **Default**. Any other theme can be modified and saved but tada! Artifacts! So far, I have not found a solution although I have recieved some excellent advice here on the Forum. I was just about to reinstall Scrivener in the hopes that would fix it. But, now I will wait to see if an answer pops up.

---

<div class="post-metadata">

**Author:** ![Vincent\_Vincent](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/vincent_vincent/32/19680_2.png) [@Vincent\_Vincent](https://forum.literatureandlatte.com/u/Vincent_Vincent)\
**Post date:** [July 9, 2022, 1:09pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/7 "2022-07-09T13:09:25Z")

</div>

![image](https://forum.literatureandlatte.com/uploads/default/original/3X/0/d/0d542d7f485d00c2eb24d5d0d6ff800e062489fb.png)

![image](https://forum.literatureandlatte.com/uploads/default/original/3X/9/1/91777c2ab57e17cc85ba5d71f66691afaef6d659.png)

![image](https://forum.literatureandlatte.com/uploads/default/original/3X/8/c/8c0a575fc2e1ecea3c0533d7c7913b72dafcb982.png)

---

<div class="post-metadata">

**Author:** ![AntoniDol](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/antonidol/32/15972_2.png) [@AntoniDol](https://forum.literatureandlatte.com/u/AntoniDol)\
**Post date:** [July 9, 2022, 1:30pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/8 "2022-07-09T13:30:13Z")

</div>

> [@Jensyn](#):
>
> YES! That’s exactly what I’m talking about.

You’ll have to update your Theme:

In the Theme, the Binder items and the Binder background can have separate colors.  
Because the binder items indent, the background color appears on the left.

For the Binder background to match the Binder Items, make sure the background color in the Appearance Options for the Binder (used by the items!) is the same as the “Base” color in the Palette file of the Theme:

In ThemeName.pal, update:  
Base(122,177,241) //LightBlue Binder BG!  
Note that this may update other UI elements that use the Base color as well …

Alternatively, update the QSS Stylesheet to match the color of the QTreeView object to the background color (used by the items) in the Appearance Options for the Binder:

In ThemeName.QSS, update:  
QTreeView::branch:selected:!active {  
background: rgba(122,177,241,1); /_light blue_/  
}

The reach the .pal Palette en .qss Stylesheet, rename the .scrtheme-file to \*.zip and extract the four files of the Theme. To reload the Theme, zip the updated file(s) and rename the resulting zip to .scrtheme. Copy the Theme’s folder path en choose Window \> Themes \> Load Theme from file… Paste the path of the Theme’s folder and double-click the name of the Theme. Restart Scrivener to show the UI in the updated Theme.

Success!

---

<div class="post-metadata">

**Author:** ![BigJohn](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/bigjohn/32/34476_2.png) [@BigJohn](https://forum.literatureandlatte.com/u/BigJohn)\
**Post date:** [July 9, 2022, 6:13pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/9 "2022-07-09T18:13:30Z")

</div>

I found you to be correct in where to go to make the changes needed but uncovered another interesting behavior.  
When my cursor is in the Binder the Format Toolbar looks like this:

 ![2022-07-09 14_10_11](https://forum.literatureandlatte.com/uploads/default/original/3X/e/3/e3f44fd3fca29b3320c7d511ef2aac9d83d392cc.png)

However, when my cursor is in the Editor, the toolbar changes and several of the items turn white for no reason that I understand. I would prefer they didn’t change.

 ![2022-07-09 14_10_24](https://forum.literatureandlatte.com/uploads/default/original/3X/0/2/0258ddbfbb03844c7d9158d3b45e4a7f19ba5c51.png)

Any thought?  
-BigJohn

---

<div class="post-metadata">

**Author:** ![AntoniDol](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/antonidol/32/15972_2.png) [@AntoniDol](https://forum.literatureandlatte.com/u/AntoniDol)\
**Post date:** [July 9, 2022, 6:57pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/10 "2022-07-09T18:57:18Z")

</div>

I think the first are disabled, the second enabled, because your caret (text cursor) is inside text. This would be standard and expected behavior. 😉

---

<div class="post-metadata">

**Author:** ![AmberV](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/amberv/32/13021_2.png) [@AmberV](https://forum.literatureandlatte.com/u/AmberV)\
**Post date:** [July 11, 2022, 10:15am UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/11 "2022-07-11T10:15:20Z")

</div>

It _may_ be possible to override or suppress active/inactive states with themes. I haven’t looked into it specifically for that area, but there are pseudo-states for that kind of stuff.

Now as to whether or not it is wise to make interface components look interactive when they are completely inert and useless—well I would only recommend such an approach for a personal theme. For one you intend to share, it is going to be better to stick with what has been standard signalling for decades at this point. Dim or grey things out that cannot be interacted with; it saves the user time in having to manually click on everything in the UI to discover, through experimentation alone, what is capable, or to realise through cues that may not be obvious at all (such as an off-screen cursor), why a button that looks like all other functional buttons, isn’t doing anything (or is it? Who knows, not every button does something immediately obvious).

---

<div class="post-metadata">

**Author:** ![BigJohn](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/bigjohn/32/34476_2.png) [@BigJohn](https://forum.literatureandlatte.com/u/BigJohn)\
**Post date:** [July 11, 2022, 10:30am UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/12 "2022-07-11T10:30:02Z")

</div>

Thanks Amber, now that you explained the reason behind active/inactive it makes sense to leave things the way they are.

-john

---

<div class="post-metadata">

**Author:** ![Lamyaa](https://forum.literatureandlatte.com/letter_avatar_proxy/v4/letter/l/7cd45c/32.png) [@Lamyaa](https://forum.literatureandlatte.com/u/Lamyaa)\
**Post date:** [January 29, 2025, 5:18pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/13 "2025-01-29T17:18:42Z")

</div>

Hi everyone. I hope that you’re all doing well  
I’ve been using Scrivener 3 for some time and I absolutely love it. However, there’s a small thing that I would like to ask about. Whenever I try to change the binder’s background color in a custom theme, there would still be some other background attached to it. (as shown in the image below)

 ![Screenshot 2025-01-29 120147](https://forum.literatureandlatte.com/uploads/default/original/3X/f/2/f29ad06a7c7097541011215db112a6f3486d7c18.png)

But, no matter how much I try to look for an option to remove that black color from the appearances tab, I just can’t seem to find it. If anyone has got any tips, I would be forever grateful.  
Thanks in advance

---

<div class="post-metadata">

**Author:** ![AmberV](https://forum.literatureandlatte.com/user_avatar/forum.literatureandlatte.com/amberv/32/13021_2.png) [@AmberV](https://forum.literatureandlatte.com/u/AmberV)\
**Post date:** [January 29, 2025, 6:13pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/14 "2025-01-29T18:13:00Z")

</div>

I’ve merged this into an existing discussion on the matter. This post above described [how to change the binder colour fully](https://forum.literatureandlatte.com/t/how-to-change-this-ui-color-in-the-binder/128929/8). It is indeed a bit of a bug that it doesn’t apply the colour completely, in both the binder and the outliner.

---

<div class="post-metadata">

**Author:** ![Lunatique](https://forum.literatureandlatte.com/letter_avatar_proxy/v4/letter/l/2acd7d/32.png) [@Lunatique](https://forum.literatureandlatte.com/u/Lunatique)\
**Post date:** [February 23, 2025, 8:58pm UTC](https://forum.literatureandlatte.com/t/how-to-fully-change-binder-and-outliner-background-color/128929/16 "2025-02-23T20:58:21Z")

</div>

My thread was merged into this one by the moderator, but I don’t think it’s the same thing as what others have asked here. It is on how to change the selected/highlighted file color (background and font colors) in the binder and outliner so they pop out more obviously among all the different color labels I use when I use “show as background color in binder.”

As you can see, the selected/highlighted file color right now is a blue color, which blends too easily into some of the label colors I have, making it difficult to see which file is selected at the moment. I’d like to customize the colors for selected/highlighted files’ background and font so I can easily see which one is being selected at the moment.

 ![2025-02-23_125242](https://forum.literatureandlatte.com/uploads/default/original/3X/1/7/17c0d1f5ec80ea8c25bd010a062fab0f447b51ee.jpeg)  
 ![2025-02-23_125332](https://forum.literatureandlatte.com/uploads/default/original/3X/b/6/b6221683886d7a6dda40035e300440aa13959f2a.jpeg)

Maybe this is something the mod considers to be part of the entire “customizing binder background color bug/feature request,” and if so, then I hope to see this addressed in a future release.
