spotify by meliswatchingg

/* ==UserStyle==
@name       spotify
@version    20241013.19.51
@namespace  https://userstyles.world/user/meliswatchingg
@author     meliswatchingg
==/UserStyle== */

@-moz-document domain("https://open.spotify.com") {
/* Fondo general neutro */
    body, .Root__main-view {
        background-color: #18181800 !important;
    }

    /* Fondo del panel de reproducción */
    .main-view-container, .Root__now-playing-bar {
        background-color: #18181800 !important;
    }

    /* Fondo de las canciones y listas de reproducción */
    .os-content, .main-view-inner, .now-playing-bar {
        background-color: #18181800 !important;
    }

    /* Fondo de la carátula del álbum y barra inferior */
    .Root__nav-bar, .Root__nav-bar, .Root__now-playing-bar, .cover-art-shadow {
        background-color: #18181800 !important;
    }

    /* Desactivar degradados de color */
    .main-view-container__scroll-node-child,
    .Root__nav-bar,
    .Root__now-playing-bar {
        background-image: none !important;
    }

    /* Remover efectos de color de la carátula del álbum */
    .cover-art-image {
        filter: grayscale(100%) contrast(100%) !important;
    }
    
    /* Cambiar colores de botones y textos a un esquema más uniforme */
    .Button, .button, .link-subtle, .type-mesto, .mo-info span, .main-topBar-header span {
        color: #ffffff !important;
    }
    
    /* Ajustar el fondo del panel de control */
    .now-playing-bar__center, .now-playing-bar__right {
        background-color: #282828 !important;
    }
}

@-moz-document domain("open.spotify.com") {
/* Aplica fondo negro a las áreas principales */
    body, .Root__main-view, .main-view-container__scroll-node-child, .now-playing-bar, .Root__now-playing-bar, .Root__nav-bar {
        background-color: #df2e2e00 !important;
    }

    /* Sobrescribe cualquier fondo dinámico con fondo negro */
    .main-view-container, .os-content, .main-view-inner, .cover-art-shadow, .now-playing-bar, .background-color {
        background-color: #18181800 !important;
        background-image: none !important;
    }

    /* Ajusta el fondo de la carátula del álbum para eliminar colores de ambiente */
    .cover-art-image, .cover-art-shadow {
        filter: grayscale(100%) contrast(100%) !important;
    }

    /* Remover sombras y efectos brillantes */
    .Root__main-view, .main-view-container, .now-playing-bar {
        box-shadow: none !important;
    }

    /* Aplicar estilos más fuertes para fondos */
    [style*="background-color"] {
        background-color: #18181800 !important;
        background-image: none !important;
    }
}