Cambiamos el estilo de la barra de scroll:
:root {
--scrollbar-width: 10px;
--scrollbar-track-color: #000000;
--scrollbar-thumb-color: #3b3a3a;
--scrollbar-thumb-color-hover: #464646;
--scrollbar-thumb-border-radius: 0px;
}
/* ***************************************** */
/* SCROLLBAR */
/* ***************************************** */
html{
scroll-behavior: smooth;
}
/* Estilo del contenedor que contendrá el scroll */
* {
scrollbar-width: var(--scrollbar-width);
}
/* Estilo de la barra de desplazamiento */
*::-webkit-scrollbar {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
}
/* Estilo del riel de la barra de desplazamiento */
*::-webkit-scrollbar-track {
background-color: var(--scrollbar-track-color);
}
/* Estilo del pulgar de la barra de desplazamiento */
*::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb-color);
border-radius: var(--scrollbar-thumb-border-radius);
}
/* Estilo del pulgar de la barra de desplazamiento cuando se pasa el ratón por encima */
*::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-thumb-color-hover);
}
/* ***************************************** */
/* SELECCION */
/* ***************************************** */
::-moz-selection { /* Code for Firefox */
color: #E0CC8F;
background: var(--e-global-color-primary);
}
::selection {
color: #E0CC8F;
background: var(--e-global-color-primary);
}
