tyler.durden
/
Chicago95
mirror of https://github.com/grassmunk/Chicago95.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Theme update 

Includes theming additions for Libreoffice for issue #80.
Includes some additional modifications for Thunar, filechooser, and Whisker Menu.
Made some adjustments to indention and white spaces. Trying to move back to some semblance of order.
This commit is contained in:
aidan 2019-09-01 12:55:45 -05:00
parent 8dfc4667bc
commit 14797eee53
4 changed files with 474 additions and 453 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
Theme/Chicago95/gtk-3.0/apps/filechooser.css
View File

@ -71,6 +71,15 @@ filechooser .sidebar-row:selected:backdrop {
background-color: @bg_shade; background-color: @bg_shade;
} }
filechooser placessidebar viewport {
border: 1px solid @bg_shade;
box-shadow: none; }
filechooser scrolledwindow {
border: 1px solid @bg_shade;
box-shadow: none;
padding: 0px; }
/* Adjust stack buttons*/ /* Adjust stack buttons*/
filechooser revealer > box > stack { filechooser revealer > box > stack {
border-left: 1px solid @bg_shade; border-left: 1px solid @bg_shade;
@ -79,7 +88,8 @@ filechooser revealer > box > stack {
border-bottom: 1px solid @bg_bright; border-bottom: 1px solid @bg_bright;
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade; box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
padding: 0px;} padding: 0px;}
filechooser revealer > box > stack button { filechooser revealer > box > stack button,
filechooser revealer > box > stack button:backdrop {
border-left: 1px solid @bg_bright; border-left: 1px solid @bg_bright;
border-top: 1px solid @bg_bright; border-top: 1px solid @bg_bright;
border-right: 1px solid @bg_shade; border-right: 1px solid @bg_shade;
@ -99,5 +109,5 @@ filechooser revealer > box > stack {
padding-left: 1px; padding-left: 1px;
padding-right: 1px; } padding-right: 1px; }
filechooser revealer > box > stack button label { filechooser revealer > box > stack button label {
padding-left: 1px; padding-left: 0px;
padding-right: 1px; } padding-right: 0px; }

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

@ -61,16 +61,40 @@ the whisker menu without having to correct their pointer location. */
border-color: transparent; border-color: transparent;
box-shadow: none; box-shadow: none;
background-color: transparent; } background-color: transparent; }
#whiskermenu-window separator { #whiskermenu-window separator {
margin: 5px; } margin: 5px; }
#whiskermenu-window frame > box > box > scrolledwindow { #whiskermenu-window scrolledwindow {
padding: 5px; border: 1px solid @bg_shade;
border: 1px solid; box-shadow: none;
background-color: transparent; padding: 0px; }
border-color: @bg_shade @bg_bright @bg_bright @bg_shade; #whiskermenu-window frame > box > box > scrolledwindow {
box-shadow: inset 1px 1px @bg_bright, padding: 5px;
inset -1px -1px @bg_shade; } border-top: 1px solid transparent;
#whiskermenu-window frame > box > box > box button image { border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid @bg_shade;
box-shadow: inset 1px 0px @bg_bright; }
#whiskermenu-window frame > box > box > scrolledwindow button {
border: 1px solid transparent;
background-color: @selected_bg_color;
box-shadow: none; }
#whiskermenu-window frame > box > box > scrolledwindow button:checked {
background-color: @bg_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 {
color: white; }
#whiskermenu-window frame > box > box:nth-child(1) {
padding: 2px;
margin: 0;
color: @active_title_text;
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; } padding: 0px; }
#whiskermenu-window entry { #whiskermenu-window entry {
margin-top: 3px; margin-top: 3px;
@ -78,3 +102,10 @@ the whisker menu without having to correct their pointer location. */
min-height: 16px; } 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; }

854
Theme/Chicago95/gtk-3.0/gtk-widgets.css
View File

