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

Theme update

Browse Source 
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:38:05 -05:00
parent 9468d271d4
commit 51d3265999
9 changed files with 528 additions and 507 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
Theme/Chicago95/gtk-3.24/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; }

16
Theme/Chicago95/gtk-3.24/apps/thunar.css
View File

@ -7,11 +7,21 @@
border-right: 1px solid @bg_bright; border-right: 1px solid @bg_bright;
box-shadow: none; } box-shadow: none; }
.thunar paned scrolledwindow { /*.thunar grid grid scrolledwindow .view { background-color: transparent; }*/
border-right: 1px solid @bg_bright; }
.thunar scrolledwindow {
padding-top: 0px;
padding-left: 0px;
border-right: 1px solid @bg_bright;
border-top: 1px solid @bg_shade;
border-left: 1px solid @bg_shade; }
.thunar paned .view:focus { .thunar paned .view:focus {
outline-color: white; } outline-color: white; }
.thunar grid grid scrolledwindow {
padding-left: 1px;
}
.thunar notebook tab { .thunar notebook tab {
padding: 0px; padding: 0px;
min-width: 16px; min-width: 16px;
@ -68,7 +78,7 @@
box-shadow: inset 1px 0px @bg_bright; box-shadow: inset 1px 0px @bg_bright;
min-width: 21px; min-width: 21px;
min-height: 17px; min-height: 17px;
background-image: url("../assets/status_badge_msw.png"); background-image: url("../assets/status_badge_c95.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 21px 17px; background-size: 21px 17px;

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

@ -1,77 +1,105 @@
/* Whisker Menu Panel Button style */ /* Whisker Menu Panel Button style */
#whiskermenu-button { #whiskermenu-button {
border: none; border: none;
/*box-shadow: inset 0px 1px white;*/ /*box-shadow: inset 0px 1px white;*/
box-shadow: none; box-shadow: none;
margin: 0px; margin: 0px;
background-color: transparent; } background-color: transparent; }
#whiskermenu-button box { #whiskermenu-button box {
padding: 2px; padding: 2px;
margin: 1px; margin: 1px;
border-top: 1px solid @bg_bright; border-top: 1px solid @bg_bright;
border-bottom: 1px solid @bg_dark; border-bottom: 1px solid @bg_dark;
border-left: 1px solid @bg_bright; border-left: 1px solid @bg_bright;
border-right: 1px solid @bg_dark; border-right: 1px solid @bg_dark;
box-shadow: inset -1px -1px @bg_shade; box-shadow: inset -1px -1px @bg_shade;
background-color: @bg_color; } background-color: @bg_color; }
#whiskermenu-button:active box, #whiskermenu-button:active box,
#whiskermenu-button:checked box { #whiskermenu-button:checked box {
padding-left: 3px; padding-left: 3px;
padding-right: 1px; padding-right: 1px;
margin: 1px; margin: 1px;
border-bottom: 1px solid @bg_bright; border-bottom: 1px solid @bg_bright;
border-right: 1px solid @bg_bright; border-right: 1px solid @bg_bright;
border-top: 1px solid @bg_dark; border-top: 1px solid @bg_dark;
border-left: 1px solid @bg_dark; border-left: 1px solid @bg_dark;
box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade; box-shadow: inset -1px -1px @bg_color, inset 1px 1px @bg_shade;
border-radius: 0px; } border-radius: 0px; }
#whiskermenu-button image { #whiskermenu-button image {
margin-right: -4px; margin-right: -4px;
margin-left: 1px; margin-left: 1px;
padding: 1px; padding: 1px;
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 {
padding: 0px; padding: 0px;
margin-right: 1px; margin-right: 1px;
margin-left: -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;
font-weight: bold; } font-weight: bold; }
/**************** /****************
* Whisker Menu ** * Whisker Menu **
****************/ ****************/
#whiskermenu-window treeview { #whiskermenu-window treeview {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
padding-top: 2px; padding-top: 2px;
padding-bottom: 2px; } padding-bottom: 2px; }
#whiskermenu-window button { #whiskermenu-window button {
padding: 2px; padding: 2px;
min-height: 16px; }
#whiskermenu-window button:not(:hover):not(:checked) {
border-color: transparent;
box-shadow: none;
background-color: transparent; }
#whiskermenu-window separator {
margin: 5px; }
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow {
padding: 5px;
border: 1px solid;
background-color: transparent;
border-color: @bg_shade @bg_bright @bg_bright @bg_shade;
box-shadow: inset 1px 1px @bg_bright,
inset -1px -1px @bg_shade; }
#whiskermenu-window frame > box > box > box button image {
padding: 0px; }
#whiskermenu-window entry {
margin-top: 3px;
margin-bottom: 3px;
min-height: 16px; } min-height: 16px; }
#whiskermenu-window button:not(:hover):not(:checked) {
border-color: transparent;
box-shadow: none;
background-color: transparent; }
#whiskermenu-window separator {
margin: 5px; }
#whiskermenu-window scrolledwindow {
border: 1px solid @bg_shade;
box-shadow: none;
padding: 0px; }
#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 @bg_shade;
box-shadow: inset 1px 0px @bg_bright; }
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button {
border: 1px solid transparent;
background-color: @selected_bg_color;
box-shadow: none; }
#whiskermenu-window frame > stack > box > stack > box > scrolledwindow button:checked {
background-color: @bg_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 {
color: white; }
#whiskermenu-window > frame > stack > box > box:first-child {
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 > box button image {
padding: 0px; }
#whiskermenu-window entry {
margin-top: 3px;
margin-bottom: 3px;
min-height: 16px;
border: 1px solid @bg_shade;
box-shadow: none; }
#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; }

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

