Lubuntu
/
artwork
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

- gtk 3.20 compatibility

Browse Source 
- added LibreOffice support
- added Gnome Calendar support
- ssd/csd improvements and tweaks
- new windows shadows
- re-merge with ubuntu themes (version 16.10+17.04.20170406-0ubuntu1)
ubuntu/bionic
rafaellaguna 7 years ago
parent b740724ce8
commit 1008b2e878
26 changed files with 2836 additions and 1769 deletions
Show Stats Download Patch File Download Diff File

6
changelog
Unescape View File

@ -1,3 +1,7 @@
- gtk 3.20 compatibility - gtk 3.20 compatibility
- re-merge with ubuntu themes (version 14.04+16.10.20160720.laney1-0ubuntu1) - added LibreOffice support
- added Gnome Calendar support
- ssd/csd improvements and tweaks
- new windows shadows
- re-merge with ubuntu themes (version 16.10+17.04.20170406-0ubuntu1)

17
src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/calendar.css
Unescape View File

@ -0,0 +1,17 @@
/* Hide the white corners. Calendar sets a background colour for the whole window. */
GcalWindow { background-color: transparent; }
/* Make the calendar focus ring appear around the selected day */
.calendar-view {
outline-style: dashed;
outline-color: @selected_bg_color;
outline-width: 2px;
outline-radius: 8px;
outline-offset: -4px;
}
/* Give pop-down lists the same selected bg colour as other menus. Fixes lp# 1558659 */
.calendar-list :hover {
background-color: @selected_bg_color;
}

39
src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gnome-terminal.css
Unescape View File

@ -21,3 +21,42 @@ TerminalScreenContainer .scrollbar.slider.dragging {
TerminalScreenContainer .scrollbar { TerminalScreenContainer .scrollbar {
background-color: transparent; background-color: transparent;
} }
TerminalNotebook.notebook.header {
background-color: @dark_bg_color;
border: none;
}
TerminalNotebook.notebook tab.top {
background-color: shade(@bg_color, 0.75);
border-width: 1px 1px 0px 1px;
border-radius: 8px 8px 0px 0px;
border-image: none;
border-style: solid;
border-color: @dark_bg_color;
}
TerminalNotebook.notebook tab.top:active {
background-color: shade(@bg_color,1.2);
border-image: none;
}
TerminalNotebook.notebook tab .button {
background-color: transparent;
padding: 1px;
}
/* Match the actions bar. This is a hack and should be fixed in 3.20 */
TerminalNotebook GtkBox.vertical {
background-color: transparent;
}
.background TerminalNotebook GtkBox.vertical .button {
border-image:none;
border-color: transparent;
border-width: 1px;
border-radius: 5px;
padding: 1px;
}

137
src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-lubuntu.css
Unescape View File

@ -221,116 +221,39 @@ NautilusWindow .sidebar .view {
background-color: @sidepane_color; background-color: @sidepane_color;
} }
/************************************************************ *:drop(active):focus,
* GTK3 CSD support * *:drop(active) {
************************************************************/ box-shadow: inset 0 0 0 1px #F08437; }
.titlebar { decoration {
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
background-image: linear-gradient(to bottom, box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.5);
shade(@bg_color, 1.07), margin: 2px; }
shade(@bg_color, 0.88) decoration:backdrop {
); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 transparent, 0 0 10px 0 rgba(0, 0, 0, 0.5);
transition: 200ms ease-out; }
color: @fg_color; .fullscreen decoration,
} .tiled decoration {
border-radius: 0; }
.tiled .titlebar { .popup decoration {
border-radius: 0;
}
.maximized .titlebar {
border-radius: 0;
}
.titlebar.default-decoration {
border: none;
box-shadow: none;
}
.titlebar .title {
font: bold;
color: mix(@fg_color, @bg_color, 0.3);
text-shadow: 0 1px shade(@bg_color, 1.1);
}
.titlebar:backdrop {
background-image: linear-gradient(to bottom,
shade(@bg_color, 1.12),
shade(@bg_color, 0.98)
);
}
.titlebar .title:backdrop {
color: mix(@fg_color, @bg_color, 0.6);
text-shadow: 0 1px shade(@bg_color, 1.05);
}
.titlebar .button:backdrop {
color: mix(@fg_color, @bg_color, 0.6);
}
.titlebar .titlebutton {
padding: 4px;
border-style: none;
background: none;
color: mix(@fg_color, @bg_color, 0.3);
icon-shadow: 0 1px shade(@bg_color, 1.1);
box-shadow: none; box-shadow: none;
} border-radius: 0; }
.ssd decoration {
.titlebar .titlebutton:hover,
.titlebar .titlebutton:hover:focus {
background: none;
color: @fg_color;
box-shadow: none;
}
.titlebar .titlebutton:active,
.titlebar .titlebutton:checked,
.titlebar .titlebutton:active:hover,
.titlebar .titlebutton:checked:hover {
background: none;
color: @selected_bg_color;
box-shadow: none;
}
.titlebar .titlebutton:backdrop {
background-image: none;
color: mix(@fg_color, @bg_color, 0.6);
icon-shadow: 0 1px shade(@bg_color, 1.05);
}
.window-frame,
.window-frame:backdrop {
border-style: none;
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
box-shadow: 0 6px 22px alpha(black, 0.47), box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
0 0 0 1px alpha(black, 0.3); .ssd decoration.maximized {
border-radius: 0; }
/* this is used for the resize cursor area */ .csd.popup decoration {
margin: 10px; border-radius: 2px;
} box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); }
tooltip.csd decoration {
.window-frame.tiled { border-radius: 2px;
border-radius: 0; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
} messagedialog.csd decoration {
border-radius: 3px; }
.window-frame.csd.popup { .solid-csd decoration {
border-style: none;
border-radius: 0; border-radius: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); margin: 1px;
} background-color: #e7e8eb;
box-shadow: none; }
.window-frame.csd.tooltip {
border-radius: 4px;
box-shadow: none;
}
.window-frame.solid-csd {
border: solid 1px shade(@bg_color, 0.5);
border-radius: 0;
margin: 2px;
background-color: @bg_color;
box-shadow: none;
}

1
src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-main.css
Unescape View File

@ -72,6 +72,7 @@
@import url("apps/gnome-system-log.css"); @import url("apps/gnome-system-log.css");
@import url("apps/glade.css"); @import url("apps/glade.css");
@import url("apps/software-center.css"); @import url("apps/software-center.css");
@import url("apps/calendar.css");
@import url("public-colors.css"); @import url("public-colors.css");
@import url("gtk-lubuntu.css"); @import url("gtk-lubuntu.css");

30
src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets-radiance.css
Unescape View File

