dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-05-24 12:35:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

IMP: better color choice for some covers

Browse source
This commit is contained in:
Julien Maille 2021-06-05 15:50:02 +02:00
parent 608fc67ffb
commit cab22d14c7
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
dribbblish-dynamic.js
View file

@ -1,4 +1,4 @@
let current = '1.1'
let current = '1.2'
/* css is injected so this works with untouched user.css from Dribbblish */
/* dark theme */
@ -34,6 +34,13 @@ document.styleSheets[0].insertRule(`
background-color: rgba(var(--spice-rgb-subtext), 0.3) !important;
}`)
/* unreadable top buttons */
document.styleSheets[0].insertRule(`
.main-topBar-historyButtons svg {
color: var(--spice-text) !important;
fill: var(--spice-text) !important;
}`)
/* big cover opacity on hover */
document.styleSheets[0].insertRule(`
.main-coverSlotExpanded-container:hover .cover-art,
@ -228,8 +235,8 @@ Spicetify.Player.addEventListener("songchange", songchange)
function pickCoverColor(img) {
var swatches = new Vibrant(img, 12).swatches()
cols = isLight(mainColorBg) ? ["Vibrant", "DarkVibrant", "LightVibrant", "Muted"]
: ["Vibrant", "LightVibrant", "DarkVibrant", "Muted"]
cols = isLight(mainColorBg) ? ["Vibrant", "DarkVibrant", "Muted", "LightVibrant"]
: ["Vibrant", "LightVibrant", "Muted", "DarkVibrant"]
mainColor = "#509bf5"
for (var col in cols)
if (swatches[cols[col]]) {