tyler.durden/Chicago95
1
0
Fork 0
mirror of https://github.com/grassmunk/Chicago95.git synced 2025-07-23 05:35:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

XFCE panelbar fixes

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

155
Theme/Chicago95/gtk-3.0/apps/whiskermenu.css
View File

@ -1,7 +1,5 @@
/* Whisker Menu and Application Menu Panel Button style */ /* 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. /* 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 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. */ 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; } border-radius: 0px; }
#whiskermenu-button image, #whiskermenu-button image,
#applicationmenu-button image { #applicationmenu-button image {
margin-right: -4px;
margin-left: 1px;
padding: 1px; padding: 1px;
margin-right: -2px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
background-position: center; } background-position: center; }
#whiskermenu-button label, #whiskermenu-button label,
#applicationmenu-button label { #applicationmenu-button label {
padding: 0px; padding: 1px;
margin-right: 1px;
margin-left: -1px;
border: none; border: none;
color: black; color: black;
font-family: "MS Sans Serif Bold", Sans, Sans-Serif; font-family: "MS Sans Serif Bold", Sans, Sans-Serif;
@ -53,98 +48,88 @@ the whisker menu without having to correct their pointer location. */
#whiskermenu-window { #whiskermenu-window {
box-shadow: inset 23px 0 @whisker_menu_logo; } box-shadow: inset 23px 0 @whisker_menu_logo; }
#whiskermenu-window > frame { #whiskermenu-window treeview {
border: 2px solid @border_dark; padding-left: 2px;
border-image: url("../assets/frame_outset.png"); padding-right: 5px;
border-image-slice: 2 2 2 2;} padding-top: 1px;
#whiskermenu-window treeview { padding-bottom: 1px; }
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px; }
#whiskermenu-window button { #whiskermenu-window button {
padding: 2px; padding: 1px;
min-height: 16px; } min-height: 16px;
min-width: 16px; }
#whiskermenu-window button:not(:hover):not(:checked) { #whiskermenu-window button:not(:hover):not(:checked) {
border-color: transparent; border-color: transparent;
box-shadow: none; box-shadow: none;
background-color: transparent; } background-color: transparent; }
#whiskermenu-window scrolledwindow viewport button:hover { #whiskermenu-window scrolledwindow {
outline-color: @border_bright; } border: none;
#whiskermenu-window separator { box-shadow: none; }
margin: 5px; } #whiskermenu-window scrolledwindow.frame {
#whiskermenu-window scrolledwindow { padding: 0px;
border: 1px solid @bg_shade; border: 2px solid @border_dark;
box-shadow: none; border-image: url("../assets/frame_inset.png");
padding: 0px; } border-image-slice: 2 2 2 2;
#whiskermenu-window frame { 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. 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: 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 - w95: Replicated version of the original in a higher resolution
- l95: A linux version - w95-orig: the original from the boss
- C95: Branded version of this theme - 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 If none of these catch your fancy edit misc/whisker-sidebar.svg in
Inkscape Inkscape
*/ */
/* background-image: url("../assets/branding_W95.png"); */ /* background-image: url("../assets/branding_W95.png"); */
/* background-image: url("../assets/branding_W95-orig.png"); */ /* background-image: url("../assets/branding_W95-orig.png"); */
/* background-image: url("../assets/branding_L95.png"); */ /* background-image: url("../assets/branding_L95.png"); */
/* background-image: url("../assets/branding_L95_aliased.png"); */ /* background-image: url("../assets/branding_L95_aliased.png"); */
/* background-image: url("../assets/branding_C95.png"); */ /* background-image: url("../assets/branding_C95.png"); */
background-image: url("../assets/branding_C95_aliased.png"); background-image: url("../assets/branding_C95_aliased.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0% 100%; } background-position: 0% 100%; }
#whiskermenu-window frame > box { #whiskermenu-window frame > stack,
margin-left: 18px; } #whiskermenu-window frame > box { /* frame > box is for older versions of Whisker menu. */
#whiskermenu-window frame > box > box > scrolledwindow { margin-left: 18px; }
padding: 5px; #whiskermenu-window frame scrolledwindow button {
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 {
border: 1px solid transparent; border: 1px solid transparent;
background-color: @selected_bg_color; background-color: @selected_bg_color;
box-shadow: none; } box-shadow: none; }
#whiskermenu-window frame > box > box > scrolledwindow button:checked { #whiskermenu-window frame scrolledwindow button:checked {
background-color: @border_shade; } background-color: @border_shade; }
#whiskermenu-window frame > box > box > scrolledwindow button:hover, #whiskermenu-window frame scrolledwindow button:hover,
#whiskermenu-window frame > box > box > scrolledwindow button:active, #whiskermenu-window frame scrolledwindow button:active,
#whiskermenu-window frame > box > box > scrolledwindow button:checked, #whiskermenu-window frame scrolledwindow button:checked {
#whiskermenu-window frame > box > box > scrolledwindow button:disabled
#whiskermenu-window frame > box > box > scrolledwindow button:backdrop {
color: white; } color: white; }
#whiskermenu-window frame > box > box:nth-child(1) { #whiskermenu-window frame > box > box > box button image {
padding: 2px; padding: 0px; }
margin: 0; #whiskermenu-window entry {
color: @text_color; margin-top: 3px;
/*background-image: linear-gradient(to right, @selected_bg_color, @transparent);*/ /* Note: You can setup a gradient here if you want! */ } margin-bottom: 3px;
#whiskermenu-window frame > box > box:nth-child(2) .frame { min-height: 16px; }
border: 1px solid @bg_shade; #whiskermenu-window scrollbar button {
padding: 0px; } margin: 0px;
#whiskermenu-window frame > box > box > box button image { padding: 0px;
padding: 0px; } min-width: 16px;
#whiskermenu-window entry { min-height: 16px;
margin-top: 3px; border: none;
margin-bottom: 3px; box-shadow: none; }
min-height: 16px; } #whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport { background-color: transparent; }
background-color: transparent; }
#whiskermenu-window scrollbar button {
margin: 0px;
padding: 0px;
min-width: 16px;
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; }

