diff --git a/note_kfet/static/css/custom.css b/note_kfet/static/css/custom.css
index 15efa3f9..d95ffaae 100755
--- a/note_kfet/static/css/custom.css
+++ b/note_kfet/static/css/custom.css
@@ -61,6 +61,11 @@ mark {
 /* Make navbar more readable */
 .navbar-dark .navbar-nav .nav-link {
     color: rgba(255, 255, 255, .75);
+    text-shadow: 2px 2px 15px #ffeb40;
+}
+
+.navbar-brand {
+    text-shadow: 2px 2px 15px #ffeb40;
 }
 
 /* Last BDE colors */
@@ -68,7 +73,8 @@ mark {
 /*    background-color: rgb(18, 67, 4) !important; */
 /* MODE VIEUXCON=ON */
 /*    background-color: rgb(166, 0, 2) !important; */
-    background-color: rgb(100, 30, 100) !important;
+    background-color: rgb(0, 0, 0);
+    background-image: url('/static/wrapped/img/1/bg.png');
 }
 
 html {
@@ -83,81 +89,95 @@ body {
 .btn-outline-primary:hover,
 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .btn-outline-primary:not(:disabled):not(.disabled):active {
-   color:  rgb(240, 200, 240);
-    background-color: rgb(30, 120, 150);
-    border-color: rgb(190, 150, 190);
+    color:  rgb(0, 0, 0);
+    background-color: rgb(255, 0, 101);
+    border-color: rgb(255, 203, 32);
 }
 
 .btn-outline-primary {
-    color: #a2a;
-    background-color: #6bc;
-    border-color: #719;
+    color: #000;
+    background-color: #ffcb20;
+    border-color: #000;
 }
 
 .turbolinks-progress-bar {
-    background-color: #12342E;
+    background-color: #ffffff;
 }
 
 .btn-primary:hover,
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active {
-    color:  rgb(150, 200, 240);
-    background-color: rgb(50, 100, 140);
-    border-color: rgb(0, 0, 0);
+    color:  rgb(0, 0, 0);
+    background-color: rgb(255, 0, 101);
+    border-color: rgb(255, 203, 32);
 }
 
 .btn-primary {
-    color:  #eae; 
-    background-color: #616;
-    border-color: #000000;
+    color:  #ffcb20; 
+    background-color: #000000;
+    border-color: #ffcd20;
 }
 
 .border-primary {
-    border-color: rgb(222, 180, 222) !important; 
+    border-color: rgb(255, 255, 255) !important; 
 }
 
 .btn-secondary {
-    color:  #eae;
-    background-color: #616;
-    border-color: #000000;
+    color:  #ff0065;
+    background-color: #000000;
+    border-color: #ff0065;
 }
 
 .btn-secondary:hover,
 .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active {
-    color:  rgb(150, 200, 240);
-    background-color: rgb(50, 100, 140);
-    border-color: rgb(0, 0, 0);
+    color:  rgb(0, 0, 0);
+    background-color: rgb(255, 203, 32);
+    border-color: rgb(255, 0, 101);
 }
 
+.btn-outline-dark:nth-child(even) {
+    color: rgba(255, 203, 32, 75%);
+}
+
+.btn-outline-dark:nth-child(odd) {
+    color: rgba(255, 0, 101, 75%);
+}
 
 .btn-outline-dark {
-    color: #000000;
-    border-color: #000000;
+    background-color: #222;
+    border-color: #61605b;
 }
 
-.btn-outline-dark:hover,
+.btn-outline-dark:hover:nth-child(even),
 .btn-outline-dark:not(:disabled):not(.disabled).active,
 .btn-outline-dark:not(:disabled):not(.disabled):active {
-    color:  rgb(50, 100, 160);
-    background-color: rgb(240, 150, 240);
-    border-color: rgb(50, 100, 160);
+    color:  rgb(0, 0, 0);
+    background-color: rgb(255, 203, 32);
+    border-color: rgb(255, 0, 101);
 }
 
+.btn-outline-dark:hover:nth-child(odd),
+.btn-outline-dark:not(:disabled):not(.disabled).active,
+.btn-outline-dark:not(:disabled):not(.disabled):active {
+    color: rgb(0, 0, 0);
+    background-color: rgb(255, 203, 32);
+    border-color: rgb(255, 0, 101);
+}
 
 a {
-    color: rgb(0, 150, 150);
+    color: rgb(255, 0, 101);
 }
 
 a:hover {
-    color: rgb(200, 0, 200);
+    color: rgb(255, 203, 32);
 }
 
 .form-control:focus {
-    box-shadow: 0 0 0 0.25rem rgb(0 150 150 / 50%);
-    border-color: rgb(0, 200, 200);
+    box-shadow: 0 0 0 0.25rem rgb(255 0 101 / 50%);
+    border-color: rgb(255, 0, 101);
 }
 
 .btn-outline-primary.focus {
-  box-shadow: 0 0 0 0.25rem rgb(0 150 150 / 22%);
+  box-shadow: 0 0 0 0.25rem rgb(255 203 32 / 22%);
 }