Update style.css

style.css

@@ -10,24 +10,24 @@
   --background-primary: #0f0f0f; /* Fondo principal negro */
   --background-secondary: #181818; /* Fondo secundario gris oscuro */
   --background-tertiary: #202020; /* Fondo terciario más claro */
-  --scrollbar-thin-thumb: #FF3333; /* Barra de desplazamiento roja */
+  --scrollbar-thin-thumb: #FF6666; /* Barra de desplazamiento roja más suave */
 
   --text-normal: #ffffff; /* Texto principal blanco */
   --text-muted: #b3b3b3; /* Texto secundario gris */
 
-  --interactive-normal: #FF3333; /* Rojo YouTube Music para botones/enlaces */
-  --interactive-hover: #FF6666; /* Rojo suave al pasar el mouse */
-  --interactive-active: #FF1A1A; /* Rojo más intenso al hacer clic */
+  --interactive-normal: #FF6666; /* Rojo suave para botones/enlaces */
+  --interactive-hover: #FF9999; /* Rojo aún más suave al pasar el mouse */
+  --interactive-active: #FF4D4D; /* Rojo suave al hacer clic */
 
-  --brand-experiment: #FF3333; /* Usado para botones destacados */
+  --brand-experiment: #FF6666; /* Usado para botones destacados */
 }
 
 /* Fondo general */
 .theme-dark, .theme-light {
   --background-primary: #0f0f0f;
   --background-secondary: #181818;
   --background-tertiary: #202020;
-  --scrollbar-thin-thumb: #FF3333;
+  --scrollbar-thin-thumb: #FF6666;
 }
 
 /* Personalización de la barra lateral */