@ -1,23 +1,29 @@
.menu .check { menu check {
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
.menu .radio { menu radio {
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
.menu .check:checked { menu check:checked {
-gtk-icon-source: url("assets/check-menuitem-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
url("assets/check-menuitem-dark@2.png"));
} }
.menu .check:checked:insensitive { menu check:checked:disabled {
-gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive-dark.png"),
url("assets/check-menuitem-insensitive-dark@2.png"));
} }
.menu .radio:checked { menu radio:checked {
-gtk-icon-source: url("assets/radio-menuitem-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-dark.png"),
url("assets/radio-menuitem-dark@2.png"));
} }
.menu .radio:checked:insensitive { menu radio:checked:disabled {
-gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive-dark.png"),
url("assets/radio-menuitem-insensitive-dark@2.png"));
} }

683
src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets.css
Unescape View File

@ -12,551 +12,658 @@
*************************/ *************************/
/* draw regular check and radio items using our SVG assets */ /* draw regular check and radio items using our SVG assets */
.check { check {
-gtk-icon-source: url("assets/check-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected.png"),
url("assets/check-unselected@2.png"));
} }
.check:hover { check:hover {
-gtk-icon-source: url("assets/check-unselected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected-hover.png"),
url("assets/check-unselected-hover@2.png"));
} }
.check row, check row,
.check row:selected, check row:selected,
.check row:selected:focus { check row:selected:focus {
-gtk-icon-source: url("assets/check-unselected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected-alt.png"),
url("assets/check-unselected-alt@2.png"));
} }
.check row:hover, check row:hover,
.check row:selected:hover, check row:selected:hover,
.check row:selected:focus:hover { check row:selected:focus:hover {
-gtk-icon-source: url("assets/check-unselected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected-hover-alt.png"),
url("assets/check-unselected-hover-alt@2.png"));
} }
.check:insensitive { check:disabled {
-gtk-icon-source: url("assets/check-unselected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected-disabled.png"),
url("assets/check-unselected-disabled@2.png"));
} }
.check row:insensitive { check row:disabled {
background-color: transparent; background-color: transparent;
} }
.check row:insensitive, check row:disabled,
.check row:selected:insensitive, check row:selected:disabled,
.check row:selected:focus:insensitive { check row:selected:focus:disabled {
background-color: transparent; background-color: transparent;
-gtk-icon-source: url("assets/check-unselected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected-disabled-alt.png"),
url("assets/check-unselected-disabled-alt@2.png"));
} }
.check:backdrop { check:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected.png"),
url("assets/backdrop-check-unselected@2.png"));
} }
.check:hover:backdrop { check:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-hover.png"),
url("assets/backdrop-check-unselected-hover@2.png"));
} }
.check row:backdrop, check row:backdrop,
.check row:selected:backdrop { check row:selected:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-alt.png"),
url("assets/backdrop-check-unselected-alt@2.png"));
} }
.check row:hover:backdrop, check row:hover:backdrop,
.check row:selected:hover:backdrop { check row:selected:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-hover-alt.png"),
url("assets/backdrop-check-unselected-hover-alt@2.png"));
} }
.check:insensitive:backdrop { check:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-disabled.png"),
url("assets/backdrop-check-unselected-disabled@2.png"));
} }
.check row:selected:insensitive:backdrop { check row:selected:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-disabled-alt.png"),
url("assets/backdrop-check-unselected-disabled-alt@2.png"));
} }
.check:checked { check:checked {
-gtk-icon-source: url("assets/check-selected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected.png"),
url("assets/check-selected@2.png"));
} }
.check:checked:hover { check:checked:hover {
-gtk-icon-source: url("assets/check-selected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected-hover.png"),
url("assets/check-selected-hover@2.png"));
} }
.check row:checked, check row:checked,
.check row:selected:checked, check row:selected:checked,
.check row:selected:focus:checked { check row:selected:focus:checked {
-gtk-icon-source: url("assets/check-selected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected-alt.png"),
url("assets/check-selected-alt@2.png"));
} }
.check row:checked:hover, check row:checked:hover,
.check row:selected:checked:hover, check row:selected:checked:hover,
.check row:selected:checked:focus:hover { check row:selected:checked:focus:hover {
-gtk-icon-source: url("assets/check-selected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected-hover-alt.png"),
url("assets/check-selected-hover-alt@2.png"));
} }
.check:checked:insensitive { check:checked:disabled {
-gtk-icon-source: url("assets/check-selected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected-disabled.png"),
url("assets/check-selected-disabled@2.png"));
} }
.check row:checked:insensitive, check row:checked:disabled,
.check row:selected:checked:insensitive, check row:selected:checked:disabled,
.check row:selected:focus:checked:insensitive { check row:selected:focus:checked:disabled {
-gtk-icon-source: url("assets/check-selected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected-disabled-alt.png"),
url("assets/check-selected-disabled-alt@2.png"));
} }
.check:checked:backdrop { check:checked:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected.png"),
url("assets/backdrop-check-selected@2.png"));
} }
.check:checked:backdrop { check:checked:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-hover.png"),
url("assets/backdrop-check-selected-hover@2.png"));
} }
.check row:checked:backdrop, check row:checked:backdrop,
.check row:selected:checked:backdrop { check row:selected:checked:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-alt.png"),
url("assets/backdrop-check-selected-alt@2.png"));
} }
.check row:checked:hover:backdrop, check row:checked:hover:backdrop,
.check row:selected:checked:hover:backdrop { check row:selected:checked:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-hover-alt.png"),
url("assets/backdrop-check-selected-hover-alt@2.png"));
} }
.check:checked:insensitive:backdrop { check:checked:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-disabled.png"),
url("assets/backdrop-check-selected-disabled@2.png"));
} }
.check row:selected:checked:insensitive:backdrop { check row:selected:checked:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-disabled-alt.png"),
url("assets/backdrop-check-selected-disabled-alt@2.png"));
} }
.check:inconsistent { check:indeterminate {
-gtk-icon-source: url("assets/check-mixed.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed.png"),
url("assets/check-mixed@2.png"));
} }
.check:inconsistent:hover { check:indeterminate:hover {
-gtk-icon-source: url("assets/check-mixed-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-hover.png"),
url("assets/check-mixed-hover@2.png"));
} }
.check row:inconsistent, check row:indeterminate,
.check row:selected:inconsistent, check row:selected:indeterminate,
.check row:selected:focus:inconsistent { check row:selected:focus:indeterminate {
-gtk-icon-source: url("assets/check-mixed-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-alt.png"),
url("assets/check-mixed-alt@2.png"));
} }
.check row:inconsistent:hover, check row:indeterminate:hover,
.check row:selected:inconsistent:hover, check row:selected:indeterminate:hover,
.check row:selected:focus:inconsistent:hover { check row:selected:focus:indeterminate:hover {
-gtk-icon-source: url("assets/check-mixed-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-hover-alt.png"),
url("assets/check-mixed-hover-alt@2.png"));
} }
.check:inconsistent:insensitive { check:indeterminate:disabled {
-gtk-icon-source: url("assets/check-mixed-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-disabled.png"),
url("assets/check-mixed-disabled@2.png"));
} }
.check row:inconsistent:insensitive, check row:indeterminate:disabled,
.check row:selected:inconsistent:insensitive, check row:selected:indeterminate:disabled,
.check row:selected:focus:inconsistent:insensitive { check row:selected:focus:indeterminate:disabled {
-gtk-icon-source: url("assets/check-mixed-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-disabled-alt.png"),
url("assets/check-mixed-disabled-alt@2.png"));
} }
.check:inconsistent:backdrop { check:indeterminate:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed.png"),
url("assets/backdrop-check-mixed@2.png"));
} }
.check:inconsistent:hover:backdrop { check:indeterminate:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-hover.png"),
url("assets/backdrop-check-mixed-hover@2.png"));
} }
.check row:inconsistent:backdrop, check row:indeterminate:backdrop,
.check row:selected:inconsistent:backdrop { check row:selected:indeterminate:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-alt.png"),
url("assets/backdrop-check-mixed-alt@2.png"));
} }
.check row:inconsistent:hover:backdrop, check row:indeterminate:hover:backdrop,
.check row:selected:inconsistent:hover:backdrop { check row:selected:indeterminate:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-hover-alt.png"),
url("assets/backdrop-check-mixed-hover-alt@2.png"));
} }
.check:inconsistent:insensitive:backdrop { check:indeterminate:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-disabled.png"),
url("assets/backdrop-check-mixed-disabled@2.png"));
} }
.check row:selected:inconsistent:insensitive:backdrop { check row:selected:indeterminate:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-disabled-alt.png"),
url("assets/backdrop-check-mixed-disabled-alt@2.png"));
} }
.radio { radio {
-gtk-icon-source: url("assets/radio-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected.png"),
url("assets/radio-unselected@2.png"));
} }
.radio:hover { radio:hover {
-gtk-icon-source: url("assets/radio-unselected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-hover.png"),
url("assets/radio-unselected-hover@2.png"));
} }
.radio row, radio row,
.radio row:selected, radio row:selected,
.radio row:selected:focus { radio row:selected:focus {
-gtk-icon-source: url("assets/radio-unselected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-alt.png"),
url("assets/radio-unselected-alt@2.png"));
} }
.radio row:hover, radio row:hover,
.radio row:selected:hover, radio row:selected:hover,
.radio row:selected:focus:hover { radio row:selected:focus:hover {
-gtk-icon-source: url("assets/radio-unselected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-hover-alt.png"),
url("assets/radio-unselected-hover-alt@2.png"));
} }
.radio:insensitive { radio:disabled {
-gtk-icon-source: url("assets/radio-unselected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-disabled.png"),
url("assets/radio-unselected-disabled@2.png"));
} }
.radio row:insensitive { radio row:disabled {
background-color: transparent; background-color: transparent;
} }
.radio row:insensitive, radio row:disabled,
.radio row:selected:insensitive, radio row:selected:disabled,
.radio row:selected:focus:insensitive { radio row:selected:focus:disabled {
-gtk-icon-source: url("assets/radio-unselected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-disabled-alt.png"),
url("assets/radio-unselected-disabled-alt@2.png"));
} }
.radio:backdrop { radio:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected.png"),
url("assets/backdrop-radio-unselected@2.png"));
} }
.radio:hover:backdrop { radio:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-hover.png"),
url("assets/backdrop-radio-unselected-hover@2.png"));
} }
.radio row:backdrop, radio row:backdrop,
.radio row:selected:backdrop { radio row:selected:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-alt.png"),
url("assets/backdrop-radio-unselected-alt@2.png"));
} }
.radio row:hover:backdrop, radio row:hover:backdrop,
.radio row:selected:hover:backdrop { radio row:selected:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-hover-alt.png"),
url("assets/backdrop-radio-unselected-hover-alt@2.png"));
} }
.radio:insensitive:backdrop { radio:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-disabled.png"),
url("assets/backdrop-radio-unselected-disabled@2.png"));
} }
.radio row:selected:insensitive:backdrop { radio row:selected:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-disabled-alt.png"),
url("assets/backdrop-radio-unselected-disabled-alt@2.png"));
} }
.radio:checked { radio:checked {
-gtk-icon-source: url("assets/radio-selected.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected.png"),
url("assets/radio-selected@2.png"));
} }
.radio:checked:hover { radio:checked:hover {
-gtk-icon-source: url("assets/radio-selected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-hover.png"),
url("assets/radio-selected-hover@2.png"));
} }
.radio row:checked, radio row:checked,
.radio row:selected:checked, radio row:selected:checked,
.radio row:selected:focus:checked { radio row:selected:focus:checked {
-gtk-icon-source: url("assets/radio-selected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-alt.png"),
url("assets/radio-selected-alt@2.png"));
} }
.radio row:checked:hover, radio row:checked:hover,
.radio row:selected:checked:hover, radio row:selected:checked:hover,
.radio row:selected:focus:checked:hover { radio row:selected:focus:checked:hover {
-gtk-icon-source: url("assets/radio-selected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-hover-alt.png"),
url("assets/radio-selected-hover-alt@2.png"));
} }
.radio:checked:insensitive { radio:checked:disabled {
-gtk-icon-source: url("assets/radio-selected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-disabled.png"),
url("assets/radio-selected-disabled@2.png"));
} }
.radio row:insensitive, radio row:disabled,
.radio row:selected:checked:insensitive, radio row:selected:checked:disabled,
.radio row:selected:focus:checked:insensitive { radio row:selected:focus:checked:disabled {
-gtk-icon-source: url("assets/radio-selected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-disabled-alt.png"),
url("assets/radio-selected-disabled-alt@2.png"));
} }
.radio:checked:backdrop { radio:checked:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected.png"),
url("assets/backdrop-radio-selected@2.png"));
} }
.radio:checked:hover:backdrop { radio:checked:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-hover.png"),
url("assets/backdrop-radio-selected-hover@2.png"));
} }
.radio row:checked:backdrop, radio row:checked:backdrop,
.radio row:selected:checked:backdrop { radio row:selected:checked:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-alt.png"),
url("assets/backdrop-radio-selected-alt@2.png"));
} }
.radio row:checked:hover:backdrop, radio row:checked:hover:backdrop,
.radio row:selected:checked:hover:backdrop { radio row:selected:checked:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-hover-alt.png"),
url("assets/backdrop-radio-selected-hover-alt@2.png"));
} }
.radio:checked:insensitive:backdrop { radio:checked:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-disabled.png"),
url("assets/backdrop-radio-selected-disabled@2.png"));
} }
.radio row:selected:checked:insensitive:backdrop { radio row:selected:checked:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-disabled-alt.png"),
url("assets/backdrop-radio-selected-disabled-alt@2.png"));
} }
.radio:inconsistent { radio:indeterminate {
-gtk-icon-source: url("assets/radio-mixed.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"),
url("assets/radio-mixed@2.png"));
} }
.radio:inconsistent:hover { radio:indeterminate:hover {
-gtk-icon-source: url("assets/radio-mixed-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"),
url("assets/radio-mixed-hover@2.png"));
} }
.radio row:inconsistent, radio row:indeterminate,
.radio row:selected:inconsistent, radio row:selected:indeterminate,
.radio row:selected:focus:inconsistent { radio row:selected:focus:indeterminate {
-gtk-icon-source: url("assets/radio-mixed-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-alt.png"),
url("assets/radio-mixed-alt@2.png"));
} }
.radio row:inconsistent:hover, radio row:indeterminate:hover,
.radio row:selected:inconsistent:hover, radio row:selected:indeterminate:hover,
.radio row:selected:focus:inconsistent:hover { radio row:selected:focus:indeterminate:hover {
-gtk-icon-source: url("assets/radio-mixed-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-alt.png"),
url("assets/radio-mixed-hover-alt@2.png"));
} }
.radio:inconsistent:insensitive { radio:indeterminate:disabled {
-gtk-icon-source: url("assets/radio-mixed-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled.png"),
url("assets/radio-mixed-disabled@2.png"));
} }
.radio row:inconsistent:insensitive, radio row:indeterminate:disabled,
.radio row:selected:inconsistent:insensitive, radio row:selected:indeterminate:disabled,
.radio row:selected:focus:inconsistent:insensitive { radio row:selected:focus:indeterminate:disabled {
-gtk-icon-source: url("assets/radio-mixed-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled-alt.png"),
url("assets/radio-mixed-disabled-alt@2.png"));
} }
.radio:inconsistent:backdrop { radio:indeterminate:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed.png"),
url("assets/backdrop-radio-mixed@2.png"));
} }
.radio:inconsistent:hover:backdrop { radio:indeterminate:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-hover.png"),
url("assets/backdrop-radio-mixed-hover@2.png"));
} }
.radio row:inconsistent:backdrop, radio row:indeterminate:backdrop,
.radio row:selected:inconsistent:backdrop { radio row:selected:indeterminate:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-alt.png"),
url("assets/backdrop-radio-mixed-alt.png"));
} }
.radio row:inconsistent:hover:backdrop, radio row:indeterminate:hover:backdrop,
.radio row:selected:inconsistent:hover:backdrop { radio row:selected:indeterminate:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-hover-alt.png"),
url("assets/backdrop-radio-mixed-hover-alt@2.png"));
} }
.radio:inconsistent:insensitive:backdrop { radio:indeterminate:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-disabled.png"),
url("assets/backdrop-radio-mixed-disabled@2.png"));
} }
.radio row:selected:inconsistent:insensitive:backdrop { radio row:selected:indeterminate:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-disabled-alt.png"),
url("assets/backdrop-radio-mixed-disabled-alt@2.png"));
} }
.primary-toolbar .menu .check, .primary-toolbar menu check,
.menubar.toolbar .menu .check, menubar toolbar menu check,
.header-bar .menu .check, headerbar menu check,
.menu .check { menu check,
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); menu check:hover,
menu check:disabled:not(:checked),
menu check:indeterminate:not(:checked) {
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
.primary-toolbar .menu .radio, .primary-toolbar menu radio,
.menubar.toolbar .menu .radio, menubar toolbar menu radio,
.header-bar .menu .radio, headerbar menu radio,
.menu .radio { menu radio,
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); menu radio:hover,
menu radio:disabled:not(:checked),
menu radio:indeterminate:not(:checked) {
-gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
.primary-toolbar .menu .check:checked, .primary-toolbar menu check:checked,
.menubar.toolbar .menu .check:checked, menubar toolbar menu check:checked,
.header-bar .menu .check:checked, headerbar menu check:checked,
.menu .check:checked { menu check:checked {
-gtk-icon-source: url("assets/check-menuitem-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
url("assets/check-menuitem-dark@2.png"));
} }
.toolbar .menu .check:checked:hover, toolbar menu check:checked:hover,
.menu .check:checked:hover { menu check:checked:hover {
-gtk-icon-source: url("assets/check-menuitem.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem.png"),
url("assets/check-menuitem@2.png"));
} }
.primary-toolbar .menu .check:checked:insensitive, .primary-toolbar menu check:checked:disabled,
.menubar.toolbar .menu .check:checked:insensitive, menubar toolbar menu check:checked:disabled,
.header-bar .menu .check:checked:insensitive, headerbar menu check:checked:disabled,
.toolbar .menu .check:checked:hover:insensitive, toolbar menu check:checked:hover:disabled,
.menu .check:checked:insensitive, menu check:checked:disabled,
.menu .check:checked:hover:insensitive { menu check:checked:hover:disabled {
-gtk-icon-source: url("assets/check-menuitem-insensitive.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive.png"),
url("assets/check-menuitem-insensitive@2.png"));
} }
.toolbar .menu .radio:checked:hover, .primary-toolbar menu radio:checked,
.menu .radio:checked { menubar toolbar menu radio:checked,
-gtk-icon-source: url("assets/radio-menuitem.png"); headerbar menu radio:checked,
toolbar menu radio:checked:hover,
menu radio:checked,
menu radio:checked:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem.png"),
url("assets/radio-menuitem@2.png"));
} }
.primary-toolbar .menu .radio:checked:insensitive, .primary-toolbar menu radio:checked:disabled,
.menubar.toolbar .menu .radio:checked:insensitive, menubar toolbar menu radio:checked:disabled,
.header-bar .menu .radio:checked:insensitive, headerbar menu radio:checked:disabled,
.toolbar .menu .radio:checked:hover:insensitive, toolbar menu radio:checked:hover:disabled,
.menu .radio:checked:insensitive, menu radio:checked:disabled,
.menu .radio:checked:hover:insensitive { menu radio:checked:hover:disabled {
-gtk-icon-source: url("assets/radio-menuitem-insensitive.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive.png"),
url("assets/radio-menuitem-insensitive@2.png"));
} }
.toolbar .menu .check { toolbar menu check {
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
.toolbar .menu .radio { toolbar menu radio {
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
.toolbar .menu .check:checked { toolbar menu check:checked {
-gtk-icon-source: url("assets/check-menuitem-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
url("assets/check-menuitem-dark@2.png"));
} }
.toolbar .menu .check:checked:insensitive { toolbar menu check:checked:disabled {
-gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive-dark.png"),
url("assets/check-menuitem-insensitive-dark@2.png"));
} }
.toolbar .menu .radio:checked { toolbar menu radio:checked {
-gtk-icon-source: url("assets/radio-menuitem-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-dark.png"),
url("assets/radio-menuitem-dark@2.png"));
} }
.toolbar .menu .radio:checked:insensitive { toolbar menu radio:checked:disabled {
-gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive-dark.png"),
url("assets/radio-menuitem-insensitive-dark@2.png"));
} }
/********************* /*********************
* GtkScale's slider * * GtkScale's slider *
*********************/ *********************/
.scale.slider, scale slider,
.scale.slider.horizontal { scale.horizontal contents:only-child trough slider {
background-image: url("assets/slider-horizontal.png"); background-image: -gtk-scaled(url("assets/slider-horizontal.png"),
url("assets/slider-horizontal@2.png"));
background-repeat: no-repeat;
} }
.scale.slider:backdrop, scale:backdrop slider,
.scale.slider.horizontal:backdrop { scale.horizontal:backdrop slider {
/*background-image: url("assets/slider-horizontal-disabled.png");*/ /*background-image: url("assets/slider-horizontal-disabled.png");*/
} }
.scale.slider:hover, scale slider:hover,
.scale.slider.horizontal:hover { scale.horizontal slider:hover {
background-image: url("assets/slider-horizontal-hover.png"); background-image: -gtk-scaled(url("assets/slider-horizontal-hover.png"),
url("assets/slider-horizontal-hover@2.png"));
background-repeat: no-repeat;
} }
.scale.slider:focused, scale slider:focus,
.scale.slider.horizontal:focused { scale.horizontal slider:focus {
background-image: url("assets/slider-horizontal-focused.png"); background-image: -gtk-scaled(url("assets/slider-horizontal-focused.png"),
url("assets/slider-horizontal-focused@2.png"));
} }
.scale.slider:hover:focused, scale slider:hover:focus,
.scale.slider.horizontal:hover:focused { scale.horizontal slider:hover:focus {
background-image: url("assets/slider-horizontal-focused-hover.png"); background-image: -gtk-scaled(url("assets/slider-horizontal-focused-hover.png"),
url("assets/slider-horizontal-focused-hover@2.png"));
} }
.scale.slider:insensitive, scale:disabled slider,
.scale.slider.horizontal:insensitive { scale.horizontal:disabled slider {
background-image: url("assets/slider-horizontal-disabled.png"); background-image: -gtk-scaled(url("assets/slider-horizontal-disabled.png"),
url("assets/slider-horizontal-disabled@2.png"));
} }
.scale.slider:insensitive:backdrop, scale slider:disabled:backdrop,
.scale.slider.horizontal:insensitive:backdrop { scale.horizontal slider:disabled:backdrop {
/*background-image: url("assets/slider-horizontal-backdrop-disabled.png");*/ /*background-image: url("assets/slider-horizontal-backdrop-disabled.png");*/
} }
.scale.slider.vertical { scale.vertical slider {
background-image: url("assets/slider-vertical.png"); background-image: -gtk-scaled(url("assets/slider-vertical.png"),
url("assets/slider-vertical@2.png"));
} }
.scale.slider.vertical:backdrop { scale:backdrop.vertical slider {
/*background-image: url("assets/slider-vertical-backdrop.png");*/ /*background-image: url("assets/slider-vertical-backdrop.png");*/
} }
.scale.slider.vertical:hover { scale.vertical slider:hover {
background-image: url("assets/slider-vertical-hover.png"); background-image: -gtk-scaled(url("assets/slider-vertical-hover.png"),
url("assets/slider-vertical-hover@2.png"));
} }
.scale.slider.vertical:focused { scale.vertical slider:focus {
background-image: url("assets/slider-vertical-focused.png"); background-image: -gtk-scaled(url("assets/slider-vertical-focused.png"),
url("assets/slider-vertical-focused@2.png"));
} }
.scale.slider.vertical:hover:focused { scale.vertical slider:hover:focus {
background-image: url("assets/slider-vertical-focused-hover.png"); background-image: -gtk-scaled(url("assets/slider-vertical-focused-hover.png"),
url("assets/slider-vertical-focused-hover@2.png"));
} }
.scale.slider.vertical:insensitive { scale:disabled.vertical slider {
background-image: url("assets/slider-vertical-disabled.png"); background-image: -gtk-scaled(url("assets/slider-vertical-disabled.png"),
url("assets/slider-vertical-disabled@2.png"));
} }
.scale.slider.vertical:insensitive:backdrop { scale:disabled:backdrop.vertical slider {
/*background-image: url("assets/slider-vertical-backdrop-disabled.png");*/ /*background-image: url("assets/slider-vertical-backdrop-disabled.png");*/
} }
/*.scale.scale-has-marks-above.slider.horizontal { /*scale scale-has-marks-above.slider.horizontal {
background-image: url("assets/slider-up.png"); background-image: url("assets/slider-up.png");
} }
.scale.scale-has-marks-above.slider.horizontal:insensitive { scale scale-has-marks-above.slider.horizontal:disabled {
background-image: url("assets/slider-up-disabled.png"); background-image: url("assets/slider-up-disabled.png");
} }
.scale.scale-has-marks-above.slider.horizontal:backdrop { scale scale-has-marks-above.slider.horizontal:backdrop {
background-image: url("assets/slider-up-backdrop.png"); background-image: url("assets/slider-up-backdrop.png");
} }
.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive { scale scale-has-marks-above.slider.horizontal:backdrop:disabled {
background-image: url("assets/slider-up-backdrop-disabled.png"); background-image: url("assets/slider-up-backdrop-disabled.png");
} }
.scale.scale-has-marks-above.slider.vertical { scale scale-has-marks-above.slider.vertical {
background-image: url("assets/slider-left.png"); background-image: url("assets/slider-left.png");
} }
.scale.scale-has-marks-above.slider.vertical:insensitive { scale scale-has-marks-above.slider.vertical:disabled {
background-image: url("assets/slider-left-disabled.png"); background-image: url("assets/slider-left-disabled.png");
} }
.scale.scale-has-marks-above.slider.vertical:backdrop { scale scale-has-marks-above.slider.vertical:backdrop {
background-image: url("assets/slider-left-backdrop.png"); background-image: url("assets/slider-left-backdrop.png");
} }
.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive { scale scale-has-marks-above.slider.vertical:backdrop:disabled {
background-image: url("assets/slider-left-backdrop-disabled.png"); background-image: url("assets/slider-left-backdrop-disabled.png");
} }
.scale.scale-has-marks-below.slider.horizontal { scale scale-has-marks-below.slider.horizontal {
background-image: url("assets/slider-down.png"); background-image: url("assets/slider-down.png");
} }
.scale.scale-has-marks-below.slider.horizontal:insensitive { scale scale-has-marks-below.slider.horizontal:disabled {
background-image: url("assets/slider-down-disabled.png"); background-image: url("assets/slider-down-disabled.png");
} }
.scale.scale-has-marks-below.slider.horizontal:backdrop { scale scale-has-marks-below.slider.horizontal:backdrop {
background-image: url("assets/slider-down-backdrop.png"); background-image: url("assets/slider-down-backdrop.png");
} }
.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive { scale scale-has-marks-below.slider.horizontal:backdrop:disabled {
background-image: url("assets/slider-down-backdrop-disabled.png"); background-image: url("assets/slider-down-backdrop-disabled.png");
} }
.scale.scale-has-marks-below.slider.vertical { scale scale-has-marks-below.slider.vertical {
background-image: url("assets/slider-right.png"); background-image: url("assets/slider-right.png");
} }
.scale.scale-has-marks-below.slider.vertical:insensitive { scale scale-has-marks-below.slider.vertical:disabled {
background-image: url("assets/slider-right-disabled.png"); background-image: url("assets/slider-right-disabled.png");
} }
.scale.scale-has-marks-below.slider.vertical:backdrop { scale scale-has-marks-below.slider.vertical:backdrop {
background-image: url("assets/slider-right-backdrop.png"); background-image: url("assets/slider-right-backdrop.png");
} }
.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive { scale scale-has-marks-below.slider.vertical:backdrop:disabled {
background-image: url("assets/slider-right-backdrop-disabled.png"); background-image: url("assets/slider-right-backdrop-disabled.png");
}*/ }*/

43
src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-borders-radiance.css
Unescape View File

