XFCE4.14 updates

Added theming for the new pathbar for Thunar.
Added some minor theming for the new Color Profiles XFCE application. This also included an additional override in the Extra gtk.css file.
Included the checkbutton widget selector to the focus state exclusion in the gtk3.24 gtk-widgets.css file (see line 47); and disabled the outline for focused checkbuttons.
Opening a staging branch for testing.
This commit is contained in:
aidan 2019-08-25 11:24:46 -05:00
parent b8a35e7d4e
commit 9fc4add879
4 changed files with 186 additions and 164 deletions

View File

@ -1,18 +1,15 @@
/* Thunar */
.thunar paned scrolledwindow {
border-right: 1px solid @bg_bright;
}
border-right: 1px solid @bg_bright; }
.xfce4-panel {
border-top: 1px solid @bg_bright;
}
border-top: 1px solid @bg_bright; }
/* XFCE Panel bar */
.xfce4-panel {
border-right: 1px solid @bg_shade;
border-left: 1px solid @bg_bright;
border-top: 1px solid @bg_bright;
}
border-top: 1px solid @bg_bright; }
/* This just keeps the power manager plugin icon to stay small. Only useful for XUbuntu 18.04; not required for 19.04.*/
#xfce4-power-manager-plugin {
@ -21,8 +18,7 @@
/* Force MATE panel tasklist margins */
#tasklist-button {
margin-left: 2px;
margin-right: 2px;
}
margin-right: 2px; }
/* GNOME Disk utility */
/* This is a fix for the GNOME disk application grid style. */
@ -34,3 +30,8 @@ background-color: @bg_shade;
outline-color: white; }
.gnome-disk-utility-grid:backdrop {
background-color: @bg_shade; }
/* XFCE APP: Color Profiles */
/* Force a background colour since the color profile app overrides the GTK theme. */
.color-profiles {
background-color: #c0c0c0; }

View File

@ -38,6 +38,20 @@ box-shadow: none; }
border-bottom: 1px solid @bg_bright;
border-right: 1px solid @bg_bright; }
.thunar #location-toolbar .path-bar-button {
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; }
.thunar #location-toolbar .path-bar-button:active,
.thunar #location-toolbar .path-bar-button:checked {
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; }
.thunar #main-menu {
border-top: 1px solid @bg_shade;
box-shadow: inset 0px 1px @bg_bright, inset -1px -1px @bg_shade;

View File

@ -81,3 +81,10 @@ XfdesktopIconView.view {
background-position: 0 0, 1px 1px; }
.tasklist .toggle label {
margin-right: 4px; }
/* XFCE APP: Color Profiles */
.color-profiles {
padding: 4px }
.color-profiles .inline-toolbar {
border: 1px solid transparent;
box-shadow: none; }

View File

@ -44,7 +44,7 @@ iconview:selected,
-gtk-icon-effect: dim; }
/* There appears to be a bug in gtk treeviews on :focus with outlines that will cause a momentary displacement of the UI. Keep the treeview exclusion! */
:focus:not(treeview):not(view) {
:focus:not(treeview):not(view):not(checkbutton) {
outline: 1px dotted @border_dark;
-gtk-outline-radius: 0px;
outline-offset: -4px; }
@ -554,8 +554,24 @@ button.osd {
.stack-switcher > button.needs-attention:checked > image {
background-image: none; }
.inline-toolbar button, .inline-toolbar button:backdrop {
margin: 1px;
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 {
-gtk-icon-shadow: none; }
@ -631,8 +647,8 @@ button.color {
/* disabling focus outline because it looks bad around the whole element... */
radiobutton:focus,
checkbutton:focus {
outline: 0px
}
outline: 0px;
outline: none; }
/* ...instead we are going to enable it around the label */
/* but outline doesen't work inside a label! so we use borders */
@ -640,76 +656,60 @@ radiobutton label,
checkbutton label{
padding-left: 4px;
padding-right: 4px;
border: 1px dotted alpha(@border_dark,0);
}
border: 1px dotted alpha(@border_dark,0); }
radiobutton:focus label,
checkbutton:focus label{
border: 1px dotted @border_dark;
}
border: 1px dotted @border_dark; }
check,
radio {
min-width: 16px;
min-height: 16px;
}
min-height: 16px; }
check:checked {
-gtk-icon-source: url("assets/checkbox-checked.png");
-gtk-icon-transform: none;
background: none;
}
background: none; }
check:not(:checked) {
-gtk-icon-source: url("assets/checkbox-unchecked.png");
-gtk-icon-transform: none;
background: none;
}
background: none; }
check:indeterminate {
-gtk-icon-source: url("assets/checkbox-mixed.png");
background: none;
}
background: none; }
check:disabled:checked {
-gtk-icon-source: url("assets/checkbox-checked-insensitive.png");
background: none;
}
background: none; }
check:disabled:not(checked) {
-gtk-icon-source: url("assets/checkbox-unchecked-insensitive.png");
background: none;
}
background: none; }
check:indeterminate:disabled {
-gtk-icon-source: url("assets/checkbox-mixed-insensitive.png");
background: none;
}
background: none; }
radio:checked {
-gtk-icon-source: url("assets/radio-selected.png");
}
-gtk-icon-source: url("assets/radio-selected.png"); }
radio:not(:checked) {
-gtk-icon-source: url("assets/radio-unselected.png");
}
-gtk-icon-source: url("assets/radio-unselected.png"); }
radio:indeterminate {
-gtk-icon-source: url("assets/radio-mixed.png");
}
-gtk-icon-source: url("assets/radio-mixed.png"); }
radio:disabled:checked {
-gtk-icon-source: url("assets/radio-selected-insensitive.png");
}
-gtk-icon-source: url("assets/radio-selected-insensitive.png"); }
radio:disabled:not(checked) {
-gtk-icon-source: url("assets/radio-unselected-insensitive.png");
}
-gtk-icon-source: url("assets/radio-unselected-insensitive.png"); }
radio:indeterminate:disabled {
-gtk-icon-source: url("assets/radio-mixed-insensitive.png");
}
-gtk-icon-source: url("assets/radio-mixed-insensitive.png"); }
/*********
* Frames *