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/01/24 01:15] – Add highlight active workspace window kevinbowenxfce:xfce4-panel:theming [2024/03/14 07:38] (current) – [CSS Selectors] Update css ids gael
Line 21: Line 21:
  
     #XfcePanelWindow     #XfcePanelWindow
 +    #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 76: 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 115: Line 134:
 //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 hover states.+Workspace switcher colours for selected and hover states (Appearance: miniature view).
  
     wnck-pager:selected {     wnck-pager:selected {
Line 123: Line 142:
  
 <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>
 +
 +Underline active Workspace switcher button (Appearance: buttons)
 +
 +    .xfce4-panel widget grid button.flat.toggle:hover { 
 +      font-family: 'Sans Bold'; 
 +      font-size: 16px;
 +    }
 +    .xfce4-panel widget grid button.flat.toggle:checked { 
 +      font-family: 'Sans Bold';
 +      font-size: 16px;
 +      border-bottom: 5px solid purple;
 +      padding: 10px;
 +    }
  
 Clock colours and font style: Clock colours and font style:
Line 147: Line 179:
  
 <figure "Status Notifier">{{:xfce:xfce4-panel:4.14:status_notifier_plugin.png}}</figure> <figure "Status Notifier">{{:xfce:xfce4-panel:4.14:status_notifier_plugin.png}}</figure>
- 
-Underline active Workspace window 
- 
-    .xfce4-panel widget grid button.flat.toggle:hover {  
-      font-family: 'Sans Bold';  
-      font-size: 16px; 
-    } 
-    .xfce4-panel widget grid button.flat.toggle:checked {  
-      font-family: 'Sans Bold'; 
-      font-size: 16px; 
-      border-bottom: 5px solid purple; 
-      padding: 10px; 
-    } 
  
 [[|Back to Top]] [[|Back to Top]]
 ---- ----
 [[:xfce:xfce4-panel:start:|Back to xfce4-panel main page]] [[:xfce:xfce4-panel:start:|Back to xfce4-panel main page]]