[IMP] web, website_sale: review active light buttons

Prior to this commit, toggle inputs using light color had no active
color.

This commit adds an active state in order to match the other active
colors.

task-3097005

Part-of: odoo/odoo#120302
Co-authored-by: qsm-odoo <qsm@odoo.com>

addons/web/static/src/scss/bootstrap_review_frontend.scss

@@ -59,6 +59,13 @@ $o-btn-outline-border-width-defaults: () !default;
     }
 }
 
+// Highlight '.btn-group's active buttons
+.btn-group .btn-light.active {
+    box-shadow: inset 0 0 0 $border-width $component-active-bg;
+    border-color: transparent;
+    background-color: mix($component-active-bg, $light, 10%);
+}
+
 // Compensate navbar brand padding if no visible border
 @if alpha($navbar-dark-toggler-border-color) < 0.001 {
     .navbar-dark .navbar-toggler {

addons/website_sale/views/templates.xml

@@ -476,7 +476,7 @@
     </template>
 
     <template id="website_sale.add_grid_or_list_option" active="True" name="Grid or List button">
-        <t t-set="_activeClasses">border-primary</t>
+        <t t-set="_activeClasses">active</t>
         <div t-attf-class="o_wsale_apply_layout btn-group ms-3 {{_classes}}" t-att-data-active-classes="_activeClasses">
             <input type="radio" class="btn-check" name="wsale_products_layout" id="o_wsale_apply_grid"  t-att-checked="'checked' if layout_mode != 'list' else None" value="grid"/>
             <label t-attf-class="btn btn-{{navClass}} #{_activeClasses if layout_mode != 'list' else None} o_wsale_apply_grid" title="Grid" for="o_wsale_apply_grid">