Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
zDyanTB opened this issue Apr 17, 2024 · 3 comments
Open

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

zDyanTB opened this issue Apr 17, 2024 · 3 comments
Labels
bug Something isn't working

Comments

@zDyanTB
Copy link

zDyanTB commented Apr 17, 2024

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

  • OS: NixOs
  • Version: 23.11
@zDyanTB zDyanTB added the bug Something isn't working label Apr 17, 2024
@ErikReider
Copy link
Owner

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

@zDyanTB
Copy link
Author

zDyanTB commented May 3, 2024

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
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants