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:
parent
b8a35e7d4e
commit
9fc4add879
|
@ -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; }
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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; }
|
||||
|
|
|
@ -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 *
|
||||
|
|
Loading…
Reference in New Issue