Xfce Wiki

Sub domains
 

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
xfce:xfce4-panel:4.14:theming [2019/08/23 20:41]
kevinbowen
xfce:xfce4-panel:4.14:theming [2019/08/25 03:03] (current)
emh_mark_i [Plugin theming examples] making a minor correction
Line 21: Line 21:
  
     wnck-pager     wnck-pager
 +
 +----
 +
 +===== GTK3 Theme testing and debugging =====
 +
 +For testing, you can make modifications in the override file located at **~/.config/gtk-3.0/gtk.css**. If the directory path doesn't exist, then you will have to create it.
 +
 +    mkdir -p  ~/.config/gtk-3.0
 +
 +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://wiki.gnome.org/action/show/Projects/GTK/Inspector|GtkInspector tool from GNOME]]. To inspect the XFCE panelbar and its plugins, you can perform the following:
 +
 +Kill the current xfce panel process:
 +
 +    pkill xfce4-panel
 +
 +Start the panel process with GtkInspector debugging enabled:
 +
 +    GTK_DEBUG=interactive xfce4-panel
  
 ---- ----
Line 56: Line 78:
     #pulseaudio-button menu .linked button {     #pulseaudio-button menu .linked button {
       color: lightblue;   /* This will apply a colour to the mpris button icons */       color: lightblue;   /* This will apply a colour to the mpris button icons */
-      border-color: gray; }  /* This will apply a cololur to the mpris button border */+      border-color: gray; }  /* This will apply a colour to the mpris button border */
  
 <figure "Pulseaudio menu MPRIS buttons">{{:xfce:xfce4-panel:4.14:pulseaudio_menu.png}}</figure> <figure "Pulseaudio menu MPRIS buttons">{{:xfce:xfce4-panel:4.14:pulseaudio_menu.png}}</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 states.+Workspace switcher colours for selected and hover states.
  
     wnck-pager:selected {     wnck-pager:selected {
Line 71: Line 93:
  
 <figure "Panelbar workspace switcher">{{:xfce:xfce4-panel:4.14:workspace_switcher.png}}</figure> <figure "Panelbar workspace switcher">{{:xfce:xfce4-panel:4.14:workspace_switcher.png}}</figure>
 +
 +Clock colours and font style:
 +
 +    #clock-button {
 +      color: black;
 +      font-style: italic;
 +      background-color: lightblue; }
 +
 +<figure "Panelbar Clock">{{:xfce:xfce4-panel:4.14:clock.png}}</figure>