How to set the background color for all buttons in a custom theme?

Hi,

I created a new custom theme based on hover and I want to change the button background of all buttons, including the filter button to #13418D. I tried a lot, but I did’nt find a solution.

I’m using CUBA platform 6.10.7.

Thanks, Andreas

Hi Andreas!

Open your hover-ext.scss file and try something like this:

/* Define your theme modifications inside next mixin */

@mixin button_background {
    background-image: none;
    background-color: #13418D;
}

@mixin com_company_untitled62-hover-ext { //Change the name of mixin for name, that was generated by default
    .v-button:not(.v-button-link) { // disable for link buttons, as they should not have background
        @include button_background;
    }

    .c-generic-filter .filter-search-button-layout {
        .v-button.filter-search-button, .v-button.v-popupbutton {
            @include button_background;
        }
    }
}

Hi Alexander,

works perfectly! :smiley:

Thanks, Andreas