Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
xfce:xfce4-panel:4.14:theming [2019/08/23 18:44] – updated for GTK3 kevinbowen | xfce:xfce4-panel:4.14:theming [2019/08/25 03:03] (current) – [Plugin theming examples] making a minor correction emh_mark_i | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ===== XFCE 4.14 Panelbar Theming ===== | + | ====== XFCE 4.14 Panelbar Theming |
---- | ---- | ||
- | ==== CSS Selectors ==== | + | ===== CSS Selectors |
=== Classes: === | === Classes: === | ||
Line 24: | Line 24: | ||
---- | ---- | ||
- | ==== Plugin theming examples ==== | + | ===== GTK3 Theme testing and debugging ===== |
+ | |||
+ | For testing, you can make modifications in the override file located at **~/ | ||
+ | |||
+ | mkdir -p ~/ | ||
+ | |||
+ | To see your modifications applied, you can reset the xfce4-panel process by typing the following command into a terminal: | ||
+ | |||
+ | xfce4-panel -r | ||
+ | |||
+ | For debugging, you can use the [[https:// | ||
+ | |||
+ | Kill the current xfce panel process: | ||
+ | |||
+ | pkill xfce4-panel | ||
+ | |||
+ | Start the panel process with GtkInspector debugging enabled: | ||
+ | |||
+ | GTK_DEBUG=interactive xfce4-panel | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ===== Plugin theming examples | ||
Panelbar background color. | Panelbar background color. | ||
Line 56: | Line 78: | ||
# | # | ||
color: lightblue; | color: lightblue; | ||
- | border-color: | + | border-color: |
<figure " | <figure " | ||
- | *The pulseaudio menu contains common GTK widgets such as a scale, trough, switch, and slider.* | + | //The pulseaudio menu contains common GTK widgets such as a scale, trough, switch, and slider.// |
- | Workspace switcher colours for selected and active | + | Workspace switcher colours for selected and hover states. |
wnck-pager: | wnck-pager: | ||
Line 71: | Line 93: | ||
<figure " | <figure " | ||
+ | |||
+ | Clock colours and font style: | ||
+ | |||
+ | # | ||
+ | color: black; | ||
+ | font-style: italic; | ||
+ | background-color: | ||
+ | |||
+ | <figure " |