Xfce Wiki

Sub domains
 

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
xfce:xfce4-panel:theming [2023/08/26 11:40] – [CSS Selectors] gaelxfce:xfce4-panel:theming [2024/12/11 11:29] (current) – kevinbowen
Line 1: Line 1:
 ~~NOTOC~~ ~~NOTOC~~
-{{ :xfce:xfce.panel.png?no link|}}+{{ :xfce:xfce4-panel.png?nolink|}}
 ====== xfce4-panel - Panelbar Theming ====== ====== xfce4-panel - Panelbar Theming ======
  
Line 22: Line 22:
     #XfcePanelWindow     #XfcePanelWindow
     #XfcePanelWindowHidden     #XfcePanelWindowHidden
 +    #XfcePanelWindowWrapper
 +    #xfce-panel-button
 +    #xfce-panel-toggle-button
 +
 +    /* internal plugins */
 +    #actions-button
 +    #applicationmenu-button
 +    #clock-button
 +    #directorymenu-button
 +    #launcher-button
 +    #launcher-arrow
 +    #showdesktop-button
 +    #sn-button
 +    #sn-button-box
 +    #panel-tasklist-arrow
 +    #windowmenu-button
 +
 +    /* some external plugins */
     #whiskermenu-button     #whiskermenu-button
     #xfce4-notification-plugin     #xfce4-notification-plugin
     #xfce4-power-manager-plugin     #xfce4-power-manager-plugin
     #pulseaudio-button     #pulseaudio-button
-    #clock-button 
-    #indicator-button 
-    #sn-button 
-    #showdesktop-button 
-     
  
 === Elements === === Elements ===
Line 77: Line 90:
     .xfce4-panel .horizontal .background {     .xfce4-panel .horizontal .background {
       background-color: rgba(36, 36, 36, 0.8); }       background-color: rgba(36, 36, 36, 0.8); }
 +
 +Make autohide panelbar transparent.
 +
 +    .xfce4-panel#XfcePanelWindowHidden {
 +      background: rgba(0,0,0,0); }
  
 [[|Back To Top]] [[|Back To Top]]
Line 91: Line 109:
       border-radius: 3px; }       border-radius: 3px; }
  
-<figure "Panelbar tasklist button">{{:xfce:xfce4-panel:4.14:tasklist_button.png}}</figure>+<figure "Panelbar Tasklist Button"> 
 +{{:xfce:xfce4-panel:tasklist_button.png|Panelbar Tasklist Button}} 
 +</figure>
  
  
Line 102: Line 122:
  
  
-<figure "Whisker Menu panel button">{{:xfce:xfce4-panel:4.14:whiskermenu_button.png}}</figure>+<figure "Whisker Menu Panel Button"> 
 +{{:xfce:xfce4-panel:whiskermenu_button.png|Whisker Menu Panel Button}} 
 +</figure>
  
  
Line 111: Line 133:
       border-color: gray; }  /* This will apply a colour 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:pulseaudio_menu.png|Pulseaudio Menu MPRIS Buttons}} 
 +</figure>
  
  
Line 123: Line 147:
       background-color: gray; }       background-color: gray; }
  
-<figure "Panelbar workspace switcher">{{:xfce:xfce4-panel:4.14:workspace_switcher.png}}</figure>+<figure "Panelbar Workspace Switcher"> 
 +{{:xfce:xfce4-panel:workspace_switcher.png|Panelbar Workspace Switcher}} 
 +</figure>
  
 Underline active Workspace switcher button (Appearance: buttons) Underline active Workspace switcher button (Appearance: buttons)
Line 145: Line 171:
       background-color: lightblue; }       background-color: lightblue; }
  
-<figure "Panelbar Clock">{{:xfce:xfce4-panel:4.14:clock.png}}</figure>+<figure "Panelbar Clock"> 
 +{{:xfce:xfce4-panel:clock.png|Panelbar Clock}} 
 +</figure>
  
 Notification Plugin panel button colours Notification Plugin panel button colours
Line 153: Line 181:
       color: black; }       color: black; }
  
-<figure "Notification Plugin">{{:xfce:xfce4-panel:4.14:notification_plugin.png}}</figure>+<figure "Notification Plugin"> 
 +{{:xfce:xfce4-panel:notification_plugin.png|Notification Plugin}} 
 +</figure>
  
 Status Notifier Plugin Status Notifier Plugin
Line 160: Line 190:
       background-color: lightblue; }       background-color: lightblue; }
  
-<figure "Status Notifier">{{:xfce:xfce4-panel:4.14:status_notifier_plugin.png}}</figure>+<figure "Status Notifier"> 
 +{{:xfce:xfce4-panel:status_notifier_plugin.png|Status Notifier}} 
 +</figure>
  
 [[|Back to Top]] [[|Back to Top]]
 ---- ----
-[[:xfce:xfce4-panel:start:|Back to xfce4-panel main page]]+[[:xfce:xfce4-panel:start:|Return to xfce4-panel Main Documentation Page]]