You are not logged in.
- Topics: Active | Unanswered
Pages: 1
#1 2016-03-09 13:22:04
- kouros17
- Member
- Registered: 2015-11-18
- Posts: 23
How can i change the color of thunar's sidebar?
I'm using manjaro with dark-menda-theme.
I like the dark themes (especially menda-dark) but i don't like so much the green color of sidebar.
So, how can i change it?
I tried with gtkrc file but I didn't find something to change this color.
http://i.imgur.com/DuYGJRQ.jpg
This is the gtkrc of theme:
gtk-color-scheme = "base_color:#1e1e1e\nfg_color:#F3F3F5\ntooltip_fg_color:#FFFFFF\nselected_bg_color:#8CBC65\nselected_fg_color:#1e1e1e\ntext_color:#F3F3F5\nbg_color:#1e1e1e\ninsensitive_bg_color:#242626\ntooltip_bg_color:#262626"
gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller.
gtk-auto-mnemonics = 1
gtk-primary-button-warps-slider = 1
include "panel.rc" # This includes the file that handles the panels.
style "default" {
xthickness = 1
ythickness = 1
# Style Properties
GtkWidget::focus-line-width = 1
GtkMenuBar::window-dragging = 1
GtkToolbar::window-dragging = 1
GtkToolbar::internal-padding = 4
GtkToolButton::icon-spacing = 4
GtkWidget::tooltip-radius = 2
GtkWidget::tooltip-alpha = 235
GtkWidget::new-tooltip-style = 1 #for compatibility
GtkSeparatorMenuItem::horizontal-padding = 3
GtkSeparatorMenuItem::wide-separators = 1
GtkSeparatorMenuItem::separator-height = 1
GtkButton::child-displacement-y = 0
GtkButton::default-border = { 0, 0, 0, 0 }
GtkButton::default-outside_border = { 0, 0, 0, 0 }
GtkEntry::state-hint = 1
GtkScrollbar::trough-border = 0
GtkRange::trough-border = 0
GtkRange::slider-width = 15
GtkRange::stepper-size = 0
GtkScrollbar::activate-slider = 1
GtkScrollbar::has-backward-stepper = 0
GtkScrollbar::has-forward-stepper = 0
GtkScrollbar::min-slider-length = 32
GtkScrolledWindow::scrollbar-spacing = 0
GtkScrolledWindow::scrollbars-within-bevel = 1
GtkVScale::slider_length = 19
GtkVScale::slider_width = 19
GtkHScale::slider_length = 19
GtkHScale::slider_width = 19
GtkStatusbar::shadow_type = GTK_SHADOW_NONE
GtkSpinButton::shadow_type = GTK_SHADOW_NONE
GtkMenuBar::shadow-type = GTK_SHADOW_NONE
GtkToolbar::shadow-type = GTK_SHADOW_NONE
GtkMenuBar::internal-padding = 0 #( every window is misaligned for the sake of menus ):
GtkMenu::horizontal-padding = 0
GtkMenu::vertical-padding = 0
GtkCheckButton::indicator_spacing = 3
GtkOptionMenu::indicator_spacing = { 8, 2, 0, 0 }
GtkTreeView::row_ending_details = 0
GtkTreeView::expander-size = 11
GtkTreeView::vertical-separator = 4
GtkTreeView::horizontal-separator = 4
GtkTreeView::allow-rules = 1
GtkTreeView::even_row_color = @base_color
GtkTreeView::odd_row_color = shade(0.98, @base_color)
GtkExpander::expander-size = 11
# Colors
bg[NORMAL] = @bg_color
bg[PRELIGHT] = shade (1.02, @bg_color)
bg[SELECTED] = @selected_bg_color
bg[INSENSITIVE] = @insensitive_bg_color
bg[ACTIVE] = shade (0.9, @bg_color)
fg[NORMAL] = @text_color
fg[PRELIGHT] = "#1e1e1e"
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = shade(0.6, @fg_color)
fg[ACTIVE] = @fg_color
text[NORMAL] = @text_color
text[PRELIGHT] = @text_color
text[SELECTED] = "#1e1e1e"
text[INSENSITIVE] = shade (0.6, @text_color)
text[ACTIVE] = @selected_fg_color
base[NORMAL] = @base_color
base[PRELIGHT] = shade (0.95, @bg_color)
base[SELECTED] = @selected_bg_color
base[INSENSITIVE] = @bg_color
base[ACTIVE] = shade (0.9, @selected_bg_color)
# For succinctness, all reasonable pixmap options remain here
engine "pixmap" {
# Check Buttons
image {
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/checkbox-unchecked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/checkbox-unchecked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/checkbox-unchecked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = SELECTED
shadow = OUT
overlay_file = "Check-Radio/checkbox-unchecked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/checkbox-unchecked-insensitive.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/checkbox-checked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/checkbox-checked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/checkbox-checked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = SELECTED
shadow = IN
overlay_file = "Check-Radio/checkbox-checked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/checkbox-checked-insensitive.png"
overlay_stretch = FALSE
}
# Radio Buttons
image {
function = OPTION
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/option-unchecked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/option-unchecked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/option-unchecked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = SELECTED
shadow = OUT
overlay_file = "Check-Radio/option-unchecked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/option-unchecked-insensitive.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/option-checked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/option-checked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/option-checked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = SELECTED
shadow = IN
overlay_file = "Check-Radio/option-checked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/option-checked-insensitive.png"
overlay_stretch = FALSE
}
# Arrows
image {
function = ARROW
overlay_file = "Arrows/arrow-up.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image {
function = ARROW
state = PRELIGHT
overlay_file = "Arrows/arrow-up-prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image {
function = ARROW
state = ACTIVE
overlay_file = "Arrows/arrow-up-prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image {
function = ARROW
state = INSENSITIVE
overlay_file = "Arrows/arrow-up-insens.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image {
function = ARROW
state = NORMAL
overlay_file = "Arrows/arrow-down.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image {
function = ARROW
state = PRELIGHT
overlay_file = "Arrows/arrow-down-prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image {
function = ARROW
state = ACTIVE
overlay_file = "Arrows/arrow-down-prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image {
function = ARROW
state = INSENSITIVE
overlay_file = "Arrows/arrow-down-insens.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image {
function = ARROW
overlay_file = "Arrows/arrow-left.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image {
function = ARROW
state= PRELIGHT
overlay_file = "Arrows/arrow-left-prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image {
function = ARROW
state = ACTIVE
overlay_file = "Arrows/arrow-left-prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image {
function = ARROW
state = INSENSITIVE
overlay_file = "Arrows/arrow-left-insens.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image {
function = ARROW
overlay_file = "Arrows/arrow-right.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image {
function = ARROW
state = PRELIGHT
overlay_file = "Arrows/arrow-right-prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image {
function = ARROW
state = ACTIVE
overlay_file = "Arrows/arrow-right-prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image {
function = ARROW
state = INSENSITIVE
overlay_file = "Arrows/arrow-right-insens.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
# Option Menu Arrows
image {
function = TAB
state = INSENSITIVE
overlay_file = "Arrows/arrow-down-insens.png"
overlay_stretch = FALSE
}
image {
function = TAB
state = NORMAL
overlay_file = "Arrows/arrow-down.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
}
image {
function = TAB
state = PRELIGHT
overlay_file = "Arrows/arrow-down-prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
}
# Lines
image {
function = VLINE
file = "Lines/line-v.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
}
image {
function = HLINE
file = "Lines/line-h.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
}
# Focuslines
image {
function = FOCUS
file = "Others/focus.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
}
# Handles
image {
function = HANDLE
overlay_file = "Handles/handle-h.png"
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image {
function = HANDLE
overlay_file = "Handles/handle-v.png"
overlay_stretch = FALSE
orientation = VERTICAL
}
# Expanders
image {
function = EXPANDER
expander_style = COLLAPSED
file = "Expanders/plus.png"
}
image {
function = EXPANDER
expander_style = EXPANDED
file = "Expanders/minus.png"
}
image {
function = EXPANDER
expander_style = SEMI_EXPANDED
file = "Expanders/minus.png"
}
image {
function = EXPANDER
expander_style = SEMI_COLLAPSED
file = "Expanders/plus.png"
}
image {
function = RESIZE_GRIP
state = NORMAL
detail = "statusbar"
overlay_file = "Others/null.png"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
}
# Shadows ( this area needs help :P )
image {
function = SHADOW_GAP
file = "Others/null.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
}
}
style "toplevel_hack" {
engine "adwaita" {
}
}
style "ooo_stepper_hack" {
GtkScrollbar::stepper-size = 0
GtkScrollbar::has-backward-stepper = 0
GtkScrollbar::has-forward-stepper = 0
}
style "scrollbar" {
engine "pixmap" {
image {
function = BOX
detail = "trough"
file = "Scrollbars/trough-scrollbar-horiz.png"
border = { 9, 9, 4, 4 }
stretch = TRUE
orientation = HORIZONTAL
}
image {
function = BOX
detail = "trough"
file = "Scrollbars/trough-scrollbar-vert.png"
border = { 4, 4, 9, 9 }
stretch = TRUE
orientation = VERTICAL
}
image {
function = ARROW
overlay_file = "Others/null.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image {
function = ARROW
overlay_file = "Others/null.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image {
function = ARROW
overlay_file = "Others/null.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image {
function = ARROW
overlay_file = "Others/null.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
# Sliders
image {
function = SLIDER
state = NORMAL
file = "Scrollbars/slider-horiz.png"
border = { 9, 9, 5, 5 }
stretch = TRUE
orientation = HORIZONTAL
}
image {
function = SLIDER
state = ACTIVE
file = "Scrollbars/slider-horiz-active.png"
border = { 9, 9, 5, 5 }
stretch = TRUE
orientation = HORIZONTAL
}
image {
function = SLIDER
state = PRELIGHT
file = "Scrollbars/slider-horiz-prelight.png"
border = { 9, 9, 5, 5 }
stretch = TRUE
orientation = HORIZONTAL
}
image {
function = SLIDER
state = INSENSITIVE
file = "Scrollbars/slider-horiz-insens.png"
border = { 9, 9, 5, 5 }
stretch = TRUE
orientation = HORIZONTAL
}
# X Verticals
image {
function = SLIDER
state = NORMAL
file = "Scrollbars/slider-vert.png"
border = { 5, 5, 9, 9 }
stretch = TRUE
orientation = VERTICAL
}
image {
function = SLIDER
state = ACTIVE
file = "Scrollbars/slider-vert-active.png"
border = { 5, 5, 9, 9 }
stretch = TRUE
orientation = VERTICAL
}
image {
function = SLIDER
state = PRELIGHT
file = "Scrollbars/slider-vert-prelight.png"
border = { 5, 5, 9, 9 }
stretch = TRUE
orientation = VERTICAL
}
image {
function = SLIDER
state = INSENSITIVE
file = "Scrollbars/slider-vert-insens.png"
border = { 5, 5, 9, 9 }
stretch = TRUE
orientation = VERTICAL
}
}
}
style "menubar" {
bg[PRELIGHT] = "#FFF"
bg[NORMAL] = "#1e1e1e"
fg[NORMAL] = "#ffffff"
fg[INSENSITIVE] = "#696969"
fg[SELECTED] = "#1e1e1e"
text[SELECTED] = "#1e1e1e"
xthickness = 0
ythickness = 0
engine "pixmap" {
image {
function = BOX
recolorable = TRUE
state = PRELIGHT
file = "Menu-Menubar/menubar_button.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
}
}
style "menu" {
xthickness = 0
ythickness = 0
GtkMenuItem::arrow-scaling = 0.4
bg[NORMAL] = "#1e1e1e"
bg[INSENSITIVE] = "#1e1e1e"
bg[PRELIGHT] = "#1e1e1e"
fg[NORMAL] = "#F3F3F5"
text[NORMAL] = "#F3F3F5"
text[SELECTED] = "#1e1e1e"
engine "pixmap" { # For menus that use horizontal lines rather than gtkseparator
image {
function = HLINE
file = "Lines/menu_line_h.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
}
}
}
style "menu_framed_box" {
engine "adwaita" {
}
}
style "menu_item"
{
xthickness = 2
ythickness = 4
# HACK: Gtk doesn't actually read this value
# while rendering the menu items, but Libreoffice
# does; setting this value equal to the one in
# fg[PRELIGHT] ensures a code path in the LO theming code
# that falls back to a dark text color for menu item text
# highlight. The price to pay is black text on menus as well,
# but at least it's readable.
# See https://bugs.freedesktop.org/show_bug.cgi?id=38038
bg[SELECTED] = @selected_bg_color
bg[PRELIGHT] = @selected_bg_color
fg[PRELIGHT] = "#1e1e1e"
text[PRELIGHT] = @selected_fg_color
engine "pixmap" {
image {
function = BOX
state = PRELIGHT
file = "Menu/menuitem.png"
border = { 1, 0, 1, 0 }
stretch = TRUE
}
# Check Buttons
image {
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/menu-checkbox-unchecked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/menu-checkbox-unchecked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/menu-checkbox-unchecked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/menu-checkbox-unchecked-insensitive.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/menu-checkbox-checked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/menu-checkbox-checked-hover.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/menu-checkbox-checked.png"
overlay_stretch = FALSE
}
image {
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/menu-checkbox-checked-insensitive.png"
overlay_stretch = FALSE
}
# Radio Buttons
image {
function = OPTION
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/menu-option-unchecked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/menu-option-unchecked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/menu-option-unchecked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/menu-option-unchecked-insensitive.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/menu-option-checked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/menu-option-checked-hover.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/menu-option-checked.png"
overlay_stretch = FALSE
}
image {
function = OPTION
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/menu-option-checked-insensitive.png"
overlay_stretch = FALSE
}
image {
function = SHADOW # This fixes boxy Qt menu items
file = "Others/null.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
# Arrow Buttons
image {
function = ARROW
state = NORMAL
overlay_file = "Arrows/menu-arrow.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image {
function = ARROW
state = PRELIGHT
overlay_file = "Arrows/menu-arrow-prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
}
}
style "menubar_item" {
xthickness = 2
ythickness = 3
bg[PRELIGHT] = @selected_fg_color
fg[PRELIGHT] = "#1e1e1e"
engine "pixmap" {
image {
function = BOX
state = PRELIGHT
file = "Menu-Menubar/menubar_button.png"
border = { 4, 2, 2, 2 }
stretch = TRUE
}
}
}
style "button" {
xthickness = 4
ythickness = 4
engine "pixmap" {
image {
function = BOX
state = NORMAL
file = "Buttons/button-default.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = BOX
state = PRELIGHT
file = "Buttons/button-prelight.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = BOX
state = ACTIVE
file = "Buttons/button-pressed.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = BOX
state = INSENSITIVE
file = "Buttons/button-insensitive.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
}
}
style "button_nohilight" {
xthickness = 4
ythickness = 4
engine "pixmap" {
image {
function = BOX
state = NORMAL
file = "Buttons/button-default-nohilight.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = BOX
state = PRELIGHT
file = "Buttons/button-prelight-nohilight.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = BOX
state = ACTIVE
file = "Buttons/button-pressed-nohilight.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = BOX
state = INSENSITIVE
file = "Buttons/button-insensitive-nohilight.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
}
}
style "checkbutton" {
fg[PRELIGHT] = "#ffffff"
fg[ACTIVE] = "#ffffff"
bg[PRELIGHT] = "#2A2A2B"
}
style "entry" {
xthickness = 4
ythickness = 4
base[NORMAL] = "#1e1e1e"
base[INSENSITIVE] = @insensitive_bg_color
text[SELECTED] = "#1e1e1e"
text[NORMAL] = "#BBBBBB"
text[INSENSITIVE] = "#BBBBBB"
text[PRELIGHT] = "#BBBBBB"
text[ACTIVE] = "#1e1e1e"
engine "pixmap" {
image {
function = SHADOW
detail = "entry"
state = NORMAL
shadow = IN
file = "Entry/entry-border-bg.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = SHADOW
detail = "entry"
state = INSENSITIVE
shadow = IN
file = "Entry/entry-border-disabled-bg.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = SHADOW
detail = "entry"
state = ACTIVE
file = "Entry/entry-border-active-bg.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = FLAT_BOX
detail = "entry_bg"
state = NORMAL
overlay_file = "Entry/entry-border-fill.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = TRUE
}
image {
function = FLAT_BOX
detail = "entry_bg"
state = ACTIVE
overlay_file = "Entry/entry-border-fill.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = TRUE
}
}
}
style "notebook_entry" {
engine "pixmap" {
image {
function = SHADOW
detail = "entry"
state = NORMAL
shadow = IN
file = "Entry/entry-border-notebook.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = SHADOW
detail = "entry"
state = INSENSITIVE
shadow = IN
file = "Entry/entry-border-disabled-notebook.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = SHADOW
detail = "entry"
state = ACTIVE
file = "Entry/entry-border-active-notebook.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
}
}
style "notebook_tab_label" {
fg[ACTIVE] = @text_color
}
style "combobox_entry"
{
xthickness = 3
ythickness = 4
engine "pixmap" {
# LTR version
image {
function = SHADOW
detail = "entry"
state = NORMAL
shadow = IN
file = "Entry/combo-entry-border-bg.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = LTR
}
image {
function = SHADOW
detail = "entry"
state = INSENSITIVE
shadow = IN
file = "Entry/combo-entry-border-disabled-bg.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = LTR
}
image {
function = SHADOW
detail = "entry"
state = ACTIVE
file = "Entry/combo-entry-border-active-bg.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = LTR
}
# RTL version
image {
function = SHADOW
detail = "entry"
state = NORMAL
shadow = IN
file = "Entry/combo-entry-border-rtl-bg.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = RTL
}
image {
function = SHADOW
detail = "entry"
state = INSENSITIVE
shadow = IN
file = "Entry/combo-entry-border-disabled-rtl-bg.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = RTL
}
image {
function = SHADOW
detail = "entry"
state = ACTIVE
file = "Entry/combo-entry-border-active-rtl-bg.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = RTL
}
}
}
style "notebook_combobox_entry" {
engine "pixmap" {
# LTR version
image {
function = SHADOW
detail = "entry"
state = NORMAL
shadow = IN
file = "Entry/combo-entry-border-notebook.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = LTR
}
image {
function = SHADOW
detail = "entry"
state = INSENSITIVE
shadow = IN
file = "Entry/combo-entry-border-disabled-notebook.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = LTR
}
image {
function = SHADOW
detail = "entry"
state = ACTIVE
file = "Entry/combo-entry-border-active-notebook.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = LTR
}
# RTL version
image {
function = SHADOW
detail = "entry"
state = NORMAL
shadow = IN
file = "Entry/combo-entry-border-rtl-notebook.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = RTL
}
image {
function = SHADOW
detail = "entry"
state = INSENSITIVE
shadow = IN
file = "Entry/combo-entry-border-disabled-rtl-notebook.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = RTL
}
image {
function = SHADOW
detail = "entry"
state = ACTIVE
file = "Entry/combo-entry-border-active-rtl-notebook.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = RTL
}
}
}
style "combobox_entry_button"
{
xthickness = 6
fg[ACTIVE] = @text_color
engine "pixmap" {
# LTR version
image {
function = BOX
state = NORMAL
file = "Entry/combo-entry-button.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = LTR
}
image {
function = BOX
state = PRELIGHT
file = "Entry/combo-entry-button.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = LTR
}
image {
function = BOX
state = INSENSITIVE
file = "Entry/combo-entry-button-disabled.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = LTR
}
image {
function = BOX
state = ACTIVE
file = "Entry/combo-entry-button-active.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = LTR
}
# RTL version
image {
function = BOX
state = NORMAL
file = "Entry/combo-entry-button-rtl.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = RTL
}
image {
function = BOX
state = PRELIGHT
file = "Entry/combo-entry-button-rtl.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = RTL
}
image {
function = BOX
state = INSENSITIVE
file = "Entry/combo-entry-button-disabled-rtl.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = RTL
}
image {
function = BOX
state = ACTIVE
file = "Entry/combo-entry-button-active-rtl.png"
border = { 4, 4, 5, 4 }
stretch = TRUE
direction = RTL
}
}
}
style "spinbutton" {
bg[NORMAL] = @bg_color
xthickness = 4
ythickness = 4
engine "pixmap" {
image {
function = ARROW
}
# Spin-Up LTR
image {
function = BOX
state = NORMAL
detail = "spinbutton_up"
file = "Spin/up-background.png"
border = { 1, 4, 5, 0 }
stretch = TRUE
overlay_file = "Arrows/arrow-up-small.png"
overlay_stretch = FALSE
direction = LTR
}
image {
function = BOX
state = PRELIGHT
detail = "spinbutton_up"
file = "Spin/up-background.png"
border = { 1, 4, 5, 0 }
stretch = TRUE
overlay_file = "Arrows/arrow-up-small-prelight.png"
overlay_stretch = FALSE
direction = LTR
}
image {
function = BOX
state = INSENSITIVE
detail = "spinbutton_up"
file = "Spin/up-background-disable.png"
border = { 1, 4, 5, 0 }
stretch = TRUE
overlay_file = "Arrows/arrow-up-small-insens.png"
overlay_stretch = FALSE
direction = LTR
}
image {
function = BOX
state = ACTIVE
detail = "spinbutton_up"
file = "Spin/up-background.png"
border = { 1, 4, 5, 0 }
stretch = TRUE
overlay_file = "Arrows/arrow-up-small-prelight.png"
overlay_stretch = FALSE
direction = LTR
}
# Spin-Up RTL
image {
function = BOX
state = NORMAL
detail = "spinbutton_up"
file = "Spin/up-background-rtl.png"
border = { 4, 1, 5, 0 }
stretch = TRUE
overlay_file = "Arrows/arrow-up-small.png"
overlay_stretch = FALSE
direction = RTL
}
image {
function = BOX
state = PRELIGHT
detail = "spinbutton_up"
file = "Spin/up-background-rtl.png"
border = { 4, 1, 5, 0 }
stretch = TRUE
overlay_file = "Arrows/arrow-up-small-prelight.png"
overlay_stretch = FALSE
direction = RTL
}
image {
function = BOX
state = INSENSITIVE
detail = "spinbutton_up"
file = "Spin/up-background-disable-rtl.png"
border = { 4, 1, 5, 0 }
stretch = TRUE
overlay_file = "Arrows/arrow-up-small-insens.png"
overlay_stretch = FALSE
direction = RTL
}
image {
function = BOX
state = ACTIVE
detail = "spinbutton_up"
file = "Spin/up-background-rtl.png"
border = { 4, 1, 5, 0 }
stretch = TRUE
overlay_file = "Arrows/arrow-up-small-prelight.png"
overlay_stretch = FALSE
direction = RTL
}
# Spin-Down LTR
image {
function = BOX
state = NORMAL
detail = "spinbutton_down"
file = "Spin/down-background.png"
border = { 1, 4, 1, 4 }
stretch = TRUE
overlay_file = "Arrows/arrow-down-small.png"
overlay_stretch = FALSE
direction = LTR
}
image {
function = BOX
state = PRELIGHT
detail = "spinbutton_down"
file = "Spin/down-background.png"
border = { 1, 4, 1, 4 }
stretch = TRUE
overlay_file = "Arrows/arrow-down-small-prelight.png"
overlay_stretch = FALSE
direction = LTR
}
image {
function = BOX
state = INSENSITIVE
detail = "spinbutton_down"
file = "Spin/down-background-disable.png"
border = { 1, 4, 1, 4 }
stretch = TRUE
overlay_file = "Arrows/arrow-down-small-insens.png"
overlay_stretch = FALSE
direction = LTR
}
image {
function = BOX
state = ACTIVE
detail = "spinbutton_down"
file = "Spin/down-background.png"
border = { 1, 4, 1, 4 }
stretch = TRUE
overlay_file = "Arrows/arrow-down-small-prelight.png"
overlay_stretch = FALSE
direction = LTR
}
# Spin-Down RTL
image {
function = BOX
state = NORMAL
detail = "spinbutton_down"
file = "Spin/down-background-rtl.png"
border = { 4, 1, 1, 4 }
stretch = TRUE
overlay_file = "Arrows/arrow-down-small.png"
overlay_stretch = FALSE
direction = RTL
}
image {
function = BOX
state = PRELIGHT
detail = "spinbutton_down"
file = "Spin/down-background-rtl.png"
border = { 4, 1, 1, 4 }
stretch = TRUE
overlay_file = "Arrows/arrow-down-small-prelight.png"
overlay_stretch = FALSE
direction = RTL
}
image {
function = BOX
state = INSENSITIVE
detail = "spinbutton_down"
file = "Spin/down-background-disable-rtl.png"
border = { 4, 1, 1, 4 }
stretch = TRUE
overlay_file = "Arrows/arrow-down-small-insens.png"
overlay_stretch = FALSE
direction = RTL
}
image {
function = BOX
state = ACTIVE
detail = "spinbutton_down"
file = "Spin/down-background-rtl.png"
border = { 4, 1, 1, 4 }
stretch = TRUE
overlay_file = "Arrows/arrow-down-small-prelight.png"
overlay_stretch = FALSE
direction = RTL
}
}
}
style "gimp_spin_scale" {
bg[NORMAL] = @base_color
text[NORMAL] = shade(0.6, @fg_color)
engine "pixmap" {
image {
function = FLAT_BOX
detail = "entry_bg"
state = NORMAL
}
image {
function = FLAT_BOX
detail = "entry_bg"
state = ACTIVE
}
image {
function = BOX
state = NORMAL
detail = "spinbutton_up"
overlay_file = "Arrows/arrow-up-small.png"
overlay_stretch = FALSE
}
image {
function = BOX
state = PRELIGHT
detail = "spinbutton_up"
overlay_file = "Arrows/arrow-up-small-prelight.png"
overlay_stretch = FALSE
}
image {
function = BOX
state = ACTIVE
detail = "spinbutton_up"
overlay_file = "Arrows/arrow-up-small-prelight.png"
overlay_stretch = FALSE
}
image {
function = BOX
state = INSENSITIVE
detail = "spinbutton_up"
overlay_file = "Arrows/arrow-up-small-insens.png"
overlay_stretch = FALSE
}
image {
function = BOX
state = NORMAL
detail = "spinbutton_down"
overlay_file = "Arrows/arrow-down-small.png"
overlay_stretch = FALSE
}
image {
function = BOX
state = PRELIGHT
detail = "spinbutton_down"
overlay_file = "Arrows/arrow-down-small-prelight.png"
overlay_stretch = FALSE
}
image {
function = BOX
state = ACTIVE
detail = "spinbutton_down"
overlay_file = "Arrows/arrow-down-small-prelight.png"
overlay_stretch = FALSE
}
image {
function = BOX
state = INSENSITIVE
detail = "spinbutton_down"
overlay_file = "Arrows/arrow-down-small-insens.png"
overlay_stretch = FALSE
}
}
}
style "libreoffice_entry" {
engine "pixmap" {
image {
function = FLAT_BOX
detail = "entry_bg"
state = NORMAL
overlay_file = "Entry/entry-border-fill-solid.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = TRUE
}
image {
function = FLAT_BOX
detail = "entry_bg"
state = ACTIVE
overlay_file = "Entry/entry-border-fill-solid.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = TRUE
}
image {
function = SHADOW
detail = "entry"
state = NORMAL
shadow = IN
file = "Entry/entry-border-bg-solid.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = SHADOW
detail = "entry"
state = ACTIVE
file = "Entry/entry-border-active-bg-solid.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
}
}
style "standalone_entry" {
engine "pixmap" {
image {
function = FLAT_BOX
detail = "entry_bg"
state = NORMAL
file = "Entry/entry-border-fill-plain.png"
stretch = TRUE
border = { 0, 0, 0, 0 }
}
image {
function = FLAT_BOX
detail = "entry_bg"
state = ACTIVE
file = "Entry/entry-border-fill-plain.png"
stretch = TRUE
border = { 0, 0, 0, 0 }
}
image {
function = SHADOW
detail = "entry"
state = NORMAL
shadow = IN
file = "Entry/entry-border-bg-solid.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
image {
function = SHADOW
detail = "entry"
state = ACTIVE
file = "Entry/entry-border-active-bg-solid.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
}
}
style "notebook" {
xthickness = 5
ythickness = 2
engine "pixmap" {
image {
function = EXTENSION
state = ACTIVE
file = "Tabs/tab-bottom.png"
border = { 3,3,3,5 }
stretch = TRUE
gap_side = TOP
}
image {
function = EXTENSION
state = ACTIVE
file = "Tabs/tab-top.png"
border = { 3,3,5,3 }
stretch = TRUE
gap_side = BOTTOM
}
image {
function = EXTENSION
state = ACTIVE
file = "Tabs/tab-left.png"
border = { 3,3,3,3 }
stretch = TRUE
gap_side = RIGHT
}
image {
function = EXTENSION
state = ACTIVE
file = "Tabs/tab-right.png"
border = { 3,3,3,3 }
stretch = TRUE
gap_side = LEFT
}
image {
function = EXTENSION
file = "Tabs/tab-top-active.png"
border = { 3,3,3,3 }
stretch = TRUE
gap_side = BOTTOM
}
image {
function = EXTENSION
file = "Tabs/tab-bottom-active.png"
border = { 3,3,3,3 }
stretch = TRUE
gap_side = TOP
}
image {
function = EXTENSION
file = "Tabs/tab-left-active.png"
border = { 3,3,3,3 }
stretch = TRUE
gap_side = RIGHT
}
image {
function = EXTENSION
file = "Tabs/tab-right-active.png"
border = { 3,3,3,3 }
stretch = TRUE
gap_side = LEFT
}
# How to draw boxes with a gap on one side (ie the page of a notebook)
image {
function = BOX_GAP
file = "Tabs/notebook.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
gap_file = "Tabs/notebook-gap-horiz.png"
gap_border = { 1, 1, 0, 0 }
gap_side = TOP
}
image {
function = BOX_GAP
file = "Tabs/notebook.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
gap_file = "Tabs/notebook-gap-horiz.png"
gap_border = { 1, 1, 0, 0 }
gap_side = BOTTOM
}
image {
function = BOX_GAP
file = "Tabs/notebook.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
gap_file = "Tabs/notebook-gap-vert.png"
gap_border = { 0, 0, 1, 1 }
gap_side = LEFT
}
image {
function = BOX_GAP
file = "Tabs/notebook.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
gap_file = "Tabs/notebook-gap-vert.png"
gap_border = { 0, 0, 1, 1 }
gap_side = RIGHT
}
# How to draw the box of a notebook when it isnt attached to a tab
image {
function = BOX
file = "Tabs/notebook.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
}
}
}
style "handlebox"
{
engine "pixmap"
{
image
{
function = BOX
file = "Others/null.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
detail = "handlebox_bin"
shadow = IN
}
image
{
function = BOX
file = "Others/null.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
detail = "handlebox_bin"
shadow = OUT
}
}
}
style "combobox_separator" {
xthickness = 0
ythickness = 0
GtkWidget::wide-separators = 1
}
style "combobox" {
xthickness = 0
ythickness = 0
}
style "combobox_button" {
xthickness = 3
ythickness = 3
}
style "range" {
engine "pixmap" {
image {
function = BOX
detail = "trough"
file = "Range/trough-horizontal.png"
border = { 4, 4, 0, 0 }
stretch = TRUE
orientation = HORIZONTAL
}
image {
function = BOX
detail = "trough"
file = "Range/trough-vertical.png"
border = { 0, 0, 4, 4 }
stretch = TRUE
orientation = VERTICAL
}
# Horizontal
image {
function = SLIDER
state = NORMAL
file = "Others/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-horiz.png"
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image {
function = SLIDER
state = PRELIGHT
file = "Others/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-horiz-prelight.png"
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image {
function = SLIDER
state = INSENSITIVE
file = "Others/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-horiz.png"
overlay_stretch = FALSE
orientation = HORIZONTAL
}
# Vertical
image {
function = SLIDER
state = NORMAL
file = "Others/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-vert.png"
overlay_stretch = FALSE
orientation = VERTICAL
}
image {
function = SLIDER
state = PRELIGHT
file = "Others/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-vert-prelight.png"
overlay_stretch = FALSE
orientation = VERTICAL
}
image {
function = SLIDER
state = INSENSITIVE
file = "Others/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-vert.png"
overlay_stretch = FALSE
orientation = VERTICAL
}
# Function below removes ugly boxes
image {
function = BOX
file = "Others/null.png"
border = { 3, 3, 3, 3 }
stretch = TRUE
}
}
}
style "progressbar" {
xthickness = 1
ythickness = 1
fg[NORMAL] = @selected_fg_color
fg[PRELIGHT] = @selected_fg_color
engine "pixmap" {
image {
function = BOX
detail = "trough"
file = "ProgressBar/trough-progressbar.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
orientation = HORIZONTAL
}
image {
function = BOX
detail = "bar"
file = "ProgressBar/progressbar.png"
stretch = TRUE
border = { 3, 3, 3, 3 }
orientation = HORIZONTAL
}
image {
function = BOX
detail = "trough"
file = "ProgressBar/trough-progressbar_v.png"
border = { 4, 4, 4, 4 }
stretch = TRUE
orientation = VERTICAL
}
image {
function = BOX
detail = "bar"
file = "ProgressBar/progressbar_v.png"
stretch = TRUE
border = { 3, 3, 3, 3 }
orientation = VERTICAL
}
}
}
style "separator_menu_item" {
engine "pixmap" {
image {
function = BOX
file = "Lines/menu_line_h.png"
border = { 0, 0, 1, 0 }
stretch = TRUE
}
}
}
style "treeview_header" {
ythickness = 1
fg[PRELIGHT] = mix(0.70, @text_color, @base_color)
#font_name = "Bold"
engine "pixmap" {
image {
function = BOX
file = "Others/tree_header.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
}
}
}
# Treeview Rows
style "treeview" {
xthickness = 2
ythickness = 0
engine "pixmap" {
image {
function = FLAT_BOX
state = SELECTED
file = "/Menu/menuitem.png"
border = {1,1,1,1}
stretch = TRUE
}
}
}
style "scrolled_window" {
xthickness = 1
ythickness = 1
engine "pixmap" {
image {
function = SHADOW
file = "Shadows/frame.png"
border = { 5, 5, 5, 5 }
stretch = TRUE
}
}
}
style "frame" {
xthickness = 1
ythickness = 1
engine "pixmap" {
image {
function = SHADOW
file = "Shadows/frame.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
shadow = IN
}
image {
function = SHADOW_GAP
file = "Shadows/frame.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
gap_start_file = "Shadows/frame-gap-start.png"
gap_start_border = { 1, 0, 0, 0 }
gap_end_file = "Shadows/frame-gap-end.png"
gap_end_border = { 0, 1, 0, 0 }
shadow = IN
}
image {
function = SHADOW
file = "Shadows/frame.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
shadow = OUT
}
image {
function = SHADOW_GAP
file = "Shadows/frame.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
gap_start_file = "Shadows/frame-gap-start.png"
gap_start_border = { 1, 0, 0, 0 }
gap_end_file = "Shadows/frame-gap-end.png"
gap_end_border = { 0, 1, 0, 0 }
shadow = OUT
}
image {
function = SHADOW
file = "Shadows/frame.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
shadow = ETCHED_IN
}
image {
function = SHADOW_GAP
file = "Shadows/frame.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
gap_start_file = "Shadows/frame-gap-start.png"
gap_start_border = { 1, 0, 0, 0 }
gap_end_file = "Shadows/frame-gap-end.png"
gap_end_border = { 0, 1, 0, 0 }
shadow = ETCHED_IN
}
image {
function = SHADOW
file = "Shadows/frame.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
shadow = ETCHED_OUT
}
image {
function = SHADOW_GAP
file = "Shadows/frame.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
gap_start_file = "Shadows/frame-gap-start.png"
gap_start_border = { 1, 0, 0, 0 }
gap_end_file = "Shadows/frame-gap-end.png"
gap_end_border = { 0, 1, 0, 0 }
shadow = ETCHED_OUT
}
}
}
style "gimp_toolbox_frame" {
engine "pixmap" {
image {
function = SHADOW
}
}
}
style "toolbar" {
engine "pixmap" {
image {
function = BOX
file = "Toolbar/toolbar.png"
stretch = TRUE
border = { 1, 1, 1, 1 }
}
image {
function = HANDLE
overlay_file = "Handles/handle-h.png"
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image {
function = HANDLE
overlay_file = "Handles/handle-v.png"
overlay_stretch = FALSE
orientation = VERTICAL
}
image {
function = VLINE
recolorable = TRUE
file = "Others/null.png"
}
image {
function = HLINE
recolorable = TRUE
file = "Others/null.png"
}
}
}
style "inline_toolbar" {
GtkToolbar::button-relief = GTK_RELIEF_NORMAL
engine "pixmap" {
image {
function = BOX
file = "Toolbar/inline-toolbar.png"
stretch = TRUE
border = { 1, 1, 1, 1 }
}
}
}
style "notebook_viewport" {
bg[NORMAL] = @base_color
}
style "tooltips" {
xthickness = 8
ythickness = 4
bg[NORMAL] = @tooltip_bg_color
fg[NORMAL] = @tooltip_fg_color
bg[SELECTED] = @tooltip_bg_color
}
style "eclipse-tooltips" {
xthickness = 8
ythickness = 4
bg[NORMAL] = shade(1.05, @bg_color)
fg[NORMAL] = @text_color
bg[SELECTED] = shade(1.05, @bg_color)
}
# Chromium
style "chrome-gtk-frame" {
engine "mist" {}
ChromeGtkFrame::frame-color = "#1e1e1e"
ChromeGtkFrame::inactive-frame-color = "#1e1e1e"
ChromeGtkFrame::frame-gradient-size = 16
ChromeGtkFrame::frame-gradient-color = shade(0.5, @bg_color)
ChromeGtkFrame::incognito-frame-color = shade(0.85, @bg_color)
ChromeGtkFrame::incognito-inactive-frame-color = @bg_color
ChromeGtkFrame::incognito-frame-gradient-color = @bg_color
ChromeGtkFrame::scrollbar-trough-color = shade(0.912, @bg_color)
ChromeGtkFrame::scrollbar-slider-prelight-color = shade(1.04, @bg_color)
ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color
}
style "chrome_menu_item" {
bg[SELECTED] = @selected_bg_color
}
style "null" {
engine "pixmap" {
image {
function = BOX
file = "Others/null.png"
stretch = TRUE
}
}
}
# Text Style
style "text" {
base[NORMAL] = "#ff0000"
engine "murrine" {
textstyle = 3
}
}
# Text Style Notebook
style "notebook-text" {
#fg[INSENSITIVE] = "#2c2e2f"
#text[INSENSITIVE] = "#2c2e2f"
engine "murrine" {
textstyle = 3
}
}
class "GtkWidget" style "default"
class "GtkScrollbar" style "scrollbar"
class "GtkButton" style "button"
class "GtkEntry" style "entry"
class "GtkOldEditable" style "entry"
class "GtkSpinButton" style "spinbutton"
class "GtkNotebook" style "notebook"
class "GtkRange" style "range"
class "GtkProgressBar" style "progressbar"
class "GtkSeparatorMenuItem" style "separator_menu_item"
class "GtkScrolledWindow" style "scrolled_window"
class "GtkFrame" style "frame"
class "GtkToolbar" style "toolbar"
class "*HandleBox" style "toolbar"
class "GtkTreeView" style "treeview"
widget_class "*<GtkMenuBar>*" style "menubar"
widget_class "*<GtkMenu>*" style "menu"
widget_class "*<GtkMenu>*" style "menu_framed_box"
widget_class "*<GtkMenuItem>*" style "menu_item"
widget_class "*<GtkMenuBar>.<GtkMenuItem>*" style "menubar_item"
widget_class "*<GtkCheckButton>*" style "checkbutton"
widget_class "*<GtkComboBox>" style "combobox"
widget_class "*<GtkComboBox>*<GtkButton>" style "combobox_button"
widget_class "*<GtkComboBox>*<GtkSeparator>" style "combobox_separator"
widget_class "*HandleBox" style "toolbar"
widget_class "*<GtkTreeView>*<GtkButton>*" style "treeview_header"
widget_class "*<GtkFileChooserDefault>*<GtkToolbar>" style "inline_toolbar"
widget_class "*<GtkFileChooserDefault>*<GtkToolbar>*<GtkButton>" style "button_nohilight"
widget_class "*<GtkComboBoxEntry>*<GtkEntry>" style "combobox_entry"
widget_class "*<GtkComboBoxEntry>*<GtkButton>" style "combobox_entry_button"
widget_class "*<GtkInfoBar>*<GtkButton>" style "button_nohilight"
widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>" style "notebook_viewport"
# Entries in notebooks draw with notebook's base color, but not if there's
# something else in the middle that draws gray again
widget_class "*<GtkNotebook>*<GtkEntry>" style "notebook_entry"
widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>" style "entry"
widget_class "*<GtkNotebook>*<GtkComboBoxEntry>*<GtkEntry>" style "notebook_combobox_entry"
widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkComboBoxEntry>*<GtkEntry>" style "combobox_entry"
# We also need to avoid changing fg color for the inactive notebook tab labels
widget_class "*<GtkNotebook>.<GtkLabel>" style "notebook_tab_label"
# GTK tooltips
widget "gtk-tooltip*" style "tooltips"
# Xchat special cases
widget "*xchat-inputbox" style "entry"
# GIMP
# Disable gradients completely for GimpSpinScale
class "GimpSpinScale" style "gimp_spin_scale"
# Remove borders from "Wilbert frame" in Gimp
widget_class "*<GimpToolbox>*<GtkFrame>" style "gimp_toolbox_frame"
# Chrome/Chromium
class "ChromeGtkFrame" style "chrome-gtk-frame"
widget_class "*Chrom*Button*" style "button"
widget_class "*<GtkCustomMenu>*<GtkCustomMenuItem>*" style "chrome_menu_item"
# We use this weird selector to target an offscreen entry as created
# by Chrome/Chromium to derive the style for its toolbar
widget_class "<GtkEntry>" style "standalone_entry"
# Eclipse/SWT
widget "gtk-tooltips*" style "eclipse-tooltips"
widget "*swt-toolbar-flat" style "null"
# Fixes ugly text shadows for insensitive text
widget_class "*<GtkLabel>" style "text"
widget_class "*<GtkNotebook>*<GtkLabel>" style "notebook-text"
widget_class "*<GtkNotebook>*<GtkCellLayout>" style "notebook-text"
# Openoffice, Libreoffice
class "GtkWindow" style "toplevel_hack"
widget "*openoffice-toplevel*" style "ooo_stepper_hack"
widget "*openoffice-toplevel*GtkEntry" style "libreoffice_entry"
widget "*openoffice-toplevel*GtkSpinButton" style "libreoffice_entry"
widget "*libreoffice-toplevel*GtkEntry" style "libreoffice_entry"
widget "*libreoffice-toplevel*GtkSpinButton" style "libreoffice_entry"
# XFCE desktop icon text looks weird when murrine textstyle is on.
style "xfdesktop-icon-view"
{
#font_name = "bold"
XfdesktopIconView::label-alpha = 0
XfdesktopIconView::selected-label-alpha = 60
fg[NORMAL] = "#F1F1F1"
fg[ACTIVE] = "#F1F1F1"
fg[SELECTED] = "#F1F1F1"
engine "murrine"
{
textstyle = 5
text_shade = 0.05
}
}
widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
# Whisker menu style
style "whisker-style"
{
bg[NORMAL] = @bg_color
bg[ACTIVE] = @bg_color
bg[PRELIGHT] = @bg_color
fg[PRELIGHT] = @bg_color
fg[ACTIVE] = @bg_color
}
widget "whiskermenu-window*" style "whisker-style"
# Working transparency using Mist engine for GtkImage. Thanks sixsixfive from the Xfce community for the tip.
style "gtklabelimage" {
engine "mist" {}
}
class "GtkImage" style"gtklabelimage"
#class "GtkLabel" style"gtklabelimage" # i don't think this is beneficial for us, but leaving it here commented for nowLast edited by kouros17 (2016-03-09 13:44:14)
Offline
#2 2016-03-09 14:52:41
- ToZ
- Administrator
- From: Canada
- Registered: 2011-06-02
- Posts: 11,494
Re: How can i change the color of thunar's sidebar?
Are you looking to change that colour for all GTK elements in the theme (if so, have a look at gtk-theme-config), or just in the Thunar sidepane, like demonstrated in your image?
Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki | Community | Contribute ---
Offline
#3 2016-03-09 17:34:25
- kouros17
- Member
- Registered: 2015-11-18
- Posts: 23
Re: How can i change the color of thunar's sidebar?
For all gtk elements, not only for thunar.
The previous time I tried this program my system damaged. Is there other way except this program?
Thanks a lot Toz!
Offline
#4 2016-03-09 18:49:10
- ToZ
- Administrator
- From: Canada
- Registered: 2011-06-02
- Posts: 11,494
Re: How can i change the color of thunar's sidebar?
The easiest and quickest way would be to change all instances of the "8CBC65" colour in the various Menda-Dark theme files to the colour that you want. Probably best if you created a copy of the Menda-Dark theme in your ~/.themes directory.
mkdir ~/.themes
cp -r /usr/share/themes/Menda-Dark ~/.themes/My-Menda-DarkThe following command will identify all of the files that have that colour code in them:
fgrep -ri 8CBC65 ~/.themes/My-Menda-Dark...you'll only need to focus on the files in the gtk-2.0 and gtk-3.0 directories.
Then select "My-Menda-Dark" as your theme.
Edit: Looks like its going to be a little more complicated than this. You're also going to need to change all of the graphic elements in the gtk-2.0 folder.
Last edited by ToZ (2016-03-09 19:15:44)
Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki | Community | Contribute ---
Offline
#5 2016-03-09 19:12:07
- sixsixfive
- Member
- From: behind you
- Registered: 2012-04-08
- Posts: 579
- Website
Re: How can i change the color of thunar's sidebar?
it has its own class "ThunarShortcuts"
eg: https://github.com/sixsixfive/Ivy/blob/ … unarr.c#L1
Last edited by sixsixfive (2016-03-09 19:12:52)
Offline
#6 2016-03-09 19:18:04
- ToZ
- Administrator
- From: Canada
- Registered: 2011-06-02
- Posts: 11,494
Re: How can i change the color of thunar's sidebar?
sixsixfive wrote:
it has its own class "ThunarShortcuts"
Yes, you're right. OP wants to change the green colour in all GTK elements - which is why I recommended copying the theme and changing all the instances of that colour. Also looks that this theme uses a lot of graphic elements - so they'll need to be changed as well.
Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki | Community | Contribute ---
Offline
#7 2016-03-10 00:13:07
- kouros17
- Member
- Registered: 2015-11-18
- Posts: 23
Re: How can i change the color of thunar's sidebar?
ToZ wrote:
...you'll only need to focus on the files in the gtk-2.0 and gtk-3.0 directories.
Edit: Looks like its going to be a little more complicated than this. You're also going to need to change all of the graphic elements in the gtk-2.0 folder.
Following your instructions (changing the numbers in gtkrc of the gtk-2.0 and gtk-3.0 folder) I was able to change many of the colors, but not all. Eventually you 're right, is more complicated than I thought.
Toz all the other folders in the gtk-2.0 folder contains small icons png. What can I do with these?
sixsixfive wrote:
it has its own class "ThunarShortcuts"
eg: https://github.com/sixsixfive/Ivy/blob/ … unarr.c#L1
Should I do something with "thunarr.c" file?
Offline
#8 2016-03-10 01:49:34
- ToZ
- Administrator
- From: Canada
- Registered: 2011-06-02
- Posts: 11,494
Re: How can i change the color of thunar's sidebar?
kouros17 wrote:
ToZ wrote:...you'll only need to focus on the files in the gtk-2.0 and gtk-3.0 directories.
Edit: Looks like its going to be a little more complicated than this. You're also going to need to change all of the graphic elements in the gtk-2.0 folder.Following your instructions (changing the numbers in gtkrc of the gtk-2.0 and gtk-3.0 folder) I was able to change many of the colors, but not all. Eventually you 're right, is more complicated than I thought.
Toz all the other folders in the gtk-2.0 folder contains small icons png. What can I do with these?
You need to change the colours in them using a graphic editor like gimp. You're going to need to change all of the colours of the assets in the gtk-3.0 folder as well. These graphic assets are used in the theme, some as overlays - giving the elements their colour.
Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki | Community | Contribute ---
Offline
#9 2016-03-10 11:01:29
- kouros17
- Member
- Registered: 2015-11-18
- Posts: 23
Re: How can i change the color of thunar's sidebar?
Thanks a lot Toz, you 're very clear!
Offline
#10 2016-03-10 17:27:13
- sixsixfive
- Member
- From: behind you
- Registered: 2012-04-08
- Posts: 579
- Website
Re: How can i change the color of thunar's sidebar?
kouros17 wrote:
Should I do something with "thunarr.c" file?
Nope, that was just an example to change thunars sidebar, but as toz mentioned if you want to change all selected colors you will have to modify this theme with an image editor/text editor.
>You need to change the colours in them using a graphic editor like gimp.
there is probably an easier "batch way" for the text files with sed/awk and for the images with imagemagick (eg: by modifying the hue http://www.imagemagick.org/Usage/color_ … dulate_hue )
Last edited by sixsixfive (2016-03-10 17:29:13)
Offline
#11 2016-03-11 09:35:19
- kouros17
- Member
- Registered: 2015-11-18
- Posts: 23
Re: How can i change the color of thunar's sidebar?
Very useful!
Thanks a lot sixsixfive. 
Offline
#12 2016-03-11 11:07:30
- ToZ
- Administrator
- From: Canada
- Registered: 2011-06-02
- Posts: 11,494
Re: How can i change the color of thunar's sidebar?
Been looking at this. The following commands help to automate this process:
1. Change the colour in the gtk files:
for file in $(fgrep -ri 8CBC65 * | grep gtk-[23] | cut -d":" -f1 | uniq); do echo $file; sed -i 's/8CBC65/398ee7/g' $file ; done2. Change the images using convert -modulate:
for file in $(find . \( -name "*.png" -o -name "*.svg" \) -print | grep gtk-[23]); do echo $file; convert "$file" -modulate 100,100,150 "$file"; done3. Change the xfwm4 theme colours:
for file in xfwm4/*; do echo $file; convert "$file" -modulate 100,100,150 "$file"; doneThe only difficulty is trying to match the colours using convert's modulate parameter - alot of hit and miss - mostly miss. Its almost like you should try to get as close as possible to the colour you want using "convert -modulate" and then match that colour to use with the first command - to change the GTK colours. There has to be an easier way to match the colours, but I haven't found it,
Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki | Community | Contribute ---
Offline
#13 2016-03-11 12:04:56
- Jerry3904
- Member
- Registered: 2013-11-09
- Posts: 863
Re: How can i change the color of thunar's sidebar?
There has to be an easier way to match the colours, but I haven't found it.
Where's the damn eye-dropper when you need it?!
BTW, ToZ: do we say often enough how much we appreciate your detailed and knowledgeable support on this Forum?
MX-23 (based on Debian Stable) with our flagship Xfce 4.18.
Offline
Pages: 1
- Registered users online in this topic: 0, guests: 1
- [Bot] ClaudeBot
[ Generated in 0.008 seconds, 10 queries executed - Memory usage: 869.23 KiB (Peak: 950.08 KiB) ]