diff --git a/extensions/odoo_theme/static/scss/_mixins.scss b/extensions/odoo_theme/static/scss/_mixins.scss
index 22213cb97..6e8d6e0aa 100644
--- a/extensions/odoo_theme/static/scss/_mixins.scss
+++ b/extensions/odoo_theme/static/scss/_mixins.scss
@@ -30,7 +30,7 @@
 // Backgrounds
 // ------------------------------------------------------------------
 
-@mixin o-gradient($deg: 99deg , $startColor: $o-violet, $endColor: #62495B, $startOffset: 10%, $endOffset: 90%){
+@mixin o-gradient($deg: 99deg , $startColor: $secondary, $endColor: #62495B, $startOffset: 10%, $endOffset: 90%){
     background: mix($startColor, $endColor);
     background: -webkit-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset);
     background: -moz-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset);
diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss
index 13ecfab9a..b2ab90628 100644
--- a/extensions/odoo_theme/static/style.scss
+++ b/extensions/odoo_theme/static/style.scss
@@ -104,7 +104,7 @@ header {
                 }
 
                 span {
-                    color: $o-violet;
+                    color: $secondary;
                     @include font-size($font-size-base);
                     @include o-easter-egg($img:'img/ducky.svg');
                 }
@@ -222,8 +222,8 @@ header {
         height: calc(100% - #{$o-headers-mobile-height});
         overflow-y: auto;
         padding-left: $o-padding-s;
-        background-color: lighten($o-violet, 70%) ;
-        color: $o-violet;
+        background-color: lighten($secondary, 70%) ;
+        color: $secondary;
         font-weight: $o-fw-regular;
 
         @include o-transition(all, .3s);
@@ -244,7 +244,7 @@ header {
         }
 
         &::-webkit-scrollbar-thumb {
-            background-color: $o-violet;
+            background-color: $secondary;
             border-radius: 0;
         }
     }
@@ -264,7 +264,7 @@ header {
         padding-bottom: $o-padding-xs;
 
         > .o_toc_entry_wrapper a {
-            color: $o-violet;
+            color: $secondary;
             font-weight: 600;
         }
     }
@@ -274,13 +274,13 @@ header {
             li {
                 &.o_active_toc_entry {
                     &:not(.toctree-l1) > .o_toc_entry_wrapper i[class^="i-"]:not(.collapsed), > a , > .o_toc_entry_wrapper a, > .o_toc_entry_wrapper i {
-                        color: $o-violet;
+                        color: $secondary;
                     }
                 }
 
                 a {
                     &.current {
-                        color: $o-violet;
+                        color: $secondary;
                     }
                 }
             }
@@ -298,7 +298,7 @@ header {
             &[class*="o_menu_"] > .o_toc_entry_wrapper > i:before {
                 content: $i-doc-apps;
                 @include o-inline-icon(0 5px 0 0);
-                color: $o-violet;
+                color: $secondary;
             }
 
             &.o_menu_applications > .o_toc_entry_wrapper > i:before{
@@ -719,7 +719,7 @@ header {
                 margin-bottom: $o-margin-m;
 
                 > h1 {
-                    color: $o-violet;
+                    color: $secondary;
                     font-weight: $o-fw-bold;
                     margin-bottom: $o-margin-s;
 
@@ -1086,8 +1086,8 @@ header {
         &:hover {
             &:not([aria-selected="true"]) {
                 cursor: pointer;
-                background: tint-color($o-violet, 80%);
-                color: $o-violet;
+                background: tint-color($secondary, 80%);
+                color: $secondary;
                 transition: color .15s, background .15s;
                 border-radius: 0;
             }