How to customize Mint-X GTK theme colours

Forum rules
Before you post please read this

Re: How to customize Mint-X GTK theme colours

Postby austin.texas on Sat Dec 28, 2013 7:07 pm

hexdef101 said:
1. The Font Color - this would look better inset with highlights like the Sunset theme has http://cinnamon-spices.linuxmint.com/themes/view/133

Please be more specific. Are you talking about the highlighting of the background on selected (or hovered) items in the main Menu?

The black background on the Settings menu is not hard to fix. Just apply the same settings to the submenu as the menu has.
Mint 17 v2 Cinnamon (64 bit), Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Microsoft-free environment since 1996

To help Linux Mint with a donation, please visit http://www.linuxmint.com/donors.php
User avatar
austin.texas
Level 11
Level 11
 
Posts: 3600
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Linux Mint is funded by ads and donations.
 

Re: How to customize Mint-X GTK theme colours

Postby austin.texas on Sat Dec 28, 2013 7:21 pm

hexdef101 said:
Menu's need to be moved down a bit so that they are separate and not touching the panel.


This is a more complicated problem. I believe the top of the menus are covered because the panel has been resized (bigger than normal) but the menus are appearing in the default location - therefore being covered.
I will work on it...
Maybe the panel can be downsized.


edit:
you don't have to make the panel smaller. Simply make your boxpointer-gap larger. That moves the whole menu down.
Try 24px - like this:

.popup-menu-boxpointer {
-arrow-background-color: transparent;
-arrow-border-color: transparent;
-boxpointer-gap: 24px;
-arrow-border-radius: 0px;
-arrow-base: 16px;
-arrow-rise: 8px;
-arrow-border-width: 0px;
}
Mint 17 v2 Cinnamon (64 bit), Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Microsoft-free environment since 1996

To help Linux Mint with a donation, please visit http://www.linuxmint.com/donors.php
User avatar
austin.texas
Level 11
Level 11
 
Posts: 3600
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Postby hexdef101 on Sat Dec 28, 2013 8:23 pm

ok fixed that issue. didn't work at first, found out it was listed somewhere else. once I moved it, it worked.
Image
User avatar
hexdef101
Level 4
Level 4
 
Posts: 349
Joined: Sat Oct 09, 2010 5:43 pm

Re: How to customize Mint-X GTK theme colours

Postby hexdef101 on Sat Dec 28, 2013 9:03 pm

Ok Separating this theme from Brahims Post here so that this post doesn't become jumbled with conflicting code

New Post Follows
http://forums.linuxmint.com/viewtopic.php?f=211&t=154406
Image
User avatar
hexdef101
Level 4
Level 4
 
Posts: 349
Joined: Sat Oct 09, 2010 5:43 pm

Re: How to customize Mint-X GTK theme colours

Postby Zorba on Sat Dec 28, 2013 9:10 pm

I made Windows7 Pack (Cinnamon+ GTK3/2) :D Get it here http://gnome-look.org/content/show.php?content=162581

Image
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2306
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to customize Mint-X GTK theme colours

Postby hexdef101 on Sat Dec 28, 2013 9:15 pm

Ok now thats really good Brahim.
Image
User avatar
hexdef101
Level 4
Level 4
 
Posts: 349
Joined: Sat Oct 09, 2010 5:43 pm

Re: How to customize Mint-X GTK theme colours

Postby austin.texas on Sat Dec 28, 2013 9:31 pm

Wow, Brahim! You have done some very interesting things here.
Great consistency between the gtk2 and gtk3.
I love the hover on the window list tabs.
Well done.
Mint 17 v2 Cinnamon (64 bit), Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Microsoft-free environment since 1996

To help Linux Mint with a donation, please visit http://www.linuxmint.com/donors.php
User avatar
austin.texas
Level 11
Level 11
 
Posts: 3600
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Postby Zorba on Sat Dec 28, 2013 10:03 pm

Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2306
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to customize Mint-X GTK theme colours

Postby caribriz on Sun Dec 29, 2013 2:02 am

Brahim wrote:Thanks guys :D :D Uploaded it here too http://cinnamon-spices.linuxmint.com/themes/view/265

Image Image Image Image

Nice work, Brahim :)

Looks like the Irish Dancers are pretty pleased with it too :P :lol:
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 Cinnamon)
caribriz
Level 5
Level 5
 
Posts: 891
Joined: Mon Nov 28, 2011 7:43 am

Re: How to customize Mint-X GTK theme colours

Postby Zorba on Sun Dec 29, 2013 9:16 pm

Great new guys! You are famous now! Nobslab has provided a PPA for our themes here http://www.noobslab.com/2013/12/minty-themes-pack-and-pistachio-theme.html

