Help with theme colors

Please post suggestions for improvement of Cinnamon here
https://github.com/linuxmint/Cinnamon
the_flurk
Level 1
Level 1
Posts: 3
Joined: Mon Aug 12, 2013 1:08 pm

Help with theme colors

Postby the_flurk » Thu Aug 15, 2013 6:14 pm

Hello,

I've been looking around to change the default green color of Mint. I've already found out that I can change the value of org-gnome-desktop-interface-gtk-color-scheme with dconf editor to a color code of my likings. This changes the color of the hightlighted text in Nemo etc... What it doesn't change is a number of hightlight colors in 3rd party apps. I.E the bordercolor of the textboxes inside Firefox, the text highlight color in other applications like Vuze etc. Is there anyone who can help me find these settings so I can adjust them to my likings? Something is telling me they are located near /usr/share/themes? Also, I would like to change the radiobuttons and checkboxes if possible, because they are also green. Any help will be very much appreciated!

Thanks!

caribriz
Level 5
Level 5
Posts: 939
Joined: Mon Nov 28, 2011 7:43 am

Re: Help with theme colors

Postby caribriz » Thu Aug 15, 2013 7:00 pm

Hi -

There is very little information out there on how to do this for beginners (like me :wink: )

The dconf-editor way is a simple, but imperfect, way to change the highlight color in the default theme, but as you say, not all apps' colors are changed.
Many are content with just these changes.

If you want to go further, you have to change quite a few files and images within the theme and it is a lot of messing around.

I have experimented with changing the default green in Mint-X to create another theme - Mint-blue.

Mint-blue in LM14 Cinnamon.png


This is the theme I made:
http://www.mediafire.com/download/w46axa4kufn2q6j/Mint-blue.tar.gz

If it helps, you can have a look at the notes I made (.pdf file) - it shows step-by-step with pictures how I did it.
I used LM14 Cinnamon.
http://www.mediafire.com/view/pfystattwfzi4x8/HOW_TO_ADAPT_MINT-X_THEME_TO_CHANGE_GREEN_HIGHLIGHT_COLORS.pdf
Note: This particular .pdf relates to the Mint-X theme in LM14 Cinnamon.
I did new tutorials for the Mint-X theme in LM16, and provided links in posts below.
Be aware that these tutorials or the themes they create are not guaranteed to work for the Mint-X theme in previous or future versions of Linux Mint.
Also, the dconf-editor method referred to (of changing certain colors in the gtk-theme) no longer works properly since LM16.


If you do use the instructions and change to the new theme you created - you'll have to open dconf editor and remove any selected_bg_color
setting you may have made - because this setting will override the selected background color in the new theme.

No guarantee it will be perfect - as I said I'm no expert, but maybe you can get something from it.

PS. - use at your own risk .... I wouldn't recommend it for anyone new to linux to attempt.

Edit: The above does not change the colors of the Cinnamon theme (the panel, menu etc.) This only changes the colors of the Mint-X gtk+ theme.
Last edited by caribriz on Sun Aug 31, 2014 10:15 pm, edited 2 times in total.
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17.3 Cinnamon)

the_flurk
Level 1
Level 1
Posts: 3
Joined: Mon Aug 12, 2013 1:08 pm

Re: Help with theme colors

Postby the_flurk » Fri Aug 16, 2013 3:54 am

Woah! Caribriz. Maximum respect. Thanks for sharing your files with me, I really appreciate it. It will certainly help me discover the different settings and maybe I can start editing the themes a bit myself. Although I'm new to Linux I'm pretty confident my allround programming knowledge is a good start.
Again, thank you for sharing Caribriz!

caribriz
Level 5
Level 5
Posts: 939
Joined: Mon Nov 28, 2011 7:43 am

Re: Help with theme colors

Postby caribriz » Fri Aug 16, 2013 8:19 am

No problem ..... hope it helps a little.
Good luck with it :wink:
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17.3 Cinnamon)

goi
Level 1
Level 1
Posts: 43
Joined: Fri Sep 06, 2013 4:30 pm

