Xfce Forum

Sub domains
 

You are not logged in.

Pages: 1

#1 2014-11-08 05:47:53

lnx64
Member
Registered: 2014-10-07
Posts: 39

Theme design help

I'm trying to modify a theme to my liking, and I got everything exactly the way I want.  However, GTK2 and GTK3 windows have a inconsistency problem.  GTK3 on the right, has the orange color I want from a selected button, but the GTK2 button like on the left, is only mildly shaded.  The theme is using the Murrine engine.

Any ideas will be greatly appreciated.

l1VPZ5Y.png

Here's the GTK2 themes configuration file.

# NumiXe GTK2 Theme (mickyz.deviantArt.com)

gtk-color-scheme = "bg_color:#e0e0e0\nfg_color:#2d2d2d\nbase_color:#ffffff\ntext_color:#333333\nselected_bg_color:#f07d32\nselected_fg_color:#ffffff\ntoolbar_bg_color:#dedede\ntoolbar_fg_color:#555555\nmenubar_bg_color:#2d2d2d\nmenubar_fg_color:#ffffff\npanel_bg_color:#2d2d2d\npanel_fg_color:#ffffff\nlink_color:#2d71b8"
# selected_bg_color:#1793D1 (ArchLinux)
# selected_bg_color:#35BF5C (Manjaro)
# selected_bg_color:#D70651 (Debian)

#gtk-color-scheme = "bg_color:#CFCBC4\nfg_color:#2d2d2d\nbase_color:#ffffff\ntext_color:#333333\nselected_bg_color:#B78E6A\nselected_fg_color:#2d2d2d\ntoolbar_bg_color:#dedede\ntoolbar_fg_color:#555555\nmenubar_bg_color:#2d2d2d\nmenubar_fg_color:#9f9f9f\npanel_bg_color:#2d2d2d\npanel_fg_color:#9f9f9f\nlink_color:#2d71b8"
# selected_bg_color:#B78E6A (...)