@ -30,7 +30,7 @@
.background { .background {
background-color: @theme_bg_color; background-color: @theme_bg_color;
color: @theme_fg_color;} color: @theme_fg_color; }
iconview:selected, iconview:selected,
/*iconview in nautilus breaks without this, but with it radio and check buttons background break in lists... */ /*iconview in nautilus breaks without this, but with it radio and check buttons background break in lists... */
@ -70,12 +70,14 @@ image:disabled,
label, label,
label:disabled, label:disabled,
box, box,
box:disabled, box:disabled {
background-color: transparent;
min-width: 0px;
min-height: 0px; }
grid, grid,
grid:disabled { grid:disabled {
background-color: transparent; background-color: @bg_color; }
min-width: 0px;
min-height: 0px; }
stepper, stepper,
.stepper { .stepper {
@ -554,8 +556,24 @@ button.osd {
.stack-switcher > button.needs-attention:checked > image { .stack-switcher > button.needs-attention:checked > image {
background-image: none; } background-image: none; }
.inline-toolbar button, .inline-toolbar button:backdrop { .inline-toolbar button, .inline-toolbar button:backdrop {
margin: 1px;
border-radius: 0px; border-radius: 0px;
border-width: 1px; } border-left: 1px solid @bg_bright;
border-top: 1px solid @bg_bright;
border-bottom: 1px solid @bg_shade;
border-right: 1px solid @bg_shade;
box-shadow: none; }
.inline-toolbar button:active {
border-left: 1px solid @bg_dark;
border-top: 1px solid @bg_dark;
border-bottom: 1px solid @bg_bright;
border-right: 1px solid @bg_bright;
box-shadow: inset 1px 1px @bg_shade; }
.inline-toolbar button:disabled {
border-left: 1px solid @bg_shade;
border-top: 1px solid @bg_shade;
border-bottom: 1px solid @bg_bright;
border-right: 1px solid @bg_bright; }
.primary-toolbar button { .primary-toolbar button {
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
@ -707,77 +725,79 @@ frame {
box-shadow: inset 1px 1px @bg_dark, box-shadow: inset 1px 1px @bg_dark,
inset -1px -1px @bg_color; inset -1px -1px @bg_color;
background-color: @theme_bg_color; } background-color: @theme_bg_color; }
.frame {
background-color: transparent;}
frame.border-outset { frame.border-outset {
border-color: @bg_bright @bg_dark @bg_dark @bg_bright; border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
box-shadow: inset 1px 1px @bg_color, box-shadow: inset 1px 1px @bg_color, inset -1px -1px @bg_shade; }
inset -1px -1px @bg_shade; } frame.border-inset {
frame.border-inset { border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
border-color: @bg_shade @bg_bright @bg_bright @bg_shade; box-shadow: inset 1px 1px @bg_dark, inset -1px -1px @bg_color;
box-shadow: inset 1px 1px @bg_dark,
inset -1px -1px @bg_color;
background-color: @theme_bg_color; } background-color: @theme_bg_color; }
frame > list, frame > .view { frame > list, frame > .view {
margin: -2px; } margin: -2px; }
frame > label { frame > label {
margin-left: 6px; } margin-left: 6px; }
window > frame {
border-style: solid; dialog box box notebook stack box frame {
border-width: 1px; border-left: 1px solid @bg_shade;
border-color: @bg_color @bg_dark @bg_dark @bg_color; border-top: 1px solid @bg_shade;
box-shadow: inset 1px 1px @bg_bright, border-right: 1px solid white;
inset -1px -1px @bg_shade; border-bottom: 1px solid white;
border-radius: 0px; } box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
dialog box box notebook stack box frame { dialog box box box notebook stack grid frame {
border-left: 1px solid @bg_shade; border-left: 1px solid @bg_shade;
border-top: 1px solid @bg_shade; border-top: 1px solid @bg_shade;
border-right: 1px solid white; border-right: 1px solid white;
border-bottom: 1px solid white; border-bottom: 1px solid white;
box-shadow: inset 1px 1px white, box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
inset -1px -1px @bg_shade; }
dialog box box box notebook stack grid frame { /*viewport.frame > frame, viewport.frame > box > frame {
border-left: 1px solid @bg_shade; background-color: @base_color;
border-top: 1px solid @bg_shade; color: @font_color; }*/
border-right: 1px solid white;
border-bottom: 1px solid white; scrolledwindow.frame {
box-shadow: inset 1px 1px white, padding: 1px;
inset -1px -1px @bg_shade; } background-color: white;
viewport.frame > frame, viewport.frame > box > frame { border-left: 1px solid @bg_dark;
background-color: @base_color; border-top: 1px solid @bg_dark;
color: @font_color; } border-right: 1px solid @bg_bright;
scrolledwindow.frame { border-bottom: 1px solid @bg_bright;
padding: 1px; box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade;
background-color: white; margin: 0px; }
border-left: 1px solid @bg_dark;
border-top: 1px solid @bg_dark; notebook.frame {
border-right: 1px solid @bg_bright; border-style: solid;
border-bottom: 1px solid @bg_bright; border-width: 1px;
box-shadow: inset -1px -1px @bg_color, border-color: @bg_color @bg_dark @bg_dark @bg_color;
inset 1px 1px @bg_shade; box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
margin: 0px; } border-radius: 0px; }
notebook.frame { notebook stack frame, frame frame {
border-style: solid; border-left: 1px solid @bg_shade;
border-width: 1px; border-top: 1px solid @bg_shade;
border-color: @bg_color @bg_dark @bg_dark @bg_color; border-right: 1px solid white;
box-shadow: inset 1px 1px @bg_bright, border-bottom: 1px solid white;
inset -1px -1px @bg_shade; box-shadow: inset 1px 1px white, inset -1px -1px @bg_shade; }
border-radius: 0px; } notebook scrolledwindow frame {
notebook stack frame, frame frame { background-color: @bg_color; }
border-left: 1px solid @bg_shade;
border-top: 1px solid @bg_shade; .osd.frame {
border-right: 1px solid white; background-clip: border-box;
border-bottom: 1px solid white; background-origin: border-box; }
box-shadow: inset 1px 1px white,
inset -1px -1px @bg_shade; } statusbar frame {
.osd.frame { padding: 1px;
background-clip: border-box; border-left: 1px solid @bg_shade;
background-origin: border-box; } border-top: 1px solid @bg_shade;
statusbar frame { box-shadow: none; }
padding: 1px;
border-left: 1px solid @bg_shade; .frame {
border-top: 1px solid @bg_shade; background-color: transparent;}
box-shadow: none; }
window > frame {
border-style: solid;
border-width: 1px;
border-color: @bg_color @bg_dark @bg_dark @bg_color;
box-shadow: inset 1px 1px @bg_bright, inset -1px -1px @bg_shade;
border-radius: 0px; }
/**************************** /****************************
* viewport, iconview, view * * viewport, iconview, view *
@ -1024,9 +1044,8 @@ paned.vertical > separator {
border-bottom: none; border-bottom: none;
border-top: none; border-top: none;
background: none; background: none;
box-shadow: inset 0px 1px @bg_shade; /*box-shadow: inset 0px 1px @bg_shade;*/
margin: 4px; margin: 0px; }
}
/* GTK has the panes flipped. the .horizontal is ACTUALLY a vertical.*/ /* GTK has the panes flipped. the .horizontal is ACTUALLY a vertical.*/
paned.horizontal > separator { paned.horizontal > separator {
@ -1036,9 +1055,8 @@ paned.horizontal > separator {
border-bottom: none; border-bottom: none;
border-top: none; border-top: none;
background: none; background: none;
box-shadow: inset 1px 0px @bg_shade; /*box-shadow: inset 1px 0px @bg_shade;*/
margin: 4px; margin: 0px; }
}
toolbar > separator { toolbar > separator {
@ -1122,92 +1140,134 @@ box.vertical.linked > button {
************/ ************/
combobox { combobox {
margin: -2px; } background-color: @bg_color; }
combobox button {
combobox window menu { padding: 2px;
background-color: @bg_color; margin: 0px;
color: @fg_color; min-width: 16px;
border: none; min-height: 16px;
box-shadow: none; outline: none; }
}
combobox entry {
min-width: 20px;
min-height: 20px;
}
combobox cellview {
padding-left: 2px;
}
combobox button {
padding: 0px;
margin: 0px;
min-width: 20px;
min-height: 20px; }
combobox button.combo { combobox button.combo {
margin: 2px; } margin: 2px; }
combobox button arrow {
combobox button arrow { padding: 0px;
padding: 0px; margin: 0px;
margin: 0px; min-width: 16px;
min-width: 20px; min-height: 16px;
min-height: 20px; border: 1px solid transparent; }
border: 1px solid transparent; } combobox button:disabled arrow {
combobox button:disabled arrow { background-image: url("assets/arrow-down-disabled.png"); }
background-image: url("assets/arrow-down-disabled.png");} combobox entry, entry {
min-width: 20px;
min-height: 16px;
margin-top: 2px;
margin-bottom: 2px;
min-height: 16px;
border: 1px solid @bg_shade;
box-shadow: none; }
combobox cellview {
padding-left: 2px; }
combobox arrow {
-gtk-icon-source: url("assets/arrow-down_test.png");
-gtk-icon-transform: scale(0.39); }
combobox:disabled arrow {
-gtk-icon-source: url("assets/arrow-down-disabled.png");
-gtk-icon-transform: scale(0.5); }
combobox window menu {
background-color: @bg_color;
color: @text_color;
border: none;
box-shadow: none; }
/************* /*************
* scrollbar * * scrollbar *
*************/ *************/
scrollbar button { scrollbar {
margin: 0px; border-top: 0px solid;
padding: 0px; border-bottom: 0px solid;
background-color: @bg_color; border: none;
-gtk-icon-source: none; background-color: @bg_color; }
background-position: center; scrollbar trough {
background-repeat: no-repeat; border: none;
border-width: 0px; border-radius: 0; }
border-style: solid; scrollbar slider {
min-width: 16px; margin-top: 0px;
min-height: 16px;
box-shadow: none;
}
scrollbar button:active {
margin: 0px;
padding: 0px;
background-color: @bg_color;
-gtk-icon-source: none;
background-position: center;
background-repeat: no-repeat;
border-width: 0px;
border-style: solid;
min-width: 16px;
min-height: 16px;
box-shadow: none;
}
scrollbar slider {
margin: 0px;
padding: 0px; padding: 0px;
background-color: @bg_color; background-color: @bg_color;
border-color: @bg_color @bg_dark @bg_dark @bg_color; border-color: @bg_color @bg_dark @bg_dark @bg_color;
box-shadow: inset 1px 1px @selected_fg_color, box-shadow: inset 1px 1px @selected_fg_color, inset -1px -1px @bg_shade;
inset -1px -1px @bg_shade;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
min-width: 14px; min-width: 14px;
min-height: 14px; min-height: 14px; }
} /* This is for Libreoffice scrollbar buttons */
scrollbar button,
scrollbar { scrollbar .button {
background-image: url("scrollbar/scrollbar_button.png");
background-position: center; /* Note: This can affect other applications, such as Whisker Menu */
background-repeat: no-repeat; /* Note: This can affect other applications, such as Whisker Menu */
min-height: 16px;
min-width: 16px;
margin: 0px;
padding: 0px;
border: none;
background-color: @bg_color;
box-shadow: none; }
scrollbar button:disabled {
background-image: url("scrollbar/scrollbar_button_disabled.png"); }
scrollbar button:active,
scrollbar .button:active {
min-width: 16px;
min-height: 16px;
border: 1px solid @bg_shade;
background-color: @bg_color;
background-image: none;
box-shadow: none; }
/* Every other scrollbar that isn't Libreoffice */
scrollbar button.up,
scrollbar button.down,
scrollbar button.left,
scrollbar button.right {
margin: 0px;
padding: 0px;
background-color: @bg_color;
-gtk-icon-source: none;
background-position: center;
background-repeat: no-repeat;
box-shadow: none;
border-width: 0px;
border-style: solid;
min-width: 16px;
min-height: 16px; }
scrollbar button.up:disabled,
scrollbar button.down:disabled,
scrollbar button.left:disabled,
scrollbar button.right:disabled {
box-shadow: inset 1px 1px @bg_shade; }
scrollbar button.up:active,
scrollbar button.down:active,
scrollbar button.left:active,
scrollbar button.right:active {
border: none;
box-shadow: none; }
/* Scrollbar buttons for GTK3 applications (such as Firefox or Thunderbird) using deprecated selectors */
scrollbar .button {
-gtk-icon-source: none;
background-position: center;
background-repeat: no-repeat;
border-width: 0px;
min-width: 16px; min-width: 16px;
min-height: 16px; min-height: 16px;
border-width: 0px; box-shadow: none; }
} scrollbar .button:active {
-gtk-icon-source: none;
background-position: center;
background-repeat: no-repeat;
border-width: 0px;
min-width: 16px;
min-height: 16px;
box-shadow: none; }
/* where is the junction? in scrollablewindow? doesent exists anymore? */ /* where is the junction? in scrollablewindow? doesent exists anymore? */
scrollbar.junction, scrollbar.junction,
@ -1218,124 +1278,47 @@ scrollbar .junction {
background-color: red; background-color: red;
} }
/* Vertical scrollbar button icons */
scrollbar.vertical button.up, scrollbar.vertical button.up,
.scrollbar.button.vertical.top {
background-image: url("scrollbar/stepper-up.png");
}
scrollbar.vertical button.up:active {
background-image: url("scrollbar/stepper-up-active.png");
}
scrollbar.vertical button.up:disabled {
background-image: url("scrollbar/stepper-up-insense.png");
}
scrollbar.vertical button.down {
background-image: url("scrollbar/stepper-down.png");
}
scrollbar.vertical button.down:active {
background-image: url("scrollbar/stepper-down-active.png");
}
scrollbar.vertical button.down:disabled {
background-image: url("scrollbar/stepper-down-insense.png");
}
scrollbar.horizontal button.up {
background-image: url("scrollbar/stepper-left.png");
}
scrollbar.horizontal button.up:active {
background-image: url("scrollbar/stepper-left-active.png");
}
scrollbar.horizontal button.up:disabled {
background-image: url("scrollbar/stepper-left-insense.png");
}
scrollbar.horizontal button.down {
background-image: url("scrollbar/stepper-right.png");
}
scrollbar.horizontal button.down:active {
background-image: url("scrollbar/stepper-right-active.png");
}
scrollbar.horizontal button.down:disabled {
background-image: url("scrollbar/stepper-right-insense.png");
}
/* Scrollbar buttons for older GTK3 applications (such as Firefox or Thunderbird) */
scrollbar .button {
-gtk-icon-source: none;
background-position: center;
background-repeat: no-repeat;
border-width: 0px;
min-width: 16px;
min-height: 16px;
box-shadow: none;
}
scrollbar .button:active {
-gtk-icon-source: none;
background-position: center;
background-repeat: no-repeat;
border-width: 0px;
min-width: 16px;
min-height: 16px;
box-shadow: none;
}
scrollbar .button.vertical.top { scrollbar .button.vertical.top {
background-image: url("scrollbar/stepper-up.png"); background-image: url("scrollbar/stepper-up.png"); }
} scrollbar.vertical button.up:active,
scrollbar .button.vertical.top:active {
scrollbar .button.vertical.top:active { background-image: url("scrollbar/stepper-up-active.png"); }
background-image: url("scrollbar/stepper-up-active.png"); scrollbar.vertical button.up:disabled,
} scrollbar .button.vertical.top:disabled {
background-image: url("scrollbar/stepper-up-insense.png"); }
scrollbar .button.vertical.top:disabled { scrollbar.vertical button.down,
background-image: url("scrollbar/stepper-up-insense.png");
}
scrollbar .button.vertical.bottom { scrollbar .button.vertical.bottom {
background-image: url("scrollbar/stepper-down.png"); background-image: url("scrollbar/stepper-down.png"); }
} scrollbar.vertical button.down:active,
scrollbar .button.vertical.bottom:active {
scrollbar .button.vertical.bottom:active { background-image: url("scrollbar/stepper-down-active.png"); }
background-image: url("scrollbar/stepper-down-active.png"); scrollbar.vertical button.down:disabled,
} scrollbar .button.vertical.bottom:disabled {
background-image: url("scrollbar/stepper-down-insense.png");}
scrollbar .button.vertical.bottom:disabled {
background-image: url("scrollbar/stepper-down-insense.png");
}
/* Horizontal scrollbar button icons */
scrollbar.horizontal button.up,
scrollbar .button.horizontal.left { scrollbar .button.horizontal.left {
background-image: url("scrollbar/stepper-left.png"); background-image: url("scrollbar/stepper-left.png"); }
} scrollbar.horizontal button.up:active,
scrollbar .button.horizontal.left:active {
scrollbar .button.horizontal.left:active { background-image: url("scrollbar/stepper-left-active.png"); }
background-image: url("scrollbar/stepper-left-active.png"); scrollbar.horizontal button.up:disabled,
} scrollbar .button.horizontal.left:disabled {
background-image: url("scrollbar/stepper-left-insense.png"); }
scrollbar .button.horizontal.left:disabled { scrollbar.horizontal button.down,
background-image: url("scrollbar/stepper-left-insense.png");
}
scrollbar .button.horizontal.right { scrollbar .button.horizontal.right {
background-image: url("scrollbar/stepper-right.png"); background-image: url("scrollbar/stepper-right.png"); }
} scrollbar.horizontal button.down:active,
scrollbar .button.horizontal.right:active {
background-image: url("scrollbar/stepper-right-active.png"); }
scrollbar.horizontal button.down:disabled,
scrollbar .button.horizontal.right:disabled {
background-image: url("scrollbar/stepper-right-insense.png"); }
scrollbar .button.horizontal.right:active {
background-image: url("scrollbar/stepper-right-active.png");
}
scrollbar .button.horizontal.right:disabled {
background-image: url("scrollbar/stepper-right-insense.png");
}
/************* /*************
* assistant * * assistant *
@ -1403,7 +1386,7 @@ expander arrow {
min-height: 16px; } min-height: 16px; }
treeview.view.expander { treeview.view.expander {
-gtk-icon-transform: scale(1.7); } -gtk-icon-transform: scale(1.7); } /* NOTE: This is specific for GTK3.22! */
/************ /************
* iconview * * iconview *
@ -1508,11 +1491,11 @@ border-bottom: 2px solid transparent;
menubar, menubar,
.menubar { .menubar {
padding: 1px; padding: 1px;
border-bottom: 1px solid white; border-bottom: 1px solid white;
box-shadow: inset 0 -1px @selected_inactive_bg_color; box-shadow: inset 0 -1px @selected_inactive_bg_color;
-GtkWidget-window-dragging: true; -GtkWidget-window-dragging: true;
} background-color: @bg_color; }
/*************** /***************
@ -1535,6 +1518,12 @@ menu menuitem {
background-color: @menu_bg_color; background-color: @menu_bg_color;
} }
/* we dont want any extra padding in those */
menuitem > window,
window > menu {
padding: 0px;
}
menuitem:active, menuitem:active,
menuitem:hover { menuitem:hover {
background-color: @theme_selected_bg_color; background-color: @theme_selected_bg_color;
@ -2310,32 +2299,45 @@ GtkSidebarRow .sidebar-label:dir(rtl) {
* spinbutton * * spinbutton *
**************/ **************/
spinbutton.horizontal button { spinbutton:not(.vertical) {
padding: 0px; min-height: 16px;
margin-top: 2px; border: 1px solid @bg_shade;
margin-bottom: 2px; border-radius: 0px;
background-color: @bg_color; }
spinbutton:not(.vertical) entry {
min-width: 28px;
margin: 0;
background: none;
background-color: @base_color;
border: none;
border-radius: 0px;
box-shadow: none; }
spinbutton:not(.vertical) button {
min-height: 16px; min-height: 16px;
min-width: 16px; min-width: 16px;
} margin-right: -1px;
margin-top: -1px;
spinbutton.horizontal entry { margin-bottom: -1px;
margin: 2px; padding-bottom: 0px;
min-width: 35px; padding-top: 0;
min-height: 16px; background-image: none;
} /*border-style: none none none solid;*/
border-left: 1px solid @bg_shade;
spinbutton.vertical button { border-top: 1px solid @bg_shade;
margin: 1px; border-right: 1px solid @bg_shade;
min-height: 16px; border-bottom: 1px solid black;
min-width: 16px; border-radius: 0px;
padding: 0px; box-shadow: inset 1px 1px @bg_bright; }
} /* For some reason this has to be specified on its own or else Libreoffice doesn't colour the spinbuttons */
spinbutton:not(.vertical) button {
spinbutton.vertical entry { color: @bg_dark;
min-width: 16px; background-color: rgba(192, 192, 192, 0.05); }
min-height: 16px; spinbutton:not(.vertical) button:active {
padding: 2px; border-left: 1px solid @bg_dark;
} border-top: 1px solid @bg_dark;
border-right: 1px solid @bg_bright;
border-bottom: 1px solid @bg_bright;
box-shadow: inset 1px 1px @bg_shade }
/********** /**********
* switch * * switch *
@ -2511,6 +2513,11 @@ border-bottom: none;
box-shadow: none; box-shadow: none;
} }
overlay frame {
border: none;
box-shadow: none;
}
/* toolitem box button */ /* toolitem box button */
toolitem button { toolitem button {
background-color: @bg_color; background-color: @bg_color;
@ -2572,14 +2579,14 @@ headerbar box button image {
***********/ ***********/
toolbar { toolbar {
-GtkWidget-window-dragging: true; -GtkWidget-window-dragging: true;
padding: 4px; padding: 4px;
border-left: 0px; border-left: 0px;
border-right: 0px; border-right: 0px;
border-bottom: 1px solid; border-bottom: 1px solid;
border-color: @bg_color @bg_color @bg_bright @bg_color; border-color: @bg_color @bg_color @bg_bright @bg_color;
box-shadow: inset 0px -1px @bg_shade; box-shadow: inset 0px -1px @bg_shade;
} background-color: @bg_color; }
toolbar button { toolbar button {
margin: 1px; margin: 1px;
@ -2588,7 +2595,7 @@ toolbar button {
padding: 2px; padding: 2px;
border-color: @bg_bright @bg_dark @bg_dark @bg_bright; border-color: @bg_bright @bg_dark @bg_dark @bg_bright;
box-shadow: inset -1px -1px @bg_shade; } box-shadow: inset -1px -1px @bg_shade; }
toolbar button:disabled { toolbar > toolbutton > button:disabled {
background-color: @border_bright; 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%, @border_dark); 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%, @border_dark);
background-size: 2px 2px; background-size: 2px 2px;
@ -2634,158 +2641,131 @@ window.ssd .titlebar:backdrop {
background-color: @selected_inactive_bg_color; background-color: @selected_inactive_bg_color;
color: @selected_inactive_fg_color; color: @selected_inactive_fg_color;
} }
/*
.default-decoration
{
background-color: red;
border: 0px solid @bg_color;
border-bottom: 0px;
border-radius: 0px;
}
*/
window.ssd .titlebar label{ /* Window server-side decorations (SSD) */
padding: 0px; window.ssd headerbar,
margin: 0px; window.ssd .titlebar,
font-size: 8pt; headerbar {
color: @selected_fg_color; border-radius: 0px;
} padding: 0px;
background-color: @selected_bg_color;
window.ssd .titlebar label:backdrop, background-image: none;
window.ssd .titlebar:backdrop label{ text-shadow: none; }
color: @selected_inactive_fg_color; window.ssd .titlebar:backdrop {
} padding: 0px;
margin: 0px;
headerbar, background-color: @selected_inactive_bg_color;
.titlebar { color: @selected_inactive_fg_color; }
padding: 0px; window.ssd .titlebar label {
padding-left: 2px; padding: 0px;
padding-right: 2px; margin: 0px;
margin: 0px; font-size: 8pt;
background-color: @selected_bg_color; color: @selected_fg_color; }
background-image: none; window.ssd .titlebar label:backdrop,
text-shadow: none; window.ssd .titlebar:backdrop label{
} color: @selected_inactive_fg_color; }
headerbar:backdrop,
.titlebar:backdrop {
background-image: none;
background-color: @selected_inactive_bg_color;
}
headerbar > label,
.titlebar > label,
headerbar > box > label,
.titlebar > box > label {
font-size: 8pt;
color: @selected_fg_color;
}
headerbar:backdrop > label,
.titlebar:backdrop > label,
headerbar:backdrop > box > label,
.titlebar:backdrop > box > label {
color: @selected_inactive_fg_color;
}
headerbar entry {
margin: 3px;
padding-top: 1px;
padding-bottom: 1px;
}
/* we dont want any extra padding in those */
menuitem > window,
window > menu {
padding: 0px;
}
.titlebar button {
margin: 0px;
padding: 0px;
min-height: 16px;
min-width: 16px;
}
.titlebar button label {
padding-left: 4px;
padding-right: 4px;
}
/* following button definitions allows us to have slim buttons on
* headerbars with no big elements while still maintaining a good
* looking headerbar with big elements */
.titlebar button:not(.titlebutton) {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 1px;
padding-right: 1px;
margin-top: 2px;
margin-bottom: 2px;
min-height: 16px;
min-width: 16px;
}
headerbar button:not(.titlebutton) > image {
border: solid 1px;
border-color: transparent;
padding-left: 3px;
padding-right: 3px;
margin-top: -3px;
margin-bottom: -3px;
}
headerbar button:active:not(.titlebutton) > image {
border: solid;
border-color: transparent;
border-left-width: 2px;
border-right-width: 0px;
border-top-width: 2px;
border-bottom-width: 0px;
}
headerbar separator {
margin-right: 3px;
border-left-width: 1px;
border-style: solid;
}
headerbar scale {
margin-top: 4px;
margin-bottom: -6px;
}
window.csd tooltip { window.csd tooltip {
border-radius: 0; border-radius: 0;
border: 0 none @border_dark; border: 0 none @border_dark;
box-shadow: none; box-shadow: none; }
}
headerbar,
.titlebar {
padding: 0px;
padding-left: 2px;
padding-right: 2px;
background-color: @selected_bg_color;
background-image: none;
text-shadow: none; }
headerbar:backdrop,
.titlebar:backdrop {
background-image: none;
background-color: @selected_inactive_bg_color; }
headerbar > label,
.titlebar > label,
headerbar > box > label,
.titlebar > box > label {
font-size: 8pt;
color: @selected_fg_color; }
headerbar:backdrop > label,
.titlebar:backdrop > label,
headerbar:backdrop > box > label,
.titlebar:backdrop > box > label {
color: @selected_inactive_fg_color; }
headerbar entry {
margin: 3px;
padding-top: 1px;
padding-bottom: 1px; }
headerbar button:not(.titlebutton) > image {
border: solid 1px;
border-color: transparent;
padding-left: 3px;
padding-right: 3px;
margin-top: -3px;
margin-bottom: -3px; }
headerbar button:active:not(.titlebutton) > image {
border: solid;
border-color: transparent;
border-left-width: 2px;
border-right-width: 0px;
border-top-width: 2px;
border-bottom-width: 0px; }
headerbar separator {
margin-right: 3px;
border-left-width: 1px;
border-style: solid; }
headerbar scale {
margin-top: 4px;
margin-bottom: -6px; }
.titlebar button {
margin: 0px;
padding: 0px;
min-height: 16px;
min-width: 16px; }
.titlebar button label {
padding-left: 4px;
padding-right: 4px; }
/* The following button definitions allows us to have slim buttons on
* headerbars with no big elements while still maintaining a good
* looking headerbar with big elements */
.titlebar button:not(.titlebutton) {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 1px;
padding-right: 1px;
margin-top: 2px;
margin-bottom: 2px;
min-height: 16px;
min-width: 16px; }
window.ssd.maximized headerbar,
window.ssd.maximized .titlebar {
border: 0px;
border-bottom: 1px solid transparent;
box-shadow: none;
margin: 0px; }
.maximized > decoration, .maximized > decoration,
window.maximized, window.maximized,
window.tiled { window.tiled {
border: 0px; border: 0px;
box-shadow: none; box-shadow: none;
margin: 0px; margin: 0px; }
}
window.ssd.maximized headerbar,
window.ssd.maximized .titlebar {
border: 0px;
border-bottom: 1px solid transparent;
box-shadow: none;
margin: 0px;
}
.tiled headerbar, .tiled headerbar,
.maximized headerbar, .maximized headerbar,
.tiled .titlebar, .tiled .titlebar,
.maximized .titlebar { .maximized .titlebar {
border: 0px; border: 0px;
box-shadow: none; box-shadow: none;
border-radius: 0; border-radius: 0; }
}
/* Removed the frame seen in Lireoffice. */
window > grid > grid > scrolledwindow {
border: none;
box-shadow: none; }
/****************** /******************
* window buttons * * window buttons *

6
Theme/Chicago95/gtk-3.0/gtk.css
View File

@ -1,11 +1,10 @@
/*# name: Chicago95 /*# name: Chicago95
# author: Grassmunk # author: Grassmunk
# author: AdrianoML (rewrite/gtk 3.22 update) # author: AdrianoML (rewrite/gtk 3.22 update)
# author: EMH-Mark-I (rewrite/gtk 3.22 update) # author: EMH-Mark-I (rewrite/gtk 3.22/3.24 update)
# date: February 7th, 2018 # date: February 7th, 2018
# description: A Windows 95 classic theme for XFCE4. */ # description: A Windows 95 classic theme for XFCE4. */
/* Comment about Pop-overs: I couldn't get over how much they looked like Clippy in MS Office 97 so thats why the buttons are different */ /* Comment about Pop-overs: I couldn't get over how much they looked like Clippy in MS Office 97 so thats why the buttons are different */
/* default color scheme */ /* default color scheme */
@ -98,8 +97,9 @@
/*Progressbar bg color*/ /*Progressbar bg color*/
@define-color progressbar_color @selected_bg_color; @define-color progressbar_color @selected_bg_color;
/*Whisker Menu Panel Button text color*/ /*Whisker Menu Panel Button text color & size*/
@define-color whisker_button_text black; @define-color whisker_button_text black;
#whiskermenu-button label {font-size: 11px;}
@import url("gtk-widgets.css"); @import url("gtk-widgets.css");
@import url("apps/xfce.css"); @import url("apps/xfce.css");