The first way you can affect the Menu is to edit the PopupMenu section at about line 100,
Here is one heavily edited:
Code:
.popup-menu {
border-radius: 4px;
border: 1px solid rgba(255,255,255,0.7);
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-image: url("Menu.jpg")0 10 8 8 stretch;
color: #ffffff;
font-size: 11pt;
min-width: 280px;
}
This is what that looks like >
http://i.imgur.com/zmcxMtw.png
My "Menu.jpg" is rain on a car's windshield.
The second way you can affect the background is to go (about line 800) to the
Code:
* Cinnamon Specific Section
* ###################################################################*/
/* ===================================================================
* Menu (menu.js)
By default, there is no way to alter the Menu background in that section, but you can do it by adding this:
(again, heavily edited)
Code:
.menu-background {
border: inset 1px solid rgba(195,216,255,0.5);
background-gradient-direction: vertical;
background-gradient-start: rgba(170,200,255,0.6);
background-gradient-end: rgba(219,231,255,0.6);
box-shadow: 1px 1px 1px 1px rgba(195,216,255,0.0);
border-radius: 8px;
border-radius-bottomright: 0px;
border-radius-bottomleft: 0px;
background-bumpmap: url("/usr/share/cinnamon/bumpmaps/frost.png");
}
This is what that looks like >
http://i.imgur.com/HUaeR3T.jpg
You can use that - which I intentionally made transparent.
To make it less transparent, get rid of the "background-bumpmap" line, and delete the transparency numbers (0.5, 0.6, etc), and plug in the colors you want.
EDIT: After making changes, save them, then right-click on the Panel > Troubleshoot > Restart Cinnamon - to see the changes.