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

rado84

Well-Known Member
Joined
Feb 25, 2019
Messages
757
Reaction score
623
Credits
4,705
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?
 


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
 
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:

transparent-cinnamon.png


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:
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?
 
Nice work, Rado (and by inference, Tolkem), looks good :)

Thanks for sharing

Wiz
 
...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
 
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. :)
 
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.
 

Members online


Top