Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
howto:xfwm4_theme [2010/10/02 17:26] – external edit 127.0.0.1 | howto:xfwm4_theme [2014/01/28 14:12] – [Gtk Color pickup] philipp | ||
---|---|---|---|
Line 23: | Line 23: | ||
As windows can be in either active ((focused)) or inactive ((unfocused)) states for which xfwm4 use pixmaps named accordingly e.g. title-1-active.xpm and title-1-inactive.xpm. | As windows can be in either active ((focused)) or inactive ((unfocused)) states for which xfwm4 use pixmaps named accordingly e.g. title-1-active.xpm and title-1-inactive.xpm. | ||
- | For title bar decorations, | + | For title bar decorations, |
- | {{ howto: | + | | |
- | + | | Figure 2 - The pixmaps that compose the whole window | |
- | Pixmaps of a xfwm4 window | + | |
The same naming convention is true for unfocused windows with the word inactive substituted.e.g. title-1-inactive.xpm | The same naming convention is true for unfocused windows with the word inactive substituted.e.g. title-1-inactive.xpm | ||
Line 35: | Line 34: | ||
===== Window Sidebars and bottom ===== | ===== Window Sidebars and bottom ===== | ||
- | Each side of a window is made up of two pixmaps. The pixmaps on the left side are named left-active.xpm and bottom-left-active.xpm. with the right side (of course) being made up of right-active.xpm and bottom-right.active.xpm. | + | Each side of a window is made up of two pixmaps. The pixmaps on the left side are named left-active.xpm and bottom-left-active.xpm. with the right side (of course) being made up of right-active.xpm and bottom-right-active.xpm. |
The Window bottom grab bar is made up of bottom-active.xpm and bottom-inactive.xpm pixmaps which will be repeated to fit as the window is resized. | The Window bottom grab bar is made up of bottom-active.xpm and bottom-inactive.xpm pixmaps which will be repeated to fit as the window is resized. | ||
N.B These pixmaps also make up the mouse grab handles so keep that in mind when deciding how many pixels wide they should be (particularly the bottom-left and bottom right pixmaps which make up the main resize handles on the windows). | N.B These pixmaps also make up the mouse grab handles so keep that in mind when deciding how many pixels wide they should be (particularly the bottom-left and bottom right pixmaps which make up the main resize handles on the windows). | ||
- | Xfwm4 Buttons | + | ===== Xfwm4 Buttons |
Xfwm4 can use up to six action buttons - stick (sticky windows), menu, shade, hide, maximize and close. | Xfwm4 can use up to six action buttons - stick (sticky windows), menu, shade, hide, maximize and close. | ||
- | Buttons have active ((focused)), | + | Buttons have active ((focused)), |
AbiWord Image menu-active.gif | AbiWord Image menu-active.gif | ||
Line 56: | Line 55: | ||
| {{howto: | | {{howto: | ||
+ | Xfwm4 4.6 brings a new button effect of the active window called prelight. Hovering the mouse over the buttons, the picture becomes clearer. Can be used in the six active buttons. | ||
===== Themerc file ===== | ===== Themerc file ===== | ||
Line 104: | Line 104: | ||
The " | The " | ||
+ | The " | ||
+ | |||
+ | ==== App icon ==== | ||
+ | With **show_app_icon** option you can replace the menu button with application icon. The application icon will be limited by width of menu button. Stay tuned! | ||
+ | |||
+ | * show_app_icon=true //#Shows the application icon// | ||
+ | * show_app_icon=false //#Shows the menu button// | ||
+ | |||
+ | If you don't have a menu button, you can use a blank square. Or you cannot use this option. | ||
===== Gtk Color pickup ==== | ===== Gtk Color pickup ==== | ||
- | As you have no doubt noticed when using Xfwm4' | + | As you have no doubt noticed when using Xfwm4' |
+ | |||
+ | ^ Name ^ Gtk value ^ Description ^ | ||
+ | | active_text_color | ||
+ | | inactive_text_color | ||
+ | | active_text_shadow_color | ||
+ | | inactive_text_shadow_color | dark[insensitive] | Shadow color for inactive window' | ||
+ | | active_border_color | ||
+ | | inactive_border_color | ||
+ | | active_color_1 | ||
+ | | active_color_2 | ||
+ | | active_hilight_1 | ||
+ | | active_hilight_2 | ||
+ | | active_mid_1 | ||
+ | | active_mid_2 | ||
+ | | active_shadow_1 | ||
+ | | active_shadow_2 | ||
+ | | inactive_color_1 | ||
+ | | inactive_color_2 | ||
+ | | inactive_hilight_1 | ||
+ | | inactive_hilight_2 | ||
+ | | inactive_mid_1 | ||
+ | | inactive_mid_2 | ||
+ | | inactive_shadow_1 | ||
+ | | inactive_shadow_2 | ||
- | The color symbols | + | The Gtk values " |
- | ^ Name ^ Description ^ | + | The symbols get replaced by the actual |
- | | active_text_color | Text color on title for active | + | |
- | | inactive_text_color | Text color on title for inactive window | | + | |
- | | active_border_color | Very rarely used usually set to black | | + | |
- | | inactive_border_color | Idem | | + | |
- | | active_color_1 | Background color for active title | | + | |
- | | active_color_2 | Background color for active window | | + | |
- | | active_hilight_1 | Lighter color for active title for 3D look | | + | |
- | | active_hilight_2 | Lighter color for active window | | + | |
- | | active_mid_1 | Slightly darker color for active title | | + | |
- | | active_mid_2 | Slightly darker color for active window | | + | |
- | | active_shadow_1 | Darker color for active title for 3D look | | + | |
- | | active_shadow_2 | Darker color for active window | | + | |
- | | inactive_color_1 | Background color for inactive title | | + | |
- | | inactive_color_2 | Background color for inactive window | | + | |
- | | inactive_hilight_1 | Lighter color for inactive title for 3D look | | + | |
- | | inactive_hilight_2 | Lighter color for inactive window | | + | |
- | | inactive_mid_1 | Slightly darker color for inactive title | | + | |
- | | inactive_mid_2 | Slightly darker color for inactive window | | + | |
- | | inactive_shadow_1 | Darker color for inactive title for 3D look | | + | |
- | | inactive_shadow_2 | Darker color for inactive window | | + | |
- | The symbols get replaced by the actual color values at runtime so that the window borders inherits GTK theme colors automatically. | + | To use the defined colors in the XFWM theme, the XPM files have to be edited. Since XPM files are plain text, they can be edited with your favorite text editor. |
- | Xpm file format used natively by xfwm4 is no more than a plain text file that can be edited with your favorite text editor. | + | |
===== From Wikipedia, the free encyclopedia. ===== | ===== From Wikipedia, the free encyclopedia. ===== | ||
Line 234: | Line 246: | ||
This is a list of all possible part names in a decoration, so you can easily copy and paste them. (Tip: if using Firefox hold Ctrl while dragging, to select cells instead of lines. ;-)) | This is a list of all possible part names in a decoration, so you can easily copy and paste them. (Tip: if using Firefox hold Ctrl while dragging, to select cells instead of lines. ;-)) | ||
- | ^ Active | + | ^ Active |
- | | menu-active | + | | menu-active |
- | | shade-active | + | | shade-active |
- | | stick-active | + | | stick-active |
- | | hide-active | + | | hide-active |
- | | maximize-active | + | | maximize-active |
- | | close-active | + | | close-active |
- | | top-left-active | + | | top-left-active |
- | | title-1-active | + | | title-1-active |
- | | title-2-active | + | | title-2-active |
- | | title-3-active | + | | title-3-active |
- | | title-4-active | + | | title-4-active |
- | | title-5-active | + | | title-5-active |
- | | top-right-active | + | | top-right-active |
- | | right-active | + | | right-active |
- | | bottom-right-active | bottom-right-inactive | | | + | | bottom-right-active | bottom-right-inactive |
- | | bottom-active | + | | bottom-active |
- | | bottom-left-active | + | | bottom-left-active |
- | | left-active | + | | left-active |
===== Credits ===== | ===== Credits ===== | ||
- | This how-to has been started by Drewbian (drewbian at tsn dot cc) and later modifed by Olivier Fourdan (fourdan at xfce dot org). | + | This how-to has been started by Drewbian (drewbian at tsn dot cc) and later modifed by Olivier Fourdan (fourdan at xfce dot org) and Renato Santos (renatosan at gmail dot com). |