# Default Style
style "murrine-default" {
	GtkArrow::arrow-scaling= 0.6

	GtkButton::child-displacement-x = 0
	GtkButton::child-displacement-y = 0

	GtkButton::default-border = { 0, 0, 0, 0 }

	GtkButtonBox::child-min-height = 26

	GtkCheckButton::indicator-size = 16

	# The following line hints to gecko (and possibly other appliations)
	# that the entry should be drawn transparently on the canvas.
	# Without this, gecko will fill in the background of the entry.
	GtkEntry::honors-transparent-bg-hint = 1
	GtkEntry::state-hint = 0

	GtkExpander::expander-size = 16

	GtkImage::x-ayatana-indicator-dynamic = 1

	GtkMenu::horizontal-padding = 0
	GtkMenu::vertical-padding = 0

	GtkMenuBar::internal-padding = 0
	GtkMenuBar::window-dragging = 1

	GtkMenuItem::arrow-scaling= 0.5

	GtkPaned::handle-size = 1

	GtkProgressBar::min-horizontal-bar-height = 12
	GtkProgressBar::min-vertical-bar-width = 12

	GtkRange::trough-border = 0
	GtkRange::slider-width = 12
	GtkRange::stepper-size = 12
	GtkRange::stepper_spacing = 0
	GtkRange::trough-under-steppers = 1

	GtkScale::slider-length = 16
	GtkScale::slider-width = 16
	GtkScale::trough-side-details = 1

	GtkScrollbar::activate-slider = 1
	GtkScrollbar::has-backward-stepper = 0
	GtkScrollbar::has-forward-stepper = 0
	GtkScrollbar::has-secondary-backward-stepper = 0
	GtkScrollbar::has-secondary-forward-stepper = 0
	GtkScrollbar::min-slider-length = 80
	GtkScrollbar::slider-width = 10
	GtkScrollbar::trough-border = 1

	GtkScrolledWindow::scrollbar-spacing = 0
	GtkScrolledWindow::scrollbars-within-bevel = 1

	GtkSeparatorMenuItem::horizontal-padding = 0

	GtkToolbar::internal-padding = 0

	GtkTreeView::expander-size = 11
	GtkTreeView::vertical-separator = 0

	GtkWidget::focus-line-width = 1
	# The following line prevents the Firefox tabs
	# from jumping a few pixels when you create a new tab
	GtkWidget::focus-padding = 0

	GtkWidget::wide-separators = 1
	GtkWidget::separator-width = 1
	GtkWidget::separator-height = 1

	GtkWindow::resize-grip-height = 0
	GtkWindow::resize-grip-width = 0

	WnckTasklist::fade-overlay-rect = 0

	GnomeHRef::link_color = @link_color
	GtkHTML::link-color = @link_color
 	GtkIMHtmlr::hyperlink-color = @link_color
	GtkIMHtml::hyperlink-color = @link_color
	GtkWidget::link-color = @link_color
	GtkWidget::visited-link-color = @text_color

	GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
	GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified

	xthickness = 1
	ythickness = 1

	fg[NORMAL] = @fg_color
	fg[PRELIGHT] = @fg_color
	fg[SELECTED] = @selected_fg_color
	fg[ACTIVE] = @fg_color
	fg[INSENSITIVE] = mix(0.5, @bg_color, @fg_color)

	bg[NORMAL] = @bg_color
	bg[PRELIGHT] = shade(1.02, @bg_color)
	bg[SELECTED] = @selected_bg_color
	bg[ACTIVE] = shade(0.9, @bg_color)
	bg[INSENSITIVE] = @bg_color

	base[NORMAL] = @base_color
	base[PRELIGHT] = shade(0.95, @base_color)
	base[SELECTED] = @selected_bg_color
	base[ACTIVE] = @selected_bg_color
	base[INSENSITIVE] = shade(0.85, @base_color)

	text[NORMAL] = @text_color
	text[PRELIGHT] = @text_color
	text[SELECTED] = @selected_fg_color
	text[ACTIVE] = @selected_fg_color
	text[INSENSITIVE] = mix(0.5, @base_color, @text_color)

	engine "murrine" {
		animation = FALSE
		arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
		border_shades = { 1.0, 1.0 } # gradient to draw on border
		colorize_scrollbar = FALSE
		comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
		contrast = 1.0 # overal contrast with borders
		focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
		glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
		glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
		glow_shade = 1.0 # amount of glow
		gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
		highlight_shade = 1.0 # amount of highlight
		lightborder_shade = 1.0 # amount of inset light border
		lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
		listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
		listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
		menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
		menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
		menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
		menustyle = 0 # 0 = none, 1 = vertical striped
		progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
		reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
		roundness = 2 # roundness of widgets
		scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
		sliderstyle = 0 # 0 = none, 1 = handles
		stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
		toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
   }
}

style "murrine-wide" {
	xthickness = 2
	ythickness = 2
}

style "murrine-wider" {
	xthickness = 3
	ythickness = 3
}

style "murrine-thin" {
	xthickness = 0
	ythickness = 0
}

# Notebook

style "murrine-notebook" = "murrine-wide" {
	bg[NORMAL] = shade(1.1, @bg_color)
	bg[ACTIVE] = shade(0.9, @bg_color)

	engine "murrine" {
		roundness = 2
		#contrast = 1.1
	}

    #stock["gtk-close"] = {{ "close.xpm", *, *, * }}
}

# Standard Widgets

style "murrine-button" = "murrine-wider" {
	bg[NORMAL] = shade(1.1, @bg_color)
	bg[PRELIGHT] = shade(1.2, @bg_color)
	bg[ACTIVE] = shade(0.9, @bg_color)
	#bg[SELECTED] = shade(1.0, @selected_bg_color)
	#bg[INSENSITIVE] = shade(0.85, @bg_color)

  	engine "murrine" {
	}
}

style "murrine-scrollbar" {
	bg[NORMAL] = "#bcbcbc"
	bg[PRELIGHT] = "#aaaaaa" #mix(0.31, @fg_color, @bg_color)
	bg[ACTIVE] = "#8d8d8d"

	engine "murrine" {
		roundness = 0
		contrast = 0.0
		#border_shades = { 0.95, 0.95 }
		trough_shades = { 1.23, 1.23 }
		trough_border_shades = { 1.23, 1.23 }
	}
}

style "murrine-overlay-scrollbar" {
	bg[ACTIVE] = @bg_color
	bg[INSENSITIVE] = shade(0.97, @bg_color)

	base[SELECTED] = shade(0.6, @bg_color)
	base[INSENSITIVE] = shade(0.85, @bg_color)
}

