ErikReider / SwayNotificationCenter

A simple GTK based notification daemon for SwayWM
GNU General Public License v3.0
1.15k stars 58 forks source link

[Bug] Can't disable mpris background cover #422

Open zDyanTB opened 2 months ago

zDyanTB commented 2 months ago

As the title says, I can't disable this blurred background cover. Everything but a 100% opaque color will turn this background into the cover.

Code


  /* Music player */
.widget-mpris {
    color: @text;
    margin:  20px 0px;
}

  /* NOTE: Background need *opacity 1* otherwise will turn into the album art blurred  */
.widget-mpris-player {
   /* background: @selected; */
    border-radius: 16px;
    padding: 6px 12px;
    margin: 8px;
}

.widget-mpris > box > button {
  color: red;
  border-radius: 20px;
}

.widget-mpris button {
  color: alpha(@text, .6);
}

.widget-mpris button:hover {
  color: @text;
}

.widget-mpris-album-art {
  border-radius: 16px;
}

.widget-mpris-title {
    font-weight: 700;
    font-size: 1rem;
}

.widget-mpris-subtitle {
    font-weight: 500;
    font-size: 0.8rem;
}

Is there a way to configure to use a color somewhat transparent or disable it completely?

image

ErikReider commented 1 month ago

Do you want to disable the blur? Or am I misunderstanding this issue?

zDyanTB commented 1 month ago

Kind of.

I can "disable" the blur, but every value that is somewhat transparent turns on the blur. I want to use some value with transparency. I.E rgba(,,,.2) Or disable it completely.

rtgiskard commented 1 month ago

for me, with blur=flase, it can be disabled:

"mpris": {
    "image-size": 64,
    "image-radius": 12,
    "blur": false
},

but with blur, it get broken like this once you click the button:

ss_20240512_115426