diff --git a/content/page/garagenum.md b/content/page/garagenum.md
index 8f74749..d3843b3 100644
--- a/content/page/garagenum.md
+++ b/content/page/garagenum.md
@@ -1,5 +1,5 @@
 ---
-title: Le GARAGE NUMERIQUE
+title: LE GARAGE NUMERIQUE
 subtitle: 
 comments: false
 ---
diff --git a/themes/beautifulhugo/static/css/main.css b/themes/beautifulhugo/static/css/main.css
index e79cf81..0d6da09 100644
--- a/themes/beautifulhugo/static/css/main.css
+++ b/themes/beautifulhugo/static/css/main.css
@@ -3,7 +3,7 @@
 body {
   font-family: 'Lora', 'Times New Roman', serif;
   font-size: 18px;
-  color: #404040;
+  color: white;
   position: relative;
   background: #FFF;
   display: flex;
@@ -13,7 +13,7 @@ body {
 @media (prefers-color-scheme: dark) {
   body {
     background: #F5F5F5;
-    color: black;
+    color: #404040;
   }
 }
 .container[role=main] {
@@ -345,7 +345,8 @@ figure:not(.dark) img, img.white {
     border: 1px solid #AAA;
   }
   .navbar-custom .nav .navlinks-container .navlinks-children a {
-    background: #444;
+    /*  FOR MENU BACKGROUND */
+    background: white;
   }
 }
 
@@ -904,7 +905,7 @@ h4.see-also {
 /* Dark mode */
 @media (prefers-color-scheme: dark) {
   code {
-    background-color: #222;
+    background-color: #ccc;
     color: #fbb;
   }
   pre code {
@@ -914,15 +915,15 @@ h4.see-also {
     background-color: #ccc;
   }
   .panel {
-    background-color: #222;
+    background-color: #ccc;
   }
   .list-group-item {
-    background-color: #333;
+    background-color: #ccc;
   }
 
   pre.chroma {
     color: white;
-    background-color: #444;
+    background-color: #ccc;
   }
   pre.chroma .k {
     color: #44AACC;