Notifications transparency

Forum rules
Before you post please read how to get help
Post Reply
User avatar
invex
Level 3
Level 3
Posts: 161
Joined: Sun Aug 14, 2016 12:38 pm

Notifications transparency

Post by invex »

Where in cinnamon.css can I change transparency of notifications?

Thank you in advance.
Penn
Level 5
Level 5
Posts: 753
Joined: Tue Jun 10, 2014 1:12 pm

Re: Notifications transparency

Post by Penn »

The exact steps depends on the theme you are altering. General idea is use RGBA colors for "background-color" and "border-color" instead of RGB or hexadecimal colors and not a "border-image" or "background-image". If the theme does use images I think you can edit the image to attain transparency but I'm not completely sure.

RGBA - "A" is alpha with 0.0 being completely transparent and 1.0 being completely solid.
User avatar
invex
Level 3
Level 3
Posts: 161
Joined: Sun Aug 14, 2016 12:38 pm

Re: Notifications transparency

Post by invex »

Thank you for your advice.
I'm using a modified Mint-Y theme.
The menu and other elements are semitransparent. Only notifications aren't.
I'll try to figure it out :)
Penn
Level 5
Level 5
Posts: 753
Joined: Tue Jun 10, 2014 1:12 pm

Re: Notifications transparency

Post by Penn »

The section in Mint-Y you want to edit is

Code: Select all

#notification {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background-color: #F0F0F0;
  padding: 13px;
  spacing-rows: 10px;
  spacing-columns: 10px;
  margin-from-right-edge-of-screen: 20px;
  width: 34em;
  color: #4a4a4a; }
If you want it to be the same as the menu change the background color to what is used in the ".menu" color

Code: Select all

background-color: rgba(240, 240, 240, 0.99)
User avatar
invex
Level 3
Level 3
Posts: 161
Joined: Sun Aug 14, 2016 12:38 pm

Re: Notifications transparency

Post by invex »

Perfect! Thank you so much.
Post Reply

Return to “Themes, Icons, & Wallpaper”