Jump to content


Photo

Work in Progress - need some help

Linux gtk3 theme help Paz

Best Answer Paz , 06 April 2014 - 02:29 AM

Just solved the issue I had with those stubborn buttons as you can see in the screenie below :

 

 

apparently, It's a primary-toolbar I needed to config. in gtk-widgets.css file :

.primary-toolbar GtkComboBox.combobox-entry .button,.primary-toolbar .raised .button,.primary-toolbar .raised.button,.primary-toolbar .button:hover {    background-image: -gtk-gradient (linear, left top, left bottom,                                     from (shade(@dark_bg_color, 1.0)),                                     to (shade(@dark_bg_color, 0.9)));    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,                                           from (shade (@dark_bg_color, 0.7)),                                           to (shade (@dark_bg_color, 0.8)));    -unico-glow-color: shade (@dark_bg_color, 1.3);    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,                                                 from (shade (@dark_bg_color, 1.0)),                                                   to (shade (@dark_bg_color, 0.9)));}

Hope it will help someone,

Mission accomplished! :thumbsup:

 

Go to the full post


  • Please log in to reply
27 replies to this topic

#1 Paz

Paz

    Staff Member

  • Moderators
  • 113 posts

Posted 31 January 2014 - 09:23 PM

This is a bit off-topic because it's not about *box* theme but any way if some can give me an advice I'll be very grateful .

The theme is almost finished but I have those stubborn buttons that won't change no matter what I tried... :(

 

Better see than talk...  - hint : my courser ...

 

Thanks in advance!

 

Attached File  Screenshot from 2014-01-31 21:41:38.png   385.16KB   1 downloads  



#2 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 01 February 2014 - 02:19 AM

That's a tough one, and I get stumped a lot on GTK themes because there's no complete graphical atlas of all the elements that one can refer to, that I know of. Is it just those particular "breadcrumb" buttons in the settings window that are problematic?


  • pitkon and Paz like this

#3 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 01 February 2014 - 02:28 AM

GTK-Parasite will apparently let you edit the elements live, which might be of help, but I couldn't get it installed, so I'm not sure how complete it is.


  • pitkon and Paz like this

#4 Paz

Paz

    Staff Member

  • Moderators
  • 113 posts

Posted 01 February 2014 - 04:33 AM

That's a tough one, and I get stumped a lot on GTK themes because there's no complete graphical atlas of all the elements that one can refer to, that I know of. Is it just those particular "breadcrumb" buttons in the settings window that are problematic?

That's a tough one for sure, took a long time to try find it by myself,  there are many references on the web but most of theme are for advanced users. I just learning it by trial and error

so it's a challenge.. lol... YES! Only those buttons are the stubborn ones . 

 

GTK-Parasite will apparently let you edit the elements live, which might be of help, but I couldn't get it installed, so I'm not sure how complete it is.

Nice try zomby, Thanks! , The tool looks amazing but it's for Gnome 3.10 only,  mine is far behind.. 3.4.2 to be exact :)


  • cthu1hu likes this

#5 diabol

diabol

    Lazyass

  • Validating
  • 236 posts

Posted 01 February 2014 - 12:04 PM

gtk is tough indeed.

here's what i do in these kinds of situations to isolate the problem:

1 change the colors of everything to purple

2 verify that the problematic area is purple

3 recover half of the purple-colored thingies back to their intended values

4 if there's more than one item purple, you found the problem

5 if the problematic area is still purple go to 3

6 if the problematic area is not purple anymore, swap the halves and go back to 3

 

also it might help if you launch a rootless xserver with gnome in it under a different account set to the theme you edit, so you don't have to switch themes while you work on them all the time :)


  • pitkon and Paz like this

#6 Paz

Paz

    Staff Member

  • Moderators
  • 113 posts

Posted 01 February 2014 - 01:56 PM

Thanks a lot  @diabol ! 

Purple is one of my favourite colors...lol.. 



#7 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 01 February 2014 - 11:48 PM

Nice try zomby, Thanks! , The tool looks amazing but it's for Gnome 3.10 only,  mine is far behind.. 3.4.2 to be exact :)

 

Haha. Apologies. Heck, I'm using Mint 16 Cinnamon, which no longer has a Gnome backend, but it's built against 3.6, which would explain my problems with it.

 

I have various crude techniques to narrow elements down, and I actually get pretty decent with it, but only while I'm immersed in theme making. I have a theme on hold at the moment, because I can't come up with a good button design that "pops," as they say. Funny how one can make an entire theme design in no time flat, and then get stuck on one tiny element for weeks.


  • pitkon and Paz like this

#8 Paz

Paz

    Staff Member

  • Moderators
  • 113 posts

Posted 03 February 2014 - 03:53 AM

Haha. Apologies. Heck, I'm using Mint 16 Cinnamon, which no longer has a Gnome backend, but it's built against 3.6, which would explain my problems with it.

 

I have various crude techniques to narrow elements down, and I actually get pretty decent with it, but only while I'm immersed in theme making. I have a theme on hold at the moment, because I can't come up with a good button design that "pops," as they say. Funny how one can make an entire theme design in no time flat, and then get stuck on one tiny element for weeks.

No need for apologies  :) ... It looks like I'm going to put the theme on hold from the same reason... I did what ever I can to solve it but  nothing worked  :wallbash: 



#9 hexdef101

hexdef101

    Artist

  • Members
  • PipPipPip
  • 64 posts

Posted 22 March 2014 - 03:15 AM

I would install Meld, We used this app over in the Linux Mint forums to create several themes. Its defenately useful. also if you search around you will find a couple of .pdf's a friend of mine put up that might help


  • Paz likes this

#10 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 22 March 2014 - 11:43 AM

Any progress Paz? I finally found a good motif for my buttons and I'm back into obsessing over my theme. Lots of fun. I have to eventually find those same option screen buttons as they currently have no default background. For some reason they're themed separately and it's apparently the same in the Ubuntu and Mint preferences panels.

 

I'm also probably going to have to redo the gtk2 theme because the pixmap engine isn't cutting it. I might try murrine. Do you have any preferences in that area?

 

I'm using GTK Theme Maker for light testing of the gtk3 stuff, and the standard PyWF for the gtk2. The former isn't fully functional here. I'm assuming it does a live preview while editing but that isn't necessary for me personally.

 

Edit: This doesn't seem to be of interest to anyone here. But unbeknownst to me, there's a GTK Widget Factory for Gtk3.

sudo apt-get install gtk-3-examplesgtk3-widget-factory

  • Paz likes this

#11 Paz

Paz

    Staff Member

  • Moderators
  • 113 posts

Posted 05 April 2014 - 09:29 PM

I would install Meld, We used this app over in the Linux Mint forums to create several themes. Its defenately useful. also if you search around you will find a couple of .pdf's a friend of mine put up that might help

Thanks a lot @hexdef, Apology for late reply -  I solved it after I let it aside for a while.  I knew I'm overlooking something simple, after many days working on the .css file I didn't see so well anymore :geek:  :woot: .. Somebody on DA referred me to the .inline-toolbar but it was time consuming  effort with zilch result :)

anyway, I found it and I'll put a screenie with the solution  soon, just in case somebody is curious..

I'll one day look at Meld more carefully, It looks like it's for advanced users - not dummy’s like myself   :D     



#12 Paz

Paz

    Staff Member

  • Moderators
  • 113 posts

Posted 05 April 2014 - 10:03 PM

 

Any progress Paz? I finally found a good motif for my buttons and I'm back into obsessing over my theme. Lots of fun. I have to eventually find those same option screen buttons as they currently have no default background. For some reason they're themed separately and it's apparently the same in the Ubuntu and Mint preferences panels.

 

I'm also probably going to have to redo the gtk2 theme because the pixmap engine isn't cutting it. I might try murrine. Do you have any preferences in that area?

 

I'm using GTK Theme Maker for light testing of the gtk3 stuff, and the standard PyWF for the gtk2. The former isn't fully functional here. I'm assuming it does a live preview while editing but that isn't necessary for me personally.

 

Edit: This doesn't seem to be of interest to anyone here. But unbeknownst to me, there's a GTK Widget Factory for Gtk3.

sudo apt-get install gtk-3-examplesgtk3-widget-factory

Hi @ubscurant, I was confused for a second about your nick name, lol..

Yes, good news!!! :D I found the culprit at last. I'll upload a screenie with the code I configured in gtkwidgets.css file.

Thanks a lot for suggesting me all kind of programs, I checked them but they all a bit obsolete or in mid development so I didn't even try to use them.

For the preview I use AWF (A widget factory) for both gtk 2.0/3.0, Highly recommended .

Here it can be found ->>   https://github.com/valr/awf

As for your question about engines, I'm just beginning my  journey with theme-ing. The theme I'm working on now is my second Gtk2/3 . both are with murrine for the gtk2  and unico for gtk3.  can't tell you more about it but there is a good place you can read about it and get some more ideas ...   http://wibblystuff.b...gtk3-theme.html

Hope it'll help !


  • cthu1hu likes this

#13 hexdef101

hexdef101

    Artist

  • Members
  • PipPipPip
  • 64 posts

Posted 05 April 2014 - 10:26 PM

I would have to say paz that if I can figure it out without much help, I am sure it won't be an issue for someone with more experience. Dev tools are not really my thing :biggrin: . I was using Gedit at first. Its taken me several yrs just to get mediocre with Gimp. :lol:

 

 

Oh and thanks Paz. I've been looking for gtk3-widget-factory for years. I thought it was a myth. :laugh:


  • Paz likes this

#14 Paz

Paz

    Staff Member

  • Moderators
  • 113 posts

Posted 05 April 2014 - 10:45 PM

I would have to say paz that if I can figure it out without much help, I am sure it won't be an issue for someone with more experience. Dev tools are not really my thing :biggrin: . I was using Gedit at first. Its taken me several yrs just to get mediocre with Gimp. :lol:

 

 

Oh and thanks Paz. I've been looking for gtk3-widget-factory for years. I thought it was a myth. :laugh:

LOL... I'm just as stubborn as those bottuns.. when faced with a challenge I'm not giving up :)  in fact, I'm still using gedit, and don't remind me of GIMP!   I did some walls with it, used tutorials that nearly killed me.. :wallbash:  I'm glad I could help with the AWF.. I'm really happy with it.    



#15 Paz

Paz

    Staff Member

  • Moderators
  • 113 posts

Posted 06 April 2014 - 02:29 AM   Best Answer

Just solved the issue I had with those stubborn buttons as you can see in the screenie below :

 

Attached File  Appearance_001.png_001.png   108.91KB   1 downloads

 

apparently, It's a primary-toolbar I needed to config. in gtk-widgets.css file :

.primary-toolbar GtkComboBox.combobox-entry .button,.primary-toolbar .raised .button,.primary-toolbar .raised.button,.primary-toolbar .button:hover {    background-image: -gtk-gradient (linear, left top, left bottom,                                     from (shade(@dark_bg_color, 1.0)),                                     to (shade(@dark_bg_color, 0.9)));    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,                                           from (shade (@dark_bg_color, 0.7)),                                           to (shade (@dark_bg_color, 0.8)));    -unico-glow-color: shade (@dark_bg_color, 1.3);    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,                                                 from (shade (@dark_bg_color, 1.0)),                                                   to (shade (@dark_bg_color, 0.9)));}

Hope it will help someone,

Mission accomplished! :thumbsup:

 


  • pitkon and cthu1hu like this

#16 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 06 April 2014 - 03:04 AM

Thanks for that, I'll be needing it pretty soon. And congrats on getting the theme finished.


  • Paz likes this

#17 Paz

Paz

    Staff Member

  • Moderators
  • 113 posts

Posted 06 April 2014 - 03:01 PM

Thanks for that, I'll be needing it pretty soon. And congrats on getting the theme finished.

You're most welcome my friend, Looking forward to see your new theme.. 

I like it when we can talk about the process and get ideas and help from one another. feel free

to share, or cry out for help. 

I'm still fine tuning some colors and stuff and working some more on the Gtk2 to match better

in the *look n' feel*  to Gtk3.  But the major issues solved and that is a great step forward in my learning curve.

Thanks for your support!


  • pitkon and cthu1hu like this

#18 hexdef101

hexdef101

    Artist

  • Members
  • PipPipPip
  • 64 posts

Posted 06 April 2014 - 04:56 PM

I like the design and color Paz. I would change the main tabs gradient to match the overall gradient of the window (but thats just me) also a darker font on the  buttons (though the light one you are using looks good really)


  • Paz likes this

#19 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 06 April 2014 - 06:04 PM

You're most welcome my friend, Looking forward to see your new theme.. 

I like it when we can talk about the process and get ideas and help from one another. feel free

to share, or cry out for help. 

I'm still fine tuning some colors and stuff and working some more on the Gtk2 to match better

in the *look n' feel*  to Gtk3.  But the major issues solved and that is a great step forward in my learning curve.

Thanks for your support!

That sounds great. I've been looking for a place to get help with Gtk2/Gtk3 theming for years, or just general discussion even.


  • pitkon and Paz like this

#20 Paz

Paz

    Staff Member

  • Moderators
  • 113 posts

Posted 07 April 2014 - 07:32 PM

I like the design and color Paz. I would change the main tabs gradient to match the overall gradient of the window (but thats just me) also a darker font on the  buttons (though the light one you are using looks good really)

Thanks a lot my friend! I appreciate your kind words and the input you made, I totally agree with you about tabs gradient, good eye for details :thumbsup: ..

about the light fonts I think it will help if you see the all theme to at least understand (if not like) the reason I choose the light fonts. 

Here you can see it.. http://paz-1.deviant...W-I-P-428138985 - basically I used white icons and wanted a clean smooth look as possible. 

Thank you again! 







Also tagged with one or more of these keywords: Linux, gtk3, theme, help, Paz

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users