54
Theme/Chicago95/gtk-3.0/apps/xfce.css
View File

@ -96,6 +96,56 @@ wnck-pager {
background-color: @border_shade; background-color: @border_shade;
color: white; } 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 */
.tasklist .toggle { .tasklist .toggle {
/* We remove borders and shadows for the '.tasklist' '.toggle' button /* We remove borders and shadows for the '.tasklist' '.toggle' button
@ -201,7 +251,8 @@ wnck-pager {
border-bottom-color: @border_dark; } border-bottom-color: @border_dark; }
/* XFCE terminal */ /* XFCE terminal */
#xfce4-terminal-notebook stack > box { #xfce4-terminal-notebook overlay > box,
#xfce4-terminal-notebook stack > box { {
border: 2px solid @border_dark; border: 2px solid @border_dark;
border-image: url("../assets/frame_inset.png"); border-image: url("../assets/frame_inset.png");
border-image-slice: 2 2 2 2; border-image-slice: 2 2 2 2;
@ -218,3 +269,4 @@ wnck-pager {
padding: 0px; padding: 0px;
margin-top: -1px; margin-top: -1px;
margin-bottom: -2px; } margin-bottom: -2px; }

1
Theme/Chicago95/gtk-3.0/gtk-frames.css
View File

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

2
Theme/Chicago95/gtk-3.0/gtk-scrolledwindows.css
View File

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

139
Theme/Chicago95/gtk-3.24/apps/whiskermenu.css
View File

@ -1,7 +1,5 @@
/* Whisker Menu and Application Menu Panel Button style */ /* 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. /* 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 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. */ the whisker menu without having to correct their pointer location. */
@ -50,89 +48,88 @@ the whisker menu without having to correct their pointer location. */
#whiskermenu-window { #whiskermenu-window {
box-shadow: inset 23px 0 @whisker_menu_logo; } box-shadow: inset 23px 0 @whisker_menu_logo; }
#whiskermenu-window > frame { #whiskermenu-window treeview {
border: 2px solid @border_dark; padding-left: 2px;
border-image: url("../assets/frame_outset.png"); padding-right: 5px;
border-image-slice: 2 2 2 2;} padding-top: 1px;
#whiskermenu-window treeview { padding-bottom: 1px; }
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px; }
#whiskermenu-window button { #whiskermenu-window button {
padding: 2px; padding: 1px;
min-height: 16px; } min-height: 16px;
min-width: 16px; }
#whiskermenu-window button:not(:hover):not(:checked) { #whiskermenu-window button:not(:hover):not(:checked) {
border-color: transparent; border-color: transparent;
box-shadow: none; box-shadow: none;
background-color: transparent; } background-color: transparent; }
#whiskermenu-window scrolledwindow viewport button:hover { #whiskermenu-window scrolledwindow {
outline-color: @border_bright; } border: none;
#whiskermenu-window separator { box-shadow: none; }
margin: 5px; } #whiskermenu-window scrolledwindow.frame {
#whiskermenu-window 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. 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: 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 - w95: Replicated version of the original in a higher resolution
- l95: A linux version - w95-orig: the original from the boss
- C95: Branded version of this theme - 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 If none of these catch your fancy edit misc/whisker-sidebar.svg in
Inkscape Inkscape
*/ */
/* background-image: url("../assets/branding_W95.png"); */ /* background-image: url("../assets/branding_W95.png"); */
/* background-image: url("../assets/branding_W95-orig.png"); */ /* background-image: url("../assets/branding_W95-orig.png"); */
/* background-image: url("../assets/branding_L95.png"); */ /* background-image: url("../assets/branding_L95.png"); */
/* background-image: url("../assets/branding_L95_aliased.png"); */ /* background-image: url("../assets/branding_L95_aliased.png"); */
/* background-image: url("../assets/branding_C95.png"); */ /* background-image: url("../assets/branding_C95.png"); */
background-image: url("../assets/branding_C95_aliased.png"); background-image: url("../assets/branding_C95_aliased.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0% 100%; } background-position: 0% 100%; }
#whiskermenu-window frame > stack { #whiskermenu-window frame > stack,
margin-left: 18px; } #whiskermenu-window frame > box { /* frame > box is for older versions of Whisker menu. */
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow { margin-left: 18px; }
padding: 5px; #whiskermenu-window frame scrolledwindow button {
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 {
border: 1px solid transparent; border: 1px solid transparent;
background-color: @selected_bg_color; background-color: @selected_bg_color;
box-shadow: none; } box-shadow: none; }
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:checked { #whiskermenu-window frame scrolledwindow button:checked {
background-color: @border_shade; } background-color: @border_shade; }
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:hover, #whiskermenu-window frame scrolledwindow button:hover,
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:active, #whiskermenu-window frame scrolledwindow button:active,
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:checked { #whiskermenu-window frame scrolledwindow button:checked {
color: white; } color: white; }
#whiskermenu-window > frame > stack > box > box:first-child { #whiskermenu-window frame > box > box > box button image {
padding: 2px; padding: 0px; }
margin: 0; #whiskermenu-window entry {
color: @text_color; margin-top: 3px;
/*background-image: linear-gradient(to right, @selected_bg_color, @transparent);*/ /* Note: You can setup a gradient here if you want! */ } margin-bottom: 3px;
#whiskermenu-window frame > box > box > box button image { min-height: 16px; }
padding: 0px; } #whiskermenu-window scrollbar button {
#whiskermenu-window entry { margin: 0px;
margin-top: 3px; padding: 0px;
margin-bottom: 3px; min-width: 16px;
min-height: 16px; } min-height: 16px;
#whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport { border: none;
background-color: transparent; } box-shadow: none; }
#whiskermenu-window scrollbar button { #whiskermenu-window frame, #whiskermenu-window GtkListBox, #whiskermenu-window scrolledwindow, #whiskermenu-window viewport {
margin: 0px; background-color: transparent; }
padding: 0px;
min-width: 16px;
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; }

