ajout scrollbar stylée

public/styles/style.css

@@ -13,6 +13,38 @@
 
 /* Général */
 
+/* Scrollbar globale */
+::-webkit-scrollbar {
+    width: 12px; /* Largeur de la barre verticale */
+    height: 12px; /* Hauteur de la barre horizontale */
+}
+
+/* Track (fond de la scrollbar) */
+::-webkit-scrollbar-track {
+    background: #2c2f33; /* Couleur sombre pour un effet mystique */
+    border-radius: 10px; /* Coins arrondis */
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3); /* Ombre interne pour un effet sculpté */
+}
+
+/* Thumb (curseur) */
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(45deg, #6a0088, #3f0281); /* Dégradé doré et brun */
+    border-radius: 10px; /* Coins arrondis */
+    border: 2px solid #2c2f33; /* Bord sombre pour contraste */
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Effet d'élévation */
+}
+
+/* Thumb hover (effet au survol) */
+::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(45deg, #d4af37, #6e4b3c); /* Inversion des couleurs du dégradé */
+    box-shadow: 0 0 10px rgba(212, 175, 55, 0.8); /* Lumière dorée */
+}
+
+/* Scrollbar horizontale */
+::-webkit-scrollbar-corner {
+    background: #2c2f33; /* Coin entre les scrollbars */
+}
+
 body{
     font-family: "Lemon", serif;
     margin : 0%;