Container Background color/header color

Hi I wonder how can I change the container’s background color and its header color? Thank you!

Hello! This is currently not supported.
However, I’ve added this to our feature request list.

Thank you!

I’ll tell you a secret :stuck_out_tongue_winking_eye:

We’re working on it right now :eyeglasses:

1 Like

Thank you!! Just wonder how long this might take before I can use this feature, just approximately?

We’re looking to ship this next week.

Thats perfect thanks!!

@Accurate – not sure if you saw this yet, but we shipped colored containers! You should now see a property to change the color from 3 presets (white, gray, and blue) :tada:


Hey @alex is there any way to do customized colors for these containers?

Hey @ibgoldbergs! Not yet via the unfortunately :confused:

You could do this with Custom CSS (see this post about how to add custom CSS), but this is something we might revisit as a native feature too! I’ll let you know if that changes.

Here is the CSS I ended up using to alter the container headers:

.retool-container-title-wrapper {
    height: 40px;
    background-color: #b2dfdb;
    font-family: Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #442e44;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 4px 4px 0 0;

1 Like