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
parent
b8a35e7d4e
commit
9fc4add879
|
|
@ -1,36 +1,37 @@
|
|||
/* 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-right: 1px solid @bg_shade;
|
||||
border-left: 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 {
|
||||
padding: 6px 6px; }
|
||||
padding: 6px 6px; }
|
||||
|
||||
/* Force MATE panel tasklist margins */
|
||||
#tasklist-button {
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
margin-left: 2px;
|
||||
margin-right: 2px; }
|
||||
|
||||
/* GNOME Disk utility */
|
||||
/* This is a fix for the GNOME disk application grid style. */
|
||||
|
||||
.gnome-disk-utility-grid {
|
||||
background-color: @bg_shade;
|
||||
background-color: @bg_shade;
|
||||
color: @font_bright;
|
||||
border-radius: 0px;
|
||||
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; }
|
||||
|
|
|
|||
|
|
@ -1,62 +1,76 @@
|
|||
.thunar statusbar frame {
|
||||
padding: 0px;
|
||||
margin-top: 2px;
|
||||
padding: 0px;
|
||||
margin-top: 2px;
|
||||
border-left: 1px solid @bg_shade;
|
||||
border-top: 1px solid @bg_shade;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_bright;
|
||||
box-shadow: none; }
|
||||
|
||||
.thunar paned scrolledwindow {
|
||||
border-right: 1px solid @bg_bright; }
|
||||
.thunar paned .view:focus {
|
||||
outline-color: white; }
|
||||
|
||||
.thunar notebook tab {
|
||||
padding: 0px;
|
||||
min-width: 16px;
|
||||
min-height: 16px; }
|
||||
|
||||
.thunar #location-toolbar button {
|
||||
border: 1px solid transparent;
|
||||
box-shadow: none; }
|
||||
.thunar #location-toolbar button:hover {
|
||||
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 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; }
|
||||
.thunar #location-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;
|
||||
box-shadow: none; }
|
||||
|
||||
.thunar paned scrolledwindow {
|
||||
border-right: 1px solid @bg_bright; }
|
||||
.thunar paned .view:focus {
|
||||
outline-color: white; }
|
||||
|
||||
.thunar notebook tab {
|
||||
padding: 0px;
|
||||
min-width: 16px;
|
||||
min-height: 16px; }
|
||||
|
||||
.thunar #location-toolbar button {
|
||||
border: 1px solid transparent;
|
||||
box-shadow: none; }
|
||||
.thunar #location-toolbar button:hover {
|
||||
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 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; }
|
||||
.thunar #location-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; }
|
||||
.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;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_bright; }
|
||||
.thunar #main-menu spinner {
|
||||
min-width: 8px;
|
||||
min-height: 8px;
|
||||
/*-gtk-icon-source: none;*/
|
||||
background: #000000; }
|
||||
border-top: 1px solid @bg_shade;
|
||||
box-shadow: inset 0px 1px @bg_bright, inset -1px -1px @bg_shade;
|
||||
border-bottom: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_bright; }
|
||||
.thunar #main-menu spinner {
|
||||
min-width: 8px;
|
||||
min-height: 8px;
|
||||
/*-gtk-icon-source: none;*/
|
||||
background: #000000; }
|
||||
.thunar #main-menu > menuitem:not(#edit-menu):not(#file-menu):not(#view-menu):not(#go-menu):not(#help-menu) {
|
||||
background-color: black;
|
||||
border-left: 1px solid @bg_shade;
|
||||
box-shadow: inset 1px 0px @bg_bright;
|
||||
min-width: 21px;
|
||||
min-height: 17px;
|
||||
background-image: url("../assets/status_badge_msw.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 21px 17px;
|
||||
padding-left: 1.5em;
|
||||
padding-right: 1.5em; }
|
||||
background-color: black;
|
||||
border-left: 1px solid @bg_shade;
|
||||
box-shadow: inset 1px 0px @bg_bright;
|
||||
min-width: 21px;
|
||||
min-height: 17px;
|
||||
background-image: url("../assets/status_badge_msw.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 21px 17px;
|
||||
padding-left: 1.5em;
|
||||
padding-right: 1.5em; }
|
||||
|
|
|
|||
|
|
@ -22,62 +22,69 @@ XfdesktopIconView.view {
|
|||
#xfce4-notification-plugin,
|
||||
#pulseaudio-button,
|
||||
#xfce4-power-manager-plugin {
|
||||
padding: 0px;
|
||||
padding: 0px;
|
||||
border: transparent;
|
||||
/*box-shadow: inset 0px 1px white;*/
|
||||
box-shadow: none;
|
||||
color: @panel_fg_color;
|
||||
background-color: transparent; }
|
||||
.xfce4-panel .flat:not(.toggle):hover,
|
||||
.xfce4-panel .flat:not(.toggle):active,
|
||||
.xfce4-panel .flat:not(.toggle):checked,
|
||||
#sn-button:hover,
|
||||
#sn-button:active,
|
||||
#sn-button:checked,
|
||||
#xfce4-notification-plugin:hover,
|
||||
#xfce4-notification-plugin:active,
|
||||
#xfce4-notification-plugin:checked,
|
||||
#pulseaudio-button:hover,
|
||||
#pulseaudio-button:active,
|
||||
#pulseaudio-button:checked,
|
||||
#xfce4-power-manager-plugin:hover,
|
||||
#xfce4-power-manager-plugin:active,
|
||||
#xfce4-power-manager-plugin:checked {
|
||||
border: transparent;
|
||||
/*box-shadow: inset 0px 1px white;*/
|
||||
box-shadow: none;
|
||||
color: @panel_fg_color;
|
||||
background-color: transparent; }
|
||||
.xfce4-panel .flat:not(.toggle):hover,
|
||||
.xfce4-panel .flat:not(.toggle):active,
|
||||
.xfce4-panel .flat:not(.toggle):checked,
|
||||
#sn-button:hover,
|
||||
#sn-button:active,
|
||||
#sn-button:checked,
|
||||
#xfce4-notification-plugin:hover,
|
||||
#xfce4-notification-plugin:active,
|
||||
#xfce4-notification-plugin:checked,
|
||||
#pulseaudio-button:hover,
|
||||
#pulseaudio-button:active,
|
||||
#pulseaudio-button:checked,
|
||||
#xfce4-power-manager-plugin:hover,
|
||||
#xfce4-power-manager-plugin:active,
|
||||
#xfce4-power-manager-plugin:checked {
|
||||
border: transparent;
|
||||
box-shadow: none;
|
||||
color: @panel_fg_color_bright;
|
||||
background-color: @selected_bg_color; }
|
||||
color: @panel_fg_color_bright;
|
||||
background-color: @selected_bg_color; }
|
||||
|
||||
#clock-button {
|
||||
border: 2px solid transparent;
|
||||
box-shadow: inset 1px 1px @bg_shade, inset -1px -1px @bg_bright;
|
||||
margin: 0px;
|
||||
background-color: transparent; }
|
||||
border: 2px solid transparent;
|
||||
box-shadow: inset 1px 1px @bg_shade, inset -1px -1px @bg_bright;
|
||||
margin: 0px;
|
||||
background-color: transparent; }
|
||||
|
||||
/* Tasklist */
|
||||
.tasklist .toggle {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin: 0px;
|
||||
background-color: transparent; }
|
||||
.tasklist .toggle box {
|
||||
margin: 2px;
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_dark;
|
||||
border-bottom: 1px solid @bg_dark;
|
||||
box-shadow: inset -1px -1px @bg_shade; }
|
||||
.tasklist .toggle:checked box {
|
||||
/*font-family: "NotoSans-Bold";*/
|
||||
font-weight: bold;
|
||||
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, inset -1px -1px @bg_color;
|
||||
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-size: 2px 2px;
|
||||
background-position: 0 0, 1px 1px; }
|
||||
.tasklist .toggle label {
|
||||
margin-right: 4px; }
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin: 0px;
|
||||
background-color: transparent; }
|
||||
.tasklist .toggle box {
|
||||
margin: 2px;
|
||||
border-left: 1px solid @bg_bright;
|
||||
border-top: 1px solid @bg_bright;
|
||||
border-right: 1px solid @bg_dark;
|
||||
border-bottom: 1px solid @bg_dark;
|
||||
box-shadow: inset -1px -1px @bg_shade; }
|
||||
.tasklist .toggle:checked box {
|
||||
/*font-family: "NotoSans-Bold";*/
|
||||
font-weight: bold;
|
||||
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, inset -1px -1px @bg_color;
|
||||
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-size: 2px 2px;
|
||||
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,85 +647,69 @@ 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 */
|
||||
radiobutton label,
|
||||
checkbutton label{
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
border: 1px dotted alpha(@border_dark,0);
|
||||
}
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
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-width: 16px;
|
||||
min-height: 16px; }
|
||||
|
||||
check:checked {
|
||||
-gtk-icon-source: url("assets/checkbox-checked.png");
|
||||
-gtk-icon-transform: none;
|
||||
background: none;
|
||||
}
|
||||
-gtk-icon-source: url("assets/checkbox-checked.png");
|
||||
-gtk-icon-transform: none;
|
||||
background: none; }
|
||||
|
||||
check:not(:checked) {
|
||||
-gtk-icon-source: url("assets/checkbox-unchecked.png");
|
||||
-gtk-icon-transform: none;
|
||||
background: none;
|
||||
}
|
||||
-gtk-icon-source: url("assets/checkbox-unchecked.png");
|
||||
-gtk-icon-transform: none;
|
||||
background: none; }
|
||||
|
||||
check:indeterminate {
|
||||
-gtk-icon-source: url("assets/checkbox-mixed.png");
|
||||
background: none;
|
||||
}
|
||||
-gtk-icon-source: url("assets/checkbox-mixed.png");
|
||||
background: none; }
|
||||
|
||||
check:disabled:checked {
|
||||
-gtk-icon-source: url("assets/checkbox-checked-insensitive.png");
|
||||
background: none;
|
||||
}
|
||||
-gtk-icon-source: url("assets/checkbox-checked-insensitive.png");
|
||||
background: none; }
|
||||
|
||||
check:disabled:not(checked) {
|
||||
-gtk-icon-source: url("assets/checkbox-unchecked-insensitive.png");
|
||||
background: none;
|
||||
}
|
||||
-gtk-icon-source: url("assets/checkbox-unchecked-insensitive.png");
|
||||
background: none; }
|
||||
|
||||
check:indeterminate:disabled {
|
||||
-gtk-icon-source: url("assets/checkbox-mixed-insensitive.png");
|
||||
background: none;
|
||||
}
|
||||
|
||||
-gtk-icon-source: url("assets/checkbox-mixed-insensitive.png");
|
||||
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