style "murrine-scale" = "murrine-thin" {
	bg[NORMAL] = shade(1.0, @bg_color)
	bg[ACTIVE] = @bg_color
	bg[SELECTED] = @selected_bg_color
	bg[INSENSITIVE] = shade(0.95, @bg_color)

	engine "murrine" {
		roundness = 8
		gradient_shades = { 1.1, 1.1, 1.1, 1.1 }
		border_shades = { 1.0, 1.0 }
		trough_shades = { 1.1, 1.1 }
		trough_border_shades = { 0.8, 0.8 }
	}
}

style "murrine-progressbar" = "murrine-thin" {
	bg[NORMAL] = @bg_color
	bg[ACTIVE] = shade(1.1, @bg_color)

	fg[NORMAL] = @fg_color
	fg[ACTIVE] = @selected_fg_color
	fg[PRELIGHT] = @selected_fg_color

	engine "murrine" {
		roundness = 2
		#border_shades = { 1.0, 1.0 }
		trough_border_shades = { 0.7, 0.7 }
	}
}

style "murrine-treeview" {
	bg[NORMAL] = @base_color

  	engine "murrine" {
		roundness = 0
	}
}

style "murrine-treeview-header" = "murrine-treeview" {
	bg[PRELIGHT] = shade(0.9, @bg_color)
}

style "murrine-tooltips" {
	xthickness = 6
	ythickness = 3

	bg[NORMAL] = @panel_bg_color
	bg[SELECTED] = @panel_bg_color

	fg[NORMAL] = lighter (@panel_fg_color)

	engine "murrine" {
		textstyle = 0
		roundness = 2
		rgba = FALSE
	}
}

style "murrine-spinbutton" = "murrine-button" {
	engine "murrine" {
	}
}

style "murrine-radiocheck" = "murrine-default" {
	bg[SELECTED] = shade(1.0, "white")

	text[NORMAL] = @selected_bg_color
	text[PRELIGHT] = @selected_bg_color
}

style "murrine-entry" = "murrine-wider" {
	base[INSENSITIVE] = @bg_color
	engine "murrine" {
		contrast = 0.6
	}
}

style "murrine-frame-title" {
	fg[NORMAL] = lighter (@fg_color)
}

style "metacity-frame" = "murrine-default" {
	bg[SELECTED] = @selected_bg_color
}

style "murrine-statusbar" { }
style "murrine-comboboxentry" = "murrine-entry" { }
style "murrine-hscale" = "murrine-scale" { }
style "murrine-vscale" = "murrine-scale" { }
style "murrine-hscrollbar" = "murrine-scrollbar" { }
style "murrine-vscrollbar" = "murrine-scrollbar" { }

# Menus

style "murrine-menu" = "murrine-thin" {
	bg[NORMAL] = shade(1.1, @bg_color)
	bg[PRELIGHT] = @selected_bg_color
	bg[SELECTED] = @selected_bg_color
	bg[ACTIVE] = shade(1.1, @bg_color)
	bg[INSENSITIVE] = shade(1.1, @bg_color)

	fg[NORMAL] = @fg_color
	fg[PRELIGHT] = @selected_fg_color
	fg[SELECTED] = @selected_fg_color
	fg[ACTIVE] = @selected_fg_color
	fg[INSENSITIVE] = mix(0.5, shade(1.1, @bg_color), @fg_color)

	text[NORMAL] = @fg_color
	text[PRELIGHT] = @selected_fg_color
	text[SELECTED] = @selected_fg_color
	text[ACTIVE] = @selected_fg_color
	text[INSENSITIVE] = mix(0.5, shade(1.1, @bg_color), @fg_color)

	engine "murrine" {
		roundness = 0
		contrast = 0.6
	}
}

style "murrine-menu-item" = "murrine-wider" {
	bg[PRELIGHT] = @selected_bg_color
	bg[SELECTED] = @selected_bg_color
	bg[ACTIVE] = @selected_bg_color

	fg[NORMAL] = @fg_color # Fix for XFCE menu text
	fg[PRELIGHT] = @selected_fg_color
	fg[SELECTED] = @selected_fg_color
	fg[ACTIVE] = @selected_fg_color
	fg[INSENSITIVE] = mix(0.5, shade(1.1, @bg_color), @fg_color)

	engine "murrine" {
		textstyle = 0
		border_shades = { 0.9, 0.9 }
	}
}

