From 03156cbe95cf088d25f5d63ebea949b50c857461 Mon Sep 17 00:00:00 2001
From: "maxime.rocher" <maxime.rocher@etu.uca.fr>
Date: Wed, 11 Dec 2024 11:51:39 +0100
Subject: [PATCH] =?UTF-8?q?ajout=20scrollbar=20styl=C3=A9e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/styles/style.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/public/styles/style.css b/public/styles/style.css
index 861caed..56d1a53 100644
--- a/public/styles/style.css
+++ b/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%;