How to customize Mint-X GTK theme colours

Style your desktop
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Locked
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Post by austin.texas »

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 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Post by austin.texas »

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 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
hexdef101

Re: How to customize Mint-X GTK theme colours

Post by hexdef101 »

ok fixed that issue. didn't work at first, found out it was listed somewhere else. once I moved it, it worked.
hexdef101

Re: How to customize Mint-X GTK theme colours

Post by hexdef101 »

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.p ... 1&t=154406
Brahim Salem

Re: How to customize Mint-X GTK theme colours

Post by Brahim Salem »

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

Image
hexdef101

Re: How to customize Mint-X GTK theme colours

Post by hexdef101 »

Ok now thats really good Brahim.
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Post by austin.texas »

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 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
Brahim Salem

Re: How to customize Mint-X GTK theme colours

Post by Brahim Salem »

caribriz

Re: How to customize Mint-X GTK theme colours

Post by caribriz »

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:
Brahim Salem

Re: How to customize Mint-X GTK theme colours

Post by Brahim Salem »

Great new guys! You are famous now! Nobslab has provided a PPA for our themes here http://www.noobslab.com/2013/12/minty-t ... 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[
Brahim Salem

Re: How to customize Mint-X GTK theme colours

Post by Brahim Salem »

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
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Post by austin.texas »

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 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
Brahim Salem

Re: How to customize Mint-X GTK theme colours

Post by Brahim Salem »

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
Brahim Salem

Re: How to customize Mint-X GTK theme colours

Post by Brahim Salem »

Solved it by editing

Code: Select all

nselected_bg_color
in gtkrc, settings.ini and gtk.css :D :D
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Post by austin.texas »

Image
That looks like a Christmas theme - call it MerryMint.
I know someone who would love that theme.
Mint 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
hexdef101

Re: How to customize Mint-X GTK theme colours

Post by hexdef101 »

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.
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Post by austin.texas »

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 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
caribriz

Re: How to customize Mint-X GTK theme colours

Post by caribriz »

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.
hexdef101

Re: How to customize Mint-X GTK theme colours

Post by hexdef101 »

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.
User avatar
austin.texas
Level 20
Level 20
Posts: 12003
Joined: Tue Nov 17, 2009 3:57 pm
Location: at /home

Re: How to customize Mint-X GTK theme colours

Post by austin.texas »

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 18.2 Cinnamon, Quad core AMD A8-3870 with Radeon HD Graphics 6550D, 8GB DDR3, Ralink RT2561/RT61 802.11g PCI
Linux Linx 2018
Locked

Return to “Themes, Icons & Wallpaper”