-
A Beginner "How To" for gtkrc themes.
!!!!!!!**********EDITED June18th,2007************!!!!!!!!!!!! (This Thread is very old and out of date, consider it closed - Nov.24,2009)
#### This is a short story about my beginner experiences with gtkrc themes and other things having to do with being a beginner on xubuntu/ubuntu.####
I AM A BEGINNER, SO DON'T BE RUDE IF I DID SOMETHING THE WRONG WAY, JUST POST THE PROPER WAY AND IT WILL HELP EVERYONE TO LEARN.
When I first started to look into re-writing my themes, I opened up my /usr/share/themes/Xfce-winter/gtk-2.0 directory, which was the gtk-2.0 theme that I wanted to modify.
I then opened up that gtk-2.0 folder to read the gtkrc file inside of it, to see if I could change some of the basic colors of that theme on my own.
When I first looked at the gtkrc for Xfce-winter, the only thing that I could understand was the hex-code colors (#C0C0C0 is gray). Even then I wasn't sure of which color was for what location in my theme.
So, through trial and error, I ended up modifying the Xfce-winter gtkrc into one of my first themes that I called Xfce-rusted.
I had successfully changed all of the colors but nothing else. I was very proud of it, and it even worked in Firefox and Thunderbird. Every detail that I had modified with my new colors had made my xubuntu theme more enjoyable then most of my installed default themes, and I had been able to match my new desktop OS theme to my wallpaper's colors exactly.
Well, it's funny how you can be proud of something, and then keep improving on it, then look back at your first attempts, and feel that they all look so lame now. I'll try to show what I mean with a few screenshots.
....This was maybe my 5th or 6th theme attempt, pretty much just Xfce-winter with different colors called Xfce-rusted....
http://i144.photobucket.com/albums/r...nshot-8-11.png
.... My next attempt with a gradient....
http://i144.photobucket.com/albums/r...nshot-9-11.png
.... Then with a different gradient....
http://i144.photobucket.com/albums/r...shot-10-10.png
.... Then with no dividing lines....
http://i144.photobucket.com/albums/r...nshot-11-6.png
.... And a newer style....
http://i144.photobucket.com/albums/r...nshot-12-7.png
....the newest way I made it look with a Firefox fix on the tab bar so the theme would look better in xubuntu....
http://i144.photobucket.com/albums/r...nshot-14-8.png
....another way to make it look...
http://i144.photobucket.com/albums/r...shot-15-12.png
This "How To" guide is not from an expert, but rather a list of tips that I have self taught myself through many hours of trial and error. I had searched for guides to explain the different theme engines and could not find any that fully explained every detail that I wanted to know, and after learning a few things on my own, I thought I might help other beginners that might want to start making their own themes by sharing a few things I had learned.
I hope that anybody that has something to add, or any corrections or tips to help out with, will post on this thread. Let's make this an ongoing thread for those of us that enjoy themes, and sharing themes with others. Any shared tips and bits of code to help better each others themes will be appreciated. Always give credit where credit is due, and try to share as many links as you can that have any info on theme development.
And if you have a nice Emerald theme to share, then post a link too.
***LONG BORING STORY IS OVER, NOW FOR THE LIST:
**PLEASE DO NOT INSTALL THE LIST.** THIS IS NOT THE GTKRC. **
# xfce-rusty_newb, my modification of xfce-winter
# This is a modification of the gtk-2.0-engines-xfce theme called Xfce-winter. I have changed a lot of settings
# and I have tried to explain things that I did. These are my default settings for most all of my themes now. The
# only thing I need to change usually is the gradient percentages to work with the colors I have chosen. What I don't know
# I usually leave alone because I am happy with the way the theme works.
#
#
# WARNING!!!! WARNING!!!! WARNING!!!! WARNING!!!! WARNING!!!! WARNING!!!!!!!#######
#
# DO NOT INSTALL THIS.
#
#
###### THIS IS NOT AN ACTUAL GTKRC!!!!! THIS IS A CHEAT SHEET FOR LOACTIONS AND EXPLAINATIONS OF WHAT I'VE LEARNED!!!!!!########
gtk-can-change-accels = 1
gtk-menu-drop-shadow = 1
gtk-menu-shadow-delay = 100
style "default"
{
GtkButton::default_border = {0, 0, 0, 0}
GtkButton::default_outside_border = {0, 0, 0, 0} # a border around the close button
GtkButton::default_spacing = 10
GtkButton::focus-line-width = 1
GtkButton::focus-padding = 0
GtkCheckButton::indicator_size = 15 #size of the indicator for the roll over
GtkMenuBar::shadow_type = out
GtkMenuItem::selected_shadow_type = out
GtkPaned::handle_full_size = 1
GtkPaned::handle_size = 8 # this is for the movable divider in Thunar between the folders of the leftside and rightside
GtkRadioButton::indicator_size = 15 #size of the indicator for the roll over
GtkRange::slider_width = 15
GtkRange::stepper_size = 15
GtkRange::stepper_spacing = 0
GtkRange::trough_border = 0
GtkScrollbar::min_slider_length = 37 # smallest size of scroll bar slider to match size of buttons (4 X 4), it looks good in User inter Pref.
GtkToolbar::shadow_type = out # I changed this from none to out to fix the way it looks in certain apps. There are other ways to draw the shadows with "etched-in" and other ways. Just read other xfce gtkrc files to learn.
GtkWidget::focus-line-width = 1
GtkWidget::focus_padding = 2
GtkWidget::interior_focus = 5
GtkWidget::internal_padding = 0
xthickness = 0 # I changed this from 2 to 0 to make the dividing lines between icons disappear, it makes my Orage calendar look better.
ythickness = 0 # I changed this from 2 to 0 to make the dividing lines between tool bars disappear.
fg[NORMAL] = This is the font color in the menu bars in FF and xubuntu, and also the color of the app in the pager that is open on a different Desktop.
fg[ACTIVE] = This is the font color of a unopened tab and of the text for a roll-over check box before it is rolled over. Example: like the font for the check boxes for- "Use hinting :" in User Interface Pref
fg[PRELIGHT] = Selected (roll over) font color of check boxes like- "Use hinting :"
fg[SELECTED] = The opened app color in the pager for the Desktop you are on.
fg[INSENSITIVE] = This is for the color of the font that can't be clicked (usually lighter) that is in drop down menus, also the Firefox right click menu for the "Back" and "Forward" options for when you can't go back or forward. This is also the color of the the word "Google" in the search bar before you type anything. Also the arrows of the scroll bars.
bg[NORMAL] = This is the overall color of the Browser for Firefox, xubuntu/ubuntu, Thunderbird, and all apps. It creates the color that is used for my gradient browser themes. It is also all of the buttons, scroll bar handles, panel handle, Drop down menus (before you roll over them with the mouse tool tip).
bg[ACTIVE] = Scroll bar gradient background color, unopened Tab background color.
bg[PRELIGHT] = The color of a loading process bar (Firefox tabs), or the downloading process bar as seen in Firefox Downloading Manager , or apps loading like the GIMP. Also is the selected color of background for check boxes like- "Use hinting" in the User Inter Prefs. And the color of the scroll bar slider when you press it- (basically where the you move a scroll bar at).
bg[SELECTED] = End Session border color for the End Session dialog box. Also the filler color of an open app on top of another app in the Desktop you have open in the pager.
bg[INSENSITIVE] = Toggle buttons that can't be clicked, regular Menu arrow backgrounds, nonactive check box outlines and nonactive radio button outlines
text[NORMAL] = Font color used for Mousepad, Firefox (web pages unless you un-check you "Use System Colors" in Firefox Preferences-->--Content-->--Colors), Url font, Thunar font (not selected), xubuntu menus (not selected). Checks for check boxes, radio dots too. Combobox, ComboBoxEntry, GtkCombo, GtkEntry, and numbers in numberbox.
text[ACTIVE] = The font color in the left side of the Thunar File System- Home, Trash, Desktop, File System, when you are in a different folder like /usr. (mess around with it and you will see)
text[PRELIGHT] = Radio/Checks and ComboBox font colors. ComboBox is important to match.
text[SELECTED] = Highlighted font color in web pages and mousepad. Selected font color in the Thunar file system, and xubuntu menus like User interface.
text[INSENSITIVE] = nonactive font in un-clickable Combos and GtkCombos. un-clickable radio/checks.
base[NORMAL] = Mousepad background color, Thunar files use this for the background strips on the right side and the background color on the left side, Firefox URL/Search bar backgrounds, ComboBoxEntry bg, GtkEntry bg, GtkCombo bg, Checkbox RadioButton backgrounds, Header and menu bg color for User Interface Preferences.
base[ACTIVE] = The bg color for the last folder opened (not selected and current) folder of Thunar or User Interface Pref. If you have Thunar open to File system-->--usr or "/usr", the File system folder (on the left, and any other folder in a different app like User Interface Pref.), will have this bg color while you are in the currently opened /usr folder.
base[PRELIGHT] = Background color for radio boxes and check boxes when rolled over (selected).
base[SELECTED] = The bg color for the open (selected and current) folder of Thunar User Inter Pref, Also the background color of Highlighted text, and the coloring of the Frame divider, and the strip in the scroll bar slider, basically the part you click onto when moving the scroll bar.
base[INSENSITIVE] = ComboBoxEntry bg (Disabled), GtkEntry bg (Disabled), GtkCombo bg (Disabled), Checkbox (Disabled) RadioButton (Disabled) backgrounds.
engine "xfce"
{
grip_style = slide
smooth_edge = true
boxfill # I added a boxfill here to create a gradient in my toolbar.
# I use shade_start = 0.90 to start the gradient darker at the top of the tool bar
# I use shade_start = 1.10 to start the gradient lighter at the top of the tool bar
# I use shade_end = 1.00 to end the gradient at a 100% fill of the bg[NORMAL] color, this way the color blends perfectly into the app.
# NOW........if you don't want to use a Firefox userChrome.css to fix the tab-bar...you can do it my old way of fading into the Firefox
# default gradient used....it's usually near shade_end = 0.87 and just match the shade_start in the same way, so that it matches the shade_end of the menu bar.
{
fill_style = gradient
orientation = auto
shade_start = 0.90
shade_end = 1.00
}
}
}
widget_class "*" style "default"
#/***** OK, I'll try to explain this, but remember, I am a beginner and am totally self taught since I can't find any
# documentation, or "How To's" on gtkrc modification. So this might be wrong, and if you know how to explain it
# better, please write it down so I can learn it and so others can learn it. I will edit this, or just post a new guide.
#
# This is where the next styles start.
style "colored" = "default"
{
xthickness = 4 # Play around with this for your own preference.
ythickness = 4 # this I changed from 3 to 4 to make the Thunar Path Box taller. Play around with this for your own preference.
bg[ACTIVE] = Active button on panel handle, selected background color when clicking any app button, (not Firefox), ComboBox Drop down menu arrow button bg.
bg[PRELIGHT] = Rollover background color (hover) on all buttons and drop down menus.
fg[ACTIVE] = Font for active button, ComboBoxEntry drop down foreground arrow.
fg[PRELIGHT] = Font color for all selected buttons (roll over) except ComboBox and ComboBoxEntry (only arrows), Also font color for all rollover drop down menus.
text[ACTIVE] = Old highlighted font (like if you highlight text, and then click on a different window, the text color and bg color will change. This is for the text foreground font color for the base[active] background color. (basically, "active" is like a folder that is opened before opening the next folder which is base[selected] and text[selected] )
text[PRELIGHT] = ComboBox and ComboBoxEntry font color.
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient # this I changed from a fill_style = plain, to gradient so I could have gradient roll-
orientation = vertical # over, drop down menus in Firefox, and other menus. I chose orientation = vertical
shade_start = 1.24 # to force the menus to match the tool bars. try "auto" and see if you like it.
shade_end = 0.83 # it will draw the gradient sideways. Also mess with the percentage numbers for
} # your own style.
}
}
widget_class "*List*" style "colored"
class "*List*" style "colored"
widget_class "*Text*" style "colored"
class "*Text*" style "colored"
widget_class "*Entry*" style "colored"
class "*Entry*" style "colored"
# And now a new style starts for menubar
style "menubar" = "colored"
{
xthickness = 0 # I changed this from 2 to 0 to change size of the dividing lines between the icons on the menu bar. Play around with this for your own preference.
ythickness = 0 # I changed this from 2 to 0 to erase the dividing line between the menu bar and the tool bar. Play around with this for your own preference.
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient # I changed the fill style to gradient and added the percentages.
orientation = auto
shade_start = 0.80 # This is the very top of your menubar, 0.80 is a darker gradient, 1.20 is a lighter gradient
shade_end = 0.90 # This is the bottom of the menubar, 0.90 is the exact color of the top of the toolbar...also 1.10 would be the same if you made it lighter...
}
}
}
widget_class "*BonoboDockItem" style "menubar"
class "*BonoboDockItem" style "menubar"
widget_class "*HandleBox" style "menubar"
class "*HandleBox" style "menubar"
widget_class "*ToolBar" style "menubar"
class "*ToolBar" style "menubar"
widget_class "*MenuBar" style "menubar"
class "*MenuBar" style "menubar"
style "menuitem" = "colored"
{
xthickness = 2 # Play around with this for your own preference.
ythickness = 2 # Play around with this for your own preference.
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = auto
shade_start = 1.73 # I have changed the percentage and flipped it to create a different look in the drop down menus. Play around with this for your own preference.
shade_end = 0.83 # I have changed the percentage and flipped it to create a different look in the drop down menus. Play around with this for your own preference.
}
}
}
widget_class "*MenuItem*" style "menuitem"
class "*MenuItem*" style "menuitem"
style "scrollbar" = "default"
{
xthickness = 0 # I changed this from 2 to 0 to change the space divider between the scroll bar slider, and the scroll arrows. 0 is no space. Play around with this for your own preference.
ythickness = 1 # I changed this from 2 to 1 to change the way the progress looks in the Firefox tabs. It's wider. Play around with this for your own preference.
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = auto
shade_start = 1.73 # I have changed the percentage and flipped it to create a different "bubbled out" look in the scroll bar. Play around with this for your own preference.
shade_end = 0.60 # I have changed the percentage and flipped it to create a different "bubbled out" look in the scroll bar. Play around with this for your own preference.
}
}
}
widget_class "*Scrollbar*" style "scrollbar"
class "*Scrollbar*" style "scrollbar"
widget_class "*GtkProgress*" style "scrollbar"
class "*GtkProgress*" style "scrollbar"
style "button" = "colored"
{
xthickness = 4 # I changed this from 3 to 4 to make my buttons wider
ythickness = 4 # I changed this from 3 to 4 to make my buttons longer.
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.92 # I have changed the percentage and flipped it to create a different "bubbled out" look
shade_end = 0.82 # I have changed the percentage and flipped it to create a different "bubbled out" look
}
}
}
widget_class "*Button*" style "button"
class "*Button*" style "button"
widget_class "*button*" style "button"
class "*button*" style "button"
widget_class "*Togglebutton*" style "button"
class "*Togglebutton*" style "button"
widget_class "*togglebutton*" style "button"
class "*togglebutton*" style "button"
widget_class "*OptionMenu*" style "button"
class "*OptionMenu*" style "button"
widget_class "*Tree*" style "button"
class "*Tree*" style "button"
widget_class "*GtkScale*" style "button"
class "*GtkScale*" style "button"
widget_class "*CheckButton*" style "default"
class "*CheckButton*" style "default"
widget_class "*RadioButton*" style "default"
class "*RadioButton*" style "default"
# OK I removed the rox filer part since I don't have it installed.
# This is for the window borders (xfwm4 & metacity)
#
style "titlebar" = "default"
{
bg[SELECTED] = color for opened window frame (window in front of windows)
fg[SELECTED] = color of titlebar text on open frame (window in front of windows)
bg[INSENSITIVE] = color for non-opened window frame (windows behind the open window)
fg[INSENSITIVE] = color of titlebar text on non-open frame (windows behind the open window)
}
widget "xfwm" style "titlebar"
class "MetaFrames" style "titlebar"
widget_class "MetaFrames" style "titlebar"
# I removed this part so it doesn't use the rodent yellow "X" close button and menu icons: (include "/usr/share/icons/Rodent/iconrc-png")
That way it uses all of the icons from my different icon packs for the close buttons...and other buttons.
...ALSO, FEEL FREE TO POST YOUR OWN LISTS OF EXPLANATIONS FOR OTHER THEMES, AND ANY THING THAT MY LIST FOR THE XFCE-ENGINE LEFT OUT. ALSO BE SURE TO POST YOUR SCREENSHOTS AND YOUR GTKRC THAT YOU WANT TO SHARE WITH OTHERS.
-
Re: A Beginner "How To" for gtkrc themes.
I EDITED this part since I change the post above.
-
Re: A Beginner "How To" for gtkrc themes.
-
Re: A Beginner "How To" for gtkrc themes.
excellent work, crimesaucer & many thanks..
ll have a good go at customising a theme, when i get a chance.. later in the week..
i do like your dark emerald one, can you post your latest gtkrc for it pls..?
-
Re: A Beginner "How To" for gtkrc themes.
-
Re: A Beginner "How To" for gtkrc themes.
Hi,
This is a great little "how to"!
I have one problem though - when creating the theme, somehow it applies itself not only to windows, dialogs, menus, toolbars and stuff, but somehow manages to apply itself to the buttons and text fields in firefox. This causes a problem because if you choose a dark theme with white font (like the moonglow one above), all the buttons and text fields look out of place, and if the website overwrites one color (say the bg color of text fields like this forum does), then the text still stays white and I can't see what I'm typing. Has anyone found a solution around that? I know Firefox somehow uses GTK, but how? Is the only solution to get a different web browser? If so, which one? Any help would be appreciated. Thanks a bunch!
-
Re: A Beginner "How To" for gtkrc themes.
Go to Firefox-->--Edit-->--Preferences-->--Content-->--Colors-->-- and then "un-check" the box that says "Use System Color"
Try that.
Usually that fixes it everywhere to the font colors you have selected in Firefox. Black with White background.
It also changes the screen color to blank white page instead of a dark one.
I should maybe re-do the "How To" and explain that part better.
-
Re: A Beginner "How To" for gtkrc themes.
Actually, I believe I didn't quite state the problem correctly. The solution you gave works, but only if you choose to not allow pages select their own colors. I guess my problem is that I'd like to let pages select their own color, I don't want to overwrite them with mine, so that for example gmail is nicely colored as it is meant to be rather them just plain 4-colored scheme. So if i choose to check the option of allowing pages to select their own colors, everything works well except for buttons and text fields. So for example if I go to www.google.com, it appears white as it should but the area where I must enter the search as well as the two submit buttons are dark with white font as my theme suggests. Would you happen to know of a way to let pages choose their color, and not use system color for buttons (the "use system colors" button is already un-cheked in my preferences). Thanks a bunch :)
-
Re: A Beginner "How To" for gtkrc themes.
I know what you mean, all though if you uncheck it for "to not allow pages select their own colors", then sites get ugly fast.
Ubuntu is the only site that writes in a light unreadable text in the text box and I can't figure out why. My Berly forum doesn't do this, and neither does the Stumbleupon text areas.
I'm sure there are other sites with the text area done in a light font, but I haven't found one yet.
I'll try to fix this, but it is the reason I changed my style to a Dark Charcoal with black text and why I also have the other Black theme that makes mousepad use a white back ground so it has black text.
But then you lose the Black strips on the folder, and I like that part..
Would you like my other dark version gtkrc that has the white and green folder area in Thunar. It has readable text basically everywhere if you keep the "Use System Color" box unchecked. It is the one pictured above the all black theme that looks the same except the white/green parts.
-
Re: A Beginner "How To" for gtkrc themes.
-
Re: A Beginner "How To" for gtkrc themes.
Thanks for the quick replies - I really appreaciate your help :)
I see what you are suggesting here, but I guess I was looking for something that would actually keep my white on dark theme :\
I actually took your moonglow theme and modified it a bit to make it all dark without any green, and I love it because in general white on dark is much easier on my eyes (and it goes great with my desktop picture). I could try something else with a black font, but it just wouldn't be the same I guess. I really appreaciate your help though, I couldn't have done it so quickly and easily without your how-to :)
Here is what my firefox ends up looking as though:
http://i95.photobucket.com/albums/l1...7/contrast.png
You can see how I made the theme up on top - it's all dark gray with white font. What bugs me are those dark text fields and buttons - they just look horrible on the white background. I guess this happens because firefox uses GTK buttons and text fields somehow, so I guess one of solution would be to find a different browser that doesn't do that. I'll post back if I figure it out :)
-
Re: A Beginner "How To" for gtkrc themes.
Yeah, I see what you mean.
I always like the different color buttons and text boxes for google just because they match the url text boxes of my browser and the rest of my OS.
I just hate when I can't view the text when typing in a text area like this reply box for Ubuntu I'm typing in right now.
It's funny, your theme and the theme I just posted are like yin and yang.
If I learn a new tip about being able to fix the text areas, I'll post it.
-
Re: A Beginner "How To" for gtkrc themes.
Crimesaucer awesome themes. I to am new to Xubuntu and learned a lot from your posts. Do you know a code for blue text?
-
Re: A Beginner "How To" for gtkrc themes.
Thank you, do you mean text for the mousepad, like for anything you type?
I'll try to help if you explain what area you want to customize color-wise.
-
Re: A Beginner "How To" for gtkrc themes.
I was thinking for anything that I typed.
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
scigirl
Thanks for the quick replies - I really appreaciate your help :)
I see what you are suggesting here, but I guess I was looking for something that would actually keep my white on dark theme :\
I actually took your moonglow theme and modified it a bit to make it all dark without any green, and I love it because in general white on dark is much easier on my eyes (and it goes great with my desktop picture). I could try something else with a black font, but it just wouldn't be the same I guess. I really appreaciate your help though, I couldn't have done it so quickly and easily without your how-to :)
Here is what my firefox ends up looking as though:
http://i95.photobucket.com/albums/l1...7/contrast.png
You can see how I made the theme up on top - it's all dark gray with white font. What bugs me are those dark text fields and buttons - they just look horrible on the white background. I guess this happens because firefox uses GTK buttons and text fields somehow, so I guess one of solution would be to find a different browser that doesn't do that. I'll post back if I figure it out :)
don't make the base[NORMAL] so dark. another thing to remember with dark themes is NEVER have any font as pure white. make it light grey instead. you will find that when you use firefox, some (white) fonts won't show up on the white background.
Quote:
Originally Posted by
EML910
Crimesaucer awesome themes. I to am new to Xubuntu and learned a lot from your posts. Do you know a code for blue text?
depends what shade of blue. if you use any application where there is the colour picker widget, that will tell you the code. personally, i use an application called gcolor.
-
Re: A Beginner "How To" for gtkrc themes.
When writing it for the gtkrc for the xfce-engine, this would be the place for all "written" text:
text[NORMAL] = Font color used for Mousepad, Firefox (web pages unless you un-check you "Use System Colors" in Firefox Preferences-->--Content-->--Colors), Url font, Thunar font (not selected), xubuntu menus (not selected). Checks for check boxes, radio dots too. Combobox, ComboBoxEntry, GtkCombo, GtkEntry, and numbers in numberbox.
Then if you want the Firefox Browser's menubar to have blue text, like where it says File, Edit, View...then this is where to put your blue text:
fg[NORMAL] = This is the font color in the menu bars in FF and xubuntu, and also the color of the app in the pager that is open on a different Desktop.
As for the Dark background themes:
I noticed that as long as you have your, Firefox-->--Edit-->--Pref.-->--Content-->--Color-->--"Use System Color" un-checked....that you won't have white text in most pages (like Beryl forum). The exception is this Ubuntu Forum's text boxes, and maybe other Forum Text areas that are similar to this one. Then it gets really difficult to see.
So using a light gray or off-white, or some other lighter color like my light green, is a good idea so if you run into one of those pages where it doesn't work, then at least you can still see the light text a little bit.
But this is one of the reasons, that after the Black and Green one, that I mostly do themes that use #000000 for the text[normal], like the last gtkrc I posted called Xfce-rusty_milk.
I spend too much time on this Ubuntu forum to be squinting at light text like the black and green one.
And for anybody else that's interested in any of my gtkrc themes, I have 6 of them posted in the Ubuntu Gallery and also at Deviant Art in the XFce section and the Firefox section. They all have the gtkrc posted with the screenshot.
-
Re: A Beginner "How To" for gtkrc themes.
i have a question: where can i find the font in the xfce-rustsy_milk theme, the window title font?
-
Re: A Beginner "How To" for gtkrc themes.
-
Re: A Beginner "How To" for gtkrc themes.
If anyones interested i started several GTK theme pages on wikipedia based on 1.0>1.5 gimp and with most of it still usable im looking for contribitors to make it better.
-
Re: A Beginner "How To" for gtkrc themes.
Do you have a link to it?
-
Re: A Beginner "How To" for gtkrc themes.
-
Re: A Beginner "How To" for gtkrc themes.
this is an awesome find!! i can't wait to start creating. i just installed xubuntu and cant wait to wreck it...lol. i will post any thing i create that is good. just wondering, is it possible to use images for backgrounds in the menus, buttons, etc?
crimesaucer you rock!
TwoDogS out!
-
Re: A Beginner "How To" for gtkrc themes.
Yes it's possible for certain engines (I'm not sure if xfce-engines can use images?), I just haven't tried yet. I've seen themes use custom buttons and panels that way.
I've looked for details on how to do it and haven't found any yet. If you learn how or find a guide on how to do it, please post it here.
Also, if you go to gnome-looks.org or xfce-looks.org, and look for certain themes that use images for buttons and panels, then you can download the theme, and see where and how they wrote the theme's gtkrc to include images.
The theme's gtk-2.0 folder will come with the images it uses, and when you look at the files that come with it, you can search for every image that was included and find out where it was written in the file to see where they used it and how.
Then you can download a few more themes and compare them to learn.
-
Re: A Beginner "How To" for gtkrc themes.
(Edit- this theme below uses my newest theme style like my edited post in the top thread)
This is my latest theme that I wrote. I basically changed the gradients of one of my earlier ones so it would look better in the file system and synaptic, and then I also wrote a Firefox userChrome.css to make it look correct in Firefox and I made an image for a new tabbar to be used.
http://i144.photobucket.com/albums/r...nshot-33-7.png
This is xubuntu Feisty running Firefox 2.0.0.3, Thunderbird 2.0, Synaptic, and Thunar.
Firefox and Thunderbird are set to default classic (no used theme) so they are using my gtkrc theme and a tabbar from my userChrome.css file.
-
Re: A Beginner "How To" for gtkrc themes.
This is a link to my newest theme at xfce-look.org: http://www.xfce-look.org/content/sho...?content=57138
It includes the Emerald theme, and a userChrome.css for Firefox to look good.
-
Re: A Beginner "How To" for gtkrc themes.
Another updated version of the my newer style-
This is Firefox and Thunderbird 2 using the default themes that use my gtkrc theme, all that's needed is a simple userChrome.css with a small image for the tab-bar:
http://i144.photobucket.com/albums/r...nshot-64-3.png
Exaile! and Thunar:
http://i144.photobucket.com/albums/r...nshot-66-3.png
-
Re: A Beginner "How To" for gtkrc themes.
"gtkrc" question for somebody out there. It's driving me crazy.
On a gtkrc theme I've got - it's a darker theme - the inactive menu items and text in inactive windows seem to have a white drop shadow offset 1 pixel in x and 1 pixel in y that makes the text look really bad. The normal menu items are around #808080 and the inactive menu items are around #303030 and with that white offset behind them, they look really funky.
Here's an image as an example...
http://www.goldinc.com/~eladner/example.png
Any ideas on how to tweak that?
-
Re: A Beginner "How To" for gtkrc themes.
Maybe it's in the theme engine code, hard coded. Or maybe you can switch that in the gtkrc
But we need to know which theme are you using ?
Paste the gtkrc aswell if possible
-
Re: A Beginner "How To" for gtkrc themes.
That's a difficult one, I know that the font is fg[INSENSITIVE] for the text that can't be clicked in the drop down menus. As for the background color of it, I don't know how to fix that white color...I have a problem with it on all of my dark themes also. It is mostly in my Thuar file system.
I couldn't change it using any of the hex color codes in the gtkrc for xfce...I think it has something to do with the default widgets and how they are in Linux and the theme engine. It is that way for insensitive toogle buttons also, and insensitive radio and check buttons too.
-
Re: A Beginner "How To" for gtkrc themes.
This is my newest:
http://i144.photobucket.com/albums/r...shot-123-3.png
---these are some of my new changes that I use now---
Go to your theme's gtkrc (the file inside of /usr/share/themes/Xfce-theme_name/gtk-2.0)
In the style "default" section, I make sure my x and y thickness = 0, so I have no dividing lines and so my calendar looks better
Code:
xthickness = 0
ythickness = 0
then to fix the gradient box fill, this is what I do:
Code:
engine "xfce"
{
grip_style = slide
smooth_edge = true
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.10
shade_end = 1.00
}
}
}
widget_class "*" style "default"
This is the widget_class "*" style "default" part at the very top underneath the hex color codes for the default style.
The "shade_start = 1.10" is the top of the toolbar, "1.10" is lighter than "1.00" (the "bg[NORMAL]" hex code color), and the "shade_end = 1.00" is the bottom of the toolbar, where the Firefox tab-bar starts. Having it at "1.00" will make it fade evenly into the rest of the app that is using the "bg[NORMAL]" color.
Now...for the menubar, you go to this part of your gtkrc:
Code:
style "menubar" = "colored"
{
xthickness = 1
ythickness = 0
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.20
shade_end = 1.10
}
}
}
widget_class "*BonoboDockItem" style "menubar"
class "*BonoboDockItem" style "menubar"
widget_class "*HandleBox" style "menubar"
class "*HandleBox" style "menubar"
widget_class "*ToolBar" style "menubar"
class "*ToolBar" style "menubar"
widget_class "*MenuBar" style "menubar"
class "*MenuBar" style "menubar"
...and you make the "shade_end = 1.10" (which is the bottom of the menubar),to match the top of your toolbar that was "1.10" also...
then you make the "shade_start = 1.20" which is the top of the menu bar.
Now...the most important number of those 4 is the toolbar's "shade_end = 1.00", because that makes everything smooth...you can either theme lighter or darker by going up to "1.10" or darker to "0.90".
...you have to mess with the numbers a bit to get it perfect.
....This works properly for all apps except Firefox, AbiWord, and Gnumeric SpreadSheet...
AbiWord and Gnumeric still look good, it's just not as smooth as the rest of my apps in xubuntu...
For Firefox 2.0.0.4, I now use a userChrome.css to add a new tab-bar image. That fixes the ugly Firefox gradient tab-bar. I do it the exact size so everything like the tabs work perfectly.
... for the Firefox userChrome.css, I add this part onto my userChrome.css in my /home/name/.mozilla/firefox/profile.default/chrome folder --- I also add the tabstrip.png image in that same directory.
Code:
#browser tabs {
-moz-appearance: none !important;
background-color: none !important;
background: url("tabstrip-10.png") repeat-x top !important;
height: 25px;
padding: 0px;
border: 0px;
margin: 0px;
}
Next up is the icons, they are from the old Firefox 1.5 theme named "Glassier", and they have been substituted into the /usr/lib/firefox/chrome/classic/skin/classic/browser folder....it is the Toolbar.png
I had to fix them in GIMP to work for Firefox2 since it was an old theme...I also made them a lighter blue in GIMP. You can use any icons that are 24x24 pixels, and in the correct order and number of the default Toolbar.png icons, the whole image should be in the order below and this exact size: 336x120
http://i144.photobucket.com/albums/r...er/Toolbar.png
My bottom panel was made in the GIMP, and I used a .gtkrc-2.0 file to make it. This is the one that I use now, and I have it in my /home/name directory:
Code:
style "panel"
{
bg[NORMAL] = "#E9B9D3"
bg_pixmap[NORMAL] = "panel89.png"
fg[NORMAL] = "#000000"
}
widget_class "*Panel*" style "panel"
widget "*Panel*" style "panel"
class "*Panel*" style "panel"
For Thunderbird2, I use userChrome.css to add new icons, change the text-color of unread messages, and selected unread messages, and I even add a nice little menu bar image....
For the icons, they must be in the correct order of the mail-toolbar.png and must be in this same order below:
http://i144.photobucket.com/albums/r...il-toolbar.png
The default size is 24x24 pixels, and the whole mail-toolbar.png image is 408x72 pixels
For my current theme I use a scaled down, and re-ordered "AquaBird Redone" by Bodizzle
This is my Thunderbird2 userChrome.css, it's located in my /profile.default/chrome, (mine is in this directory: /home/name/.thunderbird/l6hw7hh0.default/chrome ....yours might be in a different place):
Code:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Change the text color of unread messages to
* any color of your liking - just change the hex value shown here. */
treechildren::-moz-tree-cell-text(unread) {
color: #F0F2E7 !important;
}
/* Change the text color of selected unread messages to
* any color of your liking - just change the hex value shown here. */
treechildren::-moz-tree-cell-text(unread, selected) {
color: #000000 !important;
}
/* Use a background image for the toolbars:
(Substitute your image file for background.gif) */
/* Add a menubar image */
menubar{
background-image: url("bluefawnNEW-sm.png") !important;
background-color: none !important;
}
/*toolbar icons*/
.toolbarbutton-1 {
-moz-box-orient: vertical;
list-style-image: url("mail-toolbar.png") !important;
}
...That's it...as well as a GIMP made touch-up of a !!!Dalek!!! picture for my Terminal so it would blend into my Gradient gtk-2.0 theme. What I do is to create a gradient color layer and match it to my bg[NORMAL] color that is the color that the gradient toolbar uses at "1.00"
-
Re: A Beginner "How To" for gtkrc themes.
hey crimesaucer............i was wondering if you could help me a bit with theming.......first i would want you to check out this mockup..... http://ubuntuforums.org/showthread.p...lugins...would you mind making one like that........just a request.........and i was wondering if you could tell me some thing about this...........
#include "panel/panel.rc"
style "clearlooks-default"
{
GtkButton ::default_border = { 0, 0, 0, 0 }
GtkRange ::trough_border = 0
GtkPaned ::handle_size = 6
GtkRange ::slider_width = 15
GtkRange ::stepper_size = 15
GtkScrollbar ::min_slider_length = 30
GtkCheckButton ::indicator_size = 14
GtkMenuBar ::internal-padding = 0
GtkTreeView ::expander_size = 14
GtkExpander ::expander_size = 16
GtkScale ::slider-length = 27
#GtkToolbar ::button-relief = GTK_RELIEF_NORMAL
#GtkMenuBar ::shadow-type = GTK_SHADOW_OUT
#GtkScrollbar ::has-secondary-forward-stepper = 1
#GtkScrollbar ::has-secondary-backward-stepper = 1
GtkButton ::child-displacement-x = 1
GtkButton ::child-displacement-y = 1
GtkMenu ::horizontal_padding = 0
GtkMenu ::vertical_padding = 0
WnckTasklist ::fade-overlay-rect = 0
xthickness = 1
ythickness = 1
fg[NORMAL] = @fg_color #"#000000" # black
fg[PRELIGHT] = @fg_color #"#000000" # black
fg[SELECTED] = @selected_fg_color #"#ffffff" # white
fg[ACTIVE] = @fg_color #"#000000" # black
fg[INSENSITIVE] = darker (@bg_color) #"#b5b3ac" # dark beige
bg[NORMAL] = @bg_color # "#ede9e3"
bg[PRELIGHT] = shade (1.02, @bg_color) #"#f9f7f3" # very light beige
bg[SELECTED] = @selected_bg_color # "#5598d7" # deepsky
bg[INSENSITIVE] = @bg_color # "#efebe5" # beige
bg[ACTIVE] = shade (0.9, @bg_color) #"#dcd4c9" #"#d7d3ca" # dark beige
base[NORMAL] = @base_color # "#ffffff" # white
base[PRELIGHT] = shade (0.95, @bg_color) # "#5f8ec4" # dark beige
base[ACTIVE] = shade (0.9, @selected_bg_color) # "#a69f91" # darker deepsky
base[SELECTED] = @selected_bg_color # "#5598d7" # deepsky
base[INSENSITIVE] = @bg_color # "#e8e5de" # beige
text[NORMAL] = @text_color # "#000000" # black
text[PRELIGHT] = @text_color # "#000000" # black
text[ACTIVE] = @selected_fg_color # "#ffffff" # white
text[SELECTED] = @selected_fg_color # "#ffffff" # white
text[INSENSITIVE] = darker (@bg_color) # "#b5b3ac" # dark beige
engine "clearlooks"
{
#scrollbar_color = "#76acde"
menubarstyle = 2 # 0 = flat, 1 = sunken, 2 = flat gradient
animation = TRUE
style = GLOSSY
}
}
style "clearlooks-wide" = "clearlooks-default"
{
xthickness = 2
ythickness = 2
}
style "clearlooks-wider" = "clearlooks-default"
{
xthickness = 3
ythickness = 3
}
style "clearlooks-button" = "clearlooks-wider"
{
bg[NORMAL] = shade (1.05, @bg_color) # "#f6f4f1"
bg[INSENSITIVE] = shade (1.04, @bg_color) # "#f2efeb"
bg[PRELIGHT] = shade (1.08, @bg_color) # "#faf9f8"
}
style "clearlooks-notebook" = "clearlooks-wide"
{
# bg[NORMAL] = "#efebe5"
# bg[INSENSITIVE] = "#efebe5"
}
style "clearlooks-tasklist" = "clearlooks-default"
{
xthickness = 5
ythickness = 3
}
style "clearlooks-menu" = "clearlooks-default"
{
xthickness = 0
ythickness = 0
bg[NORMAL] = shade (1.08, @bg_color) # "#f9f7f3"
}
style "clearlooks-menubar-item" = "clearlooks-button"
{
# fg[PRELIGHT] = "#000000"
}
style "clearlooks-menu-item" = "clearlooks-default"
{
xthickness = 2
ythickness = 3
fg[PRELIGHT] = @selected_fg_color
}
style "clearlooks-tree" = "clearlooks-default"
{
xthickness = 2
ythickness = 2
}
style "clearlooks-frame-title" = "clearlooks-default"
{
fg[NORMAL] = lighter (@fg_color) # "#404040"
}
style "clearlooks-tooltips" = "clearlooks-default"
{
xthickness = 4
ythickness = 4
bg[NORMAL] = { 1.0,1.0,0.75 }
}
style "clearlooks-progressbar" = "clearlooks-wide"
{
xthickness = 1
ythickness = 1
# fg[PRELIGHT] = "#ffffff"
}
style "clearlooks-combo" = "clearlooks-button"
{
}
style "clearlooks-menubar" = "blackrock-default"
{
# bg[NORMAL] = "#bacedb"
}
style "clearlooks-scale" = "clearooks-button"
{
GtkRange::trough-side-details = 1
}
#style "panel" {
# bg_pixmap[NORMAL] = "panel.png"
#}
# widget styles
class "GtkWidget" style "clearlooks-default"
class "GtkButton" style "clearlooks-button"
class "GtkScale" style "clearlooks-scale"
class "GtkCombo" style "clearlooks-button"
class "GtkRange" style "clearlooks-wide"
class "GtkFrame" style "clearlooks-wide"
class "GtkSeparator" style "clearlooks-wide"
class "GtkMenu" style "clearlooks-menu"
class "GtkEntry" style "clearlooks-wider"
class "GtkMenuItem" style "clearlooks-menu-item"
class "GtkNotebook" style "clearlooks-notebook"
class "GtkProgressBar" style "clearlooks-progressbar"
#class "Panel*" style "panel"
#class "GtkMenuBar" style "clearlooks-menubar"
widget_class "*MenuItem.*" style "clearlooks-menu-item"
#widget_class "*.GtkMenuBar.*MenuItem.*" style "clearlooks-menubar-item"
# combobox stuff
widget_class "*.GtkComboBox.GtkButton" style "clearlooks-combo"
widget_class "*.GtkCombo.GtkButton" style "clearlooks-combo"
# tooltips stuff
widget_class "*.tooltips.*.GtkToggleButton" style "clearlooks-tasklist"
widget "gtk-tooltips" style "clearlooks-tooltips"
# treeview stuff
widget_class "*.GtkTreeView.GtkButton" style "clearlooks-tree"
widget_class "*.GtkCTree.GtkButton" style "clearlooks-tree"
widget_class "*.GtkList.GtkButton" style "clearlooks-tree"
widget_class "*.GtkCList.GtkButton" style "clearlooks-tree"
widget_class "*.GtkFrame.GtkLabel" style "clearlooks-frame-title"
# notebook stuff
widget_class "*.GtkNotebook.*.GtkEventBox" style "clearlooks-notebook"
widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
in the menu bar style where the effects are given.....what all effects can we use over there............and how do we change the color of the window menubar..........is there a way to change the background color of fonts on the dektop.(my fonts are black and there is a white background around it which looks kinda irritating)..........and how can i change the color of the dropdown menus and all...............i see you did some crazy stuff with the themes man...looks great..............
-
Re: A Beginner "How To" for gtkrc themes.
I'll have to play around with clear looks for a while...I have only been using the xfce engine for themes because I thought it would work best with my xubuntu and xfce4.4
As for the mockup...It seems that all you would have to do would be to create a panel image for the top panel, and get a clear OSX dock for the bottom...other then that, it was just a picture of a nice wallpaper.
You could make a theme based on the color of the top panel...either with a bg[NORMAL] color of the top panel and a gradient, or a pix map image of the glossy look using a theme engine that uses pix maps...you would have to ask on the forum which theme engine uses pix map images best for toolbars and menubars...
But I will look into the clear looks engine since it is very popular in ubuntu...and I'll get back to you.
EDIT- I also don't think it is possible to have the Beryl Thumbnail views on a clear dock (?) or the pager (workspace switcher)...and I don't think the wifi is able to be put on a clear dock like that...it's a nice idea for a multi-purpose "transparent" dock...but I wouldn't know how to make it.
-
Re: A Beginner "How To" for gtkrc themes.
@irti
Anything like @fg_color or @bg_color are symbolic colors used in the latest gtk and the purpose of this is to recolor a theme easily. Usually you define the colors on the top of your gtkrc file only once so if you wan't to change something is easier and also to use the new customize option in GNOME 2.18
You should check the gtkrc file from Clearlooks on the latest GNOME.
The menubarstyle is an option from Clearlooks, the name says it all.
Finally the STYLE is also a Clerlooks property, in the svn version of Clearlooks (I don't know if it's the same for 2.18 ) you have CLASSIC, GLOSSY and GUMMY, btw Cimi is doing a great job with them.
-
Re: A Beginner "How To" for gtkrc themes.
I just wanted to say that I edited my first post on page one so that it explains my new theme style better.
I also tried to make it easier to read.
...and I wish people would post similar gtkrc descriptions for different theme engines, since xfce isn't the most popular theme engine out there, and it's the only theme engine that I know a bit about...so I wouldn't mind learning something new, and I'm sure it would help people that use other theme engines.
Also...any Firefox/Thunderbird userChrome.css tips or other forms of eye candy tips are appreciated.
-
Re: A Beginner "How To" for gtkrc themes.
@ crimesaucer..seriously i would be glad to see a similar description for the clearlooks engine.......i tried out the xfce...but it didnt seem to work on ubuntu.....i mean i made some changes and all and tried to apply the new theme after saving the gtkrc file..but it made no difference... :-k ...anyways it would be really nice seeing that mockup on an ubuntu though............
@ kpolice....thanx i got a general idea of the stuff........am still trying to make it work though :-P
edit .... @ crimesaucer..........i can post all the gtkrc files of wateva theme engines you want dude.....just keep up the gud work.!!! =D>
-
GTK theme tutorial
-
Re: GTK theme tutorial
Quote:
Originally Posted by
kpolice
Thanks, I actually found that guide after I had learned all of those things on my own, I like how it's written but it doesn't go into enough detail about the unique things...like this part:
Quote:
Engines
/!\ Hmm, I am not entirely happy with this section. While I think that there is not much it should cover, this feels like it is too little.
As said earlier, engines are used to define the look and extend the styles. For example to use the Clearlooks engine, you can just do the following.
style "some-style" {
engine "clearlooks" {
# engine specific settings go here
}
}
This means the Clearlooks engine will be used with its default settings. You can modify engine settings in the block. For a description of the possible options for different engines please refere to their documentation at ../GtkEngines.
...the "engine specific settings" are what I want the most and I can never find any detail on it form any page, including the links on that site.
For example, I learned about a gradient boxfill from playing with the Xfce-winter gtkrc, and then I started trying to add a gradient boxfill to different style specific settings, and it worked out beautifully...now I wish I could learn more about other engine specific settings for xfce and other themes engines...
I also would love to learn a bit more about this area:
Code:
gtk-can-change-accels = 1
gtk-menu-drop-shadow = 1
gtk-menu-shadow-delay = 100
style "default"
{
GtkButton::default_border = {0, 0, 0, 0}
GtkButton::default_outside_border = {0, 0, 0, 0}
GtkButton::default_spacing = 10
GtkButton::focus-line-width = 1
GtkButton::focus-padding = 0
GtkCheckButton::indicator_size = 15
GtkMenuBar::shadow_type = out
GtkMenuItem::selected_shadow_type = out
GtkPaned::handle_full_size = 1
GtkPaned::handle_size = 8
GtkRadioButton::indicator_size = 15
GtkRange::slider_width = 15
GtkRange::stepper_size = 15
GtkRange::stepper_spacing = 0
GtkRange::trough_border = 0
GtkScrollbar::min_slider_length = 37
GtkToolbar::shadow_type = out
GtkWidget::focus-line-width = 1
GtkWidget::focus_padding = 2
GtkWidget::interior_focus = 5
GtkWidget::internal_padding = 0
I know about the:
GtkScrollbar::min_slider_length = 37
GtkRadioButton::indicator_size = 15
GtkRange::slider_width = 15
GtkRange::stepper_size = 15
GtkRange::stepper_spacing = 0
...and the shadow types
...but I wish there was more charts to the different settings for sizes and shapes...I also wish there were was more of a breakdown of how to write all of the possibilities of a certain theme engine to utilize all of the different buttons and ways to draw them...rounded corners, square, gradients, sunken....
-
Re: A Beginner "How To" for gtkrc themes.
The properties on the code you posted have descriptions on the tutorial and also in the GTK documentation.
To get the engine specific details just check the default themes that come with it because most of the time the settings are there and are self explanatory, you can also check the source code.
For example Clearlooks:
Code:
colorize_scrollbar = FALSE
menubarstyle = 2 # 0 = flat, 1 = sunken, 2 = flat gradient
animation = FALSE
style = CLASSIC
radius = 3.0
If you check the Gummy, Glossy and Inverted themes (which are Clearlooks) you will see the difference between them.
Murrine has a complete description of each setting on Cimi's site.
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
kpolice
The properties on the code you posted have descriptions on the tutorial and also in the GTK documentation.
To get the engine specific details just check the default themes that come with it because most of the time the settings are there and are self explanatory, you can also check the source code.
For example Clearlooks:
Code:
colorize_scrollbar = FALSE
menubarstyle = 2 # 0 = flat, 1 = sunken, 2 = flat gradient
animation = FALSE
style = CLASSIC
radius = 3.0
If you check the Gummy, Glossy and Inverted themes (which are Clearlooks) you will see the difference between them.
Murrine has a complete description of each setting on Cimi's site.
The xfce link does not work...for the GtkEngines...and less than half of those links work...I liked the one for the Smooth GTK engine: http://live.gnome.org/GnomeArt/Tutor...s/SmoothEngine
and yes, I like how some themes like the clear looks gtkrc include the possible settings, but I always wonder if there are more possible...Like that scrollbar:
Code:
colorize_scrollbar = FALSE
menubarstyle = 2 # 0 = flat, 1 = sunken, 2 = flat gradient
animation = FALSE
style = CLASSIC
radius = 3.0
I wonder what TRUE would do and what other styles can be written besides CLASSIC?
When using xfce, I was lucky to find all of the extra possibilities on my xfce theme, with out any tips included in the gtkrc, and from just trying things to see if certain things worked...some themes on Gnome-Looks.org and Xfce-Looks.org have well written gtkrc's that explain a few things...but a lot don't.
...I just think there should be a site with every theme engine known to Linux, with a chart for each of them and the different settings for each widget...and the possibilities of gradient or shade boxfills or use of pix map images....
...also can you link me to the Murrine page you were talking about, that was the next theme engine I was going to try and use because I like the buttons...thanks.
-
Re: A Beginner "How To" for gtkrc themes.
The style properties like
Code:
GtkButton::default_border = {0, 0, 0, 0}
GtkButton::default_outside_border = {0, 0, 0, 0}
GtkButton::default_spacing = 10
aren't engine specific, all of them are gtk properties so they apply to any engine.
About the murrine engine
http://cimi.netsons.org/pages/murrine/options.php
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
kpolice
The style properties like
Code:
GtkButton::default_border = {0, 0, 0, 0}
GtkButton::default_outside_border = {0, 0, 0, 0}
GtkButton::default_spacing = 10
aren't engine specific, all of them are gtk properties so they apply to any engine.
About the murrine engine
http://cimi.netsons.org/pages/murrine/options.php
Yeah, I hadn't messed with any of that because I was happy with my buttons...but I would guess that is a style default that I could change and see the results...and use my trial and error method to find a unique style that I am happy with...
Thanks for the link...and I also edited my post above to explain a point a bit further so check it out...
-
Re: A Beginner "How To" for gtkrc themes.
these are some effects that i found in the Gnomesmooth -green theme ........ they basically use the smooth engine........i hope its usefull...........
style "vscrollbar"
{
engine "smooth" {
fill
{
style = shaded
hdirection = vertical
vdirection = horizontal
shade1 = 1.05
shade2 = 0.95
and
style "hscrollbar"
{
engine "smooth" {
fill
{
style = shaded
hdirection = vertical
vdirection = horizontal
shade1 = 1.05
shade2 = 0.95
}
line
{
style = smooth
thickness = 1
}
trough
{
fill
{
style = solid
}
}
grip
{
style = dots_in
count = 3
spacing = 2
}
focus
{
foreground[ACTIVE] = "#83A67F"
foreground[SELECTED] = "#83A67F"
foreground[NORMAL] = "#83A67F"
foreground[PRELIGHT] = "#83A67F"
}
arrow
{
style = cleanice
solid = TRUE
xpadding = 1
ypadding = 1
INSENSITIVE
{
etched = TRUE
}
}
}
}
-
Re: A Beginner "How To" for gtkrc themes.
you also mentioned in your first post in this thread that
bg[NORMAL] = This is the overall color of the Browser for Firefox, xubuntu/ubuntu, Thunderbird, and all apps. It creates the color that is used for my gradient browser themes. It is also all of the buttons, scroll bar handles, panel handle, Drop down menus (before you roll over them with the mouse tool tip).
i wonder if there is a way to use seperate colors for windows from the menus ....and you know seperate the colors of the buttons from panel handles and all...??
-
Re: A Beginner "How To" for gtkrc themes.
If you read the tutorial you will understand how it works and how to apply different styles to different widgets.
-
Re: A Beginner "How To" for gtkrc themes.
I find the best thing to do is to just try every idea you have, along with reading my tutorial, his link to the GTK tutorial, the tips on different gtkrc files and what ever else you find about themes...
...If it doesn't work, it either won't show, or it will cause your theme to go to the default gray and blue...or if you really screw things up....you can always find a way to fix it.
-
Re: A Beginner "How To" for gtkrc themes.
-
Re: A Beginner "How To" for gtkrc themes.
Hi. I got a few questions (mainly regarding the secret identity of a couple of classes/widgets/whatever). First, an image of the Work In Progress itself:
http://img402.imageshack.us/img402/7...khelpmewi3.png
And now my questions (which corrospond to the arrows):
#1: The titlebar is definitely changing. A lot. That was a concept piece. No need for insults. That's not the point of this post.
#2: What is this class/widget_class called? I can't figure it out, and any time I try something for it (like "*Combo*" or "*Box*"), something changes that I don't want to.
#3: Same question/issue as #2. I'd like the drop-down arrow thing to be the same shape/style as the one below it ("GtkCombo"), but don't know which class/widget to fit the style to.
And a question that can't be shown in that picture: Does anyone know if there's a comprehensive guide to everything that can go between the engine "xfce" brackets? Reading this thread, it seems that most people are eager to learn about the other engines. Well, I'd like to stick proudly by little Xerry (that's what I call the mouse; heard it called that in IRC once), and just milk the Xfce engine for all it's work. A google of xfce theme engine boxfill smooth_edge (I figured some of the 'parts' would help get more results) led me here, yet sadly after five pages I remain unanswered.
Thanks for thoughts/answers o/
(By the way, I've seen some groovie themes here, guys, keep it up! (And not a Vista/Mac look in the lot of 'em ^^))
Edit: Thought I'd stick my gtkrc so far in here:
Code:
style "default"
{
# Gtk widgetry
# Modify the X/Y thickness
xthickness = 0
ythickness = 0
# Set the background,foreground, text, and base colours
bg[NORMAL] = "#009900" # The normal colour.
bg[PRELIGHT] = "#00c300" # "On hover".
bg[ACTIVE] = "#00ed00" # When a button is pressed.
bg[INSENSITIVE] = "#008000" # Disabled widget.
bg[SELECTED] = "#00ff00" # When text is selected.
fg[NORMAL] = "#17fc00"
fg[PRELIGHT] = "#ac3600"
fg[ACTIVE] = "#ff5151"
fg[INSENSITIVE] = "#008000"
fg[SELECTED] = "#000000"
text[NORMAL] = "#00dc00"
text[PRELIGHT] = "#00ff00"
text[ACTIVE] = "#00ff99"
text[INSENSITIVE] = "#008000"
text[SELECTED] = "#000000"
base[NORMAL] = "#008000"
base[PRELIGHT] = "#ff6e6e"
base[ACTIVE] = "#ff6e6e"
base[INSENSITIVE] = "#a84848"
base[SELECTED] = "#ffb66e"
}
style "testing"
{
xthickness = 0
ythickness = 0
bg[NORMAL] = "#000000"
fg[NORMAL] = "#000000"
text[NORMAL] = "#000000"
base[NORMAL] = "#000000"
engine "xfce"
{
smooth_edge = true
}
}
style "scrollbar" = "default"
{
xthickness = 0
ythickness = 1
engine "xfce"
{
grip_style = smooth
smooth_edge = true
boxfill
{
fill_style = gradient
orientation = auto
shade_start = 1.13
shade_end = 0.87
}
}
}
style "menubar" = "default"
{
xthickness = 0
ythickness = 0
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 0.92
shade_end = 1.00
}
}
}
style "menuitem" = "default"
{
fg[NORMAL] = "#fc1700"
fg[ACTIVE] = "#51ff51"
fg[SELECTED] = "#ff0000"
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.00
shade_end = 0.87
}
}
}
style "button" = "default"
{
xthickness = 1
ythickness = 1
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.10
shade_end = 0.95
}
}
}
style "check" = "default"
{
text[NORMAL] = "#00ff00"
fg[NORMAL] = "#00dc00"
fg[PRELIGHT] = "#a300a3"
fg[ACTIVE] = "#80ff80"
fg[SELECTED] = "#32ff32"
fg[INSENSITIVE] = "#008000"
base[NORMAL] = "#ff0000"
base[PRELIGHT] = "#ff6e6e"
base[ACTIVE] = "#ff6e6e"
base[INSENSITIVE] = "#a84848"
base[SELECTED] = "#ffb66e"
}
style "titlebar" = "default"
{
bg[SELECTED] = "#00ac00"
bg[INSENSITIVE] = "#008000"
fg[SELECTED] = "#ff0000"
fg[INSENSITIVE] = "#800000"
}
style "panel" = "default"
{
xthickness = 0
ythickness = 0
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 0.83
shade_end = 1.13
}
}
}
widget_class "*" style "default"
widget_class "*Button*" style "button"
class "*Button*" style "button"
widget_class "*button*" style "button"
class "*button*" style "button"
widget_class "*OptionMenu*" style "button"
class "*OptionMenu*" style "button"
widget_class "*Tree*" style "button"
class "*Tree*" style "button"
widget_class "*GtkScale*" style "button"
class "*GtkScale*" style "button"
widget_class "*Panel*" style "panel"
class "*Panel*" style "panel"
widget_class "*CheckButton*" style "check"
class "*CheckButton*" style "check"
widget_class "*RadioButton*" style "check"
class "*RadioButton*" style "check"
widget_class "*List*" style "default"
class "*List*" style "default"
widget_class "*Text*" style "check"
class "*Text*" style "check"
widget_class "*Entry*" style "check" # Drop down list/Editbox
class "*Entry*" style "check"
widget_class "*ComboBox*" style "check"
class "*ComboBox*" style "check"
widget_class "*MenuBar" style "menubar"
class "*MenuBar" style "menubar"
widget_class "*ToolBar" style "menubar"
class "*ToolBar" style "menubar"
widget_class "*BonoboDockItem" style "menubar"
class "*BonoboDockItem" style "menubar"
widget_class "*HandleBox" style "menubar"
class "*HandleBox" style "menubar"
widget_class "*MenuItem*" style "menuitem"
class "*MenuItem*" style "menuitem"
widget_class "*Scrollbar*" style "scrollbar"
class "*Scrollbar*" style "scrollbar"
widget_class "*GtkProgress*" style "scrollbar"
class "*GtkProgress*" style "scrollbar"
widget "xfwm" style "titlebar"
class "MetaFrames" style "titlebar"
widget_class "MetaFrames" style "titlebar"
(Like I said, it's a Work In Progress)
-
Re: A Beginner "How To" for gtkrc themes.
Hello, I'll try to help...but remember, I'm a beginner also...
For #1, can you explain how it's "changing"...and I don't insult people so don't worry, and I hope others don't insult me either if I do something wrong.
Constructive criticism is a much better way to learn.
As for the colors of the title bar:
Code:
style "titlebar" = "default"
{
bg[SELECTED] = "background color of open window"
fg[SELECTED] = "title text color of open window"
bg[INSENSITIVE] = "background color of the windows that are behind the open window"
fg[INSENSITIVE] = "title text color of the windows behind the open window (doesn't change the closing buttons of the xfwm pixmap theme...you must change your xfwm window theme for that)"
}
widget "xfwm" style "titlebar"
class "MetaFrames" style "titlebar"
widget_class "MetaFrames" style "titlebar"
...you might want to change the details of your xfwm theme: http://wiki.xfce.org/xfwm4_theme_howto
for #2, that is a good question, as the names on "thewidgetfactory" are: ComboBox and ComboBoxEntry...but they aren't in my gtkrc, or any Xfce gtkrc that I have looked at.
I know that I make the ComboBox match with this part of my gtkrc:
Code:
style "colored" = "default"
{
xthickness = 2 # Affects the Thunar Path Box as well as other things.
ythickness = 2 # Affects the Thunar Path Box as well as other things.
bg[ACTIVE] = Active button on panel handle, selected background color when clicking any app button, (not Firefox), ComboBox Drop down menu arrow button bg.
bg[PRELIGHT] = Rollover background color (hover) on all buttons and drop down menus.
fg[ACTIVE] = Font for active button, ComboBoxEntry drop down foreground arrow.
fg[PRELIGHT] = Font color for all selected buttons (roll over) except ComboBox and ComboBoxEntry (only arrows), Also font color for all rollover drop down menus.
text[ACTIVE] = Old highlighted font (like if you highlight text, and then click on a different window, the text color and bg color will change. This is for the text foreground font color for the base[active] background color. (basically, "active" is like a folder that is opened before opening the next folder which is base[selected] and text[selected] )
text[PRELIGHT] = ComboBox and ComboBoxEntry font color.
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.24
shade_end = 0.83
# I changed the "fill_style = plain", to "= gradient" for the rollover buttons.
# It affects drop down menus in Firefox, and other menus. I chose "orientation = vertical"
# try "orientation = auto" and see if you like it.
# auto will draw the gradient sideways sometimes.
# Also mess with the "shade_start" percentage numbers
# and the "shade_end" percentage numbers for different affects.
}
}
}
widget_class "*List*" style "colored"
class "*List*" style "colored"
widget_class "*Text*" style "colored"
class "*Text*" style "colored"
widget_class "*Entry*" style "colored"
class "*Entry*" style "colored"
and for #3, I don't know how to change the size of the arrow, and it seems that way in most Xfce themes also.
All I know how to do is change the colors of the arrows and the backgrounds of it...and that is in that section above...in the: style "colored" = "default"
and I think you know that part good because all of your colors match....
....as for your 4:20 theme, I can tell your close button is a weed leaf, and your minimize button is a bowl, but what is your middle button on the right? Is it a heart?
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
crimesaucer
Hello, I'll try to help...but remember, I'm a beginner also...
For #1, can you explain how it's "changing"...and I don't insult people so don't worry, and I hope others don't insult me either if I do something wrong.
for #2, that is a good question, as the names on "thewidgetfactory" are: ComboBox and ComboBoxEntry...but they aren't in my gtkrc, or any Xfce gtkrc that I have looked at.
I know that I make the ComboBox match with this part of my gtkrc:
[CODE/CODE]
and for #3, I don't know how to change the size of the arrow, and it seems that way in most Xfce themes also.
All I know how to do is change the colors of the arrows and the backgrounds of it...and that is in that section above...in the: style "colored" = "default"
and I think you know that part good because all of your colors match....
....as for your 4:20 theme, I can tell your close button is a weed leaf, and your minimize button is a bowl, but what is your middle button on the right? Is it a heart?
For #1, when I posted about it, I meant to imply that I didn't need help with it :x Xfwm4 is easy (i love bringing ascii art to life with .xpm files :D), it's the gtkrc part I was havin' problems with.
For #2, You're right, and after much tweakery, I discovered how to do it :)
For #3, Damn. It'd be nice to set those buttons to be the same size.
And the maximize button is a very poorly done hookah :p (the shade button turned into a peace sign in the final version, and the minimize button is now a standing joint that's easier to click; all the buttons got rasta-fied to Red, Yellow, and Green ;) )
While your response is much appreciated, I learned a lot between the time of this writing and the time of my last; having completed the "Sativa" theme, and nearly finished another, which I'll post here (along with it's gtkrc file; I can post the xfwm4 files if someone really wants them), based on Final Fantasy VII. I made the desktop back in my Windows days on Photoshop CS2 (man I miss that program), using a still from the Advent Chidlren movie and a custom feather brush with various effects that I wish I could easily duplicate in the GIMP :x
http://img233.imageshack.us/img233/7...p02julyoz0.png
The theme's only like 85% done, I'd say; I thought it was complete until I saw it outside of TheWidgetFactory (excellent program, that). I'm not too happy with the browns I put in it; I'll post a better look at the theme itself when I do. But you can kinda see the buttons on my panel (those won't change), and everything important about the xfwm4 files is visible. I worked very hard scaling down various images (including my own personal seal for the "shade" button, and a feather from the desktop for "minimize"; that meteor "close" button is from the Final Fantasy VII logo itself) in the GIMP to 18x18 pixels, and then typing them up Mousepad, and picking colours straight out of the images (for the chocobo and meteor). Except for the chocobo, all the buttons use a gradient with the colours from the meteor; I just the drop of colour the chocobo adds to the titlebar :)
And here's the gtkrc file (like I said, those flesh tones are gonna change for the windows; they don't look bad as fonts):
Code:
# Colours (shades of white, blue, and flesh)
#
# FFFFFF F3E6DD
# F1EBF9 EAD8CB
# D4D4F8 D6BEAC
# C5BBED CAA990
# B7A1F4 BE9373
# 8080FF A77149
# 5050FF 92572B
# 0000FF 82481D
style "default"
{
GtkRange::slider_width = 14
GtkRange::stepper_size = 14
GtkRange::stepper_spacing = 2
GtkRange::trough_border = 0
GtkScrollbar::min_slider_length = 20
GtkMenu::horizontal-padding = 4
GtkMenuItem::selected_shadow_type = out
GtkMenuItem::horizontal_padding = 1
GtkRadioButton::indicator_size = 10
GtkToolbar::shadow_type = none
GtkWidget::focus-line-width = 0
GtkNotebook::tab-curvature = 5
GtkNotebook::tab-overlap = 3
xthickness = 2
ythickness = 2
bg[NORMAL] = "#FFFFFF" # The normal colour.
bg[PRELIGHT] = "#F1EBF9" # "On hover".
bg[ACTIVE] = "#C5BBED" # When a button is pressed.
bg[INSENSITIVE] = "#D6BEAC" # Disabled widget.
bg[SELECTED] = "#8080FF" # When text is selected.
fg[NORMAL] = "#82481D"
fg[PRELIGHT] = "#BA9E89"
fg[ACTIVE] = "#A77149"
fg[INSENSITIVE] = "#5D4F44"
fg[SELECTED] = "#FFFFFF"
text[NORMAL] = "#92572B"
text[PRELIGHT] = "#82481D"
text[ACTIVE] = "#EAD8CB"
text[INSENSITIVE] = "#D6BEAC"
text[SELECTED] = "#FFFFFF"
base[NORMAL] = "#EAD8CB"
base[PRELIGHT] = "#F3E6DD"
base[ACTIVE] = "#D2B7A2"
base[INSENSITIVE] = "#A77149"
base[SELECTED] = "#A88E77"
}
style "testing"
{
xthickness = 5
ythickness = 5
# bg[NORMAL] = "#FFFFFF" # The normal colour.
# bg[PRELIGHT] = "#FFFFFF" # "On hover".
# bg[ACTIVE] = "#FFFFFF" # When a button is pressed.
# bg[INSENSITIVE] = "#FFFFFF" # Disabled widget.
# bg[SELECTED] = "#FFFFFF" # When text is selected.
# fg[NORMAL] = "#FFFFFF"
# fg[PRELIGHT] = "#FFFFFF"
# fg[ACTIVE] = "#FFFFFF"
# fg[INSENSITIVE] = "#FFFFFF"
# fg[SELECTED] = "#FFFFFF"
# text[NORMAL] = "#FFFFFF"
# text[PRELIGHT] = "#FFFFFF"
# text[ACTIVE] = "#FFFFFF"
# text[INSENSITIVE] = "#FFFFFF"
# text[SELECTED] = "#FFFFFF"
# base[NORMAL] = "#FFFFFF"
# base[PRELIGHT] = "#FFFFFF"
# base[ACTIVE] = "#FFFFFF"
# base[INSENSITIVE] = "#FFFFFF"
# base[SELECTED] = "#FFFFFF"
engine "xfce"
{
smooth_edge = false
}
}
style "pbar" = "default"
{
xthickness = 0
ythickness = 0
bg[NORMAL] = "#FFFFFF"
bg[PRELIGHT] = "#F1EBF9"
engine "xfce"
{
smooth_edge = true
boxfill
{
fill_style = gradient
orientation = auto
shade_start = 1.13
shade_end = 0.87
}
}
}
style "scale" = "default"
{
xthickness = 2
ythickness = 2
bg[NORMAL] = "#D4D4F8"
bg[PRELIGHT] = "#F1EBF9"
bg[ACTIVE] = "#F1EBF9"
bg[INSENSITIVE] = "#B7A1F4"
base[SELECTED] = "#F1EBF9"
base[ACTIVE] = "#FFFFFF"
engine "xfce"
{
grip_style = slide
smooth_edge = true
boxfill
{
fill_style = gradient
shade_start = 1.13
shade_end = 1.00
}
}
}
style "menubar" = "default"
{
xthickness = 0
ythickness = 0
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 0.92
shade_end = 1.00
}
}
}
style "menuitem" = "default"
{
xthickness = 2
ythickness = 2
fg[NORMAL] = "#8080FF"
fg[PRELIGHT] = "#0000FF"
engine "xfce"
{
smooth_edge = true
boxfill
{
fill_style = gradient
orientation = auto
shade_start = 1.13
shade_end = 0.87
}
}
}
style "button" = "default"
{
xthickness = 2
ythickness = 2
fg[NORMAL] = "#A77149"
fg[PRELIGHT] = "#82481D"
fg[ACTIVE] = "#92572B"
fg[INSENSITIVE] = "#5D4F44"
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.13
shade_end = 0.87
}
}
}
style "check" = "default"
{
xthickness = 1
ythickness = 1
bg[SELECTED] = "#CAA990"
}
style "frame" = "default"
{
xthickness = 1
ythickness = 1
fg[NORMAL] = "#A77149"
bg[NORMAL] = "#D6BEAC"
}
style "tabs" = "default"
{
xthickness = 1
ythickness = 1
bg[ACTIVE] = "#F1EBF9"
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = auto
shade_start = 1.13
shade_end = 1.00
}
}
}
widget_class "*" style "default"
widget_class "*Button*" style "button"
class "*Button*" style "button"
widget_class "*button*" style "button"
class "*button*" style "button"
widget_class "*OptionMenu*" style "button"
class "*OptionMenu*" style "button"
widget_class "*Tree*" style "button"
class "*Tree*" style "button"
widget_class "*CheckButton*" style "check"
class "*CheckButton*" style "check"
widget_class "*RadioButton*" style "check"
class "*RadioButton*" style "check"
widget_class "*ComboBox*" style "check"
class "*ComboBox*" style "check"
widget_class "*List*" style "check"
class "*List*" style "check"
widget_class "*Text*" style "check"
class "*Text*" style "check"
widget_class "*Entry*" style "check"
class "*Entry*" style "check"
widget_class "*ComboBoxEntry*" style "check"
class "*ComboBoxEntry*" style "check"
widget_class "*MenuBar" style "menubar"
class "*MenuBar" style "menubar"
widget_class "*ToolBar" style "menubar"
class "*ToolBar" style "menubar"
widget_class "*BonoboDockItem" style "menubar"
class "*BonoboDockItem" style "menubar"
widget_class "*HandleBox" style "menubar"
class "*HandleBox" style "menubar"
widget_class "*MenuItem*" style "menuitem"
class "*MenuItem*" style "menuitem"
widget_class "*GtkProgress*" style "pbar"
class "*GtkProgress*" style "pbar"
widget_class "*Scrollbar*" style "scale"
class "*Scrollbar*" style "scale"
widget_class "*GtkScale*" style "scale"
class "*GtkScale*" style "scale"
widget_class "*Scale*" style "scale"
class "*Scale*" style "scale"
widget_class "*Frame*" style "frame"
class "*Frame*" style "frame"
widget_class "*Notebook*" style "tabs"
class "*Notebook*" style "tabs"
widget "xfwm" style "default"
class "MetaFrames" style "default"
widget_class "MetaFrames" style "default"
Looking over that again, it reminds me; if anyone's lookin' for how to change the tabs, it's GtkNotebook widget :x Took me a while to figure that out. I'll post a WidgetFactory shot after I fine-tune it some more, and the completed gtkrc file. If I'm happy enough with the theme, you may even see it on xfce-look.org in the near future ;)
Thanks again, crimesaucer o/ And happy theming, everyone \o
-
Re: A Beginner "How To" for gtkrc themes.
Post a picture of the GtkNotebook widget when you finish, I would like to see how you changed it's look.
-
Re: A Beginner "How To" for gtkrc themes.
Presenting: the LadyLockheart theme made by me :)
http://img225.imageshack.us/img225/9...ckheartiw6.png
The panel:
http://img96.imageshack.us/img96/373...rtpaneljj2.png
The tab curvature bit didn't have as big effect as I was hoping it would, but there's still a subtle change there. I also want to make a matching cursor and icon set before the theme as a whole is released to the world at large, though. This has turned into a bigger project than I initially thought! Of course, I have to figure out how to make icons and cursors before I can go further :x Looks like I've got another night of googling and inspecting other cursors and icons ahead of me.
Oh, and here's the gtkrc file (but this time it's cleaned up a bit more; I took out the 'testing' bit for one thing :p):
Code:
# "Lady Lockheart" theme for Xfce, made by Ceil
# Based on a Final Fantasy VII desktop, made by the
# same author: http://www.deviantart.com/deviation/23611017/
# Colours (shades of white, blue, and flesh)
#
# FFFFFF F3E6DD
# F1EBF9 EAD8CB
# D4D4F8 D6BEAC
# C5BBED CAA990
# B7A1F4 BE9373
# 8080FF A77149
# 5050FF 92572B
# 0000FF 82481D
style "default"
{
GtkRange::slider_width = 14
GtkRange::stepper_size = 14
GtkRange::stepper_spacing = 2
GtkRange::trough_border = 0
GtkScrollbar::min_slider_length = 20
GtkMenu::horizontal-padding = 4
GtkMenuItem::selected_shadow_type = out
GtkMenuItem::horizontal_padding = 1
GtkRadioButton::indicator_size = 10
GtkToolbar::shadow_type = none
GtkToolbar::button-relief = normal
GtkWidget::focus-line-width = 0
GtkNotebook::tab-curvature = 3
GtkNotebook::tab-overlap = 3
xthickness = 2
ythickness = 2
bg[NORMAL] = "#FFFFFF" # The normal colour.
bg[PRELIGHT] = "#F1EBF9" # "On hover".
bg[ACTIVE] = "#C5BBED" # When a button is pressed.
bg[INSENSITIVE] = "#D6BEAC" # Disabled widget.
bg[SELECTED] = "#8080FF" # When text is selected.
fg[NORMAL] = "#82481D"
fg[PRELIGHT] = "#BA9E89"
fg[ACTIVE] = "#A77149"
fg[INSENSITIVE] = "#5D4F44"
fg[SELECTED] = "#FFFFFF"
text[NORMAL] = "#92572B"
text[PRELIGHT] = "#82481D"
text[ACTIVE] = "#EAD8CB"
text[INSENSITIVE] = "#D6BEAC"
text[SELECTED] = "#FFFFFF"
base[NORMAL] = "#F1EBF9"
base[PRELIGHT] = "#F3E6DD"
base[ACTIVE] = "#D2B7A2"
base[INSENSITIVE] = "#8080FF"
base[SELECTED] = "#A88E77"
}
style "pbar" = "default"
{
xthickness = 0
ythickness = 0
bg[NORMAL] = "#FFFFFF"
bg[PRELIGHT] = "#F1EBF9"
engine "xfce"
{
smooth_edge = true
boxfill
{
fill_style = gradient
orientation = auto
shade_start = 1.13
shade_end = 0.87
}
}
}
style "scale" = "default"
{
xthickness = 2
ythickness = 2
bg[NORMAL] = "#D4D4F8"
bg[PRELIGHT] = "#F1EBF9"
bg[ACTIVE] = "#F1EBF9"
bg[INSENSITIVE] = "#B7A1F4"
base[SELECTED] = "#F1EBF9"
base[ACTIVE] = "#FFFFFF"
engine "xfce"
{
grip_style = slide
smooth_edge = true
boxfill
{
fill_style = gradient
shade_start = 1.13
shade_end = 1.00
}
}
}
style "menubar" = "default"
{
xthickness = 0
ythickness = 0
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 0.92
shade_end = 1.00
}
}
}
style "menuitem" = "default"
{
xthickness = 2
ythickness = 2
fg[NORMAL] = "#8080FF"
fg[PRELIGHT] = "#0000FF"
engine "xfce"
{
smooth_edge = true
boxfill
{
fill_style = gradient
orientation = auto
shade_start = 1.13
shade_end = 0.87
}
}
}
style "button" = "default"
{
xthickness = 2
ythickness = 2
fg[NORMAL] = "#A77149"
fg[PRELIGHT] = "#82481D"
fg[ACTIVE] = "#92572B"
fg[INSENSITIVE] = "#5D4F44"
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.13
shade_end = 0.87
}
}
}
style "check" = "default"
{
xthickness = 1
ythickness = 1
bg[SELECTED] = "#CAA990"
base[NORMAL] = "#F1EBF9"
base[PRELIGHT] = "#F3E6DD"
base[ACTIVE] = "#D2B7A2"
base[INSENSITIVE] = "#8080FF"
base[SELECTED] = "#A88E77"
}
style "frame" = "default"
{
xthickness = 1
ythickness = 1
fg[NORMAL] = "#A77149"
bg[NORMAL] = "#D6BEAC"
}
style "tabs" = "default"
{
xthickness = 1
ythickness = 1
bg[ACTIVE] = "#F1EBF9"
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = auto
shade_start = 1.13
shade_end = 1.00
}
}
}
widget_class "*" style "default"
widget_class "*Button*" style "button"
class "*Button*" style "button"
widget_class "*button*" style "button"
class "*button*" style "button"
widget_class "*OptionMenu*" style "button"
class "*OptionMenu*" style "button"
widget_class "*Tree*" style "button"
class "*Tree*" style "button"
widget_class "*CheckButton*" style "check"
class "*CheckButton*" style "check"
widget_class "*RadioButton*" style "check"
class "*RadioButton*" style "check"
widget_class "*ComboBox*" style "check"
class "*ComboBox*" style "check"
widget_class "*List*" style "check"
class "*List*" style "check"
widget_class "*Text*" style "check"
class "*Text*" style "check"
widget_class "*Entry*" style "check"
class "*Entry*" style "check"
widget_class "*ComboBoxEntry*" style "check"
class "*ComboBoxEntry*" style "check"
widget_class "*MenuBar" style "menubar"
class "*MenuBar" style "menubar"
widget_class "*ToolBar" style "menubar"
class "*ToolBar" style "menubar"
widget_class "*BonoboDockItem" style "menubar"
class "*BonoboDockItem" style "menubar"
widget_class "*HandleBox" style "menubar"
class "*HandleBox" style "menubar"
widget_class "*MenuItem*" style "menuitem"
class "*MenuItem*" style "menuitem"
widget_class "*GtkProgress*" style "pbar"
class "*GtkProgress*" style "pbar"
widget_class "*Scrollbar*" style "scale"
class "*Scrollbar*" style "scale"
widget_class "*GtkScale*" style "scale"
class "*GtkScale*" style "scale"
widget_class "*Scale*" style "scale"
class "*Scale*" style "scale"
widget_class "*Scroll*" style "scale"
class "*Scroll*" style "scale"
widget_class "*Frame*" style "frame"
class "*Frame*" style "frame"
widget_class "*Notebook*" style "tabs"
class "*Notebook*" style "tabs"
widget "xfwm" style "default"
class "MetaFrames" style "default"
widget_class "MetaFrames" style "default"
If someone can tell me how to change the background colour of the clock, that'd be great ;x That's the only big issue I've got left with the theme. But, I've got cursors to make :)
Edit: Did some poking around in the Xfce theme engine source code, and it does indeed look like it's as limited as it seems. Here's the "tokens" (copied from xfce_rc_style.h), and all the options I think are possible with this particular engine:
Code:
enum
{
TOKEN_SMOOTHEDGE = G_TOKEN_LAST + 1,
TOKEN_BOXFILL,
TOKEN_FILL_STYLE,
TOKEN_GRIP_STYLE,
TOKEN_GRIP_NONE,
TOKEN_GRIP_ROUGH,
TOKEN_GRIP_SLIDE,
TOKEN_GRADIENT,
TOKEN_PLAIN,
TOKEN_ORIENTATION,
TOKEN_AUTO,
TOKEN_HORIZONTAL,
TOKEN_VERTICAL,
TOKEN_NORTHERN_DIAGONAL,
TOKEN_SOUTHERN_DIAGONAL,
TOKEN_SHADE_START,
TOKEN_SHADE_END,
TOKEN_TRUE,
TOKEN_FALSE
};
^=- that's from the style header file. Here's all you can do with /engine "xfce"/ -=v
engine "xfce" {
smooth_edge = true, false
grip_style = none, rough, slide
boxfill {
fill_style = gradient, plain
orientation = auto, horizontal, vertical, northern_diagonal, southern_diagonal
shade_start = FLOAT
shade_end = FLOAT
}
}
I was kind of hoping there'd be more :xThen, Xfce is meant to be light; but this theme engine is crazy light. Still, my pretty theme is pure Xfce :)
Maybe one day I'll do the same for other theme engines. I've got a document with all the options for the Smooth engine I've seen used, but I haven't actually seen the source code for it. I'm not even sure I want to see the source for Clearlooks and Pixmap :x That much C code would probably give me a headache! Still, I hope this helps someone.
-
Re: A Beginner "How To" for gtkrc themes.
Guide looks good, though I have yet to trial it.
-
Re: A Beginner "How To" for gtkrc themes.
Thank you, feel free to add any tips that you might know about xfce or any other theme engine.
Also, any tips/links about custom icons, userChrome.css, panel images, and window decorations such as Emerald are also welcome....
-
Re: A Beginner "How To" for gtkrc themes.
Only thing I know about custom icons is that you'll have your work cut out for you if you're planning on making a whole set; there's literally hundreds of them (737 svg icons alone in the gnome set; there are also six different sizes in png format). I don't know anything about anything else yet :x Here's my notes on the "smooth" engine, sorted alphabetically, but with no comments; it just shows every option I came across in /usr/share/themes:
Code:
engine "smooth" {
real_sliders = true,false
resize_grip = true,false
tab_style = square,round
arrow {
etched = true,false
insensitive {
etched = true,false
}
solid = true,false
style = CleanIce,wonderland
xpadding = INT
ypadding = INT
}
button {
embeddable = true,false
}
check {
fill { }
line { }
motif = false,true
style = clean,wonderland
}
edge {
line { }
}
fill {
color1[STATUS] = "#HEX"
color2[STATUS] = "#HEX"
hdirection = vertical,fdiagonal
quadratic = true,false
shade1 = 0.00-1.99
shade2 = 0.00-1.99
style = shaded,solid,gradient
vdirection = horizontal,fdiagonal
}
grip {
count = INT
fill { }
spacing = INT
style = mac_buds_in,none,dots_out,ns_buds_in
tollbar_overlap = true,false
}
line {
style = smooth,none,thin.flat
thickness = INT
}
option {
fill { }
line { }
motif = false,true
style = round,circle,clean
}
progress {
line { }
}
tabs {
style = square
}
trough {
fill { }
line { }
show_value = true,false
xpadding = INT
ypadding = INT
}
}
And for something slightly off topic (but partly relevant, because I made them to go with my theme), I present my FFVII cursor theme :) I didn't make all 77 cursors; just the ones that actually get used. You can compare my chart with the one found at http://www.xed.ch/lwm/tcltkref/tk.cursor.html
http://img169.imageshack.us/img169/4800/previewbe0.png
-
Re: A Beginner "How To" for gtkrc themes.
is there nothing in the source for the arrows? I find it hard to believe there's no arrow config. In the smooth engine you can do a little with size with
Code:
arrow
{
style = cleanice
solid = TRUE
xpadding = 0
ypadding = 0
INSENSITIVE
{
etched = TRUE
}
}
but don't even try
Code:
arrow
{
xpadding = 0
ypadding = 0
}
because you'll lock your puter :p
In gnome the clock font can be controlled with
Code:
style "panel-clock"
{
fg[NORMAL] = "#FF0000"
}
widget "*.clock-applet-button.*" style "panel-clock"
#widget "*PanelWidget*" style "panel-clock"
#widget "*PanelApplet*" style "panel-clock"
#widget_class "*Panel*GtkButton" style "panel-clock"
but to get the bg to change I had to use
Code:
style "panel-clock"
{
bg[NORMAL] = "#FFFFFF"
}
widget "*.clock-applet-button.*" style "panel-clock"
#widget "*PanelWidget*" style "panel-clock"
widget "*PanelApplet*" style "panel-clock"
#widget_class "*Panel*GtkButton" style "panel-clock"
but then the panel buttons change to. Something to tinker with for ya. I haven't figured out the right combination in gnome.
I am curious though. If you want to customize, why not use the smooth engine? It can look so much like the xfce engine. I know you don't get a few distinctions but if you want control the smooth engine has far more than any other engine.
For the pager in gnome-panel
Quote:
style "pager" {
}
widget "*WnckPager" style "pager"
of course put your bg and base colors in there.
If you're like me and can't stand the panel handle in gnome use a 10x10 pixel transparent image and
Code:
style "handle"
{
engine "pixmap"
{
image
{
function = HANDLE
file = "pixel.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
orientation = VERTICAL
}
image
{
function = HANDLE
file = "pixel.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
orientation = HORIZONTAL
}
}
}
class "PanelAppletFrame" style "handle"
class "GtkPaned" style "handle"
class "*Panel*" style "handle"
there was a time the smooth engine claimed to use images and I tried it, but it was horrible. Later versions it didn't work and I admit it would be useless since you can use multiple engines for a theme. I put the above handle code in my gtkrc-2.0 in my home dir
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
ceil420
...from your picture in the above post...
#3: Same question/issue as #2. I'd like the drop-down arrow thing to be the same shape/style as the one below it ("GtkCombo"), but don't know which class/widget to fit the style to.
I found an answer for question #3.
I fixed this default setting (that I noticed you don't have on your gtkrc):
Code:
GtkButton::focus-padding = 0
maybe try that...
This is my new theme's look:
http://i144.photobucket.com/albums/r...nshot-11-8.png
this is a bit of code from my last theme that I fixed when making my new theme:
http://i144.photobucket.com/albums/r...shot-10-12.png
Code:
GtkButton::default_border = {0, 0, 0, 0}
GtkButton::default_outside_border = {0, 0, 0, 0}
GtkButton::default_spacing = 0
GtkButton::focus-line-width = 0
GtkButton::focus-padding = 0
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
crimesaucer
I found an answer for question #3.
I fixed this default setting (that I noticed you don't have on your gtkrc):
Code:
GtkButton::focus-padding = 0
maybe try that...
apply the button code of the button to the check style which includes
widget_class "*Entry*"
class "*Entry*"
widget_class "*ComboBox*"
class "*ComboBox*"
Code:
xthickness = 1
ythickness = 1
engine "xfce"
{
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.10
shade_end = 0.95
}
}
Of course removing those classes from the check style may resolve it as well.....I didn't try...
-
Re: A Beginner "How To" for gtkrc themes.
I had mine in style "default"
and style "colored" = "default"
...just like most of the xubuntu default themes.
-
Re: A Beginner "How To" for gtkrc themes.
that doesn't tell me anything. All I know is when I did the above the buttons and arrows of the combobox's and buttons matched. Changing the focus-padding won't change the button.
-
Re: A Beginner "How To" for gtkrc themes.
Worked for me.
This is before:
http://i144.photobucket.com/albums/r...shot-13-15.png
This is after:
http://i144.photobucket.com/albums/r...shot-14-10.png
This was my style default for my before picture:
Code:
gtk-can-change-accels = 1
gtk-menu-drop-shadow = 1
gtk-menu-shadow-delay = 100
style "default"
{
GtkButton::default_border = {0, 0, 0, 0}
GtkButton::default_outside_border = {0, 0, 0, 0}
GtkButton::default_spacing = 0
GtkButton::focus-line-width = 0
GtkButton::focus-padding = 2
GtkCheckButton::indicator_size = 10
GtkMenuBar::shadow_type = out
GtkMenuItem::selected_shadow_type = out
GtkPaned::handle_full_size = 0
GtkPaned::handle_size = 24
GtkRadioButton::indicator_size = 10
GtkRange::slider_width = 15
GtkRange::stepper_size = 15
GtkRange::stepper_spacing = 0
GtkRange::trough_border = 0
GtkScrollbar::min_slider_length = 34
GtkToolbar::shadow_type = out
GtkWidget::focus-line-width = 0
GtkWidget::focus_padding = 2
GtkWidget::interior_focus = 5
GtkWidget::internal_padding = 0
xthickness = 0
ythickness = 0
fg[NORMAL] = "#000000"
fg[ACTIVE] = "#000000"
fg[PRELIGHT] = "#000000"
fg[SELECTED] = "#000000"
fg[INSENSITIVE] = "#4b4440"
bg[NORMAL] = "#F0F2E7"
bg[ACTIVE] = "#8697AB"
bg[PRELIGHT] = "#8697AB"
bg[SELECTED] = "#6F6F73"
bg[INSENSITIVE] = "#F0F2E7"
text[NORMAL] = "#000000"
text[ACTIVE] = "#FFFFFF"
text[PRELIGHT] = "#000000"
text[SELECTED] = "#000000"
text[INSENSITIVE] = "#4b4440"
base[NORMAL] = "#8697AB"
base[ACTIVE] = "#8697AB"
base[PRELIGHT] = "#6F6F73"
base[SELECTED] = "#6F6F73"
base[INSENSITIVE] = "#F0F2E7"
engine "xfce"
{
grip_style = slide
smooth_edge = true
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 0.89
shade_end = 1.00
}
}
}
widget_class "*" style "default"
style "colored" = "default"
{
xthickness = 2
ythickness = 2
bg[ACTIVE] = "#B9C09C"
bg[PRELIGHT] = "#6F6F73"
fg[ACTIVE] = "#000000"
fg[PRELIGHT] = "#000000"
text[ACTIVE] = "#FFFFFF"
text[PRELIGHT] = "#000000"
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.24
shade_end = 0.83
}
}
}
widget_class "*Entry*" style "colored"
class "*Entry*" style "colored"
widget_class "*Text*" style "colored"
class "*Text*" style "colored"
widget_class "*List*" style "colored"
class "*List*" style "colored"
This was my style default after changing only one line of code:
Code:
# xfce-milk, gradients, and rounded buttons.
#
gtk-can-change-accels = 1
gtk-menu-drop-shadow = 1
gtk-menu-shadow-delay = 100
style "default"
{
GtkButton::default_border = {0, 0, 0, 0}
GtkButton::default_outside_border = {0, 0, 0, 0}
GtkButton::default_spacing = 0
GtkButton::focus-line-width = 0
GtkButton::focus-padding = 0
GtkCheckButton::indicator_size = 10
GtkMenuBar::shadow_type = out
GtkMenuItem::selected_shadow_type = out
GtkPaned::handle_full_size = 0
GtkPaned::handle_size = 24
GtkRadioButton::indicator_size = 10
GtkRange::slider_width = 15
GtkRange::stepper_size = 15
GtkRange::stepper_spacing = 0
GtkRange::trough_border = 0
GtkScrollbar::min_slider_length = 34
GtkToolbar::shadow_type = out
GtkWidget::focus-line-width = 0
GtkWidget::focus_padding = 2
GtkWidget::interior_focus = 5
GtkWidget::internal_padding = 0
xthickness = 0
ythickness = 0
fg[NORMAL] = "#000000"
fg[ACTIVE] = "#000000"
fg[PRELIGHT] = "#000000"
fg[SELECTED] = "#000000"
fg[INSENSITIVE] = "#4b4440"
bg[NORMAL] = "#F0F2E7"
bg[ACTIVE] = "#8697AB"
bg[PRELIGHT] = "#8697AB"
bg[SELECTED] = "#6F6F73"
bg[INSENSITIVE] = "#F0F2E7"
text[NORMAL] = "#000000"
text[ACTIVE] = "#FFFFFF"
text[PRELIGHT] = "#000000"
text[SELECTED] = "#000000"
text[INSENSITIVE] = "#4b4440"
base[NORMAL] = "#8697AB"
base[ACTIVE] = "#8697AB"
base[PRELIGHT] = "#6F6F73"
base[SELECTED] = "#6F6F73"
base[INSENSITIVE] = "#F0F2E7"
engine "xfce"
{
grip_style = slide
smooth_edge = true
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 0.89
shade_end = 1.00
}
}
}
widget_class "*" style "default"
style "colored" = "default"
{
xthickness = 2
ythickness = 2
bg[ACTIVE] = "#B9C09C"
bg[PRELIGHT] = "#6F6F73"
fg[ACTIVE] = "#000000"
fg[PRELIGHT] = "#000000"
text[ACTIVE] = "#FFFFFF"
text[PRELIGHT] = "#000000"
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.24
shade_end = 0.83
}
}
}
widget_class "*Entry*" style "colored"
class "*Entry*" style "colored"
widget_class "*Text*" style "colored"
class "*Text*" style "colored"
widget_class "*List*" style "colored"
class "*List*" style "colored"
...I think it worked for me because the GtkCombo used the style setting from my default "GtkButton::focus-padding = 0", and applied it to the button part of the xfce default GtkCombo .
I could be wrong.
I also changed my panel to match my new theme:
http://i144.photobucket.com/albums/r...shot-17-10.png
-
Re: A Beginner "How To" for gtkrc themes.
Yes, that's why. You don't have separate button and combo styles.
-
Re: A Beginner "How To" for gtkrc themes.
Well I have a seperate button style, just not the Combo so it's default.
this is the complete gtkrc for my last theme called milkyblue2, if you feel like checking it out on your computer have fun with it:
Code:
# xfce-milk, gradients, and rounded buttons.
#
gtk-can-change-accels = 1
gtk-menu-drop-shadow = 1
gtk-menu-shadow-delay = 100
style "default"
{
GtkButton::default_border = {0, 0, 0, 0}
GtkButton::default_outside_border = {0, 0, 0, 0}
GtkButton::default_spacing = 0
GtkButton::focus-line-width = 0
GtkButton::focus-padding = 0
GtkCheckButton::indicator_size = 10
GtkMenuBar::shadow_type = out
GtkMenuItem::selected_shadow_type = out
GtkPaned::handle_full_size = 0
GtkPaned::handle_size = 24
GtkRadioButton::indicator_size = 10
GtkRange::slider_width = 15
GtkRange::stepper_size = 15
GtkRange::stepper_spacing = 0
GtkRange::trough_border = 0
GtkScrollbar::min_slider_length = 34
GtkToolbar::shadow_type = out
GtkWidget::focus-line-width = 0
GtkWidget::focus_padding = 2
GtkWidget::interior_focus = 5
GtkWidget::internal_padding = 0
xthickness = 0
ythickness = 0
fg[NORMAL] = "#000000"
fg[ACTIVE] = "#000000"
fg[PRELIGHT] = "#000000"
fg[SELECTED] = "#000000"
fg[INSENSITIVE] = "#4b4440"
bg[NORMAL] = "#F0F2E7"
bg[ACTIVE] = "#8697AB"
bg[PRELIGHT] = "#8697AB"
bg[SELECTED] = "#6F6F73"
bg[INSENSITIVE] = "#F0F2E7"
text[NORMAL] = "#000000"
text[ACTIVE] = "#FFFFFF"
text[PRELIGHT] = "#000000"
text[SELECTED] = "#000000"
text[INSENSITIVE] = "#4b4440"
base[NORMAL] = "#8697AB"
base[ACTIVE] = "#8697AB"
base[PRELIGHT] = "#6F6F73"
base[SELECTED] = "#6F6F73"
base[INSENSITIVE] = "#F0F2E7"
engine "xfce"
{
grip_style = slide
smooth_edge = true
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 0.89
shade_end = 1.00
}
}
}
widget_class "*" style "default"
style "colored" = "default"
{
xthickness = 2
ythickness = 2
bg[ACTIVE] = "#B9C09C"
bg[PRELIGHT] = "#6F6F73"
fg[ACTIVE] = "#000000"
fg[PRELIGHT] = "#000000"
text[ACTIVE] = "#FFFFFF"
text[PRELIGHT] = "#000000"
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.24
shade_end = 0.83
}
}
}
widget_class "*Entry*" style "colored"
class "*Entry*" style "colored"
widget_class "*Text*" style "colored"
class "*Text*" style "colored"
widget_class "*List*" style "colored"
class "*List*" style "colored"
style "menubar" = "colored"
{
xthickness = 0
ythickness = 0
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 0.79
shade_end = 0.89
}
}
}
widget_class "*BonoboDockItem" style "menubar"
class "*BonoboDockItem" style "menubar"
widget_class "*HandleBox" style "menubar"
class "*HandleBox" style "menubar"
widget_class "*ToolBar" style "menubar"
class "*ToolBar" style "menubar"
widget_class "*MenuBar" style "menubar"
class "*MenuBar" style "menubar"
style "menuitem" = "colored"
{
xthickness = 2
ythickness = 2
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.73
shade_end = 0.93
}
}
}
widget_class "*MenuItem*" style "menuitem"
class "*MenuItem*" style "menuitem"
style "scrollbar" = "default"
{
xthickness = 1
ythickness = 1
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = auto
shade_start = 1.73
shade_end = 0.60
}
}
}
widget_class "*Scrollbar*" style "scrollbar"
class "*Scrollbar*" style "scrollbar"
widget_class "*GtkProgress*" style "scrollbar"
class "*GtkProgress*" style "scrollbar"
style "button" = "colored"
{
xthickness = 2
ythickness = 2
engine "xfce"
{
smooth_edge = true
grip_style = slide
boxfill
{
fill_style = gradient
orientation = vertical
shade_start = 1.92
shade_end = 0.82
}
}
}
widget_class "*Button*" style "button"
class "*Button*" style "button"
widget_class "*button*" style "button"
class "*button*" style "button"
widget_class "*Togglebutton*" style "button"
class "*Togglebutton*" style "button"
widget_class "*togglebutton*" style "button"
class "*togglebutton*" style "button"
widget_class "*OptionMenu*" style "button"
class "*OptionMenu*" style "button"
widget_class "*Tree*" style "button"
class "*Tree*" style "button"
widget_class "*GtkScale*" style "button"
class "*GtkScale*" style "button"
widget_class "*CheckButton*" style "default"
class "*CheckButton*" style "default"
widget_class "*RadioButton*" style "default"
class "*RadioButton*" style "default"
# This is for the window borders (xfwm4 & metacity)
#
style "titlebar" = "default"
{
bg[SELECTED] = "#8697AB"
fg[SELECTED] = "#F0F2E7"
bg[INSENSITIVE] = "#6F6F73"
fg[INSENSITIVE] = "#8697AB"
}
widget "xfwm" style "titlebar"
class "MetaFrames" style "titlebar"
widget_class "MetaFrames" style "titlebar"
My current theme uses the shadows. out, out and etched-in, and few other modifications. I've also changed my grip style to none so that it looks smoother.
-
Re: A Beginner "How To" for gtkrc themes.
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
crimesaucer
Well I have a seperate button style, just not the Combo so it's default.
I would have to check but the button should be higher than the combo in hierarchy, so the combo should by default inherit button properties unless a separate combo style is specified. Maybe that doesn't apply to arrows? But I see now, you didn't post your entire gtkrc. I was using the other users gtkrc to fix the problem anyway. Your desktop looks good!
-
Re: A Beginner "How To" for gtkrc themes.
Thank you, I'm still learning. I also need to start learning how to theme for some other engines besides xfce.
-
Re: A Beginner "How To" for gtkrc themes.
Still no luck on the clock <_< (been a while; I've been busy)
I even went so far as to create a new style called "clock" with every colour as white and applied it it to widget_class and class "*clock*", to no avail. Does no one know how to change the colour of the panel clock in Xfce? freenode/xfce apparently doesn't :x
-
Re: A Beginner "How To" for gtkrc themes.
I wish I had come accross this when I stated editing my gtkrc theme. Would have saved me time. :) Oh well, I still like what I did.
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
ceil420
Still no luck on the clock <_< (been a while; I've been busy)
I even went so far as to create a new style called "clock" with every colour as white and applied it it to widget_class and class "*clock*", to no avail. Does no one know how to change the colour of the panel clock in Xfce? freenode/xfce apparently doesn't :x
Try uninstalling the xfce4 panel "Clock", and then in that same xfce4 panel plug-in list, add the "Orage Clock"...which you can change the colors of in right click properties...plus there are better settings and a Calendar.
I use the Orage Clock and as you can see in my screenshots, the colors always match....plus, it uses the gtkrc-2.0 file for bg_pixmap[NORMAL] images.
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
smartboyathome
I wish I had come accross this when I stated editing my gtkrc theme. Would have saved me time. :) Oh well, I still like what I did.
Feel free to add anything you have learned.
I haven't really been adding any new info lately, because I finally made a theme that I feel like staying with....maybe in a month or two I'll try some new theme changes and post the results.
-
Re: A Beginner "How To" for gtkrc themes.
Hi
Does anyone know how to set the font color of items in a ComboBox?
I need it different that the default text[NORMAL]
The theme is mostly white on black, except for regular text areas which are black on white. The only problem are the combobox items that are not selected or hovered: they appear black on black.
Here are the relevant parts of the gtkrc:
Code:
style "default"
{
#[...]
fg[NORMAL] = "#ffffff" #Normal Button Text
fg[PRELIGHT] = "#ffffff" #Mouseover button text
fg[ACTIVE] = "#ffffff" #Active button text
fg[SELECTED] = "#909090" # ??
fg[INSENSITIVE] = "#909090" # ??
bg[NORMAL] = "#080808" #Inactive Window Title Bar
bg[PRELIGHT] = "#000000" # ??
bg[ACTIVE] = "#000000" # ??
bg[SELECTED] = "#080808" #Active Window Title Bar
bg[INSENSITIVE] = "#3f3f3f" # ??
base[NORMAL] = "#ffffff" #"#000000" Text Area Background
base[PRELIGHT] = "#313131" # ??
base[ACTIVE] = "#071f46" #Inactive Selection Background
base[SELECTED] = "#0d377c" #Active Selection Background
base[INSENSITIVE] = "#ffffff" #"#000000" Disabled Text Area Background
text[NORMAL] = "#000000" #"#ffffff"
text[PRELIGHT] = "#ffffff"
text[ACTIVE] = "#ffffff" #Inactive Selection Text
text[SELECTED] = "#ffffff" #Active Selection Text
text[INSENSITIVE] = "#606060"
}
class "GtkWidget" style "default"
style "optionmenu" = "default"
{
text[NORMAL] = "#ffffff"
#[...]
}
widget_class "*Combo*" style "optionmenu"
style "menuitem" = "default"
{
xthickness = 1
fg[PRELIGHT] = "#ffffff"
text[PRELIGHT] = "#949494"
#[...]
}
widget_class "*List" style "list-header"
widget_class "*GtkTree*" style "list-header"
widget_class "*GtkCList*" style "list-header"
class "GtkButton" style "button"
class "GtkRadioButton" style "radiobutton"
class "GtkRadioMenuItem" style "radiobutton"
class "GtkCheckButton" style "checkbutton"
class "GtkCheckMenuItem" style "checkbutton"
class "GtkOptionMenu" style "optionmenu"
class "GtkCombo*" style "optionmenu"
class "GtkListItem" style "menuitem"
class "*Font*" style "optionmenu"
class "GtkEntry" style "entry"
class "GtkOldEditable" style "entry"
class "GtkSpinButton" style "spinbutton"
class "GtkRuler" style "ruler"
class "GtkScrollbar" style "scrollbar"
class "GtkProgressBar" style "progressbar"
class "GtkRange" style "range"
class "GtkMenu" style "menu"
class "GtkMenuBar*" style "menubar"
widget_class "*MenuBar.*" style "menubar"
class "GtkMenuItem" style "menuitem"
class "GtkTearoffMenuItem" style "menuitem"
class "GtkNotebook" style "notebook"
class "GtkToolbar" style "flat"
class "GtkHandleBox" style "handlebox"
class "GtkEventBox" style "flat"
class "GtkPaned" style "handlebox"
class "GtkLayout" style "layout"
class "SPButton" style "SPbutton"
widget "gtk-tooltips" style "tooltips"
Thanks for any help!
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
fwwarr
Hi
Does anyone know how to set the font color of items in a ComboBox?
I need it different that the default text[NORMAL]
The theme is mostly white on black, except for regular text areas which are black on white. The only problem are the combobox items that are not selected or hovered: they appear black on black.
Here are the relevant parts of the gtkrc:
Code:
style "default"
{
#[...]
fg[NORMAL] = "#ffffff" #Normal Button Text
fg[PRELIGHT] = "#ffffff" #Mouseover button text
fg[ACTIVE] = "#ffffff" #Active button text
fg[SELECTED] = "#909090" # ??
fg[INSENSITIVE] = "#909090" # ??
bg[NORMAL] = "#080808" #Inactive Window Title Bar
bg[PRELIGHT] = "#000000" # ??
bg[ACTIVE] = "#000000" # ??
bg[SELECTED] = "#080808" #Active Window Title Bar
bg[INSENSITIVE] = "#3f3f3f" # ??
base[NORMAL] = "#ffffff" #"#000000" Text Area Background
base[PRELIGHT] = "#313131" # ??
base[ACTIVE] = "#071f46" #Inactive Selection Background
base[SELECTED] = "#0d377c" #Active Selection Background
base[INSENSITIVE] = "#ffffff" #"#000000" Disabled Text Area Background
text[NORMAL] = "#000000" #"#ffffff"
text[PRELIGHT] = "#ffffff"
text[ACTIVE] = "#ffffff" #Inactive Selection Text
text[SELECTED] = "#ffffff" #Active Selection Text
text[INSENSITIVE] = "#606060"
}
class "GtkWidget" style "default"
style "optionmenu" = "default"
{
text[NORMAL] = "#ffffff"
#[...]
}
widget_class "*Combo*" style "optionmenu"
style "menuitem" = "default"
{
xthickness = 1
fg[PRELIGHT] = "#ffffff"
text[PRELIGHT] = "#949494"
#[...]
}
widget_class "*List" style "list-header"
widget_class "*GtkTree*" style "list-header"
widget_class "*GtkCList*" style "list-header"
class "GtkButton" style "button"
class "GtkRadioButton" style "radiobutton"
class "GtkRadioMenuItem" style "radiobutton"
class "GtkCheckButton" style "checkbutton"
class "GtkCheckMenuItem" style "checkbutton"
class "GtkOptionMenu" style "optionmenu"
class "GtkCombo*" style "optionmenu"
class "GtkListItem" style "menuitem"
class "*Font*" style "optionmenu"
class "GtkEntry" style "entry"
class "GtkOldEditable" style "entry"
class "GtkSpinButton" style "spinbutton"
class "GtkRuler" style "ruler"
class "GtkScrollbar" style "scrollbar"
class "GtkProgressBar" style "progressbar"
class "GtkRange" style "range"
class "GtkMenu" style "menu"
class "GtkMenuBar*" style "menubar"
widget_class "*MenuBar.*" style "menubar"
class "GtkMenuItem" style "menuitem"
class "GtkTearoffMenuItem" style "menuitem"
class "GtkNotebook" style "notebook"
class "GtkToolbar" style "flat"
class "GtkHandleBox" style "handlebox"
class "GtkEventBox" style "flat"
class "GtkPaned" style "handlebox"
class "GtkLayout" style "layout"
class "SPButton" style "SPbutton"
widget "gtk-tooltips" style "tooltips"
Thanks for any help!
style "optionmenu" = "default"
{
text[NORMAL] = "#ffffff"
#[...]
}
try this:
style "optionmenu" = "default"
{
text[NORMAL] = "#ffffff"
fg[NORMAL] = "#FFFFFF"
bg[NORMAL] = "#000000"
#[...]
}
fg is the color of your font in window and menus.
bg is the background color of those things.
text is the color of the text you write with a keyboard.
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
xl_cheese
style "optionmenu" = "default"
{
text[NORMAL] = "#ffffff"
#[...]
}
try this:
style "optionmenu" = "default"
{
text[NORMAL] = "#ffffff"
fg[NORMAL] = "#FFFFFF"
bg[NORMAL] = "#000000"
#[...]
}
fg is the color of your font in window and menus.
bg is the background color of those things.
text is the color of the text you write with a keyboard.
Thanks for the quick reply!
Unfortunately this does not work.
I'm pretty sure the value that has to be changed is the text[NORMAL] one because when I change only that value in the "default" style, the elements I'm having trouble with do change color. It's just that I want them to be a different color than the one in the default style.
Note that I'm not talking about OptionMenu items, these seem to work fine. The same problem affects the items in the address and search bar drop downs in firefox. What I want is for the box itself to have black text on a white background, but I want the dropdown to have white text on a black background (I know this may look a little weird in firefox, but this is the way it needs to be to look right everywhere else)
Thanks
-
Re: A Beginner "How To" for gtkrc themes.
Quote:
Originally Posted by
fwwarr
Thanks for the quick reply!
Unfortunately this does not work.
I'm pretty sure the value that has to be changed is the text[NORMAL] one because when I change only that value in the "default" style, the elements I'm having trouble with do change color. It's just that I want them to be a different color than the one in the default style.
Note that I'm not talking about OptionMenu items, these seem to work fine. The same problem affects the items in the address and search bar drop downs in firefox. What I want is for the box itself to have black text on a white background, but I want the dropdown to have white text on a black background (I know this may look a little weird in firefox, but this is the way it needs to be to look right everywhere else)
Thanks
firefox is a different can of worms. you need to create a userchrome.css file.
http://ubuntuforums.org/showthread.php?t=503508
-
Re: A Beginner "How To" for gtkrc themes.
Thank you crimesaucer for this howto,
I'm complete new to (x)ubuntu and I'm messing around with the colors of the panels.
But I have a question is it possible to have different colors for the panels, I like very much having the upper panel with the applications and the bottom panel as "dock", however when I change the color of the panel it affects both, is there a way to select a different color for each panel?