Change "clicked" effect

Hi,

Sorry, I don’t know what it’s called but in halo theme whenever you clicked at the button it will appear a blue border to show that it’s clicked. How can I change or unable the blue border effect?

Hi,

The easiest way to change visual appearance of your app is to extend theme: https://doc.cuba-platform.com/manual-6.9/web_theme_extension.html

Then, you can change global $v-focus-color using Studio theme editor (Manage theme - Edit variables) :

theme-editor

In order to disable focus color only for Button add the following CSS to halo-ext.scss:

/* Define your theme modifications inside next mixin */
@mixin com_company_clickcolor-halo-ext {
  .v-button:focus:after {
    @include box-shadow(none);
    border-color: first-color(valo-border());
  }
}
2 Likes