@ -1,38 +1,37 @@
.primary-toolbar .entry, .primary-toolbar .entry,
.menubar.toolbar .entry, menubar toolbar entry,
.header-bar .entry { headerbar entry {
border-image: url("assets/radiance-entry-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/radiance-entry-toolbar.png"),url("assets/radiance-entry-toolbar@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar .entry:focus, primary-toolbar entry:focus,
.menubar.toolbar .entry:focus, menubar toolbar entry:focus,
.header-bar .entry:focus { headerbar entry:focus {
border-image: url("assets/radiance-entry-toolbar-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/radiance-entry-toolbar-focused.png"),url("assets/radiance-entry-toolbar-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar GtkComboBox.combobox-entry .button, .primary-toolbar combobox entry button,
.primary-toolbar GtkComboBox.combobox-entry .button:focus:insensitive, .primary-toolbar combobox entry button:focus:disabled,
.menubar.toolbar GtkComboBox.combobox-entry .button, menubar toolbar combobox entry button,
.menubar.toolbar GtkComboBox.combobox-entry .button:focus:insensitive, menubar toolbar combobox entry button:focus:disabled,
.header-bar GtkComboBox.combobox-entry .button, headerbar combobox entry button,
.header-bar GtkComboBox.combobox-entry .button:focus:insensitive { headerbar combobox entry button:focus:disabled {
border-image: url("assets/radiance-combobox-button-toolbar.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: url("assets/radiance-combobox-button-toolbar.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
.primary-toolbar GtkComboBox.combobox-entry .button:focus, .primary-toolbar combobox entry button:focus,
.menubar.toolbar GtkComboBox.combobox-entry .button:focus, menubar toolbar combobox entry button:focus,
.header-bar GtkComboBox.combobox-entry .button:focus { headerbar combobox entry button:focus {
border-image: url("assets/radiance-combobox-button-toolbar-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: url("assets/radiance-combobox-button-toolbar-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
.primary-toolbar GtkComboBox.combobox-entry .button:focus:active:focus, .primary-toolbar combobox entry button:focus:active:focus,
.menubar.toolbar GtkComboBox.combobox-entry .button:focus:active:focus, menubar toolbar combobox entry button:focus:active:focus,
.header-bar GtkComboBox.combobox-entry .button:focus:active:focus { headerbar combobox entry button:focus:active:focus {
border-image: url("assets/radiance-combobox-button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: url("assets/radiance-combobox-button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
.menubar.menuitem:hover, menubar menuitem:hover,
.menubar .menuitem:hover { .menubar.menuitem:hover {
border-color: #b8ab9c; border-color: #b8ab9c;
} }

324
src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-borders.css
Unescape View File

@ -1,6 +1,12 @@
/* Borders */ /* Borders */
.menubar.menuitem:hover, menubar menuitem,
.menubar .menuitem:hover { .menubar.menuitem {
border: 1px solid transparent;
border-bottom-width: 0px;
}
menubar menuitem:hover,
.menubar.menuitem:hover {
border: 1px solid #2e2e2c; border: 1px solid #2e2e2c;
border-bottom-width: 0px; border-bottom-width: 0px;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
@ -9,294 +15,304 @@
/********* /*********
* entry * * entry *
*********/ *********/
.entry { spinbutton,
entry {
border-radius: 8px; border-radius: 8px;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: transparent; border-color: transparent;
} }
.entry { spinbutton,
border-image: url("assets/entry.png") 10 12 10 12 / 10px 12px 10px 12px stretch; entry {
border-image: -gtk-scaled(url("assets/entry.png"),url("assets/entry@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
}
spinbutton:backdrop,
entry:backdrop {
border-image: -gtk-scaled(url("assets/backdrop-entry.png"),url("assets/backdrop-entry@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.entry:backdrop { spinbutton:focus,
border-image: url("assets/backdrop-entry.png") 10 12 10 12 / 10px 12px 10px 12px stretch; entry:focus {
border-image: -gtk-scaled(url("assets/entry-focused.png"),url("assets/entry-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.entry:focus { spinbutton:disabled,
border-image: url("assets/entry-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch; entry:disabled {
border-image: -gtk-scaled(url("assets/entry-disabled.png"),url("assets/entry-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.entry:insensitive { spinbutton:disabled:backdrop,
border-image: url("assets/entry-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch; entry:disabled:backdrop {
border-image: -gtk-scaled(url("assets/backdrop-entry-disabled.png"),url("assets/backdrop-entry-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.entry:insensitive:backdrop { spinbutton entry,
border-image: url("assets/backdrop-entry-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch; spinbutton entry:focus,
spinbutton entry:disabled,
spinbutton entry:disabled:backdrop,
spinbutton entry:backdrop {
margin: 1px;
border-image: none;
} }
.primary-toolbar .entry, .primary-toolbar entry,
.menubar.toolbar .entry, menubar toolbar entry,
.header-bar .entry { headerbar entry {
border-image: url("assets/entry-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/entry-toolbar.png"),url("assets/entry-toolbar@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar .entry:focus, .primary-toolbar entry:focus,
.menubar.toolbar .entry:focus, menubar toolbar entry:focus,
.header-bar .entry:focus { headerbar entry:focus {
border-image: url("assets/entry-toolbar-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/entry-toolbar-focused.png"),url("assets/entry-toolbar-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar .entry.progressbar, .primary-toolbar entry progress,
.primary-toolbar .entry.progressbar, menubar toolbar entry progress,
.menubar.toolbar .entry.progressbar, headerbar entry progress {
.menubar.toolbar .entry.progressbar,
.header-bar .entry.progressbar,
.header-bar .entry.progressbar,
.entry.progressbar {
border-radius: 8px; border-radius: 8px;
border-width: 0; border-width: 0;
} }
/****************** /******************
* combobox entry * * comboboxentry *
******************/ ******************/
GtkComboBox.combobox-entry .entry:first-child, combobox entry:first-child,
GtkComboBox.combobox-entry .button:first-child { combobox entry button:first-child {
border-image-width: 10px 1px 10px 12px; border-image-width: 10px 1px 10px 12px;
border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;
border-right-width: 0; border-right-width: 0;
} }
GtkComboBox.combobox-entry .entry:last-child, combobox entry:last-child,
GtkComboBox.combobox-entry .button:last-child { combobox entry button:last-child {
border-image-width: 10px 12px 10px 1px; border-image-width: 10px 12px 10px 1px;
border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;
border-left-width: 0; border-left-width: 0;
} }
GtkComboBox.combobox-entry .button { combobox entry button {
border-image: url("assets/combobox-button.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/combobox-button.png"),url("assets/combobox-button@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
GtkComboBox.combobox-entry .button:backdrop { combobox entry button:backdrop {
border-image: url("assets/backdrop-combobox-button.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/backdrop-combobox-button.png"),url("assets/backdrop-combobox-button@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
GtkComboBox.combobox-entry .button:focus { combobox entry button:focus {
border-image: url("assets/combobox-button-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/combobox-button-focused.png"),url("assets/combobox-button-focused@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
GtkComboBox.combobox-entry .button:insensitive { combobox entry button:disabled {
border-image: url("assets/combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/combobox-button-disabled.png"),url("assets/combobox-button-disabled@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
GtkComboBox.combobox-entry .button:insensitive:backdrop { combobox entry button:disabled:backdrop {
border-image: url("assets/backdrop-combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/backdrop-combobox-button-disabled.png"),url("assets/backdrop-combobox-button-disabled@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
GtkComboBox.combobox-entry .button:active:focus { combobox entry button:active:focus {
border-image: url("assets/combobox-button-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/combobox-button-pressed-focused.png"),url("assets/combobox-button-pressed-focused@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
.primary-toolbar GtkComboBox.combobox-entry .button, .primary-toolbar combobox entry button,
.primary-toolbar GtkComboBox.combobox-entry .button:focus:insensitive, .primary-toolbar combobox entry button:focus:disabled,
.menubar.toolbar GtkComboBox.combobox-entry .button, menubar toolbar combobox entry button,
.menubar.toolbar GtkComboBox.combobox-entry .button:focus:insensitive, menubar toolbar combobox entry button:focus:disabled,
.header-bar GtkComboBox.combobox-entry .button, headerbar combobox entry button,
.header-bar GtkComboBox.combobox-entry .button:focus:insensitive { headerbar combobox entry button:focus:disabled {
border-image: url("assets/combobox-button-toolbar.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: url("assets/combobox-entry button-toolbar.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
.primary-toolbar GtkComboBox.combobox-entry .button:focus, .primary-toolbar combobox entry button:focus,
.menubar.toolbar GtkComboBox.combobox-entry .button:focus, menubar toolbar combobox entry button:focus,
.header-bar GtkComboBox.combobox-entry .button:focus { headerbar combobox entry button:focus {
border-image: url("assets/combobox-button-toolbar-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: url("assets/combobox-entry button-toolbar-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
.primary-toolbar GtkComboBox.combobox-entry .button:focus:active:focus, .primary-toolbar combobox entry button:focus:active:focus,
.menubar.toolbar GtkComboBox.combobox-entry .button:focus:active:focus, menubar toolbar combobox entry button:focus:active:focus,
.header-bar GtkComboBox.combobox-entry .button:focus:active:focus { headerbar combobox entry button:focus:active:focus {
border-image: url("assets/combobox-button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: url("assets/combobox-entry button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
.primary-toolbar GtkComboBox.combobox-entry .entry:first-child, .primary-toolbar combobox entry:first-child,
.primary-toolbar GtkComboBox.combobox-entry .button:first-child, .primary-toolbar combobox entry button:first-child,
.menubar.toolbar GtkComboBox.combobox-entry .entry:first-child, menubar toolbar combobox entry:first-child,
.menubar.toolbar GtkComboBox.combobox-entry .button:first-child, menubar toolbar combobox entry button:first-child,
.header-bar GtkComboBox.combobox-entry .entry:first-child, headerbar combobox entry:first-child,
.header-bar GtkComboBox.combobox-entry .button:first-child { headerbar combobox entry button:first-child {
border-image-width: 10px 0 10px 12px; border-image-width: 10px 0 10px 12px;
border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px;
border-right-width: 0; border-right-width: 0;
} }
.primary-toolbar GtkComboBox.combobox-entry .entry:last-child, .primary-toolbar combobox entry:last-child,
.primary-toolbar GtkComboBox.combobox-entry .button:last-child, .primary-toolbar combobox entry button:last-child,
.menubar.toolbar GtkComboBox.combobox-entry .entry:last-child, menubar toolbar combobox entry:last-child,
.menubar.toolbar GtkComboBox.combobox-entry .button:last-child, menubar toolbar combobox entry button:last-child,
.header-bar GtkComboBox.combobox-entry .entry:last-child, headerbar combobox entry:last-child,
.header-bar GtkComboBox.combobox-entry .button:last-child { headerbar combobox entry button:last-child {
border-image-width: 10px 12px 10px 1px; border-image-width: 10px 12px 10px 1px;
border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0;
border-left-width: 0; border-left-width: 0;
} }
.notebook tab.top:active { notebook header.top tab:checked {
border-image: url("assets/notebook-tab-top.png") 8 10 1 10 / 8px 10px 1px 10px stretch; border-image: -gtk-scaled(url("assets/notebook-tab-top.png"),url("assets/notebook-tab-top@2.png")) 8 10 1 10 / 8px 10px 1px 10px stretch;
}
.notebook tab.right:active {
border-image: url("assets/notebook-tab-right.png") 10 8 10 1 / 10px 8px 10px 1px stretch;
} }
.notebook tab.bottom:active { notebook header.right tab:checked {
border-image: url("assets/notebook-tab-bottom.png") 1 10 8 10 / 1px 10px 8px 10px stretch; border-image: -gtk-scaled(url("assets/notebook-tab-right.png"),url("assets/notebook-tab-right@2.png")) 10 8 10 1 / 10px 8px 10px 1px stretch;
} }
.notebook tab.left:active { notebook header.bottom tab:checked {
border-image: url("assets/notebook-tab-left.png") 10 1 10 8 / 10px 1px 10px 8px stretch; border-image: -gtk-scaled(url("assets/notebook-tab-bottom.png"),url("assets/notebook-tab-bottom@2.png")) 1 10 8 10 / 1px 10px 8px 10px stretch;
} }
/* unfocused window: generic element borders */ notebook header.left tab:checked {
.button:backdrop, border-image: -gtk-scaled(url("assets/notebook-tab-left.png"),url("assets/notebook-tab-left@2.png")) 10 1 10 8 / 10px 1px 10px 8px stretch;
GtkComboBox.combobox-entry .entry:backdrop,
GtkComboBox.combobox-entry .button:backdrop,
.entry:backdrop,
GtkSwitch.trough:backdrop,
.trough:backdrop {
} }
.trough, .trough,
.trough.highlight { trough,
trough.highlight {
border-radius: 4px; border-radius: 4px;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: transparent; border-color: transparent;
} }
.trough { .trough,
border-image: url("assets/progressbar-horizontal-trough.png") 6 7 6 7 / 6px 7px 6px 7px stretch; trough {
border-image: -gtk-scaled(url("assets/progressbar-horizontal-trough.png"),url("assets/progressbar-horizontal-trough@2.png")) 6 7 6 7 / 6px 7px 6px 7px stretch;
} }
GtkSwitch.trough { switch {
border-image: url("assets/switch-trough-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/switch-trough-off.png"),url("assets/switch-trough-off@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
GtkSwitch.trough:active { switch:checked {
border-image: url("assets/switch-trough-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/switch-trough-on.png"),url("assets/switch-trough-on@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar GtkSwitch.trough, .primary-toolbar switch,
.menubar.toolbar GtkSwitch.trough, menubar toolbar switch,
.header-bar GtkSwitch.trough { headerbar switch {
border-image: url("assets/switch-trough-toolbar-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/switch-trough-toolbar-off.png"),url("assets/switch-trough-toolbar-off@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar GtkSwitch.trough:active, .primary-toolbar switch:checked,
.menubar.toolbar GtkSwitch.trough:active, menubar toolbar switch:checked,
.header-bar GtkSwitch.trough:active { headerbar switch:checked {
border-image: url("assets/switch-trough-toolbar-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/switch-trough-toolbar-on.png"),url("assets/switch-trough-toolbar-on@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
/* XXX temporary */ /* XXX temporary */
GtkSwitch.trough:backdrop, switch:backdrop,
GtkSwitch.trough:active:backdrop, switch:checked:backdrop,
GtkSwitch.trough:insensitive, switch:disabled,
GtkSwitch.trough:active:insensitive { switch:checked:disabled {
border-image: url("assets/switch-trough-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/switch-trough-disabled.png"),url("assets/switch-trough-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
GtkSwitch.slider { switch slider {
border-image: url("assets/switch-button-off.png") 9 11 9 11 / 9px 11px 9px 11px stretch; border-image: -gtk-scaled(url("assets/switch-button-off.png"),url("assets/switch-button-off@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
} }
GtkSwitch.slider:active { switch:checked slider {
border-image: url("assets/switch-button-on.png") 9 11 9 11 / 9px 11px 9px 11px stretch; border-image: -gtk-scaled(url("assets/switch-button-on.png"),url("assets/switch-button-on@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
} }
/* XXX temporary */ /* XXX temporary */
GtkSwitch.slider:backdrop, switch:backdrop slider,
GtkSwitch.slider:insensitive { switch:disabled slider {
border-image: url("assets/switch-button-off-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch; border-image: -gtk-scaled(url("assets/switch-button-off-disabled.png"),url("assets/switch-button-off-disabled@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
} }
/* XXX temporary */ /* XXX temporary */
GtkSwitch.slider:active:backdrop, switch:active:backdrop slider,
GtkSwitch.slider:active:insensitive { switch:active:disabled slider {
border-image: url("assets/switch-button-on-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch; border-image: -gtk-scaled(url("assets/switch-button-on-disabled.png"),url("assets/switch-button-on-disabled@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
} }
/*
progressbar trough progress,
.progressbar, .progressbar,
.progressbar row, progressbar row,
.progressbar row:hover, progressbar row:hover,
.progressbar row:selected, progressbar row:selected,
.progressbar row:selected:focused { progressbar row:selected:focus {
border-image: url("assets/progressbar-horizontal-fill.png") 5 6 5 6 / 5px 6px 5px 6px stretch; border-image: url("assets/progressbar-horizontal-fill.png") 5 6 5 6 / 5px 6px 5px 6px stretch;
} }
.progressbar.vertical { .progressbar.vertical.trough,
progressbar.vertical trough progress {
border-image: url("assets/progressbar-vertical-fill.png") 6 5 6 5 / 6px 5px 6px 5px stretch; border-image: url("assets/progressbar-vertical-fill.png") 6 5 6 5 / 6px 5px 6px 5px stretch;
} }
.progressbar:backdrop, .progressbar.trough:backdrop,
.progressbar row:backdrop, progressbar:backdrop trough progress,
.progressbar row:hover:backdrop, progressbar row:backdrop,
.progressbar row:selected:backdrop, progressbar row:hover:backdrop,
.progressbar row:selected:focused:backdrop { progressbar row:selected:backdrop,
progressbar row:selected:focus:backdrop {
border-image: url("assets/progressbar-horizontal-fill-backdrop.png") 5 6 5 6 / 5px 6px 5px 6px stretch; border-image: url("assets/progressbar-horizontal-fill-backdrop.png") 5 6 5 6 / 5px 6px 5px 6px stretch;
} }
.progressbar.vertical:backdrop { .progressbar.vertical:backdrop,
progressbar.vertical:backdrop trough progress {
border-image: url("assets/progressbar-vertical-fill-backdrop.png") 6 5 6 5 / 6px 5px 6px 5px stretch; border-image: url("assets/progressbar-vertical-fill-backdrop.png") 6 5 6 5 / 6px 5px 6px 5px stretch;
} }
*/
.scale.trough { scale trough {
border-image: url("assets/scale-horizontal-trough.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-trough.png"),url("assets/scale-horizontal-trough@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
.scale.trough:insensitive { scale:disabled trough {
border-image: url("assets/scale-horizontal-trough-disabled.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-trough-disabled.png"),url("assets/scale-horizontal-trough-disabled@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
.scale.trough:backdrop { scale:backdrop trough {
border-image: url("assets/scale-horizontal-trough-backdrop.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-trough-backdrop.png"),url("assets/scale-horizontal-trough-backdrop@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
.scale.trough.vertical { scale.vertical trough {
border-image: url("assets/scale-vertical-trough.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-trough.png"),url("assets/scale-vertical-trough@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }
.scale.trough.vertical:insensitive { scale.vertical:disabled trough {
border-image: url("assets/scale-vertical-trough-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-trough-disabled.png"),url("assets/scale-vertical-trough-disabled@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }
.scale.trough.highlight.left { scale trough.highlight.left {
border-image: url("assets/scale-horizontal-fill.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-fill.png"),url("assets/scale-horizontal-fill@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
.scale.trough.vertical:backdrop { scale.vertical:backdrop trough {
border-image: url("assets/scale-vertical-trough-backdrop.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-trough-backdrop.png"),url("assets/scale-vertical-trough-backdrop@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }
.scale.trough.highlight.left:insensitive { scale:backdrop trough.highlight.left {
border-image: url("assets/scale-horizontal-fill-disabled.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-fill-disabled.png"),url("assets/scale-horizontal-fill-disabled@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
.scale.trough.highlight.left:backdrop { scale:backdrop trough.highlight.left {
border-image: url("assets/scale-horizontal-fill-backdrop.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-fill-backdrop.png"),url("assets/scale-horizontal-fill-backdrop@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
.scale.trough.highlight.bottom.vertical { scale.vertical trough.highlight.bottom {
border-image: url("assets/scale-vertical-fill.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-fill.png"),url("assets/scale-vertical-fill@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }
.scale.trough.highlight.bottom.vertical:insensitive { scale.vertical:disabled trough.highlight.bottom {
border-image: url("assets/scale-vertical-fill-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-fill-disabled.png"),url("assets/scale-vertical-fill-disabled@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }
.scale.trough.highlight.bottom.vertical:backdrop { scale.vertical:backdrop trough.highlight.bottom {
border-image: url("assets/scale-vertical-fill-backdrop.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-fill-backdrop.png"),url("assets/scale-vertical-fill-backdrop@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }

142
src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-radiance.css
Unescape View File

@ -1,113 +1,76 @@
/* Set up shadows and hilights for button visual separation */ /* Set up shadows and hilights for button visual separation */
.primary-toolbar .linked .button, .primary-toolbar .linked button,
.primary-toolbar .button.raised.linked, headerbar .linked button {
.primary-toolbar .raised.linked .button,
.menubar.toolbar .linked .button,
.menubar.toolbar .button.raised.linked,
.menubar.toolbar .raised.linked .button,
.header-bar .linked .button,
.header-bar .button.raised.linked,
.header-bar .button.raised.linked .button {
box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1), box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1),
inset -1px 0 shade (@dark_bg_color, 0.9); inset -1px 0 shade (@dark_bg_color, 0.9);
} }
.primary-toolbar .linked .button:first-child, .primary-toolbar .linked button:first-child,
.primary-toolbar .button.raised.linked:first-child, headerbar .linked button:first-child {
.primary-toolbar .raised.linked .button:first-child,
.menubar.toolbar .linked .button:first-child,
.menubar.toolbar .button.raised.linked:first-child,
.menubar.toolbar .raised.linked .button:first-child,
.header-bar .linked .button:first-child,
.header-bar .button.raised.linked:first-child,
.header-bar .raised.linked .button:first-child {
box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9); box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9);
} }
.primary-toolbar .linked .button:last-child, .primary-toolbar .linked button:active,
.primary-toolbar .button.raised.linked:last-child, headerbar .linked button:active,
.primary-toolbar .raised.linked .button:last-child, .primary-toolbar .linked button:disabled,
.menubar.toolbar .linked .button:last-child, headerbar .linked button:disabled {
.menubar.toolbar .button.raised.linked:last-child,
.menubar.toolbar .raised.linked .button:last-child,
.header-bar .linked .button:last-child,
.header-bar .button.raised.linked:last-child,
.header-bar .raised.linked .button:last-child {
box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1)
}
.primary-toolbar .linked .button:active,
.primary-toolbar .button.raised.linked:active,
.primary-toolbar .raised.linked .button:active,
.menubar.toolbar .linked .button:active,
.menubar.toolbar .button.raised.linked:active,
.menubar.toolbar .raised.linked .button:active,
.header-bar .linked .button:active,
.header-bar .button.raised.linked:active,
.header-bar .raised.linked .button:active {
box-shadow: inset 1px 0 shade (@dark_bg_color, 0.9); box-shadow: inset 1px 0 shade (@dark_bg_color, 0.9);
} }
.primary-toolbar .linked .button:insensitive, .primary-toolbar .linked button:active,
.primary-toolbar .button.raised.linked:insensitive, headerbar .linked button:active,
.primary-toolbar .raised.linked .button:insensitive, .primary-toolbar .linked button:disabled,
.menubar.toolbar .linked .button:insensitive, headerbar .linked button:disabled {
.menubar.toolbar .button.raised.linked:insensitive,
.menubar.toolbar .raised.linked .button:insensitive,
.header-bar .linked .button:insensitive,
.header-bar .button.raised.linked:insensitive,
.header-bar .raised.linked .button:insensitive {
box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9); box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9);
} }
.primary-toolbar .linked .button:backdrop:last-child, .primary-toolbar .linked button:last-child,
.primary-toolbar .button.raised.linked:backdrop:last-child, headerbar .linked button:last-child {
.primary-toolbar .raised.linked .button:backdrop:last-child,
.menubar.toolbar .linked .button:backdrop:last-child,
.menubar.toolbar .button.raised.linked:backdrop:last-child,
.menubar.toolbar .raised.linked .button:backdrop:last-child,
.header-bar .linked .button:backdrop:last-child,
.header-bar .button.raised.linked:backdrop:last-child,
.header-bar .raised.linked .button:backdrop:last-child {
box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1); box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1);
} }
.menubar { menubar {
color: @dark_fg_color; color: @dark_fg_color;
text-shadow: 0 1px shade (@dark_bg_color, 1.1); text-shadow: 0 1px shade (@dark_bg_color, 1.1);
} }
menubar menuitem:hover,
.menubar.menuitem:hover, .menubar.menuitem:hover,
.menubar .menuitem:hover { .menubar .menuitem:hover {
color: @dark_fg_color; color: @dark_fg_color;
text-shadow: 0 1px shade (@dark_bg_color, 1.1); text-shadow: 0 1px shade (@dark_bg_color, 1.1);
} }
.menuitem:hover, popover modelbutton:hover,
.menu .menuitem:hover { popover menuitem:checked:hover,
menuitem:hover,
menu menuitem:hover {
color: @selected_fg_color; color: @selected_fg_color;
text-shadow: 0 -1px shade (@selected_bg_color, 0.7); text-shadow: 0 -1px shade (@selected_bg_color, 0.7);
} }
.menuitem:insensitive, toolbar headerbar menu menuitem:disabled,
.menuitem *:insensitive { toolbar headerbar menu menuitem *:disabled,
toolbutton menu menuitem:disabled,
toolbutton menu menuitem *:disabled,
.primary-toolbar button menu menuitem:disabled,
.primary-toolbar button menu menuitem *:disabled,
headerbar button menu menuitem:disabled,
headerbar button menu menuitem *:disabled,
menuitem:disabled,
menuitem *:disabled {
color: mix (@fg_color, @bg_color, 0.5); color: mix (@fg_color, @bg_color, 0.5);
text-shadow: 0 1px shade (@bg_color, 1.14); text-shadow: 0 1px shade (@bg_color, 1.14);
} }
/* for the playback menu item in the sound menu */ /* for the playback menu item in the sound menu */
.menu .spinner, menu spinner,
.menu .spinner:hover { menu spinner:hover {
color: @selected_bg_color; color: @selected_bg_color;
} }
/* primary-toolbar */ /* primary-toolbar */
.primary-toolbar, .primary-toolbar {
.primary-toolbar .toolbar,
.primary-toolbar.toolbar,
.menubar.toolbar,
.header-bar,
.maximized .titlebar.header-bar.toolbar-mode:not(:backdrop) {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 0.96)), from (shade (@dark_bg_color, 0.96)),
to (shade (@dark_bg_color, 1.1))); to (shade (@dark_bg_color, 1.1)));
@ -117,39 +80,24 @@
text-shadow: 0 1px shade (@dark_bg_color, 1.1); text-shadow: 0 1px shade (@dark_bg_color, 1.1);
} }
.primary-toolbar :insensitive, .primary-toolbar:disabled,
.menubar.toolbar :insensitive, headerbar:disabled {
.header-bar :insensitive {
text-shadow: 0 1px shade (@dark_bg_color, 1.1); text-shadow: 0 1px shade (@dark_bg_color, 1.1);
} }
.primary-toolbar GtkComboBox, .primary-toolbar button,
.primary-toolbar .button *, headerbar button *,
.primary-toolbar .button, headerbar button:disabled * {
.menubar.toolbar GtkComboBox,
.menubar.toolbar .button *,
.menubar.toolbar .button,
.header-bar GtkComboBox,
.header-bar .button *,
.header-bar .button {
text-shadow: 0 1px alpha (shade (@dark_bg_color, 1.25), 0.32); text-shadow: 0 1px alpha (shade (@dark_bg_color, 1.25), 0.32);
} }
.primary-toolbar .raised .button, .primary-toolbar button:hover,
.primary-toolbar .raised.button, .primary-toolbar button:active,
.primary-toolbar .button:hover, .primary-toolbar button:disabled,
.primary-toolbar .button:active, headerbar button:hover,
.primary-toolbar .button:insensitive, headerbar button:backdrop:hover,
.menubar.toolbar .raised .button, headerbar button:active,
.menubar.toolbar .raised.button, headerbar button:disabled {
.menubar.toolbar .button:hover,
.menubar.toolbar .button:active,
.menubar.toolbar .button:insensitive,
.header-bar .raised .button,
.header-bar .raised.button,
.header-bar .button:hover,
.header-bar .button:active,
.header-bar .button:insensitive {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.03)), from (shade (@dark_bg_color, 1.03)),
to (shade (@dark_bg_color, 0.96))); to (shade (@dark_bg_color, 0.96)));

1929
src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css
View File

File diff suppressed because it is too large Load Diff

1
src/usr/share/themes/Lubuntu-default/gtk-3.20/apps/gedit.css
Unescape View File

@ -57,6 +57,7 @@ GeditFileBrowserWidget .toolbar {
color: @backdrop_text_color; color: @backdrop_text_color;
margin: 2px; margin: 2px;
padding: 2px; padding: 2px;
border: none;
} }

58
src/usr/share/themes/Lubuntu-default/gtk-3.20/apps/gnome-flashback.css
Unescape View File

@ -0,0 +1,58 @@
gf-popup-window {
border: 1px solid shade(@dark_bg_color, 0.8);
border-radius: 10px;
}
gf-popup-window.solid {
border-radius: 0px;
}
#gf-candidate-popup {
border-radius: 3px;
}
#gf-candidate-popup.solid {
border-radius: 0px;
}
#gf-candidate-popup gf-candidate-box label {
padding: 4px 6px;
}
#gf-candidate-popup gf-candidate-box label:last-child {
padding-left: 0px;
}
#gf-candidate-popup gf-candidate-box:selected,
#gf-candidate-popup gf-candidate-box:hover {
background-color: @selected_bg_color;
color: @selected_fg_color;
border-radius: 3px;
}
#gf-input-source-popup {
background-color: @dark_bg_color;
color: @dark_fg_color;
}
#gf-input-source-popup #gf-input-source {
background-color: shade(@dark_bg_color, 1.1);
border-radius: 6px;
min-width: 120px;
min-height: 120px;
font-size: 22px;
}
#gf-input-source-popup #gf-input-source:selected {
background-color: @selected_bg_color;
color: @selected_fg_color;
}
#gf-label-window {
font-size: 40px;
}
#gf-osd-window {
background-color: @dark_bg_color;
color: @dark_fg_color;
}

168
src/usr/share/themes/Lubuntu-default/gtk-3.20/apps/gnome-panel.css
Unescape View File

@ -1,64 +1,32 @@
/* Fallback Mode Panel */ panel-toplevel,
PanelWidget :backdrop, panel-plug {
PanelApplet :backdrop,
PanelToplevel :backdrop,
PanelWidget,
PanelApplet,
PanelToplevel {
border-image: none;
color: @dark_fg_color; color: @dark_fg_color;
}
PanelWidget,
PanelApplet,
PanelToplevel {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.5)), from (shade (@dark_bg_color, 1.15)),
to (shade (@dark_bg_color, 1.05))); to (shade (@dark_bg_color, 0.95)));
}
PanelApplet {
border-width: 0;
} }
PanelSeparator:backdrop, panel-toplevel .gnome-panel-menu-bar:backdrop,
PanelSeparator { panel-toplevel .gnome-panel-menu-bar,
border-width: 0; gp-applet > menubar,
background-image: -gtk-gradient (linear, left top, left bottom, gp-applet,
from (shade (@dark_bg_color, 1.5)), panel-applet > menubar,
to (shade (@dark_bg_color, 1.05))); panel-applet,
clock-box {
background: transparent;
color: @dark_fg_color; color: @dark_fg_color;
} }
.gnome-panel-menu-bar, gp-applet button:backdrop,
PanelApplet > GtkMenuBar.menubar, gp-applet button,
PanelApplet > GtkMenuBar.menubar.menuitem, panel-applet button:backdrop,
PanelMenuBar.menubar, panel-applet button {
PanelMenuBar.menubar.menuitem {
-PanelMenuBar-icon-visible: true;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.5)),
to (shade (@dark_bg_color, 1.05)));
}
PanelAppletFrame {
background-color: @dark_bg_color;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.5)),
to (shade (@dark_bg_color, 1.05)));
border-width: 0;
}
PanelApplet .button:backdrop,
PanelApplet .button {
border-image: none; border-image: none;
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.5)), from (shade (@dark_bg_color, 1.15)),
to (shade (@dark_bg_color, 1.05))); to (shade (@dark_bg_color, 0.95)));
border-color: alpha (shade (@dark_bg_color, 1.0), 0.6); border-color: alpha (shade (@dark_bg_color, 0.9), 0.6);
border-left-color: alpha (shade (@dark_bg_color, 1.5), 0.3); border-left-color: alpha (shade (@dark_bg_color, 1.2), 0.6);
border-radius: 0; border-radius: 0;
border-width: 0 1px 0 1px; border-width: 0 1px 0 1px;
@ -66,51 +34,97 @@ PanelApplet .button {
text-shadow: none; text-shadow: none;
} }
PanelApplet .button:active:hover:backdrop, #clock-applet-button {
PanelApplet .button:active:hover, background: transparent;
PanelApplet .button:active:backdrop, border: 0;
PanelApplet .button:active { }
panel-applet button:active:hover:backdrop,
panel-applet button:active:hover,
panel-applet button:active:backdrop,
gp-applet button:active:hover:backdrop,
gp-applet button:active:hover,
gp-applet button:active:backdrop,
#clock-applet-button:active:hover,
#clock-applet-button:active {
border-image: none; border-image: none;
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 0.85)), from (shade (@dark_bg_color, 0.7)),
to (shade (@dark_bg_color, 1.0))); to (shade (@dark_bg_color, 0.8)));
border-color: shade (@dark_bg_color, 0.9); border-color: shade (@dark_bg_color, 0.7);
} }
PanelApplet .button:hover:backdrop, gp-applet button:hover:backdrop,
PanelApplet .button:hover { gp-applet button:hover,
panel-applet button:hover:backdrop,
panel-applet button:hover,
#clock-applet-button:hover {
border-image: none; border-image: none;
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.7)), from (shade (@dark_bg_color, 1.3)),
to (shade (@dark_bg_color, 1.25))); to (shade (@dark_bg_color, 1.1)));
border-color: alpha (shade (@dark_bg_color, 1.0), 0.6); border-color: alpha (shade (@dark_bg_color, 0.9), 0.6);
border-left-color: alpha (shade (@dark_bg_color, 1.5), 0.4); border-left-color: alpha (shade (@dark_bg_color, 1.2), 0.8);
} }
PanelApplet .button:checked { gp-applet button:checked,
panel-applet button:checked,
#clock-applet-button:checked {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 0.95)), from (shade (@dark_bg_color, 0.8)),
to (shade (@dark_bg_color, 1.1))); to (shade (@dark_bg_color, 1)));
} }
PanelApplet .button:checked:hover { gp-applet button:checked:hover,
panel-applet button:checked:hover,
#clock-applet-button:checked:hover {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.15)), from (shade (@dark_bg_color, 1)),
to (shade (@dark_bg_color, 1.3))); to (shade (@dark_bg_color, 1.1)));
} }
PanelApplet .button:checked:hover:active { gp-applet button:checked:hover:active,
panel-applet button:checked:hover:active,
#clock-applet-button:checked:hover:active {
border-image: none; border-image: none;
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 0.75)), from (shade (@dark_bg_color, 0.6)),
to (shade (@dark_bg_color, 0.9))); to (shade (@dark_bg_color, 0.7)));
border-color: shade (@dark_bg_color, 0.8); border-color: shade (@dark_bg_color, 0.8);
} }
ClockBox { clock-box {
text-shadow: 0 -1px shade (@dark_bg_color, 0.6); text-shadow: 0 1px shade (@dark_bg_color, 1.08);
} }
WnckPager, WnckTasklist { wnck-pager,
wnck-tasklist {
background-color: @dark_bg_color; background-color: @dark_bg_color;
} }
gp-arrow-button {
min-width: 20px;
min-height: 0px;
border: 1px solid #9d9d99;
border-radius: 3px;
background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
margin: 2px;
}
.vertical gp-arrow-button {
min-width: 0px;
min-height: 20px;
}
gp-arrow-button:hover {
background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
}
gp-arrow-button:active {
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
}
panel-toplevel.background:backdrop {
box-shadow: none;
}

19
src/usr/share/themes/Lubuntu-default/gtk-3.20/apps/libreoffice.css
Unescape View File

@ -0,0 +1,19 @@
.libreoffice-toolbar {
background-image: none;
border: none;
box-shadow: none;
}
.libreoffice-toolbar button:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@focus_color, 1.5)),
color-stop (0.5, shade (@focus_color, 1.33)),
to (shade (@focus_color, 1.28)));
border-image-source: url("assets/button-hover.png");
}
.libreoffice-toolbar button:active {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@selected_bg_color, 1.5)),
color-stop (0.5, shade (@selected_bg_color, 1.33)),
to (shade (@selected_bg_color, 1.28)));
border-image-source: url("assets/button-active-hover.png");
}

9
src/usr/share/themes/Lubuntu-default/gtk-3.20/apps/nautilus.css
Unescape View File

@ -1,3 +1,8 @@
nautilus-desktop-window.background:backdrop,
.nautilus-desktop-window.background:backdrop {
box-shadow: none;
}
.nautilus-canvas-item { .nautilus-canvas-item {
border-radius: 5px; border-radius: 5px;
} }
@ -47,8 +52,8 @@
@keyframes needs_attention_keyframes { @keyframes needs_attention_keyframes {
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
/* can't do animation-direction, so holding the color on two keyframes */ /* can't do animation-direction, so holding the color on two keyframes */
30% {background-image: linear-gradient(to bottom, @theme_base_color); border-color: @theme_fg_color; } 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
90% {background-image: linear-gradient(to bottom, @theme_base_color); border-color: @theme_fg_color; } 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
} }
.nautilus-operations-button-needs-attention { .nautilus-operations-button-needs-attention {

8
src/usr/share/themes/Lubuntu-default/gtk-3.20/apps/unity-greeter.css
Unescape View File

@ -1,11 +1,11 @@
.lightdm menu { .lightdm menu {
background-image: none; background-image: none;
background-color: alpha (black, 0.6); background-color: shade (@dark_bg_color, 1.08);
border: none; border: none;
border-radius: 0px; border-radius: 0px;
padding: 1px; padding: 1px;
color: white; color: @dark_fg_color;
} }
.lightdm-combo menu { .lightdm-combo menu {
@ -13,13 +13,13 @@
border-radius: 0px; border-radius: 0px;
padding: 0px; padding: 0px;
color: white; color: @dark_fg_color;
} }
.lightdm menu menuitem *, .lightdm menu menuitem *,
.lightdm menu menuitem.check:active, .lightdm menu menuitem.check:active,
.lightdm menu menuitem.radio:active { .lightdm menu menuitem.radio:active {
color: white; color: @dark_fg_color;
} }
.lightdm menu menuitem *:disabled { .lightdm menu menuitem *:disabled {

99
src/usr/share/themes/Lubuntu-default/gtk-3.20/apps/unity.css
Unescape View File

@ -0,0 +1,99 @@
/* Decorations */
UnityDecoration {
-UnityDecoration-extents: 28px 0 0 0;
-UnityDecoration-input-extents: 10px;
-UnityDecoration-shadow-offset-x: 1px;
-UnityDecoration-shadow-offset-y: 5px;
-UnityDecoration-active-shadow-color: alpha (@active_shadow_color, 0.78);
-UnityDecoration-active-shadow-radius: 30px;
-UnityDecoration-inactive-shadow-color: @inactive_shadow_color;
-UnityDecoration-inactive-shadow-radius: 25px;
-UnityDecoration-glow-size: 10px;
-UnityDecoration-glow-color: rgb (221, 72, 20);
-UnityDecoration-title-indent: 10px;
-UnityDecoration-title-fade: 35px;
-UnityDecoration-title-alignment: 0.0;
}
/* Definitions of UnityDecoration .top (and :backdrop) are now shared with
* Gtk .titlebar (and :backdrop); .left and .right are not used by this theme */
UnityDecoration .left,
UnityDecoration .right {
background-color: shade (@bg_color, 0.7);
background-size: 1px 70px;
background-repeat: repeat-x;
/* start color: mix of the top border color and bg-image gradient end */
background-image: -gtk-gradient (linear, left top, left bottom,
color-stop (0, #a89686),
color-stop (0.5, #a89686),
color-stop (1, shade (@bg_color, 0.7)));
}
UnityDecoration .left:backdrop,
UnityDecoration .right:backdrop {
/* start color: mix of the top border color and bg-image gradient end */
background-image: -gtk-gradient (linear, left top, left bottom,
color-stop (0, #b5a395),
color-stop (0.5, #b5a395),
color-stop (1, shade (@bg_color, 0.7)));
}
UnityDecoration .bottom {
background-image: none;
background-color: shade (@bg_color, 0.7);
}
/* Panel Style */
UnityPanelWidget,
.unity-panel {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (#edebe6, 1.06)),
to (@dark_bg_color));
border-top-color: shade (#edebe6, 1.08);
border-style: solid;
border-width: 1px 0 0 0;
color: shade (@dark_bg_color, 0.4);
text-shadow: 1px 0 shade (@dark_bg_color, 1.06), -1px 0 shade (@dark_bg_color, 1.06),
0 1px shade (@dark_bg_color, 1.06), 0 -1px shade (@dark_bg_color, 1.06);
}
UnityPanelWidget:backdrop,
.unity-panel:backdrop {
color: #a39e9a;
}
.unity-panel.menubar,
.unity-panel .menubar {
}
.unity-panel.menuitem,
.unity-panel .menuitem {
border-width: 1px 1px 0 1px;
-gtk-icon-shadow: 0 -1px shade (@dark_bg_color, 1.06);
}
.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem *:hover {
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.5)),
to (shade (@dark_bg_color, 1.02)));
}
@keyframes playbackmenuitem_spinner {
to { -gtk-icon-transform: rotate(1turn); }
}
.menu IdoPlaybackMenuItem.menuitem:active {
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
animation: playbackmenuitem_spinner 1s infinite linear;
color: @selected_bg_color;
}

136
src/usr/share/themes/Lubuntu-default/gtk-3.20/gtk-lubuntu.css
Unescape View File

@ -221,116 +221,40 @@ NautilusWindow .sidebar .view {
background-color: @sidepane_color; background-color: @sidepane_color;
} }
/************************************************************ *:drop(active):focus,
* GTK3 CSD support * *:drop(active) {
************************************************************/ box-shadow: inset 0 0 0 1px #F08437; }
.titlebar { decoration {
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
background-image: linear-gradient(to bottom, box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.5);
shade(@bg_color, 1.07), margin: 2px; }
shade(@bg_color, 0.88) decoration:backdrop {
); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 transparent, 0 0 10px 0 rgba(0, 0, 0, 0.5);
transition: 200ms ease-out; }
color: @fg_color; .fullscreen decoration,
} .tiled decoration {
border-radius: 0; }
.tiled .titlebar { .popup decoration {
border-radius: 0;
}
.maximized .titlebar {
border-radius: 0;
}
.titlebar.default-decoration {
border: none;
box-shadow: none;
}
.titlebar .title {
font: bold;
color: mix(@fg_color, @bg_color, 0.3);
text-shadow: 0 1px shade(@bg_color, 1.1);
}
.titlebar:backdrop {
background-image: linear-gradient(to bottom,
shade(@bg_color, 1.12),
shade(@bg_color, 0.98)
);
}
.titlebar .title:backdrop {
color: mix(@fg_color, @bg_color, 0.6);
text-shadow: 0 1px shade(@bg_color, 1.05);
}
.titlebar .button:backdrop {
color: mix(@fg_color, @bg_color, 0.6);
}
.titlebar .titlebutton {
padding: 4px;
border-style: none;
background: none;
color: mix(@fg_color, @bg_color, 0.3);
-gtk-icon-shadow: 0 1px shade(@bg_color, 1.1);
box-shadow: none; box-shadow: none;
} border-radius: 0; }
.ssd decoration {
.titlebar .titlebutton:hover,
.titlebar .titlebutton:hover:focus {
background: none;
color: @fg_color;
box-shadow: none;
}
.titlebar .titlebutton:active,
.titlebar .titlebutton:checked,
.titlebar .titlebutton:active:hover,
.titlebar .titlebutton:checked:hover {
background: none;
color: @selected_bg_color;
box-shadow: none;
}
.titlebar .titlebutton:backdrop {
background-image: none;
color: mix(@fg_color, @bg_color, 0.6);
-gtk-icon-shadow: 0 1px shade(@bg_color, 1.05);
}
.window-frame,
.window-frame:backdrop {
border-style: none;
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
box-shadow: 0 6px 22px alpha(black, 0.47), box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
0 0 0 1px alpha(black, 0.3); .ssd decoration.maximized {
border-radius: 0; }
/* this is used for the resize cursor area */ .csd.popup decoration {
margin: 10px; border-radius: 2px;
} box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); }
tooltip.csd decoration {
.window-frame.tiled { border-radius: 2px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
messagedialog.csd decoration {
border-radius: 3px; }
.solid-csd decoration {
border-radius: 0; border-radius: 0;
} margin: 1px;
background-color: #e7e8eb;
box-shadow: none; }
.window-frame.csd.popup {
border-style: none;
border-radius: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.window-frame.csd.tooltip {
border-radius: 4px;
box-shadow: none;
}
.window-frame.solid-csd {
border: solid 1px shade(@bg_color, 0.5);
border-radius: 0;
margin: 2px;
background-color: @bg_color;
box-shadow: none;
}

1
src/usr/share/themes/Lubuntu-default/gtk-3.20/gtk-main.css
Unescape View File

@ -75,6 +75,7 @@
@import url("apps/gnome-terminal.css"); @import url("apps/gnome-terminal.css");
@import url("apps/software-center.css"); @import url("apps/software-center.css");
@import url("apps/calendar.css"); @import url("apps/calendar.css");
@import url("apps/libreoffice.css");
@import url("public-colors.css"); @import url("public-colors.css");
@import url("gtk-lubuntu.css"); @import url("gtk-lubuntu.css");

18
src/usr/share/themes/Lubuntu-default/gtk-3.20/gtk-widgets-assets-radiance.css
Unescape View File

@ -1,23 +1,29 @@
menu check { menu check {
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
menu radio { menu radio {
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
menu check:checked { menu check:checked {
-gtk-icon-source: url("assets/check-menuitem-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
url("assets/check-menuitem-dark@2.png"));
} }
menu check:checked:disabled { menu check:checked:disabled {
-gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive-dark.png"),
url("assets/check-menuitem-insensitive-dark@2.png"));
} }
menu radio:checked { menu radio:checked {
-gtk-icon-source: url("assets/radio-menuitem-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-dark.png"),
url("assets/radio-menuitem-dark@2.png"));
} }
menu radio:checked:disabled { menu radio:checked:disabled {
-gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive-dark.png"),
url("assets/radio-menuitem-insensitive-dark@2.png"));
} }

285
src/usr/share/themes/Lubuntu-default/gtk-3.20/gtk-widgets-assets.css
Unescape View File

@ -13,27 +13,32 @@
/* draw regular check and radio items using our SVG assets */ /* draw regular check and radio items using our SVG assets */
check { check {
-gtk-icon-source: url("assets/check-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected.png"),
url("assets/check-unselected@2.png"));
} }
check:hover { check:hover {
-gtk-icon-source: url("assets/check-unselected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected-hover.png"),
url("assets/check-unselected-hover@2.png"));
} }
check row, check row,
check row:selected, check row:selected,
check row:selected:focus { check row:selected:focus {
-gtk-icon-source: url("assets/check-unselected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected-alt.png"),
url("assets/check-unselected-alt@2.png"));
} }
check row:hover, check row:hover,
check row:selected:hover, check row:selected:hover,
check row:selected:focus:hover { check row:selected:focus:hover {
-gtk-icon-source: url("assets/check-unselected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected-hover-alt.png"),
url("assets/check-unselected-hover-alt@2.png"));
} }
check:disabled { check:disabled {
-gtk-icon-source: url("assets/check-unselected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected-disabled.png"),
url("assets/check-unselected-disabled@2.png"));
} }
check row:disabled { check row:disabled {
@ -44,169 +49,205 @@ check row:disabled,
check row:selected:disabled, check row:selected:disabled,
check row:selected:focus:disabled { check row:selected:focus:disabled {
background-color: transparent; background-color: transparent;
-gtk-icon-source: url("assets/check-unselected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-unselected-disabled-alt.png"),
url("assets/check-unselected-disabled-alt@2.png"));
} }
check:backdrop { check:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected.png"),
url("assets/backdrop-check-unselected@2.png"));
} }
check:hover:backdrop { check:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-hover.png"),
url("assets/backdrop-check-unselected-hover@2.png"));
} }
check row:backdrop, check row:backdrop,
check row:selected:backdrop { check row:selected:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-alt.png"),
url("assets/backdrop-check-unselected-alt@2.png"));
} }
check row:hover:backdrop, check row:hover:backdrop,
check row:selected:hover:backdrop { check row:selected:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-hover-alt.png"),
url("assets/backdrop-check-unselected-hover-alt@2.png"));
} }
check:disabled:backdrop { check:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-disabled.png"),
url("assets/backdrop-check-unselected-disabled@2.png"));
} }
check row:selected:disabled:backdrop { check row:selected:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-unselected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-unselected-disabled-alt.png"),
url("assets/backdrop-check-unselected-disabled-alt@2.png"));
} }
check:checked { check:checked {
-gtk-icon-source: url("assets/check-selected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected.png"),
url("assets/check-selected@2.png"));
} }
check:checked:hover { check:checked:hover {
-gtk-icon-source: url("assets/check-selected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected-hover.png"),
url("assets/check-selected-hover@2.png"));
} }
check row:checked, check row:checked,
check row:selected:checked, check row:selected:checked,
check row:selected:focus:checked { check row:selected:focus:checked {
-gtk-icon-source: url("assets/check-selected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected-alt.png"),
url("assets/check-selected-alt@2.png"));
} }
check row:checked:hover, check row:checked:hover,
check row:selected:checked:hover, check row:selected:checked:hover,
check row:selected:checked:focus:hover { check row:selected:checked:focus:hover {
-gtk-icon-source: url("assets/check-selected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected-hover-alt.png"),
url("assets/check-selected-hover-alt@2.png"));
} }
check:checked:disabled { check:checked:disabled {
-gtk-icon-source: url("assets/check-selected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected-disabled.png"),
url("assets/check-selected-disabled@2.png"));
} }
check row:checked:disabled, check row:checked:disabled,
check row:selected:checked:disabled, check row:selected:checked:disabled,
check row:selected:focus:checked:disabled { check row:selected:focus:checked:disabled {
-gtk-icon-source: url("assets/check-selected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-selected-disabled-alt.png"),
url("assets/check-selected-disabled-alt@2.png"));
} }
check:checked:backdrop { check:checked:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected.png"),
url("assets/backdrop-check-selected@2.png"));
} }
check:checked:backdrop { check:checked:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-hover.png"),
url("assets/backdrop-check-selected-hover@2.png"));
} }
check row:checked:backdrop, check row:checked:backdrop,
check row:selected:checked:backdrop { check row:selected:checked:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-alt.png"),
url("assets/backdrop-check-selected-alt@2.png"));
} }
check row:checked:hover:backdrop, check row:checked:hover:backdrop,
check row:selected:checked:hover:backdrop { check row:selected:checked:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-hover-alt.png"),
url("assets/backdrop-check-selected-hover-alt@2.png"));
} }
check:checked:disabled:backdrop { check:checked:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-disabled.png"),
url("assets/backdrop-check-selected-disabled@2.png"));
} }
check row:selected:checked:disabled:backdrop { check row:selected:checked:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-selected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-selected-disabled-alt.png"),
url("assets/backdrop-check-selected-disabled-alt@2.png"));
} }
check:indeterminate { check:indeterminate {
-gtk-icon-source: url("assets/check-mixed.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed.png"),
url("assets/check-mixed@2.png"));
} }
check:indeterminate:hover { check:indeterminate:hover {
-gtk-icon-source: url("assets/check-mixed-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-hover.png"),
url("assets/check-mixed-hover@2.png"));
} }
check row:indeterminate, check row:indeterminate,
check row:selected:indeterminate, check row:selected:indeterminate,
check row:selected:focus:indeterminate { check row:selected:focus:indeterminate {
-gtk-icon-source: url("assets/check-mixed-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-alt.png"),
url("assets/check-mixed-alt@2.png"));
} }
check row:indeterminate:hover, check row:indeterminate:hover,
check row:selected:indeterminate:hover, check row:selected:indeterminate:hover,
check row:selected:focus:indeterminate:hover { check row:selected:focus:indeterminate:hover {
-gtk-icon-source: url("assets/check-mixed-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-hover-alt.png"),
url("assets/check-mixed-hover-alt@2.png"));
} }
check:indeterminate:disabled { check:indeterminate:disabled {
-gtk-icon-source: url("assets/check-mixed-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-disabled.png"),
url("assets/check-mixed-disabled@2.png"));
} }
check row:indeterminate:disabled, check row:indeterminate:disabled,
check row:selected:indeterminate:disabled, check row:selected:indeterminate:disabled,
check row:selected:focus:indeterminate:disabled { check row:selected:focus:indeterminate:disabled {
-gtk-icon-source: url("assets/check-mixed-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-mixed-disabled-alt.png"),
url("assets/check-mixed-disabled-alt@2.png"));
} }
check:indeterminate:backdrop { check:indeterminate:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed.png"),
url("assets/backdrop-check-mixed@2.png"));
} }
check:indeterminate:hover:backdrop { check:indeterminate:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-hover.png"),
url("assets/backdrop-check-mixed-hover@2.png"));
} }
check row:indeterminate:backdrop, check row:indeterminate:backdrop,
check row:selected:indeterminate:backdrop { check row:selected:indeterminate:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-alt.png"),
url("assets/backdrop-check-mixed-alt@2.png"));
} }
check row:indeterminate:hover:backdrop, check row:indeterminate:hover:backdrop,
check row:selected:indeterminate:hover:backdrop { check row:selected:indeterminate:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-hover-alt.png"),
url("assets/backdrop-check-mixed-hover-alt@2.png"));
} }
check:indeterminate:disabled:backdrop { check:indeterminate:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-disabled.png"),
url("assets/backdrop-check-mixed-disabled@2.png"));
} }
check row:selected:indeterminate:disabled:backdrop { check row:selected:indeterminate:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-check-mixed-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-check-mixed-disabled-alt.png"),
url("assets/backdrop-check-mixed-disabled-alt@2.png"));
} }
radio { radio {
-gtk-icon-source: url("assets/radio-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected.png"),
url("assets/radio-unselected@2.png"));
} }
radio:hover { radio:hover {
-gtk-icon-source: url("assets/radio-unselected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-hover.png"),
url("assets/radio-unselected-hover@2.png"));
} }
radio row, radio row,
radio row:selected, radio row:selected,
radio row:selected:focus { radio row:selected:focus {
-gtk-icon-source: url("assets/radio-unselected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-alt.png"),
url("assets/radio-unselected-alt@2.png"));
} }
radio row:hover, radio row:hover,
radio row:selected:hover, radio row:selected:hover,
radio row:selected:focus:hover { radio row:selected:focus:hover {
-gtk-icon-source: url("assets/radio-unselected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-hover-alt.png"),
url("assets/radio-unselected-hover-alt@2.png"));
} }
radio:disabled { radio:disabled {
-gtk-icon-source: url("assets/radio-unselected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-disabled.png"),
url("assets/radio-unselected-disabled@2.png"));
} }
radio row:disabled { radio row:disabled {
@ -216,145 +257,176 @@ radio row:disabled {
radio row:disabled, radio row:disabled,
radio row:selected:disabled, radio row:selected:disabled,
radio row:selected:focus:disabled { radio row:selected:focus:disabled {
-gtk-icon-source: url("assets/radio-unselected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-unselected-disabled-alt.png"),
url("assets/radio-unselected-disabled-alt@2.png"));
} }
radio:backdrop { radio:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected.png"),
url("assets/backdrop-radio-unselected@2.png"));
} }
radio:hover:backdrop { radio:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-hover.png"),
url("assets/backdrop-radio-unselected-hover@2.png"));
} }
radio row:backdrop, radio row:backdrop,
radio row:selected:backdrop { radio row:selected:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-alt.png"),
url("assets/backdrop-radio-unselected-alt@2.png"));
} }
radio row:hover:backdrop, radio row:hover:backdrop,
radio row:selected:hover:backdrop { radio row:selected:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-hover-alt.png"),
url("assets/backdrop-radio-unselected-hover-alt@2.png"));
} }
radio:disabled:backdrop { radio:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-disabled.png"),
url("assets/backdrop-radio-unselected-disabled@2.png"));
} }
radio row:selected:disabled:backdrop { radio row:selected:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-unselected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-unselected-disabled-alt.png"),
url("assets/backdrop-radio-unselected-disabled-alt@2.png"));
} }
radio:checked { radio:checked {
-gtk-icon-source: url("assets/radio-selected.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected.png"),
url("assets/radio-selected@2.png"));
} }
radio:checked:hover { radio:checked:hover {
-gtk-icon-source: url("assets/radio-selected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-hover.png"),
url("assets/radio-selected-hover@2.png"));
} }
radio row:checked, radio row:checked,
radio row:selected:checked, radio row:selected:checked,
radio row:selected:focus:checked { radio row:selected:focus:checked {
-gtk-icon-source: url("assets/radio-selected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-alt.png"),
url("assets/radio-selected-alt@2.png"));
} }
radio row:checked:hover, radio row:checked:hover,
radio row:selected:checked:hover, radio row:selected:checked:hover,
radio row:selected:focus:checked:hover { radio row:selected:focus:checked:hover {
-gtk-icon-source: url("assets/radio-selected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-hover-alt.png"),
url("assets/radio-selected-hover-alt@2.png"));
} }
radio:checked:disabled { radio:checked:disabled {
-gtk-icon-source: url("assets/radio-selected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-disabled.png"),
url("assets/radio-selected-disabled@2.png"));
} }
radio row:disabled, radio row:disabled,
radio row:selected:checked:disabled, radio row:selected:checked:disabled,
radio row:selected:focus:checked:disabled { radio row:selected:focus:checked:disabled {
-gtk-icon-source: url("assets/radio-selected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-selected-disabled-alt.png"),
url("assets/radio-selected-disabled-alt@2.png"));
} }
radio:checked:backdrop { radio:checked:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected.png"),
url("assets/backdrop-radio-selected@2.png"));
} }
radio:checked:hover:backdrop { radio:checked:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-hover.png"),
url("assets/backdrop-radio-selected-hover@2.png"));
} }
radio row:checked:backdrop, radio row:checked:backdrop,
radio row:selected:checked:backdrop { radio row:selected:checked:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-alt.png"),
url("assets/backdrop-radio-selected-alt@2.png"));
} }
radio row:checked:hover:backdrop, radio row:checked:hover:backdrop,
radio row:selected:checked:hover:backdrop { radio row:selected:checked:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-hover-alt.png"),
url("assets/backdrop-radio-selected-hover-alt@2.png"));
} }
radio:checked:disabled:backdrop { radio:checked:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-disabled.png"),
url("assets/backdrop-radio-selected-disabled@2.png"));
} }
radio row:selected:checked:disabled:backdrop { radio row:selected:checked:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-selected-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-selected-disabled-alt.png"),
url("assets/backdrop-radio-selected-disabled-alt@2.png"));
} }
radio:indeterminate { radio:indeterminate {
-gtk-icon-source: url("assets/radio-mixed.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"),
url("assets/radio-mixed@2.png"));
} }
radio:indeterminate:hover { radio:indeterminate:hover {
-gtk-icon-source: url("assets/radio-mixed-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"),
url("assets/radio-mixed-hover@2.png"));
} }
radio row:indeterminate, radio row:indeterminate,
radio row:selected:indeterminate, radio row:selected:indeterminate,
radio row:selected:focus:indeterminate { radio row:selected:focus:indeterminate {
-gtk-icon-source: url("assets/radio-mixed-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-alt.png"),
url("assets/radio-mixed-alt@2.png"));
} }
radio row:indeterminate:hover, radio row:indeterminate:hover,
radio row:selected:indeterminate:hover, radio row:selected:indeterminate:hover,
radio row:selected:focus:indeterminate:hover { radio row:selected:focus:indeterminate:hover {
-gtk-icon-source: url("assets/radio-mixed-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-alt.png"),
url("assets/radio-mixed-hover-alt@2.png"));
} }
radio:indeterminate:disabled { radio:indeterminate:disabled {
-gtk-icon-source: url("assets/radio-mixed-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled.png"),
url("assets/radio-mixed-disabled@2.png"));
} }
radio row:indeterminate:disabled, radio row:indeterminate:disabled,
radio row:selected:indeterminate:disabled, radio row:selected:indeterminate:disabled,
radio row:selected:focus:indeterminate:disabled { radio row:selected:focus:indeterminate:disabled {
-gtk-icon-source: url("assets/radio-mixed-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled-alt.png"),
url("assets/radio-mixed-disabled-alt@2.png"));
} }
radio:indeterminate:backdrop { radio:indeterminate:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed.png"),
url("assets/backdrop-radio-mixed@2.png"));
} }
radio:indeterminate:hover:backdrop { radio:indeterminate:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed-hover.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-hover.png"),
url("assets/backdrop-radio-mixed-hover@2.png"));
} }
radio row:indeterminate:backdrop, radio row:indeterminate:backdrop,
radio row:selected:indeterminate:backdrop { radio row:selected:indeterminate:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-alt.png"),
url("assets/backdrop-radio-mixed-alt.png"));
} }
radio row:indeterminate:hover:backdrop, radio row:indeterminate:hover:backdrop,
radio row:selected:indeterminate:hover:backdrop { radio row:selected:indeterminate:hover:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed-hover-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-hover-alt.png"),
url("assets/backdrop-radio-mixed-hover-alt@2.png"));
} }
radio:indeterminate:disabled:backdrop { radio:indeterminate:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed-disabled.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-disabled.png"),
url("assets/backdrop-radio-mixed-disabled@2.png"));
} }
radio row:selected:indeterminate:disabled:backdrop { radio row:selected:indeterminate:disabled:backdrop {
-gtk-icon-source: url("assets/backdrop-radio-mixed-disabled-alt.png"); -gtk-icon-source: -gtk-scaled(url("assets/backdrop-radio-mixed-disabled-alt.png"),
url("assets/backdrop-radio-mixed-disabled-alt@2.png"));
} }
.primary-toolbar menu check, .primary-toolbar menu check,
@ -364,7 +436,8 @@ menu check,
menu check:hover, menu check:hover,
menu check:disabled:not(:checked), menu check:disabled:not(:checked),
menu check:indeterminate:not(:checked) { menu check:indeterminate:not(:checked) {
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
.primary-toolbar menu radio, .primary-toolbar menu radio,
@ -374,19 +447,22 @@ menu radio,
menu radio:hover, menu radio:hover,
menu radio:disabled:not(:checked), menu radio:disabled:not(:checked),
menu radio:indeterminate:not(:checked) { menu radio:indeterminate:not(:checked) {
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
.primary-toolbar menu check:checked, .primary-toolbar menu check:checked,
menubar toolbar menu check:checked, menubar toolbar menu check:checked,
headerbar menu check:checked, headerbar menu check:checked,
menu check:checked { menu check:checked {
-gtk-icon-source: url("assets/check-menuitem-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
url("assets/check-menuitem-dark@2.png"));
} }
toolbar menu check:checked:hover, toolbar menu check:checked:hover,
menu check:checked:hover { menu check:checked:hover {
-gtk-icon-source: url("assets/check-menuitem.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem.png"),
url("assets/check-menuitem@2.png"));
} }
.primary-toolbar menu check:checked:disabled, .primary-toolbar menu check:checked:disabled,
@ -395,7 +471,8 @@ headerbar menu check:checked:disabled,
toolbar menu check:checked:hover:disabled, toolbar menu check:checked:hover:disabled,
menu check:checked:disabled, menu check:checked:disabled,
menu check:checked:hover:disabled { menu check:checked:hover:disabled {
-gtk-icon-source: url("assets/check-menuitem-insensitive.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive.png"),
url("assets/check-menuitem-insensitive@2.png"));
} }
.primary-toolbar menu radio:checked, .primary-toolbar menu radio:checked,
@ -404,7 +481,8 @@ headerbar menu radio:checked,
toolbar menu radio:checked:hover, toolbar menu radio:checked:hover,
menu radio:checked, menu radio:checked,
menu radio:checked:hover { menu radio:checked:hover {
-gtk-icon-source: url("assets/radio-menuitem.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem.png"),
url("assets/radio-menuitem@2.png"));
} }
.primary-toolbar menu radio:checked:disabled, .primary-toolbar menu radio:checked:disabled,
@ -413,31 +491,38 @@ headerbar menu radio:checked:disabled,
toolbar menu radio:checked:hover:disabled, toolbar menu radio:checked:hover:disabled,
menu radio:checked:disabled, menu radio:checked:disabled,
menu radio:checked:hover:disabled { menu radio:checked:hover:disabled {
-gtk-icon-source: url("assets/radio-menuitem-insensitive.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive.png"),
url("assets/radio-menuitem-insensitive@2.png"));
} }
toolbar menu check { toolbar menu check {
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
toolbar menu radio { toolbar menu radio {
-gtk-icon-source: url("assets/check-menuitem-unselected.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-unselected.png"),
url("assets/check-menuitem-unselected@2.png"));
} }
toolbar menu check:checked { toolbar menu check:checked {
-gtk-icon-source: url("assets/check-menuitem-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-dark.png"),
url("assets/check-menuitem-dark@2.png"));
} }
toolbar menu check:checked:disabled { toolbar menu check:checked:disabled {
-gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/check-menuitem-insensitive-dark.png"),
url("assets/check-menuitem-insensitive-dark@2.png"));
} }
toolbar menu radio:checked { toolbar menu radio:checked {
-gtk-icon-source: url("assets/radio-menuitem-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-dark.png"),
url("assets/radio-menuitem-dark@2.png"));
} }
toolbar menu radio:checked:disabled { toolbar menu radio:checked:disabled {
-gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png"); -gtk-icon-source: -gtk-scaled(url("assets/radio-menuitem-insensitive-dark.png"),
url("assets/radio-menuitem-insensitive-dark@2.png"));
} }
/********************* /*********************
@ -445,7 +530,8 @@ toolbar menu radio:checked:disabled {
*********************/ *********************/
scale slider, scale slider,
scale.horizontal contents:only-child trough slider { scale.horizontal contents:only-child trough slider {
background-image: url("assets/slider-horizontal.png"); background-image: -gtk-scaled(url("assets/slider-horizontal.png"),
url("assets/slider-horizontal@2.png"));
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@ -456,23 +542,27 @@ scale.horizontal:backdrop slider {
scale slider:hover, scale slider:hover,
scale.horizontal slider:hover { scale.horizontal slider:hover {
background-image: url("assets/slider-horizontal-hover.png"); background-image: -gtk-scaled(url("assets/slider-horizontal-hover.png"),
url("assets/slider-horizontal-hover@2.png"));
background-repeat: no-repeat; background-repeat: no-repeat;
} }
scale slider:focus, scale slider:focus,
scale.horizontal slider:focus { scale.horizontal slider:focus {
background-image: url("assets/slider-horizontal-focused.png"); background-image: -gtk-scaled(url("assets/slider-horizontal-focused.png"),
url("assets/slider-horizontal-focused@2.png"));
} }
scale slider:hover:focus, scale slider:hover:focus,
scale.horizontal slider:hover:focus { scale.horizontal slider:hover:focus {
background-image: url("assets/slider-horizontal-focused-hover.png"); background-image: -gtk-scaled(url("assets/slider-horizontal-focused-hover.png"),
url("assets/slider-horizontal-focused-hover@2.png"));
} }
scale:disabled slider, scale:disabled slider,
scale.horizontal:disabled slider { scale.horizontal:disabled slider {
background-image: url("assets/slider-horizontal-disabled.png"); background-image: -gtk-scaled(url("assets/slider-horizontal-disabled.png"),
url("assets/slider-horizontal-disabled@2.png"));
} }
scale slider:disabled:backdrop, scale slider:disabled:backdrop,
@ -481,7 +571,8 @@ scale.horizontal slider:disabled:backdrop {
} }
scale.vertical slider { scale.vertical slider {
background-image: url("assets/slider-vertical.png"); background-image: -gtk-scaled(url("assets/slider-vertical.png"),
url("assets/slider-vertical@2.png"));
} }
scale:backdrop.vertical slider { scale:backdrop.vertical slider {
@ -489,19 +580,23 @@ scale:backdrop.vertical slider {
} }
scale.vertical slider:hover { scale.vertical slider:hover {
background-image: url("assets/slider-vertical-hover.png"); background-image: -gtk-scaled(url("assets/slider-vertical-hover.png"),
url("assets/slider-vertical-hover@2.png"));
} }
scale.vertical slider:focus { scale.vertical slider:focus {
background-image: url("assets/slider-vertical-focused.png"); background-image: -gtk-scaled(url("assets/slider-vertical-focused.png"),
url("assets/slider-vertical-focused@2.png"));
} }
scale.vertical slider:hover:focus { scale.vertical slider:hover:focus {
background-image: url("assets/slider-vertical-focused-hover.png"); background-image: -gtk-scaled(url("assets/slider-vertical-focused-hover.png"),
url("assets/slider-vertical-focused-hover@2.png"));
} }
scale:disabled.vertical slider { scale:disabled.vertical slider {
background-image: url("assets/slider-vertical-disabled.png"); background-image: -gtk-scaled(url("assets/slider-vertical-disabled.png"),
url("assets/slider-vertical-disabled@2.png"));
} }
scale:disabled:backdrop.vertical slider { scale:disabled:backdrop.vertical slider {

4
src/usr/share/themes/Lubuntu-default/gtk-3.20/gtk-widgets-borders-radiance.css
Unescape View File

@ -1,13 +1,13 @@
.primary-toolbar .entry, .primary-toolbar .entry,
menubar toolbar entry, menubar toolbar entry,
headerbar entry { headerbar entry {
border-image: url("assets/radiance-entry-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/radiance-entry-toolbar.png"),url("assets/radiance-entry-toolbar@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
primary-toolbar entry:focus, primary-toolbar entry:focus,
menubar toolbar entry:focus, menubar toolbar entry:focus,
headerbar entry:focus { headerbar entry:focus {
border-image: url("assets/radiance-entry-toolbar-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/radiance-entry-toolbar-focused.png"),url("assets/radiance-entry-toolbar-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar combobox entry button, .primary-toolbar combobox entry button,

84
src/usr/share/themes/Lubuntu-default/gtk-3.20/gtk-widgets-borders.css
Unescape View File

@ -1,4 +1,10 @@
/* Borders */ /* Borders */
menubar menuitem,
.menubar.menuitem {
border: 1px solid transparent;
border-bottom-width: 0px;
}
menubar menuitem:hover, menubar menuitem:hover,
.menubar.menuitem:hover { .menubar.menuitem:hover {
border: 1px solid #2e2e2c; border: 1px solid #2e2e2c;
@ -19,27 +25,27 @@ entry {
spinbutton, spinbutton,
entry { entry {
border-image: url("assets/entry.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/entry.png"),url("assets/entry@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
spinbutton:backdrop, spinbutton:backdrop,
entry:backdrop { entry:backdrop {
border-image: url("assets/backdrop-entry.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/backdrop-entry.png"),url("assets/backdrop-entry@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
spinbutton:focus, spinbutton:focus,
entry:focus { entry:focus {
border-image: url("assets/entry-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/entry-focused.png"),url("assets/entry-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
spinbutton:disabled, spinbutton:disabled,
entry:disabled { entry:disabled {
border-image: url("assets/entry-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/entry-disabled.png"),url("assets/entry-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
spinbutton:disabled:backdrop, spinbutton:disabled:backdrop,
entry:disabled:backdrop { entry:disabled:backdrop {
border-image: url("assets/backdrop-entry-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/backdrop-entry-disabled.png"),url("assets/backdrop-entry-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
spinbutton entry, spinbutton entry,
@ -54,13 +60,13 @@ spinbutton entry:backdrop {
.primary-toolbar entry, .primary-toolbar entry,
menubar toolbar entry, menubar toolbar entry,
headerbar entry { headerbar entry {
border-image: url("assets/entry-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/entry-toolbar.png"),url("assets/entry-toolbar@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar entry:focus, .primary-toolbar entry:focus,
menubar toolbar entry:focus, menubar toolbar entry:focus,
headerbar entry:focus { headerbar entry:focus {
border-image: url("assets/entry-toolbar-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/entry-toolbar-focused.png"),url("assets/entry-toolbar-focused@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar entry progress, .primary-toolbar entry progress,
@ -88,27 +94,27 @@ combobox entry button:last-child {
} }
combobox entry button { combobox entry button {
border-image: url("assets/combobox-button.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/combobox-button.png"),url("assets/combobox-button@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
combobox entry button:backdrop { combobox entry button:backdrop {
border-image: url("assets/backdrop-combobox-button.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/backdrop-combobox-button.png"),url("assets/backdrop-combobox-button@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
combobox entry button:focus { combobox entry button:focus {
border-image: url("assets/combobox-button-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/combobox-button-focused.png"),url("assets/combobox-button-focused@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
combobox entry button:disabled { combobox entry button:disabled {
border-image: url("assets/combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/combobox-button-disabled.png"),url("assets/combobox-button-disabled@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
combobox entry button:disabled:backdrop { combobox entry button:disabled:backdrop {
border-image: url("assets/backdrop-combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/backdrop-combobox-button-disabled.png"),url("assets/backdrop-combobox-button-disabled@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
combobox entry button:active:focus { combobox entry button:active:focus {
border-image: url("assets/combobox-button-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; border-image: -gtk-scaled(url("assets/combobox-button-pressed-focused.png"),url("assets/combobox-button-pressed-focused@2.png")) 10 12 10 1 / 10px 12px 10px 1px stretch;
} }
.primary-toolbar combobox entry button, .primary-toolbar combobox entry button,
@ -155,19 +161,19 @@ headerbar combobox entry button:last-child {
} }
notebook header.top tab:checked { notebook header.top tab:checked {
border-image: url("assets/notebook-tab-top.png") 8 10 1 10 / 8px 10px 1px 10px stretch; border-image: -gtk-scaled(url("assets/notebook-tab-top.png"),url("assets/notebook-tab-top@2.png")) 8 10 1 10 / 8px 10px 1px 10px stretch;
} }
notebook header.right tab:checked { notebook header.right tab:checked {
border-image: url("assets/notebook-tab-right.png") 10 8 10 1 / 10px 8px 10px 1px stretch; border-image: -gtk-scaled(url("assets/notebook-tab-right.png"),url("assets/notebook-tab-right@2.png")) 10 8 10 1 / 10px 8px 10px 1px stretch;
} }
notebook header.bottom tab:checked { notebook header.bottom tab:checked {
border-image: url("assets/notebook-tab-bottom.png") 1 10 8 10 / 1px 10px 8px 10px stretch; border-image: -gtk-scaled(url("assets/notebook-tab-bottom.png"),url("assets/notebook-tab-bottom@2.png")) 1 10 8 10 / 1px 10px 8px 10px stretch;
} }
notebook header.left tab:checked { notebook header.left tab:checked {
border-image: url("assets/notebook-tab-left.png") 10 1 10 8 / 10px 1px 10px 8px stretch; border-image: -gtk-scaled(url("assets/notebook-tab-left.png"),url("assets/notebook-tab-left@2.png")) 10 1 10 8 / 10px 1px 10px 8px stretch;
} }
.trough, .trough,
@ -181,27 +187,27 @@ trough.highlight {
.trough, .trough,
trough { trough {
border-image: url("assets/progressbar-horizontal-trough.png") 6 7 6 7 / 6px 7px 6px 7px stretch; border-image: -gtk-scaled(url("assets/progressbar-horizontal-trough.png"),url("assets/progressbar-horizontal-trough@2.png")) 6 7 6 7 / 6px 7px 6px 7px stretch;
} }
switch { switch {
border-image: url("assets/switch-trough-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/switch-trough-off.png"),url("assets/switch-trough-off@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
switch:checked { switch:checked {
border-image: url("assets/switch-trough-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/switch-trough-on.png"),url("assets/switch-trough-on@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar switch, .primary-toolbar switch,
menubar toolbar switch, menubar toolbar switch,
headerbar switch { headerbar switch {
border-image: url("assets/switch-trough-toolbar-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/switch-trough-toolbar-off.png"),url("assets/switch-trough-toolbar-off@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
.primary-toolbar switch:checked, .primary-toolbar switch:checked,
menubar toolbar switch:checked, menubar toolbar switch:checked,
headerbar switch:checked { headerbar switch:checked {
border-image: url("assets/switch-trough-toolbar-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/switch-trough-toolbar-on.png"),url("assets/switch-trough-toolbar-on@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
/* XXX temporary */ /* XXX temporary */
@ -209,27 +215,27 @@ switch:backdrop,
switch:checked:backdrop, switch:checked:backdrop,
switch:disabled, switch:disabled,
switch:checked:disabled { switch:checked:disabled {
border-image: url("assets/switch-trough-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch; border-image: -gtk-scaled(url("assets/switch-trough-disabled.png"),url("assets/switch-trough-disabled@2.png")) 10 12 10 12 / 10px 12px 10px 12px stretch;
} }
switch slider { switch slider {
border-image: url("assets/switch-button-off.png") 9 11 9 11 / 9px 11px 9px 11px stretch; border-image: -gtk-scaled(url("assets/switch-button-off.png"),url("assets/switch-button-off@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
} }
switch:checked slider { switch:checked slider {
border-image: url("assets/switch-button-on.png") 9 11 9 11 / 9px 11px 9px 11px stretch; border-image: -gtk-scaled(url("assets/switch-button-on.png"),url("assets/switch-button-on@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
} }
/* XXX temporary */ /* XXX temporary */
switch:backdrop slider, switch:backdrop slider,
switch:disabled slider { switch:disabled slider {
border-image: url("assets/switch-button-off-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch; border-image: -gtk-scaled(url("assets/switch-button-off-disabled.png"),url("assets/switch-button-off-disabled@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
} }
/* XXX temporary */ /* XXX temporary */
switch:active:backdrop slider, switch:active:backdrop slider,
switch:active:disabled slider { switch:active:disabled slider {
border-image: url("assets/switch-button-on-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch; border-image: -gtk-scaled(url("assets/switch-button-on-disabled.png"),url("assets/switch-button-on-disabled@2.png")) 9 11 9 11 / 9px 11px 9px 11px stretch;
} }
/* /*
@ -263,50 +269,50 @@ progressbar.vertical:backdrop trough progress {
*/ */
scale trough { scale trough {
border-image: url("assets/scale-horizontal-trough.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-trough.png"),url("assets/scale-horizontal-trough@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
scale:disabled trough { scale:disabled trough {
border-image: url("assets/scale-horizontal-trough-disabled.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-trough-disabled.png"),url("assets/scale-horizontal-trough-disabled@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
scale:backdrop trough { scale:backdrop trough {
border-image: url("assets/scale-horizontal-trough-backdrop.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-trough-backdrop.png"),url("assets/scale-horizontal-trough-backdrop@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
scale.vertical trough { scale.vertical trough {
border-image: url("assets/scale-vertical-trough.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-trough.png"),url("assets/scale-vertical-trough@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }
scale.vertical:disabled trough { scale.vertical:disabled trough {
border-image: url("assets/scale-vertical-trough-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-trough-disabled.png"),url("assets/scale-vertical-trough-disabled@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }
scale trough.highlight.left { scale trough.highlight.left {
border-image: url("assets/scale-horizontal-fill.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-fill.png"),url("assets/scale-horizontal-fill@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
scale.vertical:backdrop trough { scale.vertical:backdrop trough {
border-image: url("assets/scale-vertical-trough-backdrop.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-trough-backdrop.png"),url("assets/scale-vertical-trough-backdrop@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }
scale:backdrop trough.highlight.left { scale:backdrop trough.highlight.left {
border-image: url("assets/scale-horizontal-fill-disabled.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-fill-disabled.png"),url("assets/scale-horizontal-fill-disabled@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
scale:backdrop trough.highlight.left { scale:backdrop trough.highlight.left {
border-image: url("assets/scale-horizontal-fill-backdrop.png") 2 6 2 6 / 2px 6px 2px 6px stretch; border-image: -gtk-scaled(url("assets/scale-horizontal-fill-backdrop.png"),url("assets/scale-horizontal-fill-backdrop@2.png")) 2 6 2 6 / 2px 6px 2px 6px stretch;
} }
scale.vertical trough.highlight.bottom { scale.vertical trough.highlight.bottom {
border-image: url("assets/scale.vertical-vertical-fill.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-fill.png"),url("assets/scale-vertical-fill@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }
scale.vertical:disabled trough.highlight.bottom { scale.vertical:disabled trough.highlight.bottom {
border-image: url("assets/scale.vertical-vertical-fill-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-fill-disabled.png"),url("assets/scale-vertical-fill-disabled@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }
scale.vertical:backdrop trough.highlight.bottom { scale.vertical:backdrop trough.highlight.bottom {
border-image: url("assets/scale-vertical-fill-backdrop.png") 6 2 6 2 / 6px 2px 6px 2px stretch; border-image: -gtk-scaled(url("assets/scale-vertical-fill-backdrop.png"),url("assets/scale-vertical-fill-backdrop@2.png")) 6 2 6 2 / 6px 2px 6px 2px stretch;
} }

8
src/usr/share/themes/Lubuntu-default/gtk-3.20/gtk-widgets-radiance.css
Unescape View File

@ -70,9 +70,7 @@ menu spinner:hover {
} }
/* primary-toolbar */ /* primary-toolbar */
.primary-toolbar, .primary-toolbar {
headerbar,
.maximized headerbar.titlebar:not(:backdrop) {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 0.96)), from (shade (@dark_bg_color, 0.96)),
to (shade (@dark_bg_color, 1.1))); to (shade (@dark_bg_color, 1.1)));
@ -104,7 +102,3 @@ headerbar button:disabled {
from (shade (@dark_bg_color, 1.03)), from (shade (@dark_bg_color, 1.03)),
to (shade (@dark_bg_color, 0.96))); to (shade (@dark_bg_color, 0.96)));
} }
.titlebar {
border-top-width: 0px;
}

324
src/usr/share/themes/Lubuntu-default/gtk-3.20/gtk-widgets.css
Unescape View File

@ -20,7 +20,7 @@
assistant .sidebar .highlight { assistant .sidebar .highlight {
color: @fg_color; color: @fg_color;
font: bold; font-weight: bold;
} }
assistant .sidebar { assistant .sidebar {
@ -69,7 +69,8 @@ button.flat {
button:backdrop { button:backdrop {
background-image: none; background-image: none;
background-color: @bg_color; background-color: @bg_color;
border-image-source: url("assets/backdrop-button.png"); border-image-source: -gtk-scaled(url("assets/backdrop-button.png"),
url("assets/backdrop-button@2.png"));
color: @backdrop_fg_color; color: @backdrop_fg_color;
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2); text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
@ -80,7 +81,8 @@ button.flat:backdrop {
} }
button:focus { button:focus {
border-image-source: url("assets/button-focused.png"); border-image-source: -gtk-scaled(url("assets/button-focused.png"),
url("assets/button-focused.png@2"));
} }
button:hover { button:hover {
@ -88,16 +90,19 @@ button:hover {
from (shade (@button_bg_color, 1.12)), from (shade (@button_bg_color, 1.12)),
color-stop (0.5, @button_bg_color), color-stop (0.5, @button_bg_color),
to (shade (@button_bg_color, 0.96))); to (shade (@button_bg_color, 0.96)));
border-image-source: url("assets/button-hover.png"); border-image-source: -gtk-scaled(url("assets/button-hover.png"),
url("assets/button-hover@2.png"));
} }
button:hover:backdrop { button:hover:backdrop {
background-color: shade (@bg_color, 1.04); background-color: shade (@bg_color, 1.04);
border-image-source: url("assets/backdrop-button-hover.png"); border-image-source: -gtk-scaled(url("assets/backdrop-button-hover.png"),
url("assets/backdrop-button-hover@2.png"));
} }
button:hover:focus { button:hover:focus {
border-image-source: url("assets/button-focused-hover.png"); border-image-source: -gtk-scaled(url("assets/button-focused-hover.png"),
url("assets/button-focused-hover@2.png"));
} }
@ -106,14 +111,16 @@ button:disabled {
background-color: mix (#ebebeb, @bg_color, 0.5); background-color: mix (#ebebeb, @bg_color, 0.5);
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
border-image-source: url("assets/button-disabled.png"); border-image-source: -gtk-scaled(url("assets/button-disabled.png"),
url("assets/button-disabled@2.png"));
} }
button:disabled:backdrop { button:disabled:backdrop {
background-color: #ebebeb; background-color: #ebebeb;
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2); text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
border-image-source: url("assets/backdrop-button-disabled.png"); border-image-source: -gtk-scaled(url("assets/backdrop-button-disabled.png"),
url("assets/backdrop-button-disabled@2.png"));
} }
button.flat:disabled, button.flat:disabled,
@ -126,22 +133,26 @@ button:checked {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (#cecece), from (#cecece),
to (#e8e8e8)); to (#e8e8e8));
border-image-source: url("assets/button-active.png"); border-image-source: -gtk-scaled(url("assets/button-active.png"),
url("assets/button-active@2.png"));
} }
button:checked:focus { button:checked:focus {
border-image-source: url("assets/button-active-focused.png"); border-image-source: -gtk-scaled(url("assets/button-active-focused.png"),
url("assets/button-active-focused@2.png"));
} }
button:active { button:active {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (#dcdcdc), from (#dcdcdc),
to (#f3f3f3)); to (#f3f3f3));
border-image-source: url("assets/button-active-hover.png"); border-image-source: -gtk-scaled(url("assets/button-active-hover.png"),
url("assets/button-active-hover@2.png"));
} }
button:active:focus { button:active:focus {
border-image-source: url("assets/button-active-focused-hover.png"); border-image-source: -gtk-scaled(url("assets/button-active-focused-hover.png"),
url("assets/button-active-focused-hover@2.png"));
} }
button:checked:disabled, button:checked:disabled,
@ -149,22 +160,26 @@ button:active:disabled {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (#e3e3e3), from (#e3e3e3),
to (#f3f3f3)); to (#f3f3f3));
border-image-source: url("assets/button-active-disabled.png"); border-image-source: -gtk-scaled(url("assets/button-active-disabled.png"),
url("assets/button-active-disabled@2.png"));
} }
button:checked:backdrop { button:checked:backdrop {
border-image-source: url("assets/backdrop-button-active.png"); border-image-source: -gtk-scaled(url("assets/backdrop-button-active.png"),
url("assets/backdrop-button-active@2.png"));
} }
button:active:backdrop { button:active:backdrop {
border-image-source: url("assets/backdrop-button-active-hover.png"); border-image-source: -gtk-scaled(url("assets/backdrop-button-active-hover.png"),
url("assets/backdrop-button-active-hover@2.png"));
} }
button:checked:disabled:backdrop { button:checked:disabled:backdrop {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (mix (#e3e3e3, @bg_color, 0.5)), from (mix (#e3e3e3, @bg_color, 0.5)),
to (mix (#f3f3f3, @bg_color, 0.5))); to (mix (#f3f3f3, @bg_color, 0.5)));
border-image-source: url("assets/backdrop-button-active-disabled.png"); border-image-source: -gtk-scaled(url("assets/backdrop-button-active-disabled.png"),
url("assets/backdrop-button-active-disabled@2.png"));
} }
/* /*
@ -495,6 +510,8 @@ entry {
padding: 5px 7px; padding: 5px 7px;
color: @text_color; color: @text_color;
text-shadow: none;
} }
entry.flat, entry.flat:focus { entry.flat, entry.flat:focus {
@ -532,6 +549,14 @@ entry:disabled:backdrop {
color: mix (@text_color, @base_color, 0.4); color: mix (@text_color, @base_color, 0.4);
} }
entry > image.left {
padding-right: 5px;
}
entry > image.right {
padding-left: 5px;
}
.primary-toolbar entry progress, .primary-toolbar entry progress,
headerbar entry progress { headerbar entry progress {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
@ -621,17 +646,6 @@ frame > box.vertical > scrolledwindow.frame {
border-width: 1px 0px 1px 0px; border-width: 1px 0px 1px 0px;
} }
/****************
* window-frame *
****************/
.csd.popup {
border-style: none;
border-radius: 0;
box-shadow: 0 3px 8px @shadow_color;
}
/************ /************
* iconview * * iconview *
************/ ************/
@ -783,6 +797,7 @@ combobox menu {
background-color: @bg_color; background-color: @bg_color;
border-bottom-color: shade (@bg_color, 0.66); border-bottom-color: shade (@bg_color, 0.66);
border-right-color: shade (@bg_color, 0.7); border-right-color: shade (@bg_color, 0.7);
border-left-color: shade (@bg_color, 0.7);
border-top-color: shade (@bg_color, 0.8); border-top-color: shade (@bg_color, 0.8);
border-style: solid; border-style: solid;
padding: 0; padding: 0;
@ -812,7 +827,13 @@ menu button
} }
.context-menu { .context-menu {
font: regular medium; font-size: medium;
font-weight: normal;
}
.background.popup.csd {
/* Delete menus background, we don't need border-radious here */
background-color: transparent;
} }
/*********** /***********
@ -1244,14 +1265,16 @@ trough.vertical {
/* level bars as used for password quality or remaining power */ /* level bars as used for password quality or remaining power */
levelbar { levelbar,
min-width: 34px; levelbar trough {
min-width: 150px;
min-height: 5px; min-height: 5px;
} }
levelbar.vertical { levelbar.vertical,
levelbar.vertical trough {
min-width: 5px; min-width: 5px;
min-height: 34px; min-height: 150px;
} }
levelbar trough { levelbar trough {
@ -1923,12 +1946,8 @@ textview {
background-color: @base_color; background-color: @base_color;
} }
headerbar {
padding: 2px 6px;
}
/* /*
* Header Bars * Header Bars and decorations
* *
* The following rules only style header bars when they are used as a window's * The following rules only style header bars when they are used as a window's
* titlebar widget (i.e., they have .titlebar set as well). * titlebar widget (i.e., they have .titlebar set as well).
@ -1937,44 +1956,147 @@ headerbar {
* that prefer showing traditional title bars. The rules for those are further * that prefer showing traditional title bars. The rules for those are further
* down grouped with normal toolbars. * down grouped with normal toolbars.
*/ */
.titlebar { decoration {
background-image: -gtk-gradient (linear, left top, left bottom, margin: 10px;
from (shade (@dark_bg_color, 1.5)), border-radius: 6px 6px 0 0;
to (@dark_bg_color)); box-shadow: 1px 5px 13px alpha(@active_shadow_color, 0.85);
border-color: shade (@dark_bg_color, 1.5); }
border-style: solid;
border-width: 1px 0 0 0;
border-radius: 7px 7px 0 0;
color: @dark_fg_color; decoration:backdrop,
tooltip.csd decoration,
.popup decoration {
box-shadow: 1px 5px 13px transparent, /* this should match normal shadow geometries */
1px 5px 8px @inactive_shadow_color;
transition: 100ms ease-out;
} }
.titlebar .title { .ssd decoration {
font: bold; box-shadow: none;
} }
.titlebar .subtitle { popover {
font-size: smaller; /* FIXME: we can't reuse the default shadow definition as increasing marging
opacity: 0.5; * would break the tip
*/
margin: 13px;
box-shadow: 1px 3px 6px @inactive_shadow_color;
} }
.titlebar:backdrop { popover:backdrop,
color: @backdrop_fg_color; popover.background:backdrop {
box-shadow: 1px 3px 6px alpha(@inactive_shadow_color, 0.5);
}
tooltip decoration {
background-color: transparent;
background-image: none; background-image: none;
background-color: @dark_bg_color;
border-top-color: @dark_bg_color;
box-shadow: inset 0 1px shade (@dark_bg_color, 1.2);
} }
.maximized .titlebar { .maximized decoration,
.fullscreen decoration,
.unity-csd decoration {
margin: 0;
border-radius: 0; border-radius: 0;
border: none; box-shadow: none;
}
.tiled decoration {
border-radius: 0;
}
.default-decoration.titlebar:not(headerbar),
messagedialog.csd .titlebar:not(headerbar),
messagedialog.solid-csd .titlebar:not(headerbar),
headerbar.default-decoration {
min-height: 26px;
} }
.maximized .titlebar.toolbar-mode { .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar),
.solid-csd .titlebar:backdrop:dir(ltr):not(headerbar),
.solid-csd .titlebar:dir(rtl):not(headerbar),
.solid-csd .titlebar:dir(ltr):not(headerbar),
.solid-csd headerbar:backdrop:dir(rtl),
.solid-csd headerbar:backdrop:dir(ltr),
.solid-csd headerbar,
.solid-csd headerbar:dir(ltr) {
margin-left: 0;
margin-right: 0;
margin-top: 0;
border-radius: 0;
box-shadow: none; box-shadow: none;
} }
.solid-csd decoration {
margin: 0;
box-shadow: none;
border-width: 2px;
border-style: solid;
border-color: shade (@dark_bg_color, 0.85);
border-radius: 0;
}
.solid-csd:backdrop decoration {
border-color: @dark_bg_color
}
.titlebar,
UnityDecoration .top {
border: 1px solid rgba (85, 40, 0, 0.04); /* shade (@dark_bg_color) (shade (#edebe6, 1.06) */
border-radius: 6px 6px 0 0;
padding: 1px 6px 1px 6px;
box-shadow: inset 0 0 transparent, inset 0 0 transparent,
inset 0 1px shade (@edebe6, 1.065), inset 0 0 transparent;
background-color: transparent;
background-clip: border-box;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (#edebe6, 1.06)),
to (@dark_bg_color));
color: shade (@dark_bg_color, 0.4);
text-shadow: 1px 0 shade (@dark_bg_color, 1.06), -1px 0 shade (@dark_bg_color, 1.06),
0 1px shade (@dark_bg_color, 1.06), 0 -1px shade (@dark_bg_color, 1.06);
}
.titlebar:backdrop,
UnityDecoration .top:backdrop {
border: 1px solid rgba (110, 27, 0, 0.04); /* shade @dark_bg_color - shade (#edebe6, 0.96) */
background-color: transparent;
background-clip: border-box;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (#edebe6, 0.96)),
to (@dark_bg_color));
box-shadow: inset 0 0 transparent, inset 0 0 transparent,
inset 0 1px shade (#edebe6, 0.97), inset 0 0 transparent;
color: #a39e9a;
text-shadow: 1px 0 1px shade (@dark_bg_color, 1.08), -1px 0 1px shade (@dark_bg_color, 1.08),
0 1px 1px shade (@dark_bg_color, 1.08), 0 -1px 1px shade (@dark_bg_color, 1.08);
}
.maximized .titlebar,
.tiled .titlebar {
border-radius: 0;
border-image: none;
border: none;
box-shadow: none;
}
.maximized .titlebar:not(:backdrop):not(.toolbar-mode),
.tiled .titlebar:not(:backdrop):not(.toolbar-mode) {
box-shadow: inset 0 1px shade (#edebe6, 1.08);
}
.titlebar .title {
font-weight: bold;
}
.titlebar .subtitle {
font-size: smaller;
opacity: 0.5;
}
.titlebar button.titlebutton { .titlebar button.titlebutton {
background-clip: padding-box; background-clip: padding-box;
border: 1px solid #d0c7bf; border: 1px solid #d0c7bf;
@ -1986,6 +2108,20 @@ headerbar {
background-image: linear-gradient(to top, #d5d2ce, #ece8e4 50%, #f7f4f3); background-image: linear-gradient(to top, #d5d2ce, #ece8e4 50%, #f7f4f3);
} }
/* keep buttons closer */
.titlebar button.titlebutton {
margin-left: -2px;
margin-right: -2px;
}
.titlebar button.titlebutton:first-child {
margin-left: inherit;
}
.titlebar button.titlebutton:last-child {
margin-right: inherit;
}
.titlebar button.titlebutton.close { .titlebar button.titlebutton.close {
color: #7f4025; color: #7f4025;
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.25); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.25);
@ -2017,10 +2153,12 @@ headerbar {
} }
/*********** /***********
* toolbar * * toolbar *
***********/ ***********/
.toolbar { .toolbar:not(.titlebar):not(headerbar) {
border-style: none; border-style: none;
padding: 1px; padding: 1px;
@ -2029,7 +2167,7 @@ headerbar {
text-shadow: none; text-shadow: none;
} }
.toolbar:backdrop { .toolbar:not(.titlebar):not(headerbar):backdrop {
color: @backdrop_fg_color; color: @backdrop_fg_color;
} }
@ -2037,8 +2175,9 @@ headerbar {
* primary-toolbar * * primary-toolbar *
*******************/ *******************/
.primary-toolbar, .primary-toolbar,
headerbar, /* Workaround for LP: #1689239, selects headerbars used as toolbar in Unity */
.maximized headerbar.titlebar:not(:backdrop) { :not(.titlebar) > headerbar:not(.titlebar),
.titlebar.toolbar-mode {
-GtkWidget-window-dragging: true; -GtkWidget-window-dragging: true;
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
@ -2056,12 +2195,10 @@ headerbar,
box-shadow: inset 0 1px shade (@dark_bg_color, 0.94); box-shadow: inset 0 1px shade (@dark_bg_color, 0.94);
} }
.maximized headerbar.titlebar.toolbar-mode:not(:backdrop) {
border-width: 0;
}
.primary-toolbar:backdrop, .primary-toolbar:backdrop,
headerbar:backdrop { /* Workaround for LP: #1689239, selects headerbars used as toolbar in Unity */
:not(.titlebar) > headerbar:not(.titlebar):backdrop,
.titlebar.toolbar-mode:backdrop {
background-image: none; background-image: none;
background-color: @dark_bg_color; background-color: @dark_bg_color;
box-shadow: none; box-shadow: none;
@ -2072,16 +2209,19 @@ headerbar:backdrop {
} }
.primary-toolbar:disabled, .primary-toolbar:disabled,
.titlebar.toolbar-mode:disabled,
headerbar:disabled { headerbar:disabled {
text-shadow: 0 -1px shade (@dark_bg_color, 0.7); text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
} }
.primary-toolbar button, .primary-toolbar button,
.titlebar button,
headerbar button, headerbar button,
headerbar button:disabled, headerbar button:disabled,
.primary-toolbar button.flat:hover { .primary-toolbar button.flat:hover {
background: transparent; background: transparent;
border-image-source: url("assets/radiance-button-toolbar.png"); border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar.png"),
url("assets/radiance-button-toolbar@2.png"));
padding: 9px; padding: 9px;
color: @dark_fg_color; color: @dark_fg_color;
} }
@ -2099,14 +2239,16 @@ headerbar button:disabled * {
.primary-toolbar button:focus, .primary-toolbar button:focus,
headerbar button:focus { headerbar button:focus {
border-image-source: url("assets/radiance-button-toolbar-focused.png"); border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar-focused.png"),
url("assets/radiance-button-toolbar-focused@2.png"));
} }
.primary-toolbar button:active, .primary-toolbar button:active,
.primary-toolbar button:checked, .primary-toolbar button:checked,
headerbar button:active, headerbar button:active,
headerbar button:checked { headerbar button:checked {
border-image-source: url("assets/radiance-button-toolbar-active.png"); border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar-active.png"),
url("assets/radiance-button-toolbar-active@2.png"));
} }
.primary-toolbar button:active:focus, .primary-toolbar button:active:focus,
@ -2114,7 +2256,8 @@ headerbar button:checked {
headerbar button:active:focus, headerbar button:active:focus,
headerbar button:checked:focus, headerbar button:checked:focus,
headerbar button:hover:focus { headerbar button:hover:focus {
border-image-source: url("assets/radiance-button-toolbar-active-focused.png"); border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar-active-focused.png"),
url("assets/radiance-button-toolbar-active-focused@2.png"));
} }
.primary-toolbar button:backdrop, .primary-toolbar button:backdrop,
@ -2123,7 +2266,8 @@ headerbar button:disabled:backdrop,
headerbar button:checked:backdrop { headerbar button:checked:backdrop {
color: @backdrop_dark_fg_color; color: @backdrop_dark_fg_color;
background-color: transparent; background-color: transparent;
border-image-source: url("assets/radiance-backdrop-button-toolbar.png"); border-image-source: -gtk-scaled(url("assets/radiance-backdrop-button-toolbar.png"),
url("assets/radiance-backdrop-button-toolbar@2.png"));
} }
.primary-toolbar button:backdrop, .primary-toolbar button:backdrop,
@ -2140,7 +2284,8 @@ headerbar button:checked:backdrop * {
.primary-toolbar button:active:backdrop, .primary-toolbar button:active:backdrop,
.primary-toolbar button:checked:backdrop, .primary-toolbar button:checked:backdrop,
headerbar button:active:backdrop { headerbar button:active:backdrop {
border-image-source: url("assets/radiance-backdrop-button-toolbar-active.png"); border-image-source: -gtk-scaled(url("assets/radiance-backdrop-button-toolbar-active.png"),
url("assets/radiance-backdrop-button-toolbar-active@2.png"));
} }
.primary-toolbar button:hover, .primary-toolbar button:hover,
@ -2153,7 +2298,8 @@ headerbar button:backdrop:checked {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.2)), from (shade (@dark_bg_color, 1.2)),
to (shade (@dark_bg_color, 1.1))); to (shade (@dark_bg_color, 1.1)));
border-image-source: url("assets/radiance-backdrop-button-toolbar.png"); border-image-source: -gtk-scaled(url("assets/radiance-backdrop-button-toolbar.png"),
url("assets/radiance-backdrop-button-toolbar@2.png"));
} }
.primary-toolbar button:active, .primary-toolbar button:active,
@ -2176,7 +2322,8 @@ headerbar button:disabled {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 1.01)), from (shade (@dark_bg_color, 1.01)),
to (shade (@dark_bg_color, 0.99))); to (shade (@dark_bg_color, 0.99)));
border-image-source: url("assets/button-toolbar.png"); border-image-source: -gtk-scaled(url("assets/button-toolbar.png"),
url("assets/button-toolbar@2.png"));
} }
.primary-toolbar button.flat:disabled { .primary-toolbar button.flat:disabled {
@ -2189,14 +2336,17 @@ headerbar button:checked:disabled {
background-image: -gtk-gradient (linear, left top, left bottom, background-image: -gtk-gradient (linear, left top, left bottom,
from (shade (@dark_bg_color, 0.94)), from (shade (@dark_bg_color, 0.94)),
to (shade (@dark_bg_color, 1.02))); to (shade (@dark_bg_color, 1.02)));
border-image-source: url("assets/button-toolbar.png"); border-image-source: -gtk-scaled(url("assets/button-toolbar.png"),
url("assets/button-toolbar@2.png"));
} }
.primary-toolbar separator, .primary-toolbar separator,
.primary-toolbar separator, .primary-toolbar separator,
.primary-toolbar separator:disabled, .primary-toolbar separator:disabled,
headerbar separator, headerbar separator,
headerbar separator:disabled { headerbar separator:disabled,
.titlebar separator,
.titlebar separator:disabled {
border-color: alpha (shade (@dark_bg_color, 0.94), 0.35); border-color: alpha (shade (@dark_bg_color, 0.94), 0.35);
border-bottom-color: alpha (shade (@dark_bg_color, 1.26), 0.5); border-bottom-color: alpha (shade (@dark_bg_color, 1.26), 0.5);
border-right-color: alpha (shade (@dark_bg_color, 1.26), 0.5); border-right-color: alpha (shade (@dark_bg_color, 1.26), 0.5);
@ -2323,12 +2473,20 @@ tooltip {
background-image: -gtk-gradient (radial, center 0, 0, center 0, 0.8, background-image: -gtk-gradient (radial, center 0, 0, center 0, 0.8,
from (alpha (mix (@tooltip_bg_color, #ffffff, 0.2), 0.86)), from (alpha (mix (@tooltip_bg_color, #ffffff, 0.2), 0.86)),
to (alpha (@tooltip_bg_color, 0.86))); to (alpha (@tooltip_bg_color, 0.86)));
border-color: alpha (#ffffff, 0.2); border-color: alpha (white, 0.2);
border-radius: 5px; border-radius: 5px;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
} }
tooltip.csd:not(.unity-csd) decoration {
border-radius: 5px;
}
tooltip.background {
background-color: transparent;
}
tooltip label { tooltip label {
color: @tooltip_fg_color; color: @tooltip_fg_color;
} }
@ -2381,16 +2539,9 @@ popover {
border-radius: 5px; border-radius: 5px;
border: 1px solid darker(@bg_color); border: 1px solid darker(@bg_color);
box-shadow: 0 2px 3px @shadow_color;
margin: 10px;
padding: 2px; padding: 2px;
} }
popover:backdrop {
box-shadow: none;
}
/* Popover menuitems are actually buttons. The following rules reset most of /* Popover menuitems are actually buttons. The following rules reset most of
* the button styles for them. * the button styles for them.
*/ */
@ -2587,6 +2738,7 @@ undershoot {
*:disabled { *:disabled {
color: shade (@bg_color, 0.6); color: shade (@bg_color, 0.6);
text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5); text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
-gtk-icon-effect: dim;
} }
label selection, label selection,

Write Preview
Loading…
Cancel
Save