Valence 4.1 Tab Background Color vs App Background Color

[rkanemeier]

If you open up any of the portal apps (say Nitro Source Editor), the background of the app matches the background of the tab. If you open up your examples (Load All Grid) the background colors are slightly off. What css or override are you guys using in the portal to match the color of the tab?

Also, is the color of the tabs of custom apps (non-Valence apps) customizable?

[sean.lanktree]

To answer your first question, it all depends on the app. I could have an app that has a single grid that takes up the full space (like the "load all" example) or another app that has a top margin of 25px of blank space. In the case of the load all grid, a panel "header" is occupying the top most space. Thus, the "background-color" of "x-panel-header-default" would need to be changed to match the background color of the active tab "#F1F2F3".

You can change the background color of the active tab (whether it is a Valence supplied app or not) by modifying the already supplied Hook.css file. This file is meant to be used to override any css.

It can be found under /resources/desktop. Add the following:

.vvtab-active{
    background-color:SOMECOLOR!important;
}