mi estilo
spotify by meliswatchingg
![Screenshot of spotify](https://userstyles.world/preview/18571/0.jpeg)
Details
Authormeliswatchingg
LicenseNo License
Categoryspotify
Created
Updated
Size2.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==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;
}
}