LinuxQuestions.org
Review your favorite Linux distribution.
Go Back   LinuxQuestions.org > Forums > Linux Forums > Linux - Distributions > Ubuntu
User Name
Password
Ubuntu This forum is for the discussion of Ubuntu Linux.

Notices


Reply
  Search this Thread
Old 01-31-2016, 01:55 PM   #1
mfoley
Senior Member
 
Registered: Oct 2008
Location: Columbus, Ohio USA
Distribution: Slackware
Posts: 2,539

Rep: Reputation: 177Reputation: 177
How to change cinnamon panel color


I'm running Ubuntu 15.10 with the Cinnamon desktop. I'm trying to customize the taskbar panel a bit. I want to change the color from the default #555555 to rgb(170,0,0). In $HOME/.themes/cinnamon.css I have:

Code:
    #panel {
	color: #ffffff;
	background-color: rgb(170,0,0);
	font-size: 12pt;
	font-weight: normal;
	height: 40px;
    }
But it still shows the #555555 color as defined in /usr/share/cinnamon/theme/cinnamon.css, even after rebooting.

Why?

Last edited by mfoley; 01-31-2016 at 01:57 PM.
 
Old 02-01-2016, 07:52 AM   #2
TxLonghorn
Member
 
Registered: Feb 2004
Location: Austin Texas
Distribution: Mandrake 9.2
Posts: 702

Rep: Reputation: 231Reputation: 231Reputation: 231
Because you are editing the wrong file.
The best way to do it is to determine which Cinnamon theme that you are using. Let's say it is Mint-X, for example. Then you would create a folder named /home/yourusername/.themes and copy the entire Mint-X folder from /usr/share/themes to /home/yourusername/.themes
Then rename it to distinguish it from the original Mint-X. You could name it Mint-X_custom (or whatever).
Then you can edit the /home/yourusername/.themes/Mint-X_custom/cinnamon/cinnamon.css and the original Mint-X stays untouched.

I wrote a tutorial which will help - Cinnamon and GTK Themes: The Basics

Last edited by TxLonghorn; 02-01-2016 at 08:11 AM.
 
1 members found this post helpful.
Old 02-02-2016, 09:53 AM   #3
mfoley
Senior Member
 
Registered: Oct 2008
Location: Columbus, Ohio USA
Distribution: Slackware
Posts: 2,539

Original Poster
Rep: Reputation: 177Reputation: 177
Thanks! That did the trick. Maybe I copied the cinnamon.css file to the wrong location once upon a time. I hang on to your tutorial link for future reference.
 
Old 02-03-2016, 12:24 AM   #4
mfoley
Senior Member
 
Registered: Oct 2008
Location: Columbus, Ohio USA
Distribution: Slackware
Posts: 2,539

Original Poster
Rep: Reputation: 177Reputation: 177
Now, I'd like to modify the Menu (way too transparent). What is this called in the cinnamon.css file? I find no #menu or the like.
 
Old 02-03-2016, 06:48 AM   #5
TxLonghorn
Member
 
Registered: Feb 2004
Location: Austin Texas
Distribution: Mandrake 9.2
Posts: 702

Rep: Reputation: 231Reputation: 231Reputation: 231
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.

Last edited by TxLonghorn; 02-03-2016 at 07:27 AM.
 
Old 02-03-2016, 10:34 AM   #6
mfoley
Senior Member
 
Registered: Oct 2008
Location: Columbus, Ohio USA
Distribution: Slackware
Posts: 2,539

Original Poster
Rep: Reputation: 177Reputation: 177
Well, if those are your designed menus, my hat's off! Quite artistic!

My .popup-menu has only:

Code:
.popup-menu {
        color: #111;
        min-width: 85px;
}
Not really sure where that shows or what color #111 is. I only use rgb myself and have only ever seen 6 digit #colors. is #111 the same as #010111? (Don't bother answering, not important).

I did modify my transparency value in your 2nd suggestion to:

Code:
.menu-background {
  :
  :
        background-gradient-start: rgba(1,1,1,0.9);
        background-gradient-end: rgba(1,1,1,0.9);
  :
  :
}
That did the trick! Thanks again. It would be nice if there were some blog or post out there correlating screen elements with these CCS definitions. I've looked.
 
Old 02-03-2016, 01:25 PM   #7
TxLonghorn
Member
 
Registered: Feb 2004
Location: Austin Texas
Distribution: Mandrake 9.2
Posts: 702

Rep: Reputation: 231Reputation: 231Reputation: 231
Quote:
Originally Posted by mfoley View Post
Well, if those are your designed menus, my hat's off! Quite artistic!
Thank you. They are mine.
The one with the raindrops I called "Rainy Day Blues" (at gnome-look.org)

Last edited by TxLonghorn; 02-03-2016 at 01:27 PM.
 
  


Reply

Tags
cinnamon, customize


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off



Similar Threads
Thread Thread Starter Forum Replies Last Post
Ubuntu - How do I change the Panel and menu bar to a specific color of my choosing? scrub@linux Linux - Newbie 1 01-19-2015 02:37 AM
X11 messed up - how to change color depth and available color map Hydrazin Linux - Newbie 6 12-11-2013 08:38 AM
[SOLVED] Mint 13 (cinnamon) panel time stuck at 9 pm ratman1 Linux - Newbie 2 09-11-2012 04:04 AM
Indicator Applet Session 0.3.7 change text color in Gnome Panel 2.30.0 mkisow Linux - Desktop 1 11-20-2010 11:58 PM
change gnome panel font color tdxloki Linux - General 10 11-16-2005 11:09 AM

LinuxQuestions.org > Forums > Linux Forums > Linux - Distributions > Ubuntu

All times are GMT -5. The time now is 07:34 AM.

Main Menu
Advertisement
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
Open Source Consulting | Domain Registration