summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorraveit65 <[email protected]>2018-03-04 17:23:57 +0100
committerraveit65 <[email protected]>2019-10-09 17:05:29 +0200
commit5bd36be5c24b509b326baf5e2a5d7359ff24d445 (patch)
tree5e06f8e7accf6063bf725709e304b79aa936e731
parent289061e245809f0996416770e19b86da87470495 (diff)
downloadmate-themes-5bd36be5c24b509b326baf5e2a5d7359ff24d445.tar.bz2
mate-themes-5bd36be5c24b509b326baf5e2a5d7359ff24d445.tar.xz
Menta themes: add a general backdrop state design
all in gtk-widget.css
-rw-r--r--desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css421
-rw-r--r--desktop-themes/Menta/gtk-3.0/gtk-widgets.css435
2 files changed, 573 insertions, 283 deletions
diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
index 129243c4..7f10c29b 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
@@ -35,17 +35,15 @@
}
*:selected,
-*:selected:focus,
-*:selected:backdrop {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
+*:selected:focus {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
}
-/*
*:selected:backdrop {
- color: @theme_fg_color;
+ color: @theme_unfocused_fg_color;
+ background-color: shade (@backdrop_selected_color, 1.00);
}
-*/
*:disabled {
/*background-color: @insensitive_bg_color;*/
@@ -255,13 +253,22 @@ toolbar .separator {
color: transparent;
}
+/* eg. atril, evince */
+.content-view {
+ transition: all 400ms ease-out;
+}
+
+.content-view:backdrop {
+ background-color: shade(@backdrop_color, 1.00);
+ color: @theme_unfocused_fg_color;
+}
+
/************************
* overshoot/undershoot *
************************/
/* displays at end of mouse scrolling */
-overshoot.top,
-overshoot.top:backdrop {
+overshoot.top {
background-image: -gtk-gradient(radial,
center top, 0,
center top, 0.5,
@@ -280,7 +287,6 @@ overshoot.top:backdrop {
box-shadow: none;
}
-/*
overshoot.top:backdrop {
background-image: -gtk-gradient(radial,
center top, 0,
@@ -294,10 +300,8 @@ overshoot.top:backdrop {
border: none;
box-shadow: none;
}
-*/
-overshoot.bottom,
-overshoot.bottom:backdrop {
+overshoot.bottom {
background-image: -gtk-gradient(radial,
center bottom, 0,
center bottom, 0.5,
@@ -316,7 +320,6 @@ overshoot.bottom:backdrop {
box-shadow: none;
}
-/*
overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial,
center bottom, 0,
@@ -330,10 +333,8 @@ overshoot.bottom:backdrop {
border: none;
box-shadow: none;
}
-*/
-overshoot.left,
-overshoot.left:backdrop {
+overshoot.left {
background-image: -gtk-gradient(radial,
left center, 0,
left center, 0.5,
@@ -352,7 +353,6 @@ overshoot.left:backdrop {
box-shadow: none;
}
-/*
overshoot.left:backdrop {
background-image: -gtk-gradient(radial,
left center, 0,
@@ -366,10 +366,8 @@ overshoot.left:backdrop {
border: none;
box-shadow: none;
}
-*/
-overshoot.right,
-overshoot.right:backdrop {
+overshoot.right {
background-image: -gtk-gradient(radial,
right center, 0,
right center, 0.5,
@@ -388,7 +386,6 @@ overshoot.right:backdrop {
box-shadow: none;
}
-/*
overshoot.right:backdrop {
background-image: -gtk-gradient(radial,
right center, 0,
@@ -402,7 +399,6 @@ overshoot.right:backdrop {
border: none;
box-shadow: none;
}
-*/
/* result is disable undershoot */
undershoot.top {
@@ -462,6 +458,7 @@ entry {
color: @entry_text_color;
background-color: @theme_base_color;
box-shadow: inset 0px 2px 3px 0px alpha(@theme_fg_color, 0.15);
+ transition: all 400ms ease-out;
}
entry image.left {
@@ -483,6 +480,17 @@ entry:focus {
inset -1px -1px alpha(@theme_selected_bg_color, 0.2);
}
+entry selection,
+entry:selected {
+ transition: all 400ms ease-out;
+}
+
+entry selection:backdrop,
+entry:selected:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ color: @theme_unfocused_fg_color;
+}
+
entry progressbar,
entry progressbar:focus {
margin-left: 2px;
@@ -524,8 +532,8 @@ entry:disabled {
}
entry:active {
- color: @theme_unfocused_selected_fg_color;
- background-color: @theme_unfocused_selected_bg_color;
+ color: @theme_unfocused_selected_fg_color;
+ background-color: shade(@backdrop_selected_color, 1.00);
}
.cursor-handle.top,
@@ -544,8 +552,7 @@ entry:active {
* GtkSpinButton *
*****************/
-spinbutton,
-spinbutton:focus {
+spinbutton {
background-image: linear-gradient(to bottom,
@entry_background_a,
@entry_background_b);
@@ -554,6 +561,7 @@ spinbutton:focus {
border-style: solid;
border-radius: 3px;
padding: 0px;
+ transition: all 400ms ease-out;
}
spinbutton:disabled {
@@ -564,7 +572,6 @@ spinbutton:disabled {
spinbutton:focus {
border-color: shade (@treeview_focus_border, 1.0);
- transition: all 400ms ease-out;
}
spinbutton button,
@@ -663,6 +670,14 @@ spinbutton.vertical entry:focus {
border-radius: 0px;
}
+spinbutton:backdrop > entry {
+ border-radius: 0px;
+}
+
+spinbutton:backdrop {
+ color: @theme_unfocused_fg_color;
+}
+
spinbutton.vertical button,
spinbutton.vertical button:focus {
border-color: @borders;
@@ -849,6 +864,10 @@ progressbar.vertical progress {
border-radius: 10px;
}
+progressbar progress {
+ transition: all 400ms ease-out;
+}
+
progressbar progress.left {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
@@ -891,6 +910,12 @@ row:selected:focus progressbar,
border-color: shade(@progressbar_border, 0.85);
}
+progressbar:backdrop progress,
+row progressbar:backdrop progress,
+row:selected progressbar:backdrop progress {
+ border-color: shade (@backdrop_selected_color, 0.76);
+}
+
/* for progressbars in cell renderers */
row trough,
.trough row {
@@ -905,8 +930,7 @@ row trough,
mix(@trough_bg_color_b, @theme_selected_bg_color, 0.25));
}
-treeview.view.progressbar,
-treeview.view.progressbar:backdrop {
+treeview.view.progressbar {
color: @theme_selected_fg_color;
border: 1px solid @progressbar_border;
border-radius: 4px;
@@ -923,13 +947,14 @@ treeview.view.progressbar:selected {
border-color: shade(@progressbar_border, 0.85);
}
-/*
treeview.view.progressbar:backdrop {
- color: @theme_fg_color;
- border-color: shade(@sidebar_bg_unfocused, 0.85);
- background-color: @sidebar_scrollbar_trough_backdrop;
+ color: @theme_unfocused_fg_color;
+ border-color: shade (@backdrop_selected_color, 0.76);
+ background-image: linear-gradient(to bottom,
+ shade (@button_gradient_backdrop_color_a, 0.90),
+ shade (@button_gradient_backdrop_color_b, 0.90));
+ background-color: transparent;
}
-*/
treeview.view.trough {
background-color: rgba(102, 153, 204, 0.3);
@@ -943,6 +968,11 @@ treeview.view.trough:selected {
color: @theme_fg_color;
}
+treeview.view.trough:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ border-color: shade (@backdrop_selected_color, 0.76);
+}
+
/****************
* Level Bar *
****************/
@@ -967,6 +997,10 @@ levelbar trough {
box-shadow: none;
}
+levelbar block {
+ transition: all 400ms ease-out;
+}
+
levelbar block.filled {
border-width: 1px;
border-style: solid;
@@ -1012,10 +1046,26 @@ levelbar block.empty {
border-color: alpha(@theme_fg_color, 0.1);
}
+levelbar:backdrop block.filled,
+levelbar:backdrop block.filled.high,
+levelbar:backdrop block.filled.low {
+ border-color: shade(@backdrop_selected_color, 0.97);
+ background-image: linear-gradient(to bottom,
+ shade(@backdrop_color, 0.87),
+ shade(@backdrop_color, 0.87));
+}
+
/************
* GtkScale *
************/
+scale value,
+scale trough,
+scale trough highlight,
+scale marks indicator {
+ transition: all 400ms ease-out;
+}
+
scale.vertical {
min-width: 10px;
}
@@ -1077,11 +1127,35 @@ scale.vertical trough highlight:disabled {
background-image: none;
}
+scale:backdrop value {
+ color: @theme_unfocused_fg_color;
+}
+
+scale.horizontal trough:backdrop,
+scale.vertical trough:backdrop {
+ background-color: shade(@insensitive_bg_color, 0.96);
+ border-color: shade(@insensitive_scale_borders, 0.75);
+ box-shadow: none;
+ background-image: none;
+}
+
+scale.horizontal trough highlight:backdrop,
+scale.vertical trough highlight:backdrop {
+ background-color: shade(@backdrop_selected_color, 0.92);
+ border-color: shade(@backdrop_selected_color, 0.92);
+ box-shadow: none;
+ background-image: none;
+}
+
/* defines the color of the actuall marks on the scale */
scale marks indicator {
color: alpha(@theme_fg_color, 0.3);
}
+scale:backdrop marks indicator {
+ color: alpha(@theme_unfocused_fg_color, 0.3);
+}
+
/* this makes marks visible */
scale.horizontal indicator,
scale.horizontal.fine-tune indicator {
@@ -1278,6 +1352,11 @@ button.flat:hover {
border-radius: 1px;
}
+button.flat:disabled:backdrop {
+ background-image: none;
+ background-color: transparent;
+}
+
button.image-button.circular-button {
border-image: none;
border-width: 1px;
@@ -1331,6 +1410,10 @@ button:checked:disabled {
text-shadow: none;
}
+button:backdrop {
+ color: @theme_unfocused_fg_color;
+}
+
toolbar .raised button,
toolbar.inline-toolbar button {
-gtk-icon-shadow: 0 1px @button_text_shadow;
@@ -1872,17 +1955,6 @@ calendar.header stackswitcher > button.titlebutton {
padding: 5px 2px;
}
-/* disable, causes issuses with menuitem:hover state if tooltip pulls in,
- which is very strange *//*
-stackswitcher > button.needs-attention:active > label,
-stackswitcher > button.needs-attention:active > image,
-stackswitcher > button.needs-attention:checked > label,
-stackswitcher > button.needs-attention:checked > image {
- animation: none;
- background-image: none;
-}
-*/
-
stackswitcher > button.needs-attention > label,
stackswitcher > button.needs-attention > image,
stacksidebar row.needs-attention > label {
@@ -1898,13 +1970,11 @@ stacksidebar row.needs-attention > label {
background-position: right 3px, right 4px;
}
-/*
stackswitcher > button.needs-attention > label:backdrop,
stackswitcher > button.needs-attention > image:backdrop,
stacksidebar row.needs-attention > label:backdrop {
background-size: 6px 6px, 0 0;
}
-*/
stackswitcher > button.needs-attention > label:dir(rtl),
stackswitcher > button.needs-attention > image:dir(rtl),
@@ -1981,6 +2051,11 @@ notebook {
border-style: none;
}
+notebook,
+notebook header tab {
+ transition: all 400ms ease-out;
+}
+
notebook.frame {
background-color: shade (@theme_bg_color, 1.1);
border-style: solid;
@@ -1989,6 +2064,10 @@ notebook.frame {
border-radius: 4px 4px 0px 0px;
}
+notebook:backdrop {
+ background-color: shade(@backdrop_color, 0.97);
+}
+
/* pavu-control */
window.background > box.vertical > notebook:not(.frame),
window.background.csd > box.vertical > notebook:not(.frame),
@@ -2103,6 +2182,10 @@ notebook header tab label {
font-weight: normal;
}
+notebook header tab label:backdrop {
+ color: @theme_unfocused_fg_color;
+}
+
/* notebooks, view, header and tabs in caja and pluma view */
paned.horizontal notebook {
border-style: none;
@@ -2277,6 +2360,11 @@ notebook header.right tab:hover {
border-color: @borders;
}
+notebook header tab:checked:backdrop {
+ background-color: shade(@backdrop_color, 0.97);
+ background-image: none;
+}
+
notebook tab.reorderable-page:checked,
notebook tab.reorderable-page:checked:hover {
background-image: linear-gradient(to bottom,
@@ -2405,8 +2493,7 @@ notebook header.right tabs arrow.down {
color: @menu_controls_color;
}
-notebook header tabs arrow,
-notebook header tabs arrow:backdrop {
+notebook header tabs arrow {
color: shade(@theme_fg_color, 2.6);
}
@@ -2422,11 +2509,9 @@ notebook header tabs arrow:disabled {
color: rgba(141, 144, 145, 0.3);
}
-/*
notebook header tabs arrow:backdrop {
color: rgba(84, 89, 90, 0.4);
}
-*/
notebook header tabs arrow:disabled {
color: #c7c7c7;
@@ -2783,6 +2868,10 @@ scrollbar .button:checked {
color: @theme_fg_color;
}
+scrollbar button:backdrop {
+ color: @theme_unfocused_fg_color;
+}
+
scrollbar.vertical slider,
scrollbar.vertical .slider {
min-width: 12px;
@@ -2972,6 +3061,11 @@ menubar > menuitem:hover,
color: @menu_fg_color;
}
+/* transition effect for labels looks weird for menus or popups */
+menu > menuitem > label {
+ transition: none;
+}
+
menu > menuitem,
.menu > menuitem {
min-height: 18px;
@@ -3292,7 +3386,9 @@ menu button.popup {
check,
radio,
check:disabled,
-radio:disabled {
+radio:disabled,
+check:backdrop,
+radio:backdrop {
background-color: transparent;
border-style: none;
}
@@ -3692,8 +3788,13 @@ placessidebar .view,
border-style: none;
}
-.sidebar:backdrop {
- background-color: @sidebar_bg;
+.sidebar:backdrop,
+.sidebar:backdrop .view { /* eg. seahorse */
+ background-color: shade(@theme_bg_color, 1.02);
+}
+
+.sidebar:backdrop .view:selected { /* eg. seahorse */
+ background-color: shade(@backdrop_selected_color, 0.92);
}
/* dialog open, nautilus, etc. */
@@ -3711,6 +3812,18 @@ placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:sele
color: shade (@theme_selected_fg_color, 1.00);
}
+placessidebar.sidebar.frame viewport.frame list:backdrop,
+placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:backdrop {
+ background-color: shade(@theme_bg_color, 1.02);
+ color: @theme_unfocused_fg_color;
+}
+
+placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:selected:backdrop {
+ background-color: shade(@backdrop_selected_color, 0.92);
+ color: @theme_unfocused_fg_color;
+ background-image: none;
+}
+
placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row revealer.sidebar-revealer image.sidebar-icon {
padding: 4px 8px 4px 6px;
}
@@ -4107,6 +4220,16 @@ button.suggested-action:checked:disabled {
border: 1px solid @insensitive_borders;
}
+toolbar button.suggested-action:backdrop,
+button.suggested-action:backdrop {
+ background-image: linear-gradient(to bottom,
+ @button_gradient_backdrop_color_a,
+ @button_gradient_backdrop_color_b);
+ background-color: transparent;
+ color: @theme_unfocused_fg_color;
+ text-shadow: none;
+}
+
button.suggested-action label:disabled {
color: @insensitive_fg_color;
text-shadow: none;
@@ -4477,47 +4600,61 @@ treeview.view:selected:focus {
outline-color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.30);
}
-iconview,
-viewport {
- /* avoid resizing theme thumbnails in mate-appearance-properties */
- padding: 0px;
+iconview:backdrop {
+ background-color: shade(@backdrop_color, 1.00);
+ color: @theme_unfocused_fg_color;
}
-iconview .cell:selected,
-iconview .cell:selected:focus,
-iconview .cell:hover,
-iconview .cell:hover:focus {
- border-radius: 4px;
+iconview .cell {
+ background: transparent;
+ border-radius: 4px;
}
iconview .cell:selected:focus {
- border-radius: 4px;
border-color: alpha(@theme_text_color, 0.6);
border-width: 1px;
border-style: dashed;
}
+iconview .cell:selected,
+iconview .cell:selected:focus,
+iconview .cell:selected:hover,
+iconview .cell:selected:hover:focus {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+iconview .cell:hover,
+iconview .cell:hover:focus {
+ background-color: shade (@theme_selected_bg_color, 1.55);
+ color: shade (@theme_selected_bg_color, 0.35);
+}
+
+iconview .cell:selected:backdrop,
+iconview .cell:selected:hover:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ color: @theme_unfocused_fg_color;
+}
+
.view text,
textview,
.view,
-treeview.view,
-treeview.view:backdrop {
+treeview.view {
background-color: @theme_base_color;
color: @theme_text_color;
}
.view text selection:disabled,
.view:disabled,
-treeview.view:disabled {
+treeview.view:disabled,
+treeview.view:disabled:backdrop {
background-color: @insensitive_bg_color;
color: @insensitive_fg_color;
}
.view text selection,
-.view text selection:backdrop,
.view:selected,
.view:selected:hover,
-.view:selected:backdrop,
treeview.view:selected,
treeview.view:selected:hover {
background-color: @theme_selected_bg_color;
@@ -4531,20 +4668,21 @@ treeview.view:hover {
color: shade (@theme_selected_bg_color, 0.35);
}
-/*
-.view text selection:backdrop,
-.view:selected:backdrop,
+iconview,
+textview text {
+ transition: all 400ms ease-out;
+}
+
+textview:backdrop text,
treeview.view:backdrop {
- background-color: shade(@theme_unfocused_bg_color, 0.94);
- color: @theme_fg_color;
+ background-color: shade(@backdrop_color, 1.00);
+ color: @theme_unfocused_fg_color;
}
-*/
-/* color of selected icons if unfocused */
-.view:active,
-treeview.view:active {
- background-color: shade(@theme_unfocused_bg_color, 0.94);
- color: @theme_fg_color;
+.view text selection:backdrop,
+.view:selected:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ color: @theme_unfocused_fg_color;
}
/* ie. filechooser dialog */
@@ -4557,31 +4695,31 @@ treeview.view:active {
label:selected,
label selection,
label selection:focus,
-label selection:hover,
-label:backdrop:selected,
-label selection:backdrop {
+label selection:hover {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
}
label:disabled:selected,
-label selection:disabled,
-label:backdrop:disabled:selected,
-label selection:backdrop:disabled {
+label selection:disabled {
color: @insensitive_fg_color;
}
-/*
+label,
+textview selection {
+ transition: all 400ms ease-out;
+}
+
+label:backdrop,
label:backdrop:selected,
label selection:backdrop {
- color: @theme_fg_color;
+ color: @theme_unfocused_fg_color;
}
label:backdrop:disabled:selected,
label selection:backdrop:disabled {
- color: @insensitive_fg_color;
+ color: @insensitive_fg_color;
}
-*/
.cell {
padding: 2px;
@@ -4589,28 +4727,21 @@ label selection:backdrop:disabled {
}
.cell:selected,
-.cell:selected:focus,
-.cell:selected:backdrop,
-.cell:selected:focus:backdrop {
+.cell:selected:focus {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
}
-/*
-.cell:selected:backdrop,
-.cell:selected:focus:backdrop {
- color: @theme_fg_color;
+.cell:selected:backdrop {
+ color: @theme_unfocused_fg_color;
}
-*/
row {
min-height: 22px;
}
row:selected,
-row:selected:focus,
-row:selected:backdrop,
-row:selected:focus:backdrop {
+row:selected:focus {
border-width: 1px 0 1px 0;
border-style: solid;
border-color: shade (@theme_selected_bg_color, 0.85);
@@ -4620,12 +4751,9 @@ row:selected:focus:backdrop {
box-shadow: none;
}
-/*
-row:selected:backdrop,
-row:selected:focus:backdrop {
- color: @theme_fg_color;
+row:selected:backdrop {
+ color: @theme_unfocused_fg_color;
}
-*/
.sidebar treeview.view:hover {
background-color: shade (@theme_selected_bg_color, 1.15);
@@ -4693,12 +4821,10 @@ treeview header.button.dnd {
background-clip: padding-box;
}
-/*
.app-notification:backdrop,
.app-notification.frame:backdrop {
background-image: none;
}
-*/
.app-notification button,
.app-notification headerbar button.titlebutton,
@@ -4756,9 +4882,7 @@ calendar.header .app-notification.frame button.titlebutton {
}
.app-notification button:checked,
-.app-notification button:backdrop:checked,
-.app-notification.frame button:checked,
-.app-notification.frame button:backdrop:checked {
+.app-notification.frame button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom,
@@ -4773,9 +4897,7 @@ calendar.header .app-notification.frame button.titlebutton {
}
.app-notification button:disabled,
-.app-notification button:backdrop:disabled,
-.app-notification.frame button:disabled,
-.app-notification.frame button:backdrop:disabled {
+.app-notification.frame button:disabled {
color: #878989;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom,
@@ -4789,7 +4911,6 @@ calendar.header .app-notification.frame button.titlebutton {
padding: 0px;
}
-/*
.app-notification button:backdrop,
.app-notification.frame button:backdrop {
color: #eeeeec;
@@ -4804,7 +4925,6 @@ calendar.header .app-notification.frame button.titlebutton {
border-radius: 3px;
padding: 0px;
}
-*/
/*************
* Expanders *
@@ -4916,10 +5036,15 @@ list {
background-color: @list_box_bg;
}
+list,
+list row,
+list row.activatable {
+ transition: all 400ms ease-in;
+}
+
list row,
list row.activatable {
padding: 2px;
- transition: all 200ms ease-in;
background-image: none;
background-color: @theme_base_color;
}
@@ -4935,11 +5060,7 @@ list row.activatable:hover {
list row:selected,
list row:selected:hover,
list row.activatable:selected,
-list row.activatable:selected:hover,
-list row:selected:backdrop,
-list row:selected:backdrop:hover,
-list row.activatable:selected:backdrop,
-list row.activatable:selected:backdrop:hover {
+list row.activatable:selected:hover {
padding: 2px;
border-width: 0;
border-style: solid;
@@ -4952,7 +5073,23 @@ list row.activatable:selected:backdrop:hover {
color: @theme_selected_fg_color;
}
-/*
+list:backdrop,
+list row:backdrop,
+list row.activatable:backdrop {
+ background-color: shade(@backdrop_color, 1.00);
+}
+
+/* gnome-calculater, sadly pretty ignored */
+viewport.frame > list:backdrop {
+ background-color: shade(@backdrop_color, 1.05);
+}
+
+list row:selected:backdrop,
+list row:selected.activatable:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ background-image: none;
+}
+
list row:selected:backdrop,
list row:selected:backdrop:hover,
list row.activatable:selected:backdrop,
@@ -4960,11 +5097,10 @@ list row.activatable:selected:backdrop:hover {
padding: 2px;
border-width: 0;
border-style: none;
- color: @theme_fg_color;
+ color: @theme_unfocused_fg_color;
text-shadow: none;
box-shadow: none;
}
-*/
list > row > button {
border-color: transparent;
@@ -5046,12 +5182,10 @@ calendar.header .subtitle {
padding: 0px 12px;
}
-calendar.button {
- background-image: none;
-}
-
-calendar button,
-calendar button:disabled {
+calendar.button,
+calendar.button:disabled,
+calendar.button:backdrop,
+calendar.button:disabled:backdrop {
background-image: none;
background-color: transparent;
}
@@ -5073,6 +5207,17 @@ calendar.highlight {
border-width: 0px;
}
+calendar:backdrop {
+ background-color: shade(@backdrop_color, 1.00);
+ color: @theme_unfocused_fg_color;
+}
+
+calendar.highlight:backdrop,
+calendar:selected:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ color: @theme_unfocused_fg_color;
+}
+
/**************
* GtkInfoBar *
**************/
@@ -5291,6 +5436,11 @@ modelbutton.flat,
padding: 0px 4px 0px 4px;
}
+/* transition effect for labels looks weird for menus or popups */
+modelbutton.flat > box > label {
+ transition: none;
+}
+
modelbutton.flat arrow.left {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
}
@@ -5474,23 +5624,18 @@ paned.horizontal.titlebar > separator,
background-color: transparent;
}
-/*
.titlebar:backdrop {
color: @theme_unfocused_fg_color;
}
-*/
-.titlebar button.titlebutton,
-.titlebar button.titlebutton:backdrop {
+.titlebar button.titlebutton {
color: @wm_title;
}
-/*
.titlebar button.titlebutton:backdrop {
color: @wm_unfocused_title;
-gtk-icon-shadow: none;
}
-*/
headerbar button.text-button,
.titlebar button.text-button {
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index 431f6093..a84949a6 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -35,17 +35,15 @@
}
*:selected,
-*:selected:focus,
-*:selected:backdrop {
- background-color: @theme_selected_bg_color;
- color: @theme_selected_fg_color;
+*:selected:focus {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
}
-/*
*:selected:backdrop {
- color: @theme_fg_color;
+ color: @theme_unfocused_fg_color;
+ background-color: shade (@backdrop_selected_color, 1.00);
}
-*/
*:disabled {
/*background-color: @insensitive_bg_color;*/
@@ -255,13 +253,22 @@ toolbar .separator {
color: transparent;
}
+/* eg. atril, evince */
+.content-view {
+ transition: all 400ms ease-out;
+}
+
+.content-view:backdrop {
+ background-color: shade(@backdrop_color, 1.00);
+ color: @theme_unfocused_fg_color;
+}
+
/************************
* overshoot/undershoot *
************************/
/* displays at end of mouse scrolling */
-overshoot.top,
-overshoot.top:backdrop {
+overshoot.top {
background-image: -gtk-gradient(radial,
center top, 0,
center top, 0.5,
@@ -280,7 +287,6 @@ overshoot.top:backdrop {
box-shadow: none;
}
-/*
overshoot.top:backdrop {
background-image: -gtk-gradient(radial,
center top, 0,
@@ -294,10 +300,8 @@ overshoot.top:backdrop {
border: none;
box-shadow: none;
}
-*/
-overshoot.bottom,
-overshoot.bottom:backdrop {
+overshoot.bottom {
background-image: -gtk-gradient(radial,
center bottom, 0,
center bottom, 0.5,
@@ -316,7 +320,6 @@ overshoot.bottom:backdrop {
box-shadow: none;
}
-/*
overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial,
center bottom, 0,
@@ -330,10 +333,8 @@ overshoot.bottom:backdrop {
border: none;
box-shadow: none;
}
-*/
-overshoot.left,
-overshoot.left:backdrop {
+overshoot.left {
background-image: -gtk-gradient(radial,
left center, 0,
left center, 0.5,
@@ -352,7 +353,6 @@ overshoot.left:backdrop {
box-shadow: none;
}
-/*
overshoot.left:backdrop {
background-image: -gtk-gradient(radial,
left center, 0,
@@ -366,10 +366,8 @@ overshoot.left:backdrop {
border: none;
box-shadow: none;
}
-*/
-overshoot.right,
-overshoot.right:backdrop {
+overshoot.right {
background-image: -gtk-gradient(radial,
right center, 0,
right center, 0.5,
@@ -388,7 +386,6 @@ overshoot.right:backdrop {
box-shadow: none;
}
-/*
overshoot.right:backdrop {
background-image: -gtk-gradient(radial,
right center, 0,
@@ -402,7 +399,6 @@ overshoot.right:backdrop {
border: none;
box-shadow: none;
}
-*/
/* result is disable undershoot */
undershoot.top {
@@ -462,6 +458,7 @@ entry {
color: @entry_text_color;
background-color: @theme_base_color;
box-shadow: inset 0px 2px 3px 0px alpha(@theme_fg_color, 0.15);
+ transition: all 400ms ease-out;
}
entry image.left {
@@ -483,6 +480,17 @@ entry:focus {
inset -1px -1px alpha(@theme_selected_bg_color, 0.2);
}
+entry selection,
+entry:selected {
+ transition: all 400ms ease-out;
+}
+
+entry selection:backdrop,
+entry:selected:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ color: @theme_unfocused_fg_color;
+}
+
entry progressbar,
entry progressbar:focus {
margin-left: 2px;
@@ -524,8 +532,8 @@ entry:disabled {
}
entry:active {
- color: @theme_unfocused_selected_fg_color;
- background-color: @theme_unfocused_selected_bg_color;
+ color: @theme_unfocused_selected_fg_color;
+ background-color: shade(@backdrop_selected_color, 1.00);
}
.cursor-handle.top,
@@ -544,8 +552,7 @@ entry:active {
* GtkSpinButton *
*****************/
-spinbutton,
-spinbutton:focus {
+spinbutton {
background-image: linear-gradient(to bottom,
@entry_background_a,
@entry_background_b);
@@ -554,6 +561,7 @@ spinbutton:focus {
border-style: solid;
border-radius: 3px;
padding: 0px;
+ transition: all 400ms ease-out;
}
spinbutton:disabled {
@@ -564,7 +572,6 @@ spinbutton:disabled {
spinbutton:focus {
border-color: shade (@treeview_focus_border, 1.0);
- transition: all 400ms ease-out;
}
spinbutton button,
@@ -663,6 +670,14 @@ spinbutton.vertical entry:focus {
border-radius: 0px;
}
+spinbutton:backdrop > entry {
+ border-radius: 0px;
+}
+
+spinbutton:backdrop {
+ color: @theme_unfocused_fg_color;
+}
+
spinbutton.vertical button,
spinbutton.vertical button:focus {
border-color: @borders;
@@ -849,6 +864,10 @@ progressbar.vertical progress {
border-radius: 10px;
}
+progressbar progress {
+ transition: all 400ms ease-out;
+}
+
progressbar progress.left {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
@@ -891,6 +910,12 @@ row:selected:focus progressbar,
border-color: shade(@progressbar_border, 0.85);
}
+progressbar:backdrop progress,
+row progressbar:backdrop progress,
+row:selected progressbar:backdrop progress {
+ border-color: shade (@backdrop_selected_color, 0.76);
+}
+
/* for progressbars in cell renderers */
row trough,
.trough row {
@@ -905,8 +930,7 @@ row trough,
mix(@trough_bg_color_b, @theme_selected_bg_color, 0.25));
}
-treeview.view.progressbar,
-treeview.view.progressbar:backdrop {
+treeview.view.progressbar {
color: @theme_selected_fg_color;
border: 1px solid @progressbar_border;
border-radius: 4px;
@@ -924,13 +948,14 @@ treeview.view.progressbar:selected {
border-color: shade(@progressbar_border, 0.85);
}
-/*
treeview.view.progressbar:backdrop {
- color: @theme_fg_color;
- border-color: shade(@sidebar_bg_unfocused, 0.85);
- background-color: @sidebar_scrollbar_trough_backdrop;
+ color: @theme_unfocused_fg_color;
+ border-color: shade (@backdrop_selected_color, 0.76);
+ background-image: linear-gradient(to bottom,
+ shade (@button_gradient_backdrop_color_a, 0.90),
+ shade (@button_gradient_backdrop_color_b, 0.90));
+ background-color: transparent;
}
-*/
treeview.view.trough {
background-color: rgba(172, 205, 138, 0.3);
@@ -943,6 +968,11 @@ treeview.view.trough:selected {
border: 1px solid rgba(0, 0, 0, 0.2);
}
+treeview.view.trough:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ border-color: shade (@backdrop_selected_color, 0.76);
+}
+
/****************
* Level Bar *
****************/
@@ -967,6 +997,10 @@ levelbar trough {
box-shadow: none;
}
+levelbar block {
+ transition: all 400ms ease-out;
+}
+
levelbar block.filled {
border-width: 1px;
border-style: solid;
@@ -1012,10 +1046,26 @@ levelbar block.empty {
border-color: alpha(@theme_fg_color, 0.1);
}
+levelbar:backdrop block.filled,
+levelbar:backdrop block.filled.high,
+levelbar:backdrop block.filled.low {
+ border-color: shade(@backdrop_selected_color, 0.97);
+ background-image: linear-gradient(to bottom,
+ shade(@backdrop_color, 0.87),
+ shade(@backdrop_color, 0.87));
+}
+
/************
* GtkScale *
************/
+scale value,
+scale trough,
+scale trough highlight,
+scale marks indicator {
+ transition: all 400ms ease-out;
+}
+
scale.vertical {
min-width: 10px;
}
@@ -1077,11 +1127,35 @@ scale.vertical trough highlight:disabled {
background-image: none;
}
+scale:backdrop value {
+ color: @theme_unfocused_fg_color;
+}
+
+scale.horizontal trough:backdrop,
+scale.vertical trough:backdrop {
+ background-color: shade(@insensitive_bg_color, 0.96);
+ border-color: shade(@insensitive_scale_borders, 0.75);
+ box-shadow: none;
+ background-image: none;
+}
+
+scale.horizontal trough highlight:backdrop,
+scale.vertical trough highlight:backdrop {
+ background-color: shade(@backdrop_selected_color, 0.92);
+ border-color: shade(@backdrop_selected_color, 0.92);
+ box-shadow: none;
+ background-image: none;
+}
+
/* defines the color of the actuall marks on the scale */
scale marks indicator {
color: alpha(@theme_fg_color, 0.3);
}
+scale:backdrop marks indicator {
+ color: alpha(@theme_unfocused_fg_color, 0.3);
+}
+
/* this makes marks visible */
scale.horizontal indicator,
scale.horizontal.fine-tune indicator {
@@ -1278,6 +1352,11 @@ button.flat:hover {
border-radius: 1px;
}
+button.flat:disabled:backdrop {
+ background-image: none;
+ background-color: transparent;
+}
+
button.image-button.circular-button {
border-image: none;
border-width: 1px;
@@ -1331,6 +1410,10 @@ button:checked:disabled {
text-shadow: none;
}
+button:backdrop {
+ color: @theme_unfocused_fg_color;
+}
+
toolbar .raised button,
toolbar.inline-toolbar button {
-gtk-icon-shadow: 0 1px @button_text_shadow;
@@ -1589,10 +1672,7 @@ toolbar.inline-toolbar toolbutton > button:checked:first-child {
/* Linked button shadows (vertical) */
.linked.vertical button,
toolbar.inline-toolbar.vertical button,
-toolbar.inline-toolbar.vertical toolbutton > button,
-.linked.vertical .button,
-.inline-toolbar.toolbar.vertical .button,
-.inline-toolbar.toolbar.vertical GtkToolButton > .button {
+toolbar.inline-toolbar.vertical toolbutton > button {
box-shadow: inset 0 1px @inset_light_color, inset 0 -1px @inset_dark_color;
}
@@ -1610,9 +1690,7 @@ toolbar.inline-toolbar.vertical toolbutton > button:last-child {
.linked.vertical button:checked,
toolbar.inline-toolbar.vertical button:checked,
-toolbar.inline-toolbar.vertical toolbutton > button:checked,
-.linked.vertical .button:active,
-.linked.vertical .button:checked {
+toolbar.inline-toolbar.vertical toolbutton > button:checked {
box-shadow: inset 0 1px @inset_dark_color, inset 0 -1px @inset_dark_color;
}
@@ -1878,7 +1956,8 @@ calendar.header stackswitcher > button.titlebutton {
}
stackswitcher > button.needs-attention > label,
-stackswitcher > button.needs-attention > image {
+stackswitcher > button.needs-attention > image,
+stacksidebar row.needs-attention > label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
to(#4a90d9),
@@ -1891,27 +1970,18 @@ stackswitcher > button.needs-attention > image {
background-position: right 3px, right 4px;
}
-/*
stackswitcher > button.needs-attention > label:backdrop,
stackswitcher > button.needs-attention > image:backdrop,
stacksidebar row.needs-attention > label:backdrop {
background-size: 6px 6px, 0 0;
}
-*/
stackswitcher > button.needs-attention > label:dir(rtl),
-stackswitcher > button.needs-attention > image:dir(rtl) {
+stackswitcher > button.needs-attention > image:dir(rtl),
+stacksidebar row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 4px;
}
-stackswitcher > button.needs-attention:active > label,
-stackswitcher > button.needs-attention:active > image,
-stackswitcher > button.needs-attention:checked > label,
-stackswitcher > button.needs-attention:checked > image {
- animation: none;
- background-image: none;
-}
-
stackswitcher > button:dir(ltr).text-button.radio,
stackswitcher > button:dir(ltr).text-button.radio:hover,
stackswitcher > button:dir(ltr).text-button.radio:hover:active,
@@ -1981,6 +2051,11 @@ notebook {
border-style: none;
}
+notebook,
+notebook header tab {
+ transition: all 400ms ease-out;
+}
+
notebook.frame {
background-color: shade (@theme_bg_color, 1.1);
border-style: solid;
@@ -1989,6 +2064,10 @@ notebook.frame {
border-radius: 4px 4px 0px 0px;
}
+notebook:backdrop {
+ background-color: shade(@backdrop_color, 0.97);
+}
+
/* pavu-control */
window.background > box.vertical > notebook:not(.frame),
window.background.csd > box.vertical > notebook:not(.frame),
@@ -2103,6 +2182,10 @@ notebook header tab label {
font-weight: normal;
}
+notebook header tab label:backdrop {
+ color: @theme_unfocused_fg_color;
+}
+
/* notebooks, view, header and tabs in caja and pluma view */
paned.horizontal notebook {
border-style: none;
@@ -2277,6 +2360,11 @@ notebook header.right tab:hover {
border-color: @borders;
}
+notebook header tab:checked:backdrop {
+ background-color: shade(@backdrop_color, 0.97);
+ background-image: none;
+}
+
notebook tab.reorderable-page:checked,
notebook tab.reorderable-page:checked:hover {
background-image: linear-gradient(to bottom,
@@ -2405,8 +2493,7 @@ notebook header.right tabs arrow.down {
color: @menu_controls_color;
}
-notebook header tabs arrow,
-notebook header tabs arrow:backdrop {
+notebook header tabs arrow {
color: shade(@theme_fg_color, 2.6);
}
@@ -2422,11 +2509,9 @@ notebook header tabs arrow:disabled {
color: rgba(141, 144, 145, 0.3);
}
-/*
notebook header tabs arrow:backdrop {
color: rgba(84, 89, 90, 0.4);
}
-*/
notebook header tabs arrow:disabled {
color: #c7c7c7;
@@ -2783,6 +2868,10 @@ scrollbar .button:checked {
color: @theme_fg_color;
}
+scrollbar button:backdrop {
+ color: @theme_unfocused_fg_color;
+}
+
scrollbar.vertical slider,
scrollbar.vertical .slider {
min-width: 12px;
@@ -2959,7 +3048,6 @@ menubar > menuitem,
-gtk-icon-style: regular;
border-style: none;
padding: 4px 6px;
- text-shadow: 0 1px @button_text_shadow;
text-shadow: none;
color: @menu_fg_color;
}
@@ -2973,6 +3061,11 @@ menubar > menuitem:hover,
text-shadow: none;
}
+/* transition effect for labels looks weird for menus or popups */
+menu > menuitem > label {
+ transition: none;
+}
+
menu > menuitem,
.menu > menuitem {
min-height: 18px;
@@ -3230,6 +3323,7 @@ menu menuitem .check:indeterminate:hover,
menu menuitem .radio:indeterminate:hover {
-gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-selected.svg"));
}
+
/***************
* Menu Button *
***************/
@@ -3292,7 +3386,9 @@ menu button.popup {
check,
radio,
check:disabled,
-radio:disabled {
+radio:disabled,
+check:backdrop,
+radio:backdrop {
background-color: transparent;
border-style: none;
}
@@ -3692,8 +3788,13 @@ placessidebar .view,
border-style: none;
}
-.sidebar:backdrop {
- background-color: @sidebar_bg;
+.sidebar:backdrop,
+.sidebar:backdrop .view { /* eg. seahorse */
+ background-color: shade(@theme_bg_color, 1.02);
+}
+
+.sidebar:backdrop .view:selected { /* eg. seahorse */
+ background-color: shade(@backdrop_selected_color, 0.92);
}
/* dialog open, nautilus, etc. */
@@ -3711,6 +3812,18 @@ placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:sele
color: shade (@theme_selected_fg_color, 1.00);
}
+placessidebar.sidebar.frame viewport.frame list:backdrop,
+placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:backdrop {
+ background-color: shade(@theme_bg_color, 1.02);
+ color: @theme_unfocused_fg_color;
+}
+
+placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row:selected:backdrop {
+ background-color: shade(@backdrop_selected_color, 0.92);
+ color: @theme_unfocused_fg_color;
+ background-image: none;
+}
+
placessidebar.sidebar.frame viewport.frame list row.activatable.sidebar-row revealer.sidebar-revealer image.sidebar-icon {
padding: 4px 8px 4px 6px;
}
@@ -4107,6 +4220,16 @@ button.suggested-action:checked:disabled {
border: 1px solid @insensitive_borders;
}
+toolbar button.suggested-action:backdrop,
+button.suggested-action:backdrop {
+ background-image: linear-gradient(to bottom,
+ @button_gradient_backdrop_color_a,
+ @button_gradient_backdrop_color_b);
+ background-color: transparent;
+ color: @theme_unfocused_fg_color;
+ text-shadow: none;
+}
+
button.suggested-action label:disabled {
color: @insensitive_fg_color;
text-shadow: none;
@@ -4477,47 +4600,61 @@ treeview.view:selected:focus {
outline-color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.30);
}
-iconview,
-viewport {
- /* avoid resizing theme thumbnails in mate-appearance-properties */
- padding: 0px;
+iconview:backdrop {
+ background-color: shade(@backdrop_color, 1.00);
+ color: @theme_unfocused_fg_color;
}
-iconview .cell:selected,
-iconview .cell:selected:focus,
-iconview .cell:hover,
-iconview .cell:hover:focus {
- border-radius: 4px;
+iconview .cell {
+ background: transparent;
+ border-radius: 4px;
}
iconview .cell:selected:focus {
- border-radius: 4px;
border-color: alpha(@theme_text_color, 0.6);
border-width: 1px;
border-style: dashed;
}
+iconview .cell:selected,
+iconview .cell:selected:focus,
+iconview .cell:selected:hover,
+iconview .cell:selected:hover:focus {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+iconview .cell:hover,
+iconview .cell:hover:focus {
+ background-color: shade (@theme_selected_bg_color, 1.55);
+ color: shade (@theme_selected_bg_color, 0.35);
+}
+
+iconview .cell:selected:backdrop,
+iconview .cell:selected:hover:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ color: @theme_unfocused_fg_color;
+}
+
.view text,
textview,
.view,
-treeview.view,
-treeview.view:backdrop {
+treeview.view {
background-color: @theme_base_color;
color: @theme_text_color;
}
.view text selection:disabled,
.view:disabled,
-treeview.view:disabled {
+treeview.view:disabled,
+treeview.view:disabled:backdrop {
background-color: @insensitive_bg_color;
color: @insensitive_fg_color;
}
.view text selection,
-.view text selection:backdrop,
.view:selected,
.view:selected:hover,
-.view:selected:backdrop,
treeview.view:selected,
treeview.view:selected:hover {
background-color: @theme_selected_bg_color;
@@ -4531,19 +4668,21 @@ treeview.view:hover {
color: shade (@theme_selected_bg_color, 0.35);
}
-/*
-.view text selection:backdrop,
-.view:selected:backdrop,
+iconview,
+textview text {
+ transition: all 400ms ease-out;
+}
+
+textview:backdrop text,
treeview.view:backdrop {
- background-color: shade(@theme_unfocused_bg_color, 0.94);
- color: @theme_fg_color;
+ background-color: shade(@backdrop_color, 1.00);
+ color: @theme_unfocused_fg_color;
}
-*/
-/* color of selected icons if unfocused */
-.view:active,
-treeview.view:active {
- background-color: shade(@theme_unfocused_bg_color, 0.94);
+.view text selection:backdrop,
+.view:selected:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ color: @theme_unfocused_fg_color;
}
/* ie. filechooser dialog */
@@ -4556,31 +4695,31 @@ treeview.view:active {
label:selected,
label selection,
label selection:focus,
-label selection:hover,
-label:backdrop:selected,
-label selection:backdrop {
+label selection:hover {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
}
label:disabled:selected,
-label selection:disabled,
-label:backdrop:disabled:selected,
-label selection:backdrop:disabled {
+label selection:disabled {
color: @insensitive_fg_color;
}
-/*
+label,
+textview selection {
+ transition: all 400ms ease-out;
+}
+
+label:backdrop,
label:backdrop:selected,
label selection:backdrop {
- color: @theme_fg_color;
+ color: @theme_unfocused_fg_color;
}
label:backdrop:disabled:selected,
label selection:backdrop:disabled {
- color: @insensitive_fg_color;
+ color: @insensitive_fg_color;
}
-*/
.cell {
padding: 2px;
@@ -4588,28 +4727,21 @@ label selection:backdrop:disabled {
}
.cell:selected,
-.cell:selected:focus,
-.cell:selected:backdrop,
-.cell:selected:focus:backdrop {
+.cell:selected:focus {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color;
}
-/*
-.cell:selected:backdrop,
-.cell:selected:focus:backdrop {
- color: @theme_fg_color;
+.cell:selected:backdrop {
+ color: @theme_unfocused_fg_color;
}
-*/
row {
min-height: 22px;
}
row:selected,
-row:selected:focus,
-row:selected:backdrop,
-row:selected:focus:backdrop {
+row:selected:focus {
border-width: 1px 0 1px 0;
border-style: solid;
border-color: shade (@theme_selected_bg_color, 0.85);
@@ -4619,12 +4751,9 @@ row:selected:focus:backdrop {
box-shadow: none;
}
-/*
-row:selected:backdrop,
-row:selected:focus:backdrop {
- color: @theme_fg_color;
+row:selected:backdrop {
+ color: @theme_unfocused_fg_color;
}
-*/
.sidebar treeview.view:hover {
background-color: shade (@theme_selected_bg_color, 1.15);
@@ -4692,12 +4821,10 @@ treeview header.button.dnd {
background-clip: padding-box;
}
-/*
.app-notification:backdrop,
.app-notification.frame:backdrop {
background-image: none;
}
-*/
.app-notification button,
.app-notification headerbar button.titlebutton,
@@ -4755,9 +4882,7 @@ calendar.header .app-notification.frame button.titlebutton {
}
.app-notification button:checked,
-.app-notification button:backdrop:checked,
-.app-notification.frame button:checked,
-.app-notification.frame button:backdrop:checked {
+.app-notification.frame button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom,
@@ -4772,9 +4897,7 @@ calendar.header .app-notification.frame button.titlebutton {
}
.app-notification button:disabled,
-.app-notification button:backdrop:disabled,
-.app-notification.frame button:disabled,
-.app-notification.frame button:backdrop:disabled {
+.app-notification.frame button:disabled {
color: #878989;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom,
@@ -4788,7 +4911,6 @@ calendar.header .app-notification.frame button.titlebutton {
padding: 0px;
}
-/*
.app-notification button:backdrop,
.app-notification.frame button:backdrop {
color: #eeeeec;
@@ -4803,7 +4925,6 @@ calendar.header .app-notification.frame button.titlebutton {
border-radius: 3px;
padding: 0px;
}
-*/
/*************
* Expanders *
@@ -4915,10 +5036,15 @@ list {
background-color: @list_box_bg;
}
+list,
+list row,
+list row.activatable {
+ transition: all 400ms ease-in;
+}
+
list row,
list row.activatable {
padding: 2px;
- transition: all 200ms ease-in;
background-image: none;
background-color: @theme_base_color;
}
@@ -4934,11 +5060,7 @@ list row.activatable:hover {
list row:selected,
list row:selected:hover,
list row.activatable:selected,
-list row.activatable:selected:hover,
-list row:selected:backdrop,
-list row:selected:backdrop:hover,
-list row.activatable:selected:backdrop,
-list row.activatable:selected:backdrop:hover {
+list row.activatable:selected:hover {
padding: 2px;
border-width: 0;
border-style: solid;
@@ -4951,7 +5073,23 @@ list row.activatable:selected:backdrop:hover {
color: @theme_selected_fg_color;
}
-/*
+list:backdrop,
+list row:backdrop,
+list row.activatable:backdrop {
+ background-color: shade(@backdrop_color, 1.00);
+}
+
+/* gnome-calculater, sadly pretty ignored */
+viewport.frame > list:backdrop {
+ background-color: shade(@backdrop_color, 1.05);
+}
+
+list row:selected:backdrop,
+list row:selected.activatable:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ background-image: none;
+}
+
list row:selected:backdrop,
list row:selected:backdrop:hover,
list row.activatable:selected:backdrop,
@@ -4959,11 +5097,10 @@ list row.activatable:selected:backdrop:hover {
padding: 2px;
border-width: 0;
border-style: none;
- color: @theme_fg_color;
+ color: @theme_unfocused_fg_color;
text-shadow: none;
box-shadow: none;
}
-*/
list > row > button {
border-color: transparent;
@@ -5045,13 +5182,10 @@ calendar.header .subtitle {
padding: 0px 12px;
}
-/* this makes no sense for gtk+-3.20 :) */
-calendar.button {
- background-image: none;
-}
-
-calendar button,
-calendar button:disabled {
+calendar.button,
+calendar.button:disabled,
+calendar.button:backdrop,
+calendar.button:disabled:backdrop {
background-image: none;
background-color: transparent;
}
@@ -5073,6 +5207,17 @@ calendar.highlight {
border-width: 0;
}
+calendar:backdrop {
+ background-color: shade(@backdrop_color, 1.00);
+ color: @theme_unfocused_fg_color;
+}
+
+calendar.highlight:backdrop,
+calendar:selected:backdrop {
+ background-color: shade(@backdrop_selected_color, 1.00);
+ color: @theme_unfocused_fg_color;
+}
+
/**************
* GtkInfoBar *
**************/
@@ -5299,6 +5444,11 @@ modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
}
+/* transition effect for labels looks weird for menus or popups */
+modelbutton.flat > box > label {
+ transition: none;
+}
+
modelbutton.flat check,
.linked button.image-button.model check,
modelbutton.flat radio,
@@ -5474,23 +5624,18 @@ paned.horizontal.titlebar > separator,
background-color: transparent;
}
-/*
.titlebar:backdrop {
color: @theme_unfocused_fg_color;
}
-*/
-.titlebar button.titlebutton,
-.titlebar button.titlebutton:backdrop {
+.titlebar button.titlebutton {
color: @wm_title;
}
-/*
.titlebar button.titlebutton:backdrop {
color: @wm_unfocused_title;
-gtk-icon-shadow: none;
}
-*/
headerbar button.text-button,
.titlebar button.text-button {