Change "clicked" effect


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?


The easiest way to change visual appearance of your app is to extend theme: Extending an Existing Theme - CUBA Platform. Developer’s Manual

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


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());