XFCE panelbar fixes

This addresses some issues with common XFCE panel plugins.
This commit is contained in:
EMH-Mark-I 2020-04-17 22:13:39 -05:00
parent cc6c21f3ef
commit ec17c698e9
8 changed files with 246 additions and 162 deletions

View File

@ -1,7 +1,5 @@
/* Whisker Menu and Application Menu Panel Button style */
/* FOR GTK3.24 */
/* We will remove the border effect and margin effects on the button and apply it to the box inside.
This will allow people to be able to run their pointer to the far corner of the screen and activate
the whisker menu without having to correct their pointer location. */
@ -31,17 +29,14 @@ the whisker menu without having to correct their pointer location. */
border-radius: 0px; }
#whiskermenu-button image,
#applicationmenu-button image {
margin-right: -4px;
margin-left: 1px;
padding: 1px;
margin-right: -2px;
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
#whiskermenu-button label,
#applicationmenu-button label {
padding: 0px;
margin-right: 1px;
margin-left: -1px;
padding: 1px;
border: none;
color: black;
font-family: "MS Sans Serif Bold", Sans, Sans-Serif;
@ -53,38 +48,52 @@ the whisker menu without having to correct their pointer location. */
#whiskermenu-window {
box-shadow: inset 23px 0 @whisker_menu_logo; }
#whiskermenu-window > frame {
border: 2px solid @border_dark;
border-image: url("../assets/frame_outset.png");
border-image-slice: 2 2 2 2;}
#whiskermenu-window treeview {
padding-left: 5px;
padding-left: 2px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px; }
padding-top: 1px;
padding-bottom: 1px; }
#whiskermenu-window button {
padding: 2px;
min-height: 16px; }
padding: 1px;
min-height: 16px;
min-width: 16px; }
#whiskermenu-window button:not(:hover):not(:checked) {
border-color: transparent;
box-shadow: none;
background-color: transparent; }
#whiskermenu-window scrolledwindow {
border: none;
box-shadow: none; }
#whiskermenu-window scrolledwindow.frame {
padding: 0px;
border: 2px solid @border_dark;
border-image: url("../assets/frame_inset.png");
border-image-slice: 2 2 2 2;
border-radius: 0px;
box-shadow: none; }
#whiskermenu-window scrolledwindow viewport button:hover {
outline-color: @border_bright; }
#whiskermenu-window separator {
margin: 5px; }
#whiskermenu-window scrolledwindow {
border: 1px solid @bg_shade;
box-shadow: none;
padding: 0px; }
#whiskermenu-window > frame {
border: 2px solid @border_dark;
border-image: url("../assets/frame_outset.png");
border-image-slice: 2 2 2 2;}
#whiskermenu-window > frame > stack > box > box:first-child {
padding: 2px;
margin: 0;
color: @text_color;
/*background-image: linear-gradient(to right, @selected_bg_color, @transparent);*/ /* Note: You can setup a gradient here if you want! */ }
#whiskermenu-window frame {
/*
These are the Whisker Menu side bar images to replicate Windows 95.
comment branding_C95.png and uncomment which one you would prefer to use:
- w95-orig: the original from the boss
- w95: Replicated version of the original in a higher resolution
- l95: A linux version
- C95: Branded version of this theme
- w95-orig: the original from the boss
- L95: A linux version
- L95_aliased: A linux version with aliased font style.
- C95: A Chicago95 version of this theme.
- C95_aliased: A Chicago95 version with aliased font style.
If none of these catch your fancy edit misc/whisker-sidebar.svg in
Inkscape
*/
@ -96,43 +105,25 @@ the whisker menu without having to correct their pointer location. */
background-image: url("../assets/branding_C95_aliased.png");
background-repeat: no-repeat;
background-position: 0% 100%; }
#whiskermenu-window frame > box {
#whiskermenu-window frame > stack,
#whiskermenu-window frame > box { /* frame > box is for older versions of Whisker menu. */
margin-left: 18px; }
#whiskermenu-window frame > box > box > scrolledwindow {
padding: 5px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid @border_shade;
box-shadow: inset 1px 0px @border_bright; }
#whiskermenu-window frame > box > box > scrolledwindow button {
#whiskermenu-window frame scrolledwindow button {
border: 1px solid transparent;
background-color: @selected_bg_color;
box-shadow: none; }
#whiskermenu-window frame > box > box > scrolledwindow button:checked {
#whiskermenu-window frame scrolledwindow button:checked {
background-color: @border_shade; }
#whiskermenu-window frame > box > box > scrolledwindow button:hover,
#whiskermenu-window frame > box > box > scrolledwindow button:active,
#whiskermenu-window frame > box > box > scrolledwindow button:checked,
#whiskermenu-window frame > box > box > scrolledwindow button:disabled
#whiskermenu-window frame > box > box > scrolledwindow button:backdrop {
#whiskermenu-window frame scrolledwindow button:hover,
#whiskermenu-window frame scrolledwindow button:active,
#whiskermenu-window frame scrolledwindow button:checked {
color: white; }
#whiskermenu-window frame > box > box:nth-child(1) {
padding: 2px;
margin: 0;
color: @text_color;
/*background-image: linear-gradient(to right, @selected_bg_color, @transparent);*/ /* Note: You can setup a gradient here if you want! */ }
#whiskermenu-window frame > box > box:nth-child(2) .frame {
border: 1px solid @bg_shade;
padding: 0px; }
#whiskermenu-window frame > box > box > box button image {
padding: 0px; }
#whiskermenu-window entry {
margin-top: 3px;
margin-bottom: 3px;
min-height: 16px; }
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
background-color: transparent; }
#whiskermenu-window scrollbar button {
margin: 0px;
padding: 0px;
@ -140,11 +131,5 @@ margin-left: 18px; }
min-height: 16px;
border: none;
box-shadow: none; }
#whiskermenu-window stack > scrolledwindow {
border-left: 1px solid @border_dark;
border-right: 1px solid @border_bright;
border-top: 1px solid @border_dark;
border-bottom: 1px solid @border_bright;
box-shadow: inset -1px -1px @border_color, inset 1px 1px @border_shade;
background: @base_color;
padding: 1px; }
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
background-color: transparent; }