Re: Help with theme colors

Postby goi » Tue Nov 26, 2013 1:14 pm

Caribriz, thank you for the fantastic detailed guide! This is what I looked for! I love Mint community!!

User avatar
austin.texas
Level 20
Level 20
Posts: 10265
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: Help with theme colors

Postby austin.texas » Wed Nov 27, 2013 10:42 am

Caribriz,
What a great pdf ! There are some interesting ideas in there.
Mint 18.1 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Microsoft-free environment since 1996

Linux Linx 2017

caribriz
Level 5
Level 5
Posts: 939
Joined: Mon Nov 28, 2011 7:43 am

Re: Help with theme colors

Postby caribriz » Wed Nov 27, 2013 5:58 pm

Thanks, guys :)

An update, if interested....

I've been trying to sort out my chaotic notes on my beginner theme "experiments" :lol:
I've now made a series of three .pdf files setting out my personal color tweaks of the Mint-X theme in LM14 Cinnamon (cinnamon version 1.6.7)
I have updated the original .pdf file with an introduction to the series and made it Part 1. The three parts follow on, using the theme created in part 1, in part 2 etc.
Ending up with three "new" themes.

Keep in mind -
This is strictly amateur hour :D This is very basic - I am a beginner and have no desire to create a theme from scratch.
This is just outlining what I've done personally to change the colors of the Mint-X gtk theme in Cinnamon, to my liking.
I don't claim that the way I've gone about it is "right" or the only way to do it.
I probably won't be able to answer specific questions people may have on theme colors - I only know what I did :P
It's basically just to outline "what color goes where" in Mint-X theme.
The files are specific to LM14 Cinnamon which I realise will soon be outdated, and the instructions probably won't work the same
for future/previous versions of cinnamon (although I can say they do work in LM15 Cinnamon).
And, this is really only for use in Cinnamon, not mate, xfce, kde ...

Having said all that :roll: , if anyone wishes to have a look:

Part 1: Changing the selected background color
http://www.mediafire.com/view/5xhf24mgd376g8m/HOW-TO-CHANGE-THE-COLORS-OF-MINT-X-THEME-IN-LM14-CINNAMON-PART-1.pdf

Part 2: Changing the background color
http://www.mediafire.com/view/xpzndndrij5zk31/HOW-TO-CHANGE-THE-COLORS-OF-MINT-X-THEME-IN-LM14-CINNAMON-PART-2.pdf

Part 3: Changing Nemo's sidebar color
http://www.mediafire.com/view/b2xhxa3n4p66m66/HOW-TO-CHANGE-THE-COLORS-OF-MINT-X-THEME-IN-LM14-CINNAMON-PART-3.pdf

No guarantees ... use at your own risk!
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17.3 Cinnamon)

caribriz
Level 5
Level 5
Posts: 939
Joined: Mon Nov 28, 2011 7:43 am

Re: Help with theme colors

Postby caribriz » Thu Jan 16, 2014 4:34 pm

Another update -

Here are similar step-by-step how-tos for LM16 Cinnamon Mint-X gtk theme (windows, programs) - but not the Cinnamon theme (panel, menus)
if interested:

Part 1 - changing the selected background color (the green "highlights")
http://www.mediafire.com/view/egq7qwlhb ... PART-1.pdf

Part 2 - changing the background color (from light-grey background)
http://www.mediafire.com/view/9tvs6ys9n ... PART-2.pdf

Part 3 - changing nemo's sidebar color
http://www.mediafire.com/view/3uo9mueq8 ... PART-3.pdf

And here are the gtk themes made in the tutorials for LM16 Cinnamon -

Part 1 - Mint-blue for LM16 Cinnamon
http://www.mediafire.com/download/gvz5m ... M16.tar.gz

Part 2 - Mint-blue-2 for LM16 Cinnamon
http://www.mediafire.com/download/pcbti ... M16.tar.gz

Part 3 - Mint-blue nemo for LM16 Cinnamon
http://www.mediafire.com/download/7a8au ... M16.tar.gz