Image Image[

Edit: BTW which sections of Minty have you edited austin to change nautilus sidebar as shown on noobslab??
Image
Image

Image Image[ Image Image[
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2306
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to customize Mint-X GTK theme colours

Postby Zorba on Mon Dec 30, 2013 12:09 am

I solved the issue like this:
1- I took a nautilus.css from Radiance theme which I found in Ubuntu 12.04 and added it to gtk-3.0/apps

2- added this line to the very bottom of gtk-3.0/gtk.css

Code: Select all
@import url("apps/nautilus.css");


That's it guys :D :D :D
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2306
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to customize Mint-X GTK theme colours

Postby austin.texas on Mon Dec 30, 2013 5:21 pm

BTW which sections of Minty have you edited austin to change nautilus sidebar as shown on noobslab??

That is all in the changelog included in the theme.
Mint 17 v2 Cinnamon (64 bit), Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Microsoft-free environment since 1996

To help Linux Mint with a donation, please visit http://www.linuxmint.com/donors.php
User avatar
austin.texas
Level 11
Level 11
 
Posts: 3600
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Postby Zorba on Tue Dec 31, 2013 9:53 am

I'm really stuck again. I have created this theme here http://cinnamon-spices.linuxmint.com/themes/view/267 and I want to change the select color to match the theme. Which section do I have to edit ?

Image

Image
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2306
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to customize Mint-X GTK theme colours

Postby Zorba on Tue Dec 31, 2013 10:15 am

Solved it by editing
Code: Select all
nselected_bg_color
in gtkrc, settings.ini and gtk.css :D :D
Image
User avatar
Zorba
Level 8
Level 8
 
Posts: 2306
Joined: Tue May 29, 2012 10:12 pm
Location: Tunisia

Re: How to customize Mint-X GTK theme colours

Postby austin.texas on Tue Dec 31, 2013 11:27 am

Image
That looks like a Christmas theme - call it MerryMint.
I know someone who would love that theme.
Mint 17 v2 Cinnamon (64 bit), Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Microsoft-free environment since 1996

To help Linux Mint with a donation, please visit http://www.linuxmint.com/donors.php
User avatar
austin.texas
Level 11
Level 11
 
Posts: 3600
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Postby hexdef101 on Tue Dec 31, 2013 2:14 pm

I think he was trying for a wine theme. If so Brahim. use these colors instead

Code: Select all
Burgundy
#8C001A  rgb(140, 0, 26)

Red Wine
#990012  rgb(153, 0, 18)

Cranberry
#9F000F  rgb(159, 0, 15)

For Highlights
#ff001e   rgb(255, 0, 30)

For Borders
#800018  rgb(128, 0, 24)


Though a Christmas Theme would look good as well.
Image
User avatar
hexdef101
Level 4
Level 4
 
Posts: 349
Joined: Sat Oct 09, 2010 5:43 pm

Re: How to customize Mint-X GTK theme colours

Postby austin.texas on Tue Dec 31, 2013 3:10 pm

You are right about the wine. I like that aspect, too.
There is a theme named "Wine" - although nothing in it is wine colored...
Mint 17 v2 Cinnamon (64 bit), Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Microsoft-free environment since 1996

To help Linux Mint with a donation, please visit http://www.linuxmint.com/donors.php
User avatar
austin.texas
Level 11
Level 11
 
Posts: 3600
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Postby caribriz on Tue Dec 31, 2013 8:37 pm

Brahim,

I downloaded Minty-wine pack - I like the gradients (a nod to hexdef there I think)

A couple of things I noticed (this was in LM16 Cinnamon):

In the cinnamon theme, there seem to be some buttons missing from popup menus - my network manager and the "user" popup.
I don't know why the buttons are not there :?:

Compare the two themes - in Minty-wine the buttons on the right of the popups are missing:

Image

And the selected_bg_color is a bit inconsistent throughout the theme - in nemo your have your red selected background color, but in some apps, eg. firefox, bleachbit, tomboy notes and some others, it's still green selected background color.

Image

If you did this on purpose, please disregard. :P
If you didn't it needs a fix. Tutorial Part 1 - Change selected background color throughout the theme
Last edited by caribriz on Wed Jan 01, 2014 1:52 am, edited 1 time in total.
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 Cinnamon)
caribriz
Level 5
Level 5
 
Posts: 891
Joined: Mon Nov 28, 2011 7:43 am

Re: How to customize Mint-X GTK theme colours

Postby hexdef101 on Tue Dec 31, 2013 10:22 pm

Here is where I get almost all of my colors. Unless I am doing a Copy/Rip Job then I use the Color Picker Tool in Gimp.

Computerhopes Hex Color Codes
http://www.computerhope.com/htmcolor.htm

Devoth's Hex to Rgba Converter
http://hex2rgba.devoth.com/

These are an absolute must for any Computer Art Projects.


I particularly like the blue ones though.
Image
User avatar
hexdef101
Level 4
Level 4
 
Posts: 349
Joined: Sat Oct 09, 2010 5:43 pm

Re: How to customize Mint-X GTK theme colours

Postby austin.texas on Tue Dec 31, 2013 11:24 pm

For picking color schemes, I think there is nothing better than
http://www.color-hex.com/color/db6a3c
There is such an astounding amount of information on each page - tints, rgb, even how to create borders and shadows.
Mint 17 v2 Cinnamon (64 bit), Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Microsoft-free environment since 1996

To help Linux Mint with a donation, please visit http://www.linuxmint.com/donors.php
User avatar
austin.texas
Level 11
Level 11
 
Posts: 3600
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Linux Mint is funded by ads and donations.
 
PreviousNext

Return to Themes, Icons, & Wallpaper

Who is online

Users browsing this forum: No registered users and 0 guests