Change the default active class bgcolor?

The default blue active class bgcolor doesn't look appealing and I noticed the default style is locked:

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index:2;
  color:#ffffff;
  background-color:#2196f3;
  border-color:#2196f3;
}

Is it possible to unlock the default code so I can change the background-color?

Copy the code (using the dots to the right of the class which is actually a menu window activator) and choose copy to and choose your custom CSS file. Now edit that to your hearts content. Nothing is truly "locked", it's just locked to directly edit it is all.

No, you just need to copy that CSS rule so you can override it. In the app click on stacked triple dots and select "Copy to" and select styles.css then you can edit that code to override the BSS default.

Saj

I see, copying the code to another style sheet such as styles.css did the trick. Thanks JO and saj for the tip.