style "murrine-separator-menu-item" {
	engine "murrine" {
        separatorstyle = 1
	}
}

style "murrine-menubar" {
	bg[NORMAL] = @menubar_bg_color
	bg[PRELIGHT] =  mix(0.25, @menubar_fg_color, @menubar_bg_color)
	bg[SELECTED] =  mix(0.25, @menubar_fg_color, @menubar_bg_color)
	bg[ACTIVE] = shade(0.9, @menubar_bg_color)
	bg[INSENSITIVE] = @menubar_bg_color

	fg[NORMAL] = @menubar_fg_color
	fg[PRELIGHT] = shade(1.05, @menubar_fg_color)
	fg[SELECTED] = shade(1.05, @menubar_fg_color)
	fg[ACTIVE] = @menubar_fg_color
	fg[INSENSITIVE] = mix(0.5, @menubar_bg_color, @menubar_fg_color)

	engine "murrine" {
		roundness = 0
	}
}

style "murrine-menubaritem" = "murrine-wider" {
	bg[NORMAL] = @menubar_bg_color
	bg[PRELIGHT] = shade(0.7, @menubar_bg_color)
	bg[SELECTED] = shade(0.7, @menubar_bg_color)
	bg[ACTIVE] = shade(0.9, @menubar_bg_color)
	bg[INSENSITIVE] = @menubar_bg_color

	fg[NORMAL] = @menubar_fg_color
	fg[PRELIGHT] = shade(1.0, @menubar_fg_color)
	fg[SELECTED] = shade(1.0, @menubar_fg_color)
	fg[ACTIVE] = @menubar_fg_color
	fg[INSENSITIVE] = mix(0.5, @menubar_bg_color, @menubar_fg_color)

	engine "murrine" {
		roundness = 2
	}
}

# Toolbars

style "murrine-toolbar" = "murrine-thin" {
	bg[NORMAL] = @bg_color
	bg[PRELIGHT] = shade(1.02, @bg_color)
	bg[SELECTED] = @selected_bg_color
	bg[ACTIVE] = shade(0.9, @bg_color)
	bg[INSENSITIVE] = @bg_color

	fg[NORMAL] = @fg_color
	fg[PRELIGHT] = @fg_color
	fg[SELECTED] = @selected_fg_color
	fg[ACTIVE] = @fg_color
	fg[INSENSITIVE] = mix(0.5, @bg_color, @fg_color)

	engine "murrine" {
	}
}

style "murrine-toolbutton" = "murrine-button" {
	bg[NORMAL] = shade(1.1, @bg_color)
	bg[PRELIGHT] = shade(1.10, @bg_color)
	bg[SELECTED] = @selected_bg_color
	bg[ACTIVE] = shade(0.95, @bg_color)
	bg[INSENSITIVE] = shade(0.85, @bg_color)

	fg[NORMAL] = @fg_color
	fg[PRELIGHT] = @fg_color
	fg[SELECTED] = @selected_fg_color
	fg[ACTIVE] = @fg_color
	fg[INSENSITIVE] = mix(0.5, @bg_color, @fg_color)

	engine "murrine" {
	}
}

class "GtkToolbar" style "murrine-toolbar"
class "GtkHandleBox" style "murrine-toolbar"
widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"

# Panels

style "murrine-panel" = "murrine-thin" {
	xthickness = 2

	bg[NORMAL] = @panel_bg_color
	bg[PRELIGHT] =  mix(0.7, @selected_bg_color, @panel_bg_color)
	bg[SELECTED] =  mix(0.7, @selected_bg_color, @panel_bg_color)
	bg[ACTIVE] = shade(0.7, @panel_bg_color)
	bg[INSENSITIVE] = @panel_bg_color

	fg[NORMAL] = @panel_fg_color
	fg[PRELIGHT] = shade(1.1, @panel_fg_color)
	fg[SELECTED] = shade(1.1, @panel_fg_color)
	fg[ACTIVE] = @panel_fg_color
	fg[INSENSITIVE] = mix(0.5, @panel_bg_color, @panel_fg_color)

	base[NORMAL] = @panel_bg_color
	base[PRELIGHT] =  mix(0.7, @selected_bg_color, @panel_bg_color)
	base[SELECTED] =  mix(0.7, @selected_bg_color, @panel_bg_color)
	base[ACTIVE] = shade(0.7, @panel_bg_color)
	base[INSENSITIVE] = @panel_bg_color

	text[NORMAL] = @panel_fg_color
	text[PRELIGHT] = shade(1.1, @panel_fg_color)
	text[SELECTED] = shade(1.1, @panel_fg_color)
	text[ACTIVE] = @panel_fg_color
	text[INSENSITIVE] = mix(0.5, @panel_bg_color, @panel_fg_color)

	engine "murrine" {
		roundness = 0
		#contrast = 0.0
	}
}

widget "*PanelWidget*" style "murrine-panel"
widget "*PanelApplet*" style "murrine-panel"
widget "*fast-user-switch*" style "murrine-panel"
widget "*CPUFreq*Applet*" style "murrine-panel"
widget "*indicator-applet*" style "murrine-panel"
class "PanelApp*" style "murrine-panel"
class "PanelToplevel*" style "murrine-panel"
widget_class "*PanelToplevel*" style "murrine-panel"
widget_class "*notif*" style "murrine-panel"
widget_class "*Notif*" style "murrine-panel"
widget_class "*Tray*" style "murrine-panel" 
widget_class "*tray*" style "murrine-panel"
widget_class "*computertemp*" style "murrine-panel"
widget_class "*Applet*Tomboy*" style "murrine-panel"
widget_class "*Applet*Netstatus*" style "murrine-panel"
widget "*gdm-user-switch-menubar*" style "murrine-panel"

style "bold-panel-item" {
	font_name = "Bold"

	engine "murrine" {
		roundness = 0
	}
}

widget "*Panel*MenuBar*" style "bold-panel-item"
widget "*.clock-applet-button.*" style "bold-panel-item"
widget "*gimmie*" style "bold-panel-item"

# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
# class "*Panel*" style "murrine-panel" # Disabled to fix bug

# Widgets Style

class "GtkWidget" style "murrine-default"

class "GtkFrame" style "murrine-wide"
class "MetaFrames" style "metacity-frame"
class "GtkWindow" style "metacity-frame"

class "GtkSeparator" style "murrine-wide"
class "GtkCalendar" style "murrine-wide"

class "GtkSpinButton" style "murrine-spinbutton"

class "GtkScale" style "murrine-scale"
class "GtkVScale" style "murrine-vscale"
class "GtkHScale" style "murrine-hscale"
class "GtkScrollbar" style "murrine-scrollbar"
class "GtkVScrollbar" style "murrine-vscrollbar"
class "GtkHScrollbar" style "murrine-hscrollbar"

class "GtkRadio*" style "murrine-radiocheck"
class "GtkCheck*" style "murrine-radiocheck"

class "GtkEntry" style "murrine-entry"

widget_class "*<GtkNotebook>" style "murrine-notebook"
widget_class "*<GtkNotebook>*<GtkImage>" style "murrine-notebook"

widget_class "*<GtkNotebook>*<GtkEventBox>" style "murrine-treeview"
widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "murrine-treeview"
widget_class "*<GtkNotebook>*<GtkLayout>" style "murrine-treeview"
widget_class "*.GtkNotebook.*.GtkViewport" style "murrine-treeview"

widget_class "*<GtkButton>" style "murrine-button"
widget_class "*<GtkStatusbar>*" style "murrine-statusbar"
widget_class "*<GtkProgress>" style "murrine-progressbar"
widget_class "*<GtkProgressBar>" style "murrine-progressbar"

widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
widget_class "*<GtkCombo>*" style "murrine-comboboxentry"

widget_class "*<GtkMenu>*" style "murrine-menu"
widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
widget_class "*Menu*.*Sepa*"  style "murrine-separator-menu-item"
widget_class "*<GtkMenuBar>*" style "murrine-menubar"
widget_class "*<GtkMenuBar>*<GtkMenuItem>*" style "murrine-menubaritem"

widget_class "*GtkToolButton*" style "murrine-toolbutton"
widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
widget_class "*GtkToolbar*Button" style "murrine-toolbutton"

widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"

