diff --git a/apps/note/static/note/js/consos.js b/apps/note/static/note/js/consos.js
index 2ca9ad00..d08d93bd 100644
--- a/apps/note/static/note/js/consos.js
+++ b/apps/note/static/note/js/consos.js
@@ -294,3 +294,10 @@ searchbar.addEventListener("keyup", function (e) {
   if (firstMatch && e.key === "Enter")
     firstMatch.click()
 });
+
+function createshiny() {
+  const list_btn = document.querySelectorAll('.btn-outline-dark')
+  const shiny_class = list_btn[Math.floor(Math.random() * list_btn.length)].classList
+  shiny_class.replace('btn-outline-dark', 'btn-outline-dark-shiny')
+}
+createshiny()
diff --git a/note_kfet/static/css/custom.css b/note_kfet/static/css/custom.css
index d95ffaae..4145745c 100755
--- a/note_kfet/static/css/custom.css
+++ b/note_kfet/static/css/custom.css
@@ -74,7 +74,7 @@ mark {
 /* MODE VIEUXCON=ON */
 /*    background-color: rgb(166, 0, 2) !important; */
     background-color: rgb(0, 0, 0);
-    background-image: url('/static/wrapped/img/1/bg.png');
+    background-image: url('/static/img/rp_bg.png');
 }
 
 html {
@@ -136,33 +136,32 @@ body {
     border-color: rgb(255, 0, 101);
 }
 
-.btn-outline-dark:nth-child(even) {
-    color: rgba(255, 203, 32, 75%);
-}
-
-.btn-outline-dark:nth-child(odd) {
+.btn-outline-dark-shiny {
+    background-color: #222;
+    border-color: #61605b;
     color: rgba(255, 0, 101, 75%);
 }
 
-.btn-outline-dark {
-    background-color: #222;
-    border-color: #61605b;
-}
-
-.btn-outline-dark:hover:nth-child(even),
-.btn-outline-dark:not(:disabled):not(.disabled).active,
-.btn-outline-dark:not(:disabled):not(.disabled):active {
+.btn-outline-dark-shiny:hover,
+.btn-outline-dark-shiny:not(:disabled):not(.disabled).active,
+.btn-outline-dark-shiny:not(:disabled):not(.disabled):active {
     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 {
+    background-color: #222;
+    border-color: #61605b;
+    color: rgba(255, 203, 32, 75%);
+}
+
+.btn-outline-dark:hover,
 .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);
+    color:  rgb(0, 0, 0);
+    background-color: rgb(255, 0, 101);
+    border-color: rgb(255, 203, 32);
 }
 
 a {
diff --git a/note_kfet/static/img/rp_bg.png b/note_kfet/static/img/rp_bg.png
new file mode 100644
index 00000000..6a1fbf3a
Binary files /dev/null and b/note_kfet/static/img/rp_bg.png differ
diff --git a/note_kfet/static/js/konami.js b/note_kfet/static/js/konami.js
index add7fb0b..91e4e2ce 100644
--- a/note_kfet/static/js/konami.js
+++ b/note_kfet/static/js/konami.js
@@ -26,7 +26,7 @@ function afterKonami () {
     })
     rythm.addRythm('d-flex', 'color', 50, 50, {
       from: [64, 64, 64],
-      to: [128, 64, 128]
+      to: [255, 0, 101]
     })
     rythm.addRythm('nav-link', 'jump', 150, 50, {
       min: 0,