diff --git a/addons/web/static/src/views/kanban/kanban_examples_dialog.scss b/addons/web/static/src/views/kanban/kanban_examples_dialog.scss
index 0332f978c6f..a1922e93559 100644
--- a/addons/web/static/src/views/kanban/kanban_examples_dialog.scss
+++ b/addons/web/static/src/views/kanban/kanban_examples_dialog.scss
@@ -12,8 +12,9 @@
 
         // sidebar
         .nav-link.active {
-            background-color: #{$o-brand-primary};
-            color: $white;
+            $o-btn-primary-theme-colors: map-get($o-btns-bs-override, "primary");
+            background-color: map-get($o-btn-primary-theme-colors, "background");
+            color: map-get($o-btn-primary-theme-colors, "color");
             &, &:hover, &:focus, &:active {
                 border-right-color: var(--notebook-link-border-color-active);
             }