widget_class "*.<GtkTreeView>*" style "murrine-treeview"
widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"

widget "gtk-tooltip*" style "murrine-tooltips"

widget_class "*<GtkScrolledWindow>*<OsScrollbar>" style "murrine-overlay-scrollbar"

# XFCE Style

style "workspace-switcher" = "murrine-panel" {
	bg[SELECTED] = @selected_bg_color
}

style "xfce-header" {
	bg[NORMAL] = shade(0.9, @bg_color)
	base[NORMAL] = shade(1.18, @bg_color)
}

style "xfdesktop-windowlist" {
	bg[NORMAL] = @base_color
	fg[INSENSITIVE] = shade(0.95, @base_color)
	text[INSENSITIVE] = shade(0.95, @base_color)
}

style "xfdesktop-icon-view" {
	XfdesktopIconView::label-alpha = 150
	XfdesktopIconView::selected-label-alpha = 150
	XfdesktopIconVIew::ellipsize-icon-labels = 1

	base[NORMAL] = "#ffffff"
	base[SELECTED] = @selected_bg_color
	base[ACTIVE] = @selected_bg_color

	fg[NORMAL] = shade(1.0, "#000000")
	fg[SELECTED] = shade(1.0, @base_color)
	fg[ACTIVE] = shade(1.0, @base_color)

	engine "murrine" {
		textstyle = 0
		#text_shade = 0.7
	}
}

style "xfwm-tabwin" {
	Xfwm4TabwinWidget::border-width = 0
	Xfwm4TabwinWidget::icon-size = 64

	bg[NORMAL] = @panel_bg_color
	fg[NORMAL] = @panel_fg_color

	engine "murrine" {
		focusstyle = 0
		roundness = 2
	}
}

style "xfsm-logout" = "murrine-panel" {
	bg[NORMAL] = shade(0.6, @panel_bg_color)
	#bg[ACTIVE] = @selected_bg_color
	bg[PRELIGHT] = @selected_bg_color
	bg[SELECTED] = shade(0.6, @panel_bg_color)
    #mix(0.9, @panel_bg_color, @selected_bg_color)

	#bg[INSENSITIVE] = shade(0.7, @panel_bg_color)

    fg[PRELIGHT] = @selected_fg_color
	fg[ACTIVE] = @selected_fg_color

	engine "murrine" {
	}
}

style "xfsm-logout-button" = "xfsm-logout" {
	bg[NORMAL] = shade(0.8, @panel_bg_color)
    #mix(0.9, @panel_bg_color, @selected_bg_color)
	bg[PRELIGHT] = @selected_bg_color
	bg[ACTIVE] = @selected_bg_color

	engine "murrine" {
		#border_shades = { 1.1, 1.1 }
		border_shades = { 0.75, 0.75 }
	}
}

widget "*WnckPager*" style "workspace-switcher"

widget "*Xfce*Panel*" style "murrine-panel"
class "*Xfce*Panel*" style "murrine-panel"

widget_class "*XfceHeading*" style "xfce-header"
widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
widget "xfwm4-tabwin*" style "xfwm-tabwin"
widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"

# Thunar

style "sidepane" {
	base[NORMAL] = mix(0.25, @selected_bg_color, @base_color)
	base[INSENSITIVE] = mix(0.4, shade(1.35, @selected_bg_color), shade(0.9, @base_color))
	bg[NORMAL] = @bg_color
	text[NORMAL] = mix(0.9, @fg_color, @bg_color)
}

widget_class "*ThunarShortcutsView*" style "sidepane"
widget_class "*ThunarTreeView*" style "sidepane"
widget_class "*ThunarLocationEntry*" style "murrine-entry"

# File Chooser Dialog

#widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
#widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"

# Terminal

style "terminal" {
	base[NORMAL]	= "#000" #@panel_bg_color
	bg[NORMAL]	    = "#000" #@panel_bg_color
	bg[ACTIVE]	    = @panel_bg_color
	bg[PRELIGHT]	= @panel_bg_color
	bg[SELECTED]	= @panel_bg_color
}

style "terminal-notebook" = "murrine-panel" {
	#base[NORMAL]    = @menubar_bg_color # Tab background
	#bg[NORMAL]      = @menubar_bg_color # Tab background
	#bg[ACTIVE]      = @menubar_bg_color # Unfocused tab background

	engine "murrine" {
		roundness = 0
	}
}