54
Theme/Chicago95/gtk-3.24/apps/xfce.css
View File

@ -96,6 +96,56 @@ wnck-pager {
background-color: @border_shade; background-color: @border_shade;
color: white; } 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 */
.tasklist .toggle { .tasklist .toggle {
/* We remove borders and shadows for the '.tasklist' '.toggle' button /* We remove borders and shadows for the '.tasklist' '.toggle' button
@ -201,7 +251,8 @@ wnck-pager {
border-bottom-color: @border_dark; } border-bottom-color: @border_dark; }
/* XFCE terminal */ /* XFCE terminal */
#xfce4-terminal-notebook overlay > box { #xfce4-terminal-notebook overlay > box,
#xfce4-terminal-notebook stack > box { {
border: 2px solid @border_dark; border: 2px solid @border_dark;
border-image: url("../assets/frame_inset.png"); border-image: url("../assets/frame_inset.png");
border-image-slice: 2 2 2 2; border-image-slice: 2 2 2 2;
@ -218,3 +269,4 @@ wnck-pager {
padding: 0px; padding: 0px;
margin-top: -1px; margin-top: -1px;
margin-bottom: -2px; } margin-bottom: -2px; }

1
Theme/Chicago95/gtk-3.24/gtk-frames.css
View File

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

2
Theme/Chicago95/gtk-3.24/gtk-scrolledwindows.css
View File

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