[SOLVED] Problems with making the menu semitransparent & blurred, like in Deepin

rado84

Well-Known Member
Credits
1,396
I posted the following content in the Mint forum but nobody there can help, so I'm hoping someone here might have more experience with theming:

I'm trying to make the Cinnamon menu semitransparent and probably even blurred - just like the default theme of the Deepin DE but I'm having problems. For one, when I reduce the opacity of the background color, it simply changes to a lighter solid color which looks like light gray. In my theme (the one I'm currenty editing and I was using in the past 2 years or so) the background color of the menu is black: rgba(0, 0, 0, 1). I had it set to (0, 0, 0, 0) but instead of having a 100% transparent menu which was the desired effect (only to see what it will look like), the menu became light gray.

This is what the menu looks like in my theme:

And this is what it becomes when I reduce the opacity to 0:

Code:
.popup-menu-content { /* .popup-menu-content changes menu font family and size */
  font-family: "Open Sans SemiBold",sans-serif;
  font-weight: bold;
  color: #c5c5c5;
  font-size: 15px;
  background-color: rgba(0, 0, 0, 0.0);
  border: 1px;
  border-color: rgba(160, 120, 78, 1);
  padding: 0.8em 0.8em; }
Any ideas/suggestions what am I missing here?
 


Tolkem

Well-Known Member
Credits
8,307

rado84

Well-Known Member
Credits
1,396
Check whether your theme uses an .svg image or an RGB declaration.
Thanks for the idea - it was an RGB declaration and it also turned out the menu has a secondary background color. I find that stupid thing to have but the point is that I found it. :D
 

rado84

Well-Known Member
Credits
1,396
Thanks to an idea from @Tolkem , I managed to make Cinnamon transparent and what's more interesting - to destroy the myth about Cinnamon I read some time ago that it doesn't support transparency, especially its Menu app. Turns out the Menu app does support that, it's just that it has 2 background colors (a nonsense, if you ask me, but it is what it is).

This is what it looks like when done:



You can use my theme, if you want, or if you want you can use it as a template to create one of your own - the choice is yours. Below you'll find a link for it to download. If you wanna know how I did it, you can use Google Translate on this guide bc IDK whether and when I'll have the time to translate it myself (the guide is mine, I wrote it; my nickname in Bulgarian forums is different than the nickname here).
Guide: https://www.kaminata.net/forum/viewtopic.php?f=230&t=132628

Download link: https://drive.google.com/file/d/1_OfLm2xt7AJqsuiRATOalPA9sq5dpcr7/view?usp=sharing
 
Last edited:

f33dm3bits

Gold Member
Gold Supporter
Credits
24,076
I started using Linux when Gnome2 was still the thing and with Gnome2 the menu was always on the top left. I have been putting my menu on the top left ever since even when I was running Cinnamon where the menu was on the bottom left by default, just wondering why so many people prefer to keep their menu on the bottom left?
 

wizardfromoz

Administrator
Staff member
Gold Supporter
Credits
17,696
Nice work, Rado (and by inference, Tolkem), looks good :)

Thanks for sharing

Wiz
 

wizardfromoz

Administrator
Staff member
Gold Supporter
Credits
17,696
...just wondering why so many people prefer to keep their menu on the bottom left?
Now you should be able to predict this, Mate? - start a Thread on the subject :)

Chris
 

Tolkem

Well-Known Member
Credits
8,307
Thanks for the idea - it was an RGB declaration and it also turned out the menu has a secondary background color. I find that stupid thing to have but the point is that I found it. :D
You're welcome. Looks good, though the panel is a bit too transparent. I, too, like a bit of transparency in my theme, fortunately there's "breeze dark transparent" for Plasma, which is what I use. :)
 

rado84

Well-Known Member
Credits
1,396
You're welcome. Looks good, though the panel is a bit too transparent.
That can be set manually according to your personal preference by using RGBA color. I for one like it the way it is now. Or, if you prefer, you can even use a blurred image to mimic the blurness of Deepin.
 
$100 Digital Ocean Credit
Get a free VM to test out Linux!

Members online


Top