Mint 20.1 Cinnamon theme editing reference?

Style your desktop
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Locked
Oren Medicks
Level 1
Level 1
Posts: 6
Joined: Mon Feb 15, 2021 4:16 am

Mint 20.1 Cinnamon theme editing reference?

Post by Oren Medicks »

I am trying to edit the cinnamon.css of Eleganse-dark.
Most of the time, the changes differ from what I expect.
As an example, trying to reduce panel opacity by modifying the alpha value of these sections

#panel {
color: #fff;
background-color: rgba(0,0,0,0.90);

-----------------------------------

.panel-top,
.panel-bottom {
background-gradient-direction: vertical;
background-gradient-start: rgba(70,70,70,0.5);
background-gradient-end: rgba(50,50,50,0.5);
box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);

Did not make a difference in transparency.
Is there perhaps some documentation which will help me determine where I should make the changes?

Thanks a lot!

Oren
Last edited by LockBot on Wed Dec 28, 2022 7:16 am, edited 1 time in total.
Reason: Topic automatically closed 6 months after creation. New replies are no longer allowed.
User avatar
choochooal
Level 1
Level 1
Posts: 44
Joined: Tue Jun 28, 2011 7:54 pm

Re: Mint 20.1 Cinnamon theme editing reference?

Post by choochooal »

Did you restart or logout/in or Alt-F2 'r' to refresh your theme?
You can also do settings->themes and change to another desktop theme and then back to yours.

Are you editing the /usr/share/themes version or ~/.themes version? If the ~/.themes version, you need to change the name. I have no idea of side effects of having two of the same theme name one in usr and one in home. There probably is a precedence issue.

What you typed is what I'd do and I've done the reverse as I hate transparency.
I usually do a search on rgba( and then edit all the codes to just rgb( ... and remove the alpha.
Linux Mint 20.3 Cinnamon 64-bit. Dual boot with Windows 10
Oren Medicks
Level 1
Level 1
Posts: 6
Joined: Mon Feb 15, 2021 4:16 am

Re: Mint 20.1 Cinnamon theme editing reference?

Post by Oren Medicks »

Thank you very much for your response, and I apologize for the delay.
I found out that changing alpha value worked on some themes, but not others.
I guess it has to do with the JS they refer to
User avatar
sebastjava
Level 5
Level 5
Posts: 690
Joined: Wed Jun 28, 2017 8:01 pm
Location: Montréal, Québec, Canada
Contact:

Re: Mint 20.1 Cinnamon theme editing reference?

Post by sebastjava »

The ~/.themes overrides the /usr/share/themes

The ~/.themes are only working for one user, while the /usr/share/themes works for all users, including root. So, when you are using ~/.themes, each time you open a file manager window as root (or administrator or superuser), this window gets displayed with another default theme, and so the design is disrupted and it is always ugly, IMHO. Same thing goes for opening some text editor as root. So you should prefer to put your themes in /usr/share/themes and avoid ~/.themes.

But, on the other hand, the ~/.themes overrides the /usr/share/themes and, being in your home directory, does not require root access to be edited. So it can be very handy to put a duplicated theme in ~/.themes and make some quick tests from there.

You are trying to change alpha levels and you are not getting any results!? I don’t know, maybe you should just remember CSS = Cascaded Style Sheets ? I mean, these alpha levels could be defined in many different places and the last definition prevails... That’s just a cheap and quick idea...
The future Linux Mint Forums is here.
Self-Appointed Benevolent Designer on Linux Mint Cinnamon.
Image
Locked

Return to “Themes, Icons & Wallpaper”