tabs in the tabbed layout hard to read

My default button has a dark background color and a white text. When selecting the tabbed layout the background color for the tabs in OWM Weather is changed to a light gray which makes the tabs hard to read. To fix this I added the following css:

.owm-weather-id button {
    background-color: #666 !important;
}
.owm-weather-id button.active {
    background-color: #ccc !important;
}

Here’s my default button css:

button {
    color: #ffffff;
    background-color: #666666;
}

You might want to add an option in the Layout Settings to specify the background color for the tabs (including for the active tab) or alternatively allow the specification of the text color for the tabs (or just specify the text color in your css for the OWM Weather tabs.

Here’s the css generated by OWM Weather for the tabs:

#owm-weather-id-199528-1 .tab button {
    background-color: inherit;
}
#owm-weather-id-199528-1 .tab button.active {
    background-color: #ccc;
}
#owm-weather-id-199528-1 .tab button:hover {
    background-color: #ddd;
}