style "terminal-close-button" = "murrine-menubaritem" {
    stock["gtk-close"] = {{ "gtk-close.png", *, *, * }}

	engine "murrine" {
	    roundness = 2
	}
}

style "terminal-scrollbar" = "murrine-scrollbar" {
	bg[NORMAL] = shade(1.0, @menubar_bg_color)

	engine "murrine" {
		#border_shades = { 0.95, 0.95 }
		trough_shades = { 0.75, 0.75 }
		trough_border_shades = { 0.95, 0.95 }
	}
}

class "*TerminalWindow" style "terminal"
widget "*TerminalWindow*GtkNotebook*" style "terminal-notebook"
widget "*TerminalWindow.*.GtkVScrollbar" style "terminal-scrollbar"
widget "*TerminalWindow*GtkButton*" style "terminal-close-button"

# Google Chrome/Chromium Styles (requires 9.0.597 or newer)

style "chromium-toolbar-button" {
	engine "murrine" {
		roundness = 2
		textstyle = 0
	}
}

style "chrome-gtk-frame" {
	ChromeGtkFrame::frame-color = @menubar_bg_color
	ChromeGtkFrame::inactive-frame-color = @menubar_bg_color

	ChromeGtkFrame::frame-gradient-size = 0
	ChromeGtkFrame::frame-gradient-color = @menubar_bg_color

	ChromeGtkFrame::incognito-frame-color = @menubar_bg_color
	ChromeGtkFrame::incognito-inactive-frame-color = @menubar_bg_color

	ChromeGtkFrame::incognito-frame-gradient-size = 0
	ChromeGtkFrame::incognito-frame-gradient-color = @menubar_bg_color

	ChromeGtkFrame::scrollbar-trough-color = @bg_color
	ChromeGtkFrame::scrollbar-slider-normal-color =  mix(0.21, @fg_color, @bg_color)
	ChromeGtkFrame::scrollbar-slider-prelight-color =  mix(0.31, @fg_color, @bg_color)
}

class "ChromeGtkFrame" style "chrome-gtk-frame"

widget_class "*Chrom*Button*" style "chromium-toolbar-button"

# Workarounds and Non-Standard Styling

style "text-is-fg-color-workaround" {
	text[NORMAL] = @text_color
	text[PRELIGHT] = @fg_color
	text[SELECTED] = @selected_fg_color
	text[ACTIVE] = @fg_color
	text[INSENSITIVE] = mix(0.5, @bg_color, @fg_color)
}

widget_class "*.<GtkComboBox>.<GtkCellView>" style "text-is-fg-color-workaround"

style "fg-is-text-color-workaround" {
	fg[NORMAL] = @text_color
	fg[PRELIGHT] = @text_color
	fg[ACTIVE] = @selected_fg_color
	fg[SELECTED] = @selected_fg_color
	fg[INSENSITIVE] = darker (@fg_color)
}

widget_class "*<GtkListItem>*" style "fg-is-text-color-workaround"
widget_class "*<GtkCList>" style "fg-is-text-color-workaround"
widget_class "*<EelEditableLabel>" style "fg-is-text-color-workaround"

style "murrine-evo-new-button-workaround" {
	engine "murrine" {
		toolbarstyle = 0
	}
}

widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"

style "inkscape-toolbar-fix" {
	engine "murrine" {
		gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
		highlight_shade = 1.0
	}
}

#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"

# Performance Fixes

style "performance-fix" {
	engine "murrine" {
		textstyle = 0
	}
}

widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
widget_class "*GimpToolbox*" style "performance-fix"
widget_class "*GimpMenuDock*" style "performance-fix"
widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
widget_class "*MozContainer*" style "performance-fix" # Firefox

Last edited by lnx64 (2014-11-08 05:51:00)

Offline

#2 2014-11-08 11:22:18

sixsixfive
Member
From: behind you
Registered: 2012-04-08
Posts: 579
Website

Re: Theme design help

the only way to get this in gtk2 is with the pixbuf engine with buttondefault or focus
eg:

image{
function=BOX
detail="buttondefault"
file=".. an image"
stretch=TRUE}
image{
function=FOCUS
detail="focus"
file="...an image"
stretch=TRUE}