@ -14,6 +14,11 @@ XfdesktopIconView.view {
background: rgba(0,0,50.2,0.5); background: rgba(0,0,50.2,0.5);
border-radius: 0px; } border-radius: 0px; }
.xfce4-panel {
box-shadow: none;
border: none;
}
/* Panel buttons */ /* Panel buttons */
/* Note: The ".xfce4-panel > widget > frame" and ".xfce4-panel .flat:not(.toggle)" CSS classes are specified in this manner due to the volatility in the naming of CSS IDs presented by the XFCE panelbar.*/ /* Note: The ".xfce4-panel > widget > frame" and ".xfce4-panel .flat:not(.toggle)" CSS classes are specified in this manner due to the volatility in the naming of CSS IDs presented by the XFCE panelbar.*/
.xfce4-panel > widget > frame, /* affects the frame of the notification area plugin for GTK2 notifications. */ .xfce4-panel > widget > frame, /* affects the frame of the notification area plugin for GTK2 notifications. */
@ -21,13 +26,17 @@ XfdesktopIconView.view {
#sn-button, /* Specifying this class is redundant due to ".xfce4-panel .flat:not(.toggle)" but included for consistency. */ #sn-button, /* Specifying this class is redundant due to ".xfce4-panel .flat:not(.toggle)" but included for consistency. */
#xfce4-notification-plugin, #xfce4-notification-plugin,
#pulseaudio-button, #pulseaudio-button,
#xfce4-power-manager-plugin { #xfce4-power-manager-plugin,
#indicator-button {
padding: 0px; padding: 0px;
border: transparent; border: transparent;
/*box-shadow: inset 0px 1px white;*/ /*box-shadow: inset 0px 1px white;*/
box-shadow: none; box-shadow: none;
color: @panel_fg_color; color: @panel_fg_color;
background-color: transparent; } background-color: transparent; }
#indicator-button:hover,
#indicator-button:active,
#indicator-button:checked,
.xfce4-panel .flat:not(.toggle):hover, .xfce4-panel .flat:not(.toggle):hover,
.xfce4-panel .flat:not(.toggle):active, .xfce4-panel .flat:not(.toggle):active,
.xfce4-panel .flat:not(.toggle):checked, .xfce4-panel .flat:not(.toggle):checked,

BIN
Theme/Chicago95/gtk-3.24/assets/arrow-down_test.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 898 B

BIN
Theme/Chicago95/gtk-3.24/assets/status_badge_c95.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

836
Theme/Chicago95/gtk-3.24/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 {
@ -723,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 *
@ -1040,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 {
@ -1052,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 {
@ -1138,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,
@ -1234,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 *
@ -1419,7 +1386,7 @@ expander arrow {
min-height: 16px; } min-height: 16px; }
treeview.view.expander { treeview.view.expander {
-gtk-icon-transform: scale(2); } -gtk-icon-transform: scale(2); } /* NOTE: This is specific for GTK3.24! */
/************ /************
* iconview * * iconview *
@ -1524,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; }
/*************** /***************
@ -1551,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;
@ -2326,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 *
@ -2527,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;
@ -2588,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;
@ -2604,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;
@ -2650,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 *

BIN
Theme/Chicago95/gtk-3.24/scrollbar/scrollbar_button.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
Theme/Chicago95/gtk-3.24/scrollbar/scrollbar_button_disabled.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB