Files
SpotX/css-helper/lyrics-color/rules.css
T
amd64fox 9fa954acd2 version bump to 1.3.0
- fix the banner_home patch
- update css selectors for hiding download buttons, menu items, and quality settings
- update css selectors for static lyrics themes
- skip snapshot creation in spicetify #892
2026-09-09 03:29:42 +03:00

160 lines
4.4 KiB
CSS

@import url('colors.css');
/* mini lyrics */
.Li269NgzkU2gI4KOP9sM,
.I2WIloMMjsBeMaIS8H3v,
.McI3hD7aCfpq015LJa6X,
.gpDSOimnzH4zTJmE7UR5,
.dh4zyndPBN0gul_w,
.zboE1ICtt8SJrJQEVHTf {
--lyrics-color-active: var(--current) !important;
--lyrics-color-inactive: var(--next) !important;
--lyrics-color-passed: var(--past) !important;
--lyrics-color-background: var(--background) !important;
}
/* title unsynced */
[style*="--lyrics-color-active"] p[class*="e-"][class*="-text"].encore-text-body-small,
.ReC7DlF3I_k9g6Vv,
.WlotvRiQOV9Ps_vFbm14,
.Zfb6QZfRV28Kz1RQ,
.b8IhQswrT49QTc5CuFif {
color: var(--musixmatch) !important;
margin-bottom: 8px !important;
}
/* fixed color of lyrics button */
[data-testid="lyrics-npv-section"]:not(._OhUGn8Plh3mRw4awIM5):not(.Sb2rC16jDkGc9eweOU8g):not(._YRfjT5prbRuSXcNK9WR):not(.RXRGSIFllAhUYWKYlANd):not(.R28TH1mzH8k9Z3Ad):not(.oCWFPidreAoLBDsNRQuw) {
background-color:
#1f1f1f !important;
}
/* lyrics description */
.ebHsEf.I4K12o0qDoITOLr2AEs0,
.ebHsEf.OYiGFGZJDIZ4FF4ZTDK2,
.jKdLzW.LvLs_UgYs7ps5KdoCr0h,
.bWzOVV._T5UDP2tItG9WGdwO5Yi,
.hzUuLPdH48AzgQun5NYQ [data-encore-id="type"],
.hzUuLPdH48AzgQun5NYQ [data-encore-id="text"],
body .LomBcMvfM8AEmZGquAdj,
body .W_EplVEAbZrZURqfLiQC,
body .kGR_hu4tdj9PnUlSPaRL,
.GML6YUVCeJvRhGznLnqm,
body .iq4cgi0YEKr6DGaTtzUj,
body .KDhLFoEqoClhH12bsfrS,
.NUBq_wlyuwoDUsSg,
.upDNlpL8xEkxmKWWw9IF {
color: var(--musixmatch) !important;
}
/* lyrics not available message */
.C3pBU1DsOUJJOAv89ZFT,
.T67LFP0PElpfkkLuegQt,
.e7eFLioNSG5PAi1qVFT4,
.l2060qoyWU4J9ihSxHLE,
.hfTlyhd7WCIk9xmP,
.bDlqrHmbHstExWu6T7Ms {
color: var(--musixmatch) !important;
}
/* full cinema lyrics */
.FUYNhisXTCmbzt9IDxnT,
.tr8V5eHsUaIkOYVw7eSG,
.hW9km7ku6_iggdWDR_Lg,
.lofIAg8Ixko3mfBrbfej,
.bbJIIopLxggQmv5x,
.bqldaBkacR41KxR2Z0jY {
--lyrics-color-active: var(--current) !important;
--lyrics-color-inactive: var(--next) !important;
--lyrics-color-passed: var(--past) !important;
--lyrics-color-background: var(--background) !important;
}
/* previous lines */
.H2J92dVdr0ykdOX5azL1,
.KnFq2ijXFdOtyl4Iebjv,
.XiH9KR6bhDwEFykV,
.loNizikBbaCKyI9Gv8xg {
color: var(--past) !important;
opacity: 1 !important;
}
/* hover */
.vapgYYF2HMEeLJuOWGq5:hover,
._LKG3z7SnerR0eigPCoK:hover,
.NHVfxGs2HwmI_fly2JC4:hover,
.gaHIufRWhoWbiT8S6zuM:hover,
.FQYXZaa0aDIrse54YlYO:hover,
.PSyA4iign083ZV6vOqPj:hover,
.Plu0zvuRv7kOQwsQ02cC:hover,
.Mnf9PkrVHsX90BNf:hover,
.XiH9KR6bhDwEFykV:hover,
.MZZCOz_ImVH1skMtX3aI:hover,
.loNizikBbaCKyI9Gv8xg:hover {
color: var(--hover) !important;
/* remove underline */
text-decoration: none !important;
}
/* lyrics unsynced */
.HxblHEsl2WX2yhubfVIc,
.SruqsAzX8rUtY2isUZDF,
.eTLjCqbDo7QehPEPz86a,
.AEfhRyqGa3vzQrgfdwWE.Re403AJffPPuZmX7LRJj,
.NHVfxGs2HwmI_fly2JC4.E64X_eoy6xsJmDdKKHja,
.gaHIufRWhoWbiT8S6zuM.Qo3OkrSis5IWlP9Tchbr,
.AEfhRyqGa3vzQrgfdwWE .Re403AJffPPuZmX7LRJj,
.AQFBg9wNhDoKJHvS,
.aO2StTvteoZW3ixq2Fz4 {
color: var(--next) !important;
}
/* full screen lyrics */
.npv-lyrics__text-wrapper--previous .npv-lyrics__text {
color: var(--past) !important;
}
.npv-lyrics__text-wrapper--current .npv-lyrics__text {
color: var(--current) !important;
}
.npv-lyrics__text-wrapper--next .npv-lyrics__text {
color: var(--next) !important;
}
.npv-lyrics__text.npv-lyrics__text--credits,
.npv-lyrics__text--unsynced-warning {
color: var(--musixmatch) !important;
}
.npv-lyrics__text--unsynced {
color: var(--next) !important;
}
.npv-background-color {
background: var(--background) !important;
}
.npv-main-container {
background: transparent !important;
}
.npv-lyrics__gradient-background {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 18, 18, 0)), color-stop(30%, var(--background)), color-stop(60%, var(--background))) !important;
background: -webkit-linear-gradient(top, rgba(18, 18, 18, 0) 0%, var(--background) 30%, var(--background) 60%) !important;
background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 0%, var(--background) 30%, var(--background) 60%) !important;
}
/* read along podcasts */
.l6lFMYQteTVnTcHnLywc,
._nDkCIVgkWayq3tqiIuW,
.B_wut2Bw4HwLr3w8rNfM,
.fhgdX2gD6kkUSiiX,
.ss3nDnn4UPsMVtFr,
.pvWgiS0R_7grz0VjKsSZ,
.qb9cvoyw3y6W2evemPij {
--transcript-color-background: var(--background) !important;
--transcript-color-text: var(--next) !important;
--transcript-color-highlightText: var(--current) !important;
}