View File

@ -96,6 +96,56 @@ wnck-pager {
background-color: @border_shade;
color: white; }
/* Panel entry */
/* NOTE! Entry background colouring is bugged in some versions of XFCE. */
.panel entry {
background-color: @base_color;
margin: 2px;
box-shadow: none; }
.panel entry selection {
background-color: @selected_bg_color;
color: @text_bright }
/* Plugin buttons */
.panel .toggle {
border: none;
box-shadow: none;
margin: 0px;
background-color: transparent; }
.panel .toggle > box,
#actions-button {
margin: 2px;
border: 2px solid transparent;
border-top: 3px solid transparent;
border-image: none;
box-shadow: none; }
.panel .toggle:hover > box,
#actions-button:hover {
margin: 2px;
border: 2px solid @border_dark;
border-top: 3px solid @border_dark;
border-image: url("../buttons/dialog_button_normal.png");
border-image-slice: 3 2 2 2;
box-shadow: none; }
.panel .toggle:active > box,
#actions-button:active {
border: 2px solid @border_dark;
border-top: 3px solid @border_dark;
border-image: url("../buttons/button_pressed.png");
border-image-slice: 3 2 2 2;
box-shadow: none; }
.panel .toggle:checked > box,
#actions-button:checked {
border: 2px solid @border_dark;
border-top: 3px solid @border_dark;
border-image: url("../buttons/toggle_pressed.png");
border-image-slice: 3 2 2 2;
background-color: @border_bright;
background-image: linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_color), linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_dark);
background-size: 2px 2px;
background-position: 0 0, 1px 1px;
box-shadow: none; }
/* Tasklist */
.tasklist .toggle {
/* We remove borders and shadows for the '.tasklist' '.toggle' button
@ -201,7 +251,8 @@ wnck-pager {
border-bottom-color: @border_dark; }
/* XFCE terminal */
#xfce4-terminal-notebook stack > box {
#xfce4-terminal-notebook overlay > box,
#xfce4-terminal-notebook stack > box { {
border: 2px solid @border_dark;
border-image: url("../assets/frame_inset.png");
border-image-slice: 2 2 2 2;
@ -218,3 +269,4 @@ wnck-pager {
padding: 0px;
margin-top: -1px;
margin-bottom: -2px; }

View File

@ -83,7 +83,6 @@ statusbar {
scrolledwindow.frame {
padding: 0px;
padding-right: 1px;
background-color: @base_color;
border: 2px solid @border_dark;
border-image: url("assets/frame_inset.png");

View File

@ -10,7 +10,7 @@
*/
scrolledwindow {
padding: 1px;
padding: 0px;
background-color: @bg_color;
border: 2px solid @border_dark;
border-image: url("assets/frame_inset.png");

View File

@ -1,7 +1,5 @@
/* Whisker Menu and Application Menu Panel Button style */
/* FOR GTK3.24 */
/* We will remove the border effect and margin effects on the button and apply it to the box inside.
This will allow people to be able to run their pointer to the far corner of the screen and activate
the whisker menu without having to correct their pointer location. */
@ -50,34 +48,52 @@ the whisker menu without having to correct their pointer location. */
#whiskermenu-window {
box-shadow: inset 23px 0 @whisker_menu_logo; }
#whiskermenu-window > frame {
border: 2px solid @border_dark;
border-image: url("../assets/frame_outset.png");
border-image-slice: 2 2 2 2;}
#whiskermenu-window treeview {
padding-left: 5px;
padding-left: 2px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px; }
padding-top: 1px;
padding-bottom: 1px; }
#whiskermenu-window button {
padding: 2px;
min-height: 16px; }
padding: 1px;
min-height: 16px;
min-width: 16px; }
#whiskermenu-window button:not(:hover):not(:checked) {
border-color: transparent;
box-shadow: none;
background-color: transparent; }
#whiskermenu-window scrolledwindow {
border: none;
box-shadow: none; }
#whiskermenu-window scrolledwindow.frame {
padding: 0px;
border: 2px solid @border_dark;
border-image: url("../assets/frame_inset.png");
border-image-slice: 2 2 2 2;
border-radius: 0px;
box-shadow: none; }
#whiskermenu-window scrolledwindow viewport button:hover {
outline-color: @border_bright; }
#whiskermenu-window separator {
margin: 5px; }
#whiskermenu-window > frame {
border: 2px solid @border_dark;
border-image: url("../assets/frame_outset.png");
border-image-slice: 2 2 2 2;}
#whiskermenu-window > frame > stack > box > box:first-child {
padding: 2px;
margin: 0;
color: @text_color;
/*background-image: linear-gradient(to right, @selected_bg_color, @transparent);*/ /* Note: You can setup a gradient here if you want! */ }
#whiskermenu-window frame {
/*
These are the Whisker Menu side bar images to replicate Windows 95.
comment branding_C95.png and uncomment which one you would prefer to use:
- w95-orig: the original from the boss
- w95: Replicated version of the original in a higher resolution
- l95: A linux version
- C95: Branded version of this theme
- w95-orig: the original from the boss
- L95: A linux version
- L95_aliased: A linux version with aliased font style.
- C95: A Chicago95 version of this theme.
- C95_aliased: A Chicago95 version with aliased font style.
If none of these catch your fancy edit misc/whisker-sidebar.svg in
Inkscape
*/
@ -89,38 +105,25 @@ the whisker menu without having to correct their pointer location. */
background-image: url("../assets/branding_C95_aliased.png");
background-repeat: no-repeat;
background-position: 0% 100%; }
#whiskermenu-window frame > stack {
#whiskermenu-window frame > stack,
#whiskermenu-window frame > box { /* frame > box is for older versions of Whisker menu. */
margin-left: 18px; }
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow {
padding: 5px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid @border_shade;
box-shadow: inset 1px 0px @border_bright; }
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button {
#whiskermenu-window frame scrolledwindow button {
border: 1px solid transparent;
background-color: @selected_bg_color;
box-shadow: none; }
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:checked {
#whiskermenu-window frame scrolledwindow button:checked {
background-color: @border_shade; }
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:hover,
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:active,
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:checked {
#whiskermenu-window frame scrolledwindow button:hover,
#whiskermenu-window frame scrolledwindow button:active,
#whiskermenu-window frame scrolledwindow button:checked {
color: white; }
#whiskermenu-window > frame > stack > box > box:first-child {
padding: 2px;
margin: 0;
color: @text_color;
/*background-image: linear-gradient(to right, @selected_bg_color, @transparent);*/ /* Note: You can setup a gradient here if you want! */ }
#whiskermenu-window frame > box > box > box button image {
padding: 0px; }
#whiskermenu-window entry {
margin-top: 3px;
margin-bottom: 3px;
min-height: 16px; }
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
background-color: transparent; }
#whiskermenu-window scrollbar button {
margin: 0px;
padding: 0px;
@ -128,11 +131,5 @@ margin-left: 18px; }
min-height: 16px;
border: none;
box-shadow: none; }
#whiskermenu-window stack > scrolledwindow {
border-left: 1px solid @border_dark;
border-right: 1px solid @border_bright;
border-top: 1px solid @border_dark;
border-bottom: 1px solid @border_bright;
box-shadow: inset -1px -1px @border_color, inset 1px 1px @border_shade;
background: @base_color;
padding: 1px; }
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
background-color: transparent; }

