Xfce Forum

Sub domains
 

You are not logged in.

#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 now

Last 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: 10,948

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: 10,948

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-Dark

The 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: 10,948

Re: How can i change the color of thunar's sidebar?

sixsixfive wrote:

it has its own class "ThunarShortcuts"

eg: https://github.com/sixsixfive/Ivy/blob/ … unarr.c#L1

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: 10,948

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

Offline

#12 2016-03-11 11:07:30

ToZ
Administrator
From: Canada
Registered: 2011-06-02
Posts: 10,948

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 ; done

2. 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"; done

3. Change the xfwm4 theme colours:

for file in xfwm4/*; do echo $file; convert "$file" -modulate 100,100,150 "$file"; done

The 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: 850

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

Board footer

Powered by FluxBB