things to keep in mind

buttondefault is drawn behind the actual button(so tu use it your button pixmap must be transparent)
focus is drawn over the button

buttondefault can be modified with the GtkButton-default properties: https://developer.gnome.org/gtk2/stable … properties
focus can be modified with the GtkWidget-focus properties: https://developer.gnome.org/gtk2/stable … properties

see also:
https://wiki.gnome.org/Attic/GnomeArt/T … /GtkThemes
https://wiki.gnome.org/Attic/GnomeArt/T … xmapEngine
http://opendesktop.org/content/show.php … tent=87134 (one of the few themes that is doing this right)

Last edited by sixsixfive (2014-11-08 11:22:42)

A monotone icon theme for Xfce
A dark theme for Xfce

Offline

#3 2014-11-09 20:37:01

lnx64
Member
Registered: 2014-10-07
Posts: 39

Re: Theme design help

Hmm, I don't want to have to rewrite this theme entirely.  I'll leave it as is for now, thanks.

Offline

#4 2014-11-12 09:56:17

sixsixfive
Member
From: behind you
Registered: 2012-04-08
Posts: 579
Website

Re: Theme design help

You only need to rewrite this section

style "murrine-button" = "murrine-wider" {
	bg[NORMAL] = shade(1.1, @bg_color)
	bg[PRELIGHT] = shade(1.2, @bg_color)
	bg[ACTIVE] = shade(0.9, @bg_color)
	#bg[SELECTED] = shade(1.0, @selected_bg_color)
	#bg[INSENSITIVE] = shade(0.85, @bg_color)

  	engine "murrine" {
	}
}

to something like this:

style "murrine-button" = "murrine-wider" {
engine "pixmap"
	{
	image
	{
		function		= FOCUS
		recolorable		= TRUE
		detail			= "button"
		file			= "Images/Buttons/button-focus.png"
		border		= {4, 4, 4, 4}
		stretch		= TRUE

	}
	image 
	{
		function		= BOX
		state			= NORMAL
		shadow		= OUT
		file			= "Images/Buttons/button-normal.png"		
		border		= {4, 4, 4, 4}
		stretch		= TRUE
	}
	image 
	{
		function		= BOX
		state			= NORMAL
		detail			= "buttondefault"
		file			= "Images/Buttons/button-default.png"		
		border		= {4,4,4,4}
		stretch		= TRUE
	}
	image
	{
		function		= BOX
		state			= ACTIVE
		file			= "Images/Buttons/button-pressed.png"
		border		={4, 4, 4, 4}
		stretch		= TRUE
	}
	{
		function		= BOX
		state			= PRELIGHT
		recolorable		= TRUE
		shadow		= IN
		file			= "Images/Buttons/button-pressed-prelight.png"
		border		= {4, 4, 4, 4}
		stretch		= TRUE
	}
	{
		function		= BOX
		state			= PRELIGHT
		recolorable		= TRUE
		shadow			= OUT
		file			= "Images/Buttons/button-prelight.png"
		border		= {4, 4, 4, 4}
		stretch		= TRUE
	}
	image 
	{
		function		= BOX
		state			= INSENSITIVE
		shadow		= IN
		file			= "Images/Buttons/button-insensitive-in.png"	
		border		= {4, 4, 4, 4}
		stretch		= TRUE
	}
	image 
	{
		function		= BOX
		state			= INSENSITIVE
		shadow		= OUT
		file			= "Images/Buttons/button-insensitive.png"	
		border		= {4, 4, 4, 4}
		stretch		= TRUE
	}
	image 
	{
		function		= BOX
		state			= INSENSITIVE
		#shadow		= IN
		detail			= "buttondefault"
		file			= "Images/Buttons/button-default-insensitive.png"		
		border		={4, 4, 4, 4}
		stretch		= TRUE
	}	
    }
}

Last edited by sixsixfive (2014-11-12 13:48:54)

A monotone icon theme for Xfce
A dark theme for Xfce

Offline

Pages: 1

Registered users online in this topic: 0, guests: 1
[Bot] ClaudeBot

Board footer

Powered by FluxBB
Modified by Visman

[ Generated in 0.008 seconds, 7 queries executed - Memory usage: 674.13 KiB (Peak: 712.52 KiB) ]