Edit:
The tutorials above are being updated for LM17 - so far only part 1 - Changing the selected background color has been completed (as at 1 Sep 2014).
Edit #2: The LM17 tutorials are now complete (October 2014)
See this thread for further information if interested:


http://forums.linuxmint.com/viewtopic.php?f=211&t=171146#p908313
Last edited by caribriz on Sun Oct 19, 2014 8:51 am, edited 3 times in total.
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17.3 Cinnamon)

caribriz
Level 5
Level 5
Posts: 939
Joined: Mon Nov 28, 2011 7:43 am

Changing colors of a Cinnamon theme - beginner's tutorial

Postby caribriz » Tue Jan 21, 2014 4:48 am

Further update -

If anyone is interested in learning how to change the colors of a Cinnamon theme (panel, menus etc.), I have done a similar beginner's
step-by-step tutorial based on the default "Linux Mint" cinnamon theme in LM16 Cinnamon:

Tutorial pdf file (5MB):
http://www.mediafire.com/view/i934f6tm60yxdjb/HOW-TO-CHANGE-THE-COLORS-OF-A-CINNAMON-THEME.pdf

Here is the theme it created:
http://www.mediafire.com/download/ncw77ct3cxdz9uc/Linux-Mint-2.tar.gz

From the original:
Image

to Linux-Mint-2 cinnamon theme:
Image

This theme and tutorial also works with "Linux Mint" cinnamon theme in LM13 Cinnamon (with cinnamon 2.0 backported).
I cannot guarantee that it will work with previous/future versions of cinnamon or other Cinnamon themes.
Use at your own risk - not recommended for those new to linux to attempt.

Edit: The tutorial pdf file linked to above has been updated to include suggestions in JosephM's post below, regarding gedit preferences.
Last edited by caribriz on Tue Jan 21, 2014 10:39 pm, edited 1 time in total.
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17.3 Cinnamon)

JosephM
Level 5
Level 5
Posts: 575
Joined: Sun May 26, 2013 6:25 pm

Re: Help with theme colors

Postby JosephM » Tue Jan 21, 2014 7:12 am

Just looked through your tutorial and it should be helpful to someone just looking to get started with this. The only thing that really stood out is the fact that your indentation on different lines is inconsistent. While it doesn't affect how the theme works it is really bad form. You might want to put in a short section about setting up gedit to make things easier.

Open the gedit preferences and make the following changes:
View tab
Disable text wrapping
Check Display line numbers, Highlight current line, Highlight matching bracket
Editor Tab
Set the Tab width to 4 and check Insert spaces instead of tabs (if you don't do anything else, do this. It will match what is already in the theme)
Enable automatic indentation

Hopefully that helps and good job on all the effort you put into these.

caribriz
Level 5
Level 5
Posts: 939
Joined: Mon Nov 28, 2011 7:43 am

Re: Help with theme colors

Postby caribriz » Tue Jan 21, 2014 7:23 am

Hi JosephM,

Thanks for the feedback and for the gedit tips.

Yes, I see now - much um ... "neater" :wink:
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17.3 Cinnamon)

James8888
Level 1
Level 1
Posts: 2
Joined: Sat Jan 25, 2014 5:11 am

Re: Help with theme colors

Postby James8888 » Sat Jan 25, 2014 5:17 am

Hi guys,

does somebody know how I can change the color in e.g. Firefoxs url bar?

I installed Mint-Blue but this bar has still a green surrounding, I have the same issue in Thunderbird.

JosephM
Level 5
Level 5
Posts: 575
Joined: Sun May 26, 2013 6:25 pm

Re: Help with theme colors

Postby JosephM » Sat Jan 25, 2014 6:40 am

Could you by chance show a quick screenshot of what you are talking about?

caribriz
Level 5
Level 5
Posts: 939
Joined: Mon Nov 28, 2011 7:43 am

Re: Help with theme colors

Postby caribriz » Sat Jan 25, 2014 6:41 am

James8888 wrote:Hi guys,

does somebody know how I can change the color in e.g. Firefoxs url bar?

I installed Mint-Blue but this bar has still a green surrounding, I have the same issue in Thunderbird.


Hi James8888,

Do you mean the border around the box?

Firefox url bar.png


Search bar.png
Search bar.png (2.99 KiB) Viewed 7258 times


I didn't even notice that.
The eyesight must be going :)

Can you try this:

Open the Mint-blue folder > gtk-2.0 > gtkrc
In the section engine "murrine" - scroll down to line 97 -
focus_color = "#94b06f"

Change the line to read
focus_color = "#6F91B0"

Save the file
May need to logout/in
Last edited by caribriz on Sat Jan 25, 2014 4:13 pm, edited 1 time in total.
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17.3 Cinnamon)

caribriz
Level 5
Level 5
Posts: 939
Joined: Mon Nov 28, 2011 7:43 am

Re: Help with theme colors

Postby caribriz » Sat Jan 25, 2014 6:42 am

Sorry, JosephM
posted at the same time.
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17.3 Cinnamon)

JosephM
Level 5
Level 5
Posts: 575
Joined: Sun May 26, 2013 6:25 pm

Re: Help with theme colors

Postby JosephM » Sat Jan 25, 2014 7:03 am

No problem. I assumed that was what he meant but I don't have your theme installed so I wanted to see what he was talking about before answering.

James8888
Level 1
Level 1
Posts: 2
Joined: Sat Jan 25, 2014 5:11 am

Re: Help with theme colors

Postby James8888 » Sat Jan 25, 2014 12:48 pm

Hi,

@JosephM yes, I meant the boarder around the box.

@caribriz thx, changing focus_color solved my problem :D.

caribriz
Level 5
Level 5
Posts: 939
Joined: Mon Nov 28, 2011 7:43 am

Re: Help with theme colors

Postby caribriz » Sat Jan 25, 2014 4:13 pm

James8888 wrote:Hi,

@JosephM yes, I meant the boarder around the box.

@caribriz thx, changing focus_color solved my problem :D.


Hi, James8888 -

Glad it's fixed. :)

If you notice any other problems, please let me know.
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17.3 Cinnamon)

User avatar
EvilSupahFly
Level 1
Level 1
Posts: 39
Joined: Sat May 24, 2014 11:10 am
Location: Mordor

Re: Help with theme colors

Postby EvilSupahFly » Wed Aug 20, 2014 2:01 am

I'm using the "Dragon" theme with Qiana, and I love it, except for one small detail - the selection box is completely solid, as for example when using Shift+prtscrn to do partial screenshots. The only thing I wish to change is that. How can I change that to be transparent (or at least transluscent)? I'm not an expert on CSS, but if you point me in the right direction, I can figure the rest out on my own, as there are a few other very minor things I wish to tweak in other, similar themes.
If I had a signature, this is where I'd stick it.

caribriz
Level 5
Level 5
Posts: 939
Joined: Mon Nov 28, 2011 7:43 am

Re: Help with theme colors

Postby caribriz » Wed Aug 20, 2014 6:47 am

EvilSupahFly wrote:I'm using the "Dragon" theme with Qiana, and I love it, except for one small detail - the selection box is completely solid, as for example when using Shift+prtscrn to do partial screenshots. The only thing I wish to change is that. How can I change that to be transparent (or at least transluscent)? I'm not an expert on CSS, but if you point me in the right direction, I can figure the rest out on my own, as there are a few other very minor things I wish to tweak in other, similar themes.


Is it this theme?
http://gnome-look.org/content/show.php/Dragon?content=163156

If so, when I press Shift+prtscrn, and drag, I do get a transparent area:

Image
Desktop: C2D E6400 / Asus P5LD2SE / 2GB ram / Asus GeForce 210 / 320GB (WinXP) & 1TB (Mint - various)
Laptop: Asus A53E-SX1455V - i5 2450M / 4GB ram / Intel HD 3000 / 500GB (Win7/Mint 17.3 Cinnamon)


Return to “Cinnamon”

Who is online

Users browsing this forum: phase, siawacsh and 5 guests