Edit colors - LXDE / Xfce

To downlowd GTK file:
From this wiki - http://linux-commands.wikidot.com/local--files/howto-a:color-scheme-xfce/D1-Gray.zip
OR - Downlowd from gnome-look.org


Create copy

In folder "/.themes…" - the new theme is "XFCE-gray001".

cp /usr/share/themes/Xfce-winter/gtk-2.0/gtkrc   ~/.themes/XFCE-gray001/gtk-2.0/gtkrc

Edit colors

Edit and save your file (for this example with kate text editor).

kate ~/.themes/XFCE-gray001/gtk-2.0/gtkrc

Apply theme

Menu -> Settings -> Appearance -> Apply "XFCE-gray001"


Example "gtkrc" file…

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   = 20
    GtkToolbar::shadow_type           = none
    GtkWidget::focus-line-width       = 1
    GtkWidget::focus_padding          = 2
    GtkWidget::interior_focus         = 5
    GtkWidget::internal_padding       = 0

    xthickness = 2
    ythickness = 2

    fg[NORMAL]        = "#000000"
    fg[ACTIVE]        = "#000000"
    fg[PRELIGHT]      = "#ffffff"
    fg[SELECTED]      = "#ffffff"
    fg[INSENSITIVE]   = "#808080"

    bg[NORMAL]        = "#707070"
    bg[ACTIVE]        = "#808080"
    bg[PRELIGHT]      = "#770000"
    bg[SELECTED]      = "#202020"
    bg[INSENSITIVE]   = "#202020"

    text[NORMAL]      = "#000000"
    text[ACTIVE]      = "#000000"
    text[PRELIGHT]    = "#ffffff"
    text[SELECTED]    = "#ffffff"
    text[INSENSITIVE] = "#000000"

    base[NORMAL]      = "#999999"
    base[ACTIVE]      = "#202020"
    base[PRELIGHT]    = "#999999"
    base[SELECTED]    = "#202020"
    base[INSENSITIVE] = "#707070"

    engine "xfce"
    {
        grip_style = slide
        smooth_edge = true
    }
} 
widget_class "*" style "default"

style "colored" = "default"
{
    xthickness = 3
    ythickness = 3

    bg[ACTIVE]        = "#770000"
    bg[PRELIGHT]      = "#000000"

    fg[ACTIVE]        = "#770000"
    fg[PRELIGHT]      = "#ffffff"

    text[ACTIVE]      = "#000000"
    text[PRELIGHT]    = "#ffffff"

    engine "xfce" 
    {
        smooth_edge = true
        grip_style = slide
        boxfill
        {
            fill_style = plain
        }
    }
}

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"

style "menubar" = "colored"
{
    xthickness = 1
    ythickness = 2

    engine "xfce" 
    {
        smooth_edge = true
        grip_style = slide
        boxfill
        {
            fill_style = plain
        }
    }
}

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 = auto
            shade_start = 0.80
            shade_end = 1.80
        }
    }
}

widget_class "*MenuItem*"          style "menuitem"
class "*MenuItem*"                 style "menuitem"

style "scrollbar" = "default"
{
    xthickness = 2
    ythickness = 2
    engine "xfce" 
    {
        smooth_edge = true
        grip_style = slide
        boxfill
        {
            fill_style = gradient
            orientation = auto
            shade_start = 0.80
            shade_end = 1.80
        }
    }
}
widget_class "*Scrollbar*"         style "scrollbar"
class "*Scrollbar*"                style "scrollbar"
widget_class "*GtkProgress*"       style "scrollbar" 
class "*GtkProgress*"              style "scrollbar" 

style "button" = "colored"
{
    xthickness = 3
    ythickness = 3

    engine "xfce" 
    {
        smooth_edge = true
        grip_style = slide
        boxfill
        {
            fill_style = gradient
            orientation = vertical
            shade_start = 0.80
            shade_end = 1.80
        }
    }
}
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 "*CheckButton*"       style "default"
class "*CheckButton*"              style "default"
widget_class "*RadioButton*"       style "default"
class "*RadioButton*"              style "default"

# This is for ROX-Filer
# 
style "rox" = "default"
{
  bg[NORMAL] = "#000000"
  bg[ACTIVE] = "#000000"
}
widget_class "*Collection"         style "rox"

# This is for the window borders (xfwm4 & metacity)
# 
style "titlebar" = "default"
{
    bg[SELECTED]      = "#b3c8dd"
    fg[SELECTED]      = "#ededed"
    bg[INSENSITIVE]   = "#707070"
    fg[INSENSITIVE]   = "#000000"
}

widget "xfwm"                      style "titlebar" 
class "MetaFrames"                 style "titlebar" 
widget_class "MetaFrames"          style "titlebar"

More info

http://live.gnome.org/GnomeArt/Tutorials/GtkThemes

General widget properties:
There are several 'directives' to change the attributes of a widget.
* fg - Sets the foreground color of a widget.
* bg - Sets the background color of a widget.
* text - Sets the foreground color for widgets that have editable text.
* base - Sets the background color for widgets that have editable text.

There are several states a widget can be in, and you can set different colors, pixmaps and fonts for each state. These states are:

NORMAL - The normal state of a widget. Ie the mouse is not over it, and it is not being pressed, etc.
PRELIGHT - When the mouse is over top of the widget, colors defined using this state will be in effect.
ACTIVE - When the widget is pressed or clicked it will be active, and the attributes assigned by this tag will be in effect.
INSENSITIVE - This is the state when a widget is 'greyed out'. It is not active, and cannot be clicked on.
SELECTED - When an object is selected, it takes these attributes.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License