diff --git a/themes/yunohost-docs/scss/theme/dark/_custom.scss b/themes/yunohost-docs/scss/theme/dark/_custom.scss
index 57c94955..85d283e0 100644
--- a/themes/yunohost-docs/scss/theme/dark/_custom.scss
+++ b/themes/yunohost-docs/scss/theme/dark/_custom.scss
@@ -15,9 +15,9 @@ body.dark-mode {
   $border-color: rgb(63, 71, 85);
   $link-color: rgb(114, 182, 236);
 
-  $danger: rgb(128, 108, 108);
-  $warning: rgb(107, 104, 89);
-  $success: rgb(106, 121, 100);
+  $danger: rgb(113, 44, 44);
+  $warning: rgb(132, 88, 4);
+  $success: rgb(51, 87, 35);
 
   // Main body background
   background-color: $background-color;
@@ -137,6 +137,12 @@ body.dark-mode {
     color: $link-color;
   }
 
+  // Background for selected submenu in the navbar
+  .off-canvas .learn-sidebar .learn-nav ul.topics > li.active,
+  .off-canvas .learn-sidebar .learn-nav ul.topics > li.parent {
+    color: rgba(255, 255, 255, 0.1);
+  }
+
   // Icons
   .off-canvas .learn-sidebar .learn-nav .read-icon,
   .off-canvas .learn-sidebar .searchbox {
diff --git a/themes/yunohost-docs/scss/theme/light/_custom.scss b/themes/yunohost-docs/scss/theme/light/_custom.scss
index c19b5f1c..fe99d14e 100644
--- a/themes/yunohost-docs/scss/theme/light/_custom.scss
+++ b/themes/yunohost-docs/scss/theme/light/_custom.scss
@@ -6,7 +6,7 @@ body.light-mode {
   $text-darker-color: rgb(17, 20, 24);
   $card-bg-color: rgb(240, 240, 240);
   $border-color: rgb(221, 221, 221);
-  $link-color: rgb(114, 182, 236);
+  $link-color: rgb(0, 112, 211);
 
   $danger: rgb(242, 222, 222);
   $warning: rgb(252, 248, 227);
@@ -129,6 +129,12 @@ body.light-mode {
     color: $link-color;
   }
 
+  // Background for selected submenu in the navbar
+  .off-canvas .learn-sidebar .learn-nav ul.topics > li.active,
+  .off-canvas .learn-sidebar .learn-nav ul.topics > li.parent {
+    color: rgba(0, 0, 0, 0.1);
+  }
+
   // Icons
   .off-canvas .learn-sidebar .learn-nav .read-icon,
   .off-canvas .learn-sidebar .searchbox {