View File

@ -96,6 +96,56 @@ wnck-pager {
background-color: @border_shade;
color: white; }
/* Panel entry */
/* NOTE! Entry background colouring is bugged in some versions of XFCE. */
.panel entry {
background-color: @base_color;
margin: 2px;
box-shadow: none; }
.panel entry selection {
background-color: @selected_bg_color;
color: @text_bright }
/* Plugin buttons */
.panel .toggle {
border: none;
box-shadow: none;
margin: 0px;
background-color: transparent; }
.panel .toggle > box,
#actions-button {
margin: 2px;
border: 2px solid transparent;
border-top: 3px solid transparent;
border-image: none;
box-shadow: none; }
.panel .toggle:hover > box,
#actions-button:hover {
margin: 2px;
border: 2px solid @border_dark;
border-top: 3px solid @border_dark;
border-image: url("../buttons/dialog_button_normal.png");
border-image-slice: 3 2 2 2;
box-shadow: none; }
.panel .toggle:active > box,
#actions-button:active {
border: 2px solid @border_dark;
border-top: 3px solid @border_dark;
border-image: url("../buttons/button_pressed.png");
border-image-slice: 3 2 2 2;
box-shadow: none; }
.panel .toggle:checked > box,
#actions-button:checked {
border: 2px solid @border_dark;
border-top: 3px solid @border_dark;
border-image: url("../buttons/toggle_pressed.png");
border-image-slice: 3 2 2 2;
background-color: @border_bright;
background-image: linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_color), linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_dark);
background-size: 2px 2px;
background-position: 0 0, 1px 1px;
box-shadow: none; }
/* Tasklist */
.tasklist .toggle {
/* We remove borders and shadows for the '.tasklist' '.toggle' button
@ -201,7 +251,8 @@ wnck-pager {
border-bottom-color: @border_dark; }
/* XFCE terminal */
#xfce4-terminal-notebook overlay > box {
#xfce4-terminal-notebook overlay > box,
#xfce4-terminal-notebook stack > box { {
border: 2px solid @border_dark;
border-image: url("../assets/frame_inset.png");
border-image-slice: 2 2 2 2;
@ -218,3 +269,4 @@ wnck-pager {
padding: 0px;
margin-top: -1px;
margin-bottom: -2px; }

View File

@ -83,7 +83,6 @@ statusbar {
scrolledwindow.frame {
padding: 0px;
padding-right: 1px;
background-color: @base_color;
border: 2px solid @border_dark;
border-image: url("assets/frame_inset.png");

View File

@ -10,7 +10,7 @@
*/
scrolledwindow {
padding: 1px;
padding: 0px;
background-color: @bg_color;
border: 2px solid @border_dark;
border-image: url("assets/frame_inset.png");