[SOLVED] Tweaking cinnamon.css

Forum rules
Before you post please read how to get help
Post Reply
sadi
Level 1
Level 1
Posts: 45
Joined: Sat Aug 21, 2010 3:16 pm
Location: Istanbul

[SOLVED] Tweaking cinnamon.css

Post by sadi » Sun Nov 18, 2018 1:01 pm

I prefer using a transparent top panel with Linux Mint Cinnamon (https://github.com/germanfr/cinnamon-transparent-panels) - "Shadow Mode" suits best for me.

This means I'm stuck with Arc theme (https://github.com/NicoHood/arc-theme) at the moment for it's the only one that uses opaque (white) text and icons that don't become blurred too much on a light background wallpaper.

I wonder if I can force other themes (e.g. by inserting some magic code in "cinnamon.css") to use opaque (white) text and icons as well???

The screenshot below (hopefully) shows arc-theme and adapta panel results.
Image
Last edited by sadi on Mon Nov 19, 2018 5:01 am, edited 1 time in total.
OS: Linux Mint 19 Cinnamon 64-bit

User avatar
smurphos
Level 8
Level 8
Posts: 2246
Joined: Fri Sep 05, 2014 12:18 am
Location: Britisher...

Re: Tweaking cinnamon.css

Post by smurphos » Mon Nov 19, 2018 12:21 am

sadi wrote:
Sun Nov 18, 2018 1:01 pm
I wonder if I can force other themes (e.g. by inserting some magic code in "cinnamon.css") to use opaque (white) text and icons as well???
No magic needed but a little trial and error may be required depending on the complexity of the theme you are tweaking. I'd suggest copying the theme you are editing to ~/.themes and editing that copy. After each edit save the theme and reload Cinnamon using Ctrl-Alt-Esc.

1) Search the themes cinnamon.css for #panel and in the code block change any existing color declaration or add one color: #ffffff;

2) Check if there are any color declarations in code blocks under .panel-top, .panel-bottom, .panel-left and .panel-right. If there are change them to color: #ffffff;

3) Check and change if necessary color declarations in .applet-box, .applet-label, .applet-icon, .panel-status-button, .user-icon, .user-label and .window-list-item-box

That should pretty much cover it...

sadi
Level 1
Level 1
Posts: 45
Joined: Sat Aug 21, 2010 3:16 pm
Location: Istanbul

Re: Tweaking cinnamon.css

Post by sadi » Mon Nov 19, 2018 5:00 am

This list provided me with everything I needed it seems; thank you so much!

I guess the level of transparency in all these panel elements (text and icons) depends on the color codes used in this list; for example, using the hex color code #ffffff, and not something like rgba(255,255,255,0.8) produces opaque white color, am I right?
OS: Linux Mint 19 Cinnamon 64-bit

Post Reply

Return to “Themes, Icons, & Wallpaper”