diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index bde88fd56a..f7ce355d8c 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -436,6 +436,7 @@ $_dot_color: if($variant=='light', $selected_bg_color, } } +%button, button { @at-root %button_basic, & { @@ -4125,14 +4126,19 @@ decoration { } // Window Close button -headerbar button.titlebutton, -.titlebar button.titlebutton { +button.titlebutton { @extend %button_basic; @extend %button_basic.flat; @include _button_text_shadow; + .selection-mode & { + @extend %button.flat.suggested-action; + + @extend %nobg_selected_items; + } + &:backdrop { -gtk-icon-shadow: none; } } diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index a77cfbff21..04b03e6117 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -402,8 +402,8 @@ treeview entry.flat, treeview entry { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3583d5), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c), to(transparent)); } } -notebook > header > tabs > arrow, headerbar button.titlebutton, -.titlebar button.titlebutton, button { +notebook > header > tabs > arrow, button.titlebutton, +button { min-height: 24px; min-width: 16px; padding: 4px 8px; @@ -417,8 +417,8 @@ notebook > header > tabs > arrow, headerbar button.titlebutton, text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } - notebook > header > tabs > arrow, button.sidebar-button, headerbar button.titlebutton, - .titlebar button.titlebutton, button.flat { + notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, + button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -426,15 +426,15 @@ notebook > header > tabs > arrow, headerbar button.titlebutton, text-shadow: none; -gtk-icon-shadow: none; transition: none; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, headerbar button.titlebutton:hover, - .titlebar button.titlebutton:hover, button.flat:hover { + notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, + button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, headerbar button.titlebutton:hover:active, - .titlebar button.titlebutton:hover:active, button.flat:hover:active { + notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, + button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, headerbar button.titlebutton:hover, - .titlebar button.titlebutton:hover, button:hover { + notebook > header > tabs > arrow:hover, button.titlebutton:hover, + button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -443,9 +443,9 @@ notebook > header > tabs > arrow, headerbar button.titlebutton, -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, headerbar button.titlebutton:active, - .titlebar button.titlebutton:active, notebook > header > tabs > arrow:checked, headerbar button.titlebutton:checked, - .titlebar button.titlebutton:checked, button:active, button:checked { + notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, + button:active, + button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -454,9 +454,9 @@ notebook > header > tabs > arrow, headerbar button.titlebutton, -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { + notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + button:backdrop.flat, + button:backdrop { border-color: #1f2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; @@ -464,117 +464,119 @@ notebook > header > tabs > arrow, headerbar button.titlebutton, box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, headerbar button.titlebutton:backdrop label, - .titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, headerbar button.titlebutton:backdrop label, - .titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { + notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + button:backdrop.flat label, + button:backdrop.flat, + button:backdrop label, + button:backdrop { color: #949796; } - notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active, - .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked, - .titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active, - .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked, - .titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { + notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { border-color: #1f2222; background-image: linear-gradient(to bottom, #303535); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, headerbar button.titlebutton:backdrop:active label, - .titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active, - .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label, - .titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked, - .titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, headerbar button.titlebutton:backdrop:active label, - .titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active, - .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label, - .titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked, - .titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { + notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + button:backdrop.flat:active label, + button:backdrop.flat:active, + button:backdrop.flat:checked label, + button:backdrop.flat:checked, + button:backdrop:active label, + button:backdrop:active, + button:backdrop:checked label, + button:backdrop:checked { color: #949796; } - notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, - .titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, - .titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { + notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label, - .titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, - .titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label, - .titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, - .titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { + notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + button:backdrop.flat:disabled label, + button:backdrop.flat:disabled, + button:backdrop:disabled label, + button:backdrop:disabled { color: #5d6767; } - notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active, - .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked, - .titlebar button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active, - .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked, - .titlebar button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { + notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { border-color: #1f2222; background-image: linear-gradient(to bottom, #272929); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label, - .titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label, - .titlebar button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label, - .titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label, - .titlebar button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { + notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, + button:backdrop.flat:disabled:active label, + button:backdrop.flat:disabled:checked label, + button:backdrop:disabled:active label, + button:backdrop:disabled:checked label { color: #5d6767; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, headerbar button.titlebutton:disabled, - .titlebar button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, - .titlebar button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { + notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled, - .titlebar button.titlebutton:disabled, button:disabled { + notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, + button:disabled { border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled label, headerbar button.titlebutton:disabled label, - .titlebar button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled, - .titlebar button.titlebutton:disabled, button:disabled label, button:disabled { + notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, + button:disabled label, + button:disabled { color: #949796; } - notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active, - .titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked, - .titlebar button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { + notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, + button:disabled:active, + button:disabled:checked { border-color: #1c1f1f; background-image: linear-gradient(to bottom, #313434, #333636); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active label, headerbar button.titlebutton:disabled:active label, - .titlebar button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active, - .titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, headerbar button.titlebutton:disabled:checked label, - .titlebar button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked, - .titlebar button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, + button:disabled:active label, + button:disabled:active, + button:disabled:checked label, + button:disabled:checked { color: #949796; } - notebook > header > tabs > arrow.image-button, headerbar button.image-button.titlebutton, - .titlebar button.image-button.titlebutton, button.image-button { + notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, + button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } - notebook > header > tabs > arrow.text-button, headerbar button.text-button.titlebutton, - .titlebar button.text-button.titlebutton, button.text-button { + notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, + button.text-button { padding-left: 16px; padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, headerbar button.text-button.image-button.titlebutton, - .titlebar button.text-button.image-button.titlebutton, button.text-button.image-button { + notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, + button.text-button.image-button { padding-left: 8px; padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, headerbar button.text-button.image-button.titlebutton label, - .titlebar button.text-button.image-button.titlebutton label, button.text-button.image-button label { + notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, + button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar button.titlebutton:drop(active), - .titlebar button.titlebutton:drop(active), button:drop(active) { + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), + button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected +button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #949796; } button.osd { min-width: 24px; @@ -605,7 +607,8 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - button.osd:active, button.osd:checked { + button.osd:active, + button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); @@ -616,7 +619,8 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - button.osd:disabled:backdrop, button.osd:disabled { + button.osd:disabled:backdrop, + button.osd:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -635,7 +639,8 @@ button.osd { -gtk-icon-shadow: none; border: none; } popover.background.touch-selection button, popover.background.magnifier button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification button, -.app-notification.frame button, .osd button { +.app-notification.frame button, .osd +button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); @@ -644,7 +649,8 @@ popover.background.touch-selection button, popover.background.magnifier button, text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover { + popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd + button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); @@ -653,7 +659,11 @@ popover.background.touch-selection button, popover.background.magnifier button, text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { + popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd + button:active:backdrop, .osd + button:active, .osd + button:checked:backdrop, .osd + button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); @@ -662,7 +672,9 @@ popover.background.touch-selection button, popover.background.magnifier button, text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled:backdrop, .osd button:disabled { + popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd + button:disabled:backdrop, .osd + button:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -670,7 +682,8 @@ popover.background.touch-selection button, popover.background.magnifier button, box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd button:backdrop { + popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd + button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); @@ -678,7 +691,8 @@ popover.background.touch-selection button, popover.background.magnifier button, box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd button.flat { + popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd + button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -688,7 +702,8 @@ popover.background.touch-selection button, popover.background.magnifier button, box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd button.flat:hover { + popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd + button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); @@ -697,7 +712,8 @@ popover.background.touch-selection button, popover.background.magnifier button, text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { + popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd + button.flat:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -708,14 +724,17 @@ popover.background.touch-selection button, popover.background.magnifier button, background-image: none; border-color: transparent; box-shadow: none; } - popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd button.flat:backdrop { + popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd + button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd button.flat:active, .osd button.flat:checked { + popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd + button.flat:active, .osd + button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); @@ -732,6 +751,7 @@ button.suggested-action { text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } + .selection-mode button.titlebutton, button.suggested-action.flat { border-color: transparent; background-color: transparent; @@ -748,7 +768,8 @@ button.suggested-action { text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } - button.suggested-action:active, button.suggested-action:checked { + button.suggested-action:active, + button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; @@ -756,35 +777,70 @@ button.suggested-action { text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + .selection-mode button.titlebutton:backdrop, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop { border-color: #0b1e33; background-image: linear-gradient(to bottom, #215d9c); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop { + .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, + button.suggested-action:backdrop label, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop label, + button.suggested-action.flat:backdrop { color: #d3dfeb; } - button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked { border-color: #0b1e33; background-image: linear-gradient(to bottom, #184472); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked { + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, + button.suggested-action:backdrop:active label, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked label, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active label, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked label, + button.suggested-action.flat:backdrop:checked { color: #d1dae3; } - button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled { + .selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action:backdrop:disabled label, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled label, + button.suggested-action.flat:backdrop:disabled { color: #5d6767; } - button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { + .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, + button.suggested-action:backdrop:disabled:active, + button.suggested-action:backdrop:disabled:checked, + button.suggested-action.flat:backdrop:disabled:active, + button.suggested-action.flat:backdrop:disabled:checked { border-color: #0b1e33; background-image: linear-gradient(to bottom, #1d4877); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { + .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, + button.suggested-action:backdrop:disabled:active label, + button.suggested-action:backdrop:disabled:checked label, + button.suggested-action.flat:backdrop:disabled:active label, + button.suggested-action.flat:backdrop:disabled:checked label { color: #6c88a7; } - button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -798,15 +854,21 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled label, button.suggested-action:disabled { + button.suggested-action:disabled label, + button.suggested-action:disabled { color: #949796; } - button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { border-color: #0b1e33; background-image: linear-gradient(to bottom, #1b4470, #1d4877); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked { + button.suggested-action:disabled:active label, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked label, + button.suggested-action:disabled:checked { color: #a5b6c9; } - .osd button.suggested-action { + .osd + button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); @@ -815,7 +877,8 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.suggested-action:hover { + .osd + button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7)); @@ -824,7 +887,11 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + .osd + button.suggested-action:active:backdrop, .osd + button.suggested-action:active, .osd + button.suggested-action:checked:backdrop, .osd + button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #215d9c); @@ -833,7 +900,9 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -841,7 +910,8 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd button.suggested-action:backdrop { + .osd + button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); @@ -873,7 +943,8 @@ button.destructive-action { text-shadow: 0 -1px rgba(0, 0, 0, 0.59278); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59278); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } - button.destructive-action:active, button.destructive-action:checked { + button.destructive-action:active, + button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; @@ -881,35 +952,61 @@ button.destructive-action { text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { border-color: #5e0707; background-image: linear-gradient(to bottom, #d51010); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop { + button.destructive-action:backdrop label, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop label, + button.destructive-action.flat:backdrop { color: #f7cfcf; } - button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked { border-color: #5e0707; background-image: linear-gradient(to bottom, #a60c0c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { + button.destructive-action:backdrop:active label, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked label, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active label, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked label, + button.destructive-action.flat:backdrop:checked { color: #edcece; } - button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled { + button.destructive-action:backdrop:disabled label, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled label, + button.destructive-action.flat:backdrop:disabled { color: #5d6767; } - button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked { border-color: #5e0707; background-image: linear-gradient(to bottom, #a41212); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { + button.destructive-action:backdrop:disabled:active label, + button.destructive-action:backdrop:disabled:checked label, + button.destructive-action.flat:backdrop:disabled:active label, + button.destructive-action.flat:backdrop:disabled:checked label { color: #c46565; } - button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -923,15 +1020,21 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled label, button.destructive-action:disabled { + button.destructive-action:disabled label, + button.destructive-action:disabled { color: #949796; } - button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { border-color: #5e0707; background-image: linear-gradient(to bottom, #9d1111, #a41212); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { + button.destructive-action:disabled:active label, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked label, + button.destructive-action:disabled:checked { color: #dba0a0; } - .osd button.destructive-action { + .osd + button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); @@ -940,7 +1043,8 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.destructive-action:hover { + .osd + button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7)); @@ -949,7 +1053,11 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + .osd + button.destructive-action:active:backdrop, .osd + button.destructive-action:active, .osd + button.destructive-action:checked:backdrop, .osd + button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #d51010); @@ -958,7 +1066,9 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -966,7 +1076,8 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd button.destructive-action:backdrop { + .osd + button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); @@ -974,45 +1085,63 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } -.stack-switcher > button { +.stack-switcher > +button { outline-offset: -3px; } - .stack-switcher > button > label { + .stack-switcher > + button > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > button > image { + .stack-switcher > + button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > button.text-button { + .stack-switcher > + button.text-button { padding-left: 10px; padding-right: 10px; } - .stack-switcher > button.image-button { + .stack-switcher > + button.image-button { padding-left: 2px; padding-right: 2px; } - .stack-switcher > button.needs-attention:active > label, - .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, - .stack-switcher > button.needs-attention:checked > image { + .stack-switcher > + button.needs-attention:active > label, + .stack-switcher > + button.needs-attention:active > image, .stack-switcher > + button.needs-attention:checked > label, + .stack-switcher > + button.needs-attention:checked > image { animation: none; background-image: none; } -.inline-toolbar button, .inline-toolbar button:backdrop { +.inline-toolbar +button, .inline-toolbar +button:backdrop { border-radius: 2px; border-width: 1px; } -.primary-toolbar button { +.primary-toolbar +button { -gtk-icon-shadow: none; } -.stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { +.stack-switcher > +button.needs-attention > label, +.stack-switcher > +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(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .stack-switcher > button.needs-attention > label:backdrop, - .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + .stack-switcher > + button.needs-attention > label:backdrop, + .stack-switcher > + button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } - .stack-switcher > button.needs-attention > label:dir(rtl), - .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + .stack-switcher > + button.needs-attention > label:dir(rtl), + .stack-switcher > + button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar toolbutton > button { @@ -1084,43 +1213,64 @@ button.destructive-action { toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > -entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +entry, .inline-toolbar +button, .inline-toolbar +button:backdrop, .linked > +button, .linked > +button:hover, .linked > +button:active, .linked > +button:checked, .linked > +button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +entry:first-child, .inline-toolbar +button:first-child, .linked > +button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +entry:last-child, .inline-toolbar +button:last-child, .linked > +button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +entry:only-child, .inline-toolbar +button:only-child, .linked > +button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > -entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { +entry, .linked.vertical > +button, .linked.vertical > +button:hover, .linked.vertical > +button:active, .linked.vertical > +button:checked, .linked.vertical > +button:backdrop, .linked.vertical > combobox > box > button.combo { border-style: solid solid none solid; border-radius: 0; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > -entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { +entry:first-child, .linked.vertical > +button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > -entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { +entry:last-child, .linked.vertical > +button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > -entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { +entry:only-child, .linked.vertical > +button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } @@ -4186,12 +4336,10 @@ decoration { border: solid 1px #1f2222; box-shadow: none; } -headerbar button.titlebutton, -.titlebar button.titlebutton { +button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); } - headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop { + button.titlebutton:backdrop { -gtk-icon-shadow: none; } headerbar.selection-mode button.titlebutton, @@ -4216,7 +4364,7 @@ entry selection, modelbutton.flat:selected, popover.background checkbutton:selec popover.background radiobutton:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #215d9c; } - row:selected label, label:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, @@ -4230,7 +4378,7 @@ popover.background radiobutton:selected, popover.background radiobutton:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } - row:selected label:disabled, label:disabled:selected, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, .view text:disabled:selected, @@ -4241,7 +4389,7 @@ popover.background radiobutton:selected, popover.background radiobutton:disabled:selected, .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #90aece; } - row:selected label:backdrop, label:backdrop:selected, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, textview text:backdrop:selected:focus, .view text:backdrop:selected, @@ -4252,7 +4400,7 @@ popover.background radiobutton:selected, popover.background radiobutton:backdrop:selected, .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d5d5d5; } - row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index b56ed28f1b..f7535b3580 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -402,8 +402,8 @@ treeview entry.flat, treeview entry { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#4a90d9), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)); } } -notebook > header > tabs > arrow, headerbar button.titlebutton, -.titlebar button.titlebutton, button { +notebook > header > tabs > arrow, button.titlebutton, +button { min-height: 24px; min-width: 16px; padding: 4px 8px; @@ -417,8 +417,8 @@ notebook > header > tabs > arrow, headerbar button.titlebutton, text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } - notebook > header > tabs > arrow, button.sidebar-button, headerbar button.titlebutton, - .titlebar button.titlebutton, button.flat { + notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, + button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -426,15 +426,15 @@ notebook > header > tabs > arrow, headerbar button.titlebutton, text-shadow: none; -gtk-icon-shadow: none; transition: none; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, headerbar button.titlebutton:hover, - .titlebar button.titlebutton:hover, button.flat:hover { + notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, + button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, headerbar button.titlebutton:hover:active, - .titlebar button.titlebutton:hover:active, button.flat:hover:active { + notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, + button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, headerbar button.titlebutton:hover, - .titlebar button.titlebutton:hover, button:hover { + notebook > header > tabs > arrow:hover, button.titlebutton:hover, + button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #9d9d99; @@ -443,9 +443,9 @@ notebook > header > tabs > arrow, headerbar button.titlebutton, -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white; -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, headerbar button.titlebutton:active, - .titlebar button.titlebutton:active, notebook > header > tabs > arrow:checked, headerbar button.titlebutton:checked, - .titlebar button.titlebutton:checked, button:active, button:checked { + notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, + button:active, + button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #9d9d99; @@ -454,9 +454,9 @@ notebook > header > tabs > arrow, headerbar button.titlebutton, -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { + notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + button:backdrop.flat, + button:backdrop { border-color: #a5a5a1; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; @@ -464,119 +464,122 @@ notebook > header > tabs > arrow, headerbar button.titlebutton, box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, headerbar button.titlebutton:backdrop label, - .titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, headerbar button.titlebutton:backdrop label, - .titlebar button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { + notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + button:backdrop.flat label, + button:backdrop.flat, + button:backdrop label, + button:backdrop { color: #8b8e8f; } - notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active, - .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked, - .titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active, - .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked, - .titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { + notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { border-color: #a5a5a1; background-image: linear-gradient(to bottom, #d1d1cf); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, headerbar button.titlebutton:backdrop:active label, - .titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active, - .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label, - .titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked, - .titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, headerbar button.titlebutton:backdrop:active label, - .titlebar button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active, - .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, headerbar button.titlebutton:backdrop:checked label, - .titlebar button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked, - .titlebar button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { + notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + button:backdrop.flat:active label, + button:backdrop.flat:active, + button:backdrop.flat:checked label, + button:backdrop.flat:checked, + button:backdrop:active label, + button:backdrop:active, + button:backdrop:checked label, + button:backdrop:checked { color: #8b8e8f; } - notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, - .titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, - .titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { + notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { border-color: #a5a5a1; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label, - .titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, - .titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, headerbar button.titlebutton:backdrop:disabled label, - .titlebar button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, - .titlebar button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { + notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + button:backdrop.flat:disabled label, + button:backdrop.flat:disabled, + button:backdrop:disabled label, + button:backdrop:disabled { color: #c3c3c0; } - notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active, - .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked, - .titlebar button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active, - .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked, - .titlebar button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { + notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { border-color: #a5a5a1; background-image: linear-gradient(to bottom, #e4e4e4); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label, - .titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label, - .titlebar button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, headerbar button.titlebutton:backdrop:disabled:active label, - .titlebar button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, headerbar button.titlebutton:backdrop:disabled:checked label, - .titlebar button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { + notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, + button:backdrop.flat:disabled:active label, + button:backdrop.flat:disabled:checked label, + button:backdrop:disabled:active label, + button:backdrop:disabled:checked label { color: #c3c3c0; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, headerbar button.titlebutton:disabled, - .titlebar button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, - .titlebar button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { + notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled, - .titlebar button.titlebutton:disabled, button:disabled { + notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, + button:disabled { border-color: #9d9d99; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled label, headerbar button.titlebutton:disabled label, - .titlebar button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled, - .titlebar button.titlebutton:disabled, button:disabled label, button:disabled { + notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, + button:disabled label, + button:disabled { color: #8b8e8f; } - notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active, - .titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked, - .titlebar button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { + notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, + button:disabled:active, + button:disabled:checked { border-color: #9d9d99; background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active label, headerbar button.titlebutton:disabled:active label, - .titlebar button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active, - .titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, headerbar button.titlebutton:disabled:checked label, - .titlebar button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked, - .titlebar button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, + button:disabled:active label, + button:disabled:active, + button:disabled:checked label, + button:disabled:checked { color: #8b8e8f; } - notebook > header > tabs > arrow.image-button, headerbar button.image-button.titlebutton, - .titlebar button.image-button.titlebutton, button.image-button { + notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, + button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } - notebook > header > tabs > arrow.text-button, headerbar button.text-button.titlebutton, - .titlebar button.text-button.titlebutton, button.text-button { + notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, + button.text-button { padding-left: 16px; padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, headerbar button.text-button.image-button.titlebutton, - .titlebar button.text-button.image-button.titlebutton, button.text-button.image-button { + notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, + button.text-button.image-button { padding-left: 8px; padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, headerbar button.text-button.image-button.titlebutton label, - .titlebar button.text-button.image-button.titlebutton label, button.text-button.image-button label { + notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, + button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), headerbar button.titlebutton:drop(active), - .titlebar button.titlebutton:drop(active), button:drop(active) { + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), + button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } -row:selected button { +row:selected +button { border-color: #184472; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #fcfcfc; } button.osd { min-width: 24px; @@ -607,7 +610,8 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - button.osd:active, button.osd:checked { + button.osd:active, + button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); @@ -618,7 +622,8 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - button.osd:disabled:backdrop, button.osd:disabled { + button.osd:disabled:backdrop, + button.osd:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -637,7 +642,8 @@ button.osd { -gtk-icon-shadow: none; border: none; } popover.background.touch-selection button, popover.background.magnifier button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification button, -.app-notification.frame button, .osd button { +.app-notification.frame button, .osd +button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); @@ -646,7 +652,8 @@ popover.background.touch-selection button, popover.background.magnifier button, text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover { + popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd + button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); @@ -655,7 +662,11 @@ popover.background.touch-selection button, popover.background.magnifier button, text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { + popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd + button:active:backdrop, .osd + button:active, .osd + button:checked:backdrop, .osd + button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); @@ -664,7 +675,9 @@ popover.background.touch-selection button, popover.background.magnifier button, text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled:backdrop, .osd button:disabled { + popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd + button:disabled:backdrop, .osd + button:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -672,7 +685,8 @@ popover.background.touch-selection button, popover.background.magnifier button, box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd button:backdrop { + popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd + button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); @@ -680,7 +694,8 @@ popover.background.touch-selection button, popover.background.magnifier button, box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd button.flat { + popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd + button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -690,7 +705,8 @@ popover.background.touch-selection button, popover.background.magnifier button, box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd button.flat:hover { + popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd + button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); @@ -699,7 +715,8 @@ popover.background.touch-selection button, popover.background.magnifier button, text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { + popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd + button.flat:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -710,14 +727,17 @@ popover.background.touch-selection button, popover.background.magnifier button, background-image: none; border-color: transparent; box-shadow: none; } - popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd button.flat:backdrop { + popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd + button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd button.flat:active, .osd button.flat:checked { + popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd + button.flat:active, .osd + button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); @@ -734,6 +754,7 @@ button.suggested-action { text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + .selection-mode button.titlebutton, button.suggested-action.flat { border-color: transparent; background-color: transparent; @@ -750,7 +771,8 @@ button.suggested-action { text-shadow: 0 -1px rgba(0, 0, 0, 0.49553); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - button.suggested-action:active, button.suggested-action:checked { + button.suggested-action:active, + button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; @@ -758,35 +780,70 @@ button.suggested-action { text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + .selection-mode button.titlebutton:backdrop, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop { border-color: #4a90d9; background-image: linear-gradient(to bottom, #4a90d9); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop { + .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, + button.suggested-action:backdrop label, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop label, + button.suggested-action.flat:backdrop { color: #dbe9f7; } - button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { + .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked { border-color: #2a76c6; background-image: linear-gradient(to bottom, #2a76c6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked { + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, + button.suggested-action:backdrop:active label, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked label, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active label, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked label, + button.suggested-action.flat:backdrop:checked { color: #d4e4f4; } - button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { border-color: #a5a5a1; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled { + .selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action:backdrop:disabled label, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled label, + button.suggested-action.flat:backdrop:disabled { color: #c3c3c0; } - button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { + .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, + button.suggested-action:backdrop:disabled:active, + button.suggested-action:backdrop:disabled:checked, + button.suggested-action.flat:backdrop:disabled:active, + button.suggested-action.flat:backdrop:disabled:checked { border-color: #5094db; background-image: linear-gradient(to bottom, #5094db); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { + .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, + button.suggested-action:backdrop:disabled:active label, + button.suggested-action:backdrop:disabled:checked label, + button.suggested-action.flat:backdrop:disabled:active label, + button.suggested-action.flat:backdrop:disabled:checked label { color: #8db9e8; } - button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -800,15 +857,21 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled label, button.suggested-action:disabled { + button.suggested-action:disabled label, + button.suggested-action:disabled { color: #8b8e8f; } - button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { border-color: #1c5187; background-image: linear-gradient(to bottom, #4b8dd3, #5094db); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked { + button.suggested-action:disabled:active label, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked label, + button.suggested-action:disabled:checked { color: #b9d4f1; } - .osd button.suggested-action { + .osd + button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); @@ -817,7 +880,8 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.suggested-action:hover { + .osd + button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7)); @@ -826,7 +890,11 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { + .osd + button.suggested-action:active:backdrop, .osd + button.suggested-action:active, .osd + button.suggested-action:checked:backdrop, .osd + button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #4a90d9); @@ -835,7 +903,9 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -843,7 +913,8 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd button.suggested-action:backdrop { + .osd + button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); @@ -875,7 +946,8 @@ button.destructive-action { text-shadow: 0 -1px rgba(0, 0, 0, 0.51278); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51278); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - button.destructive-action:active, button.destructive-action:checked { + button.destructive-action:active, + button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #8e0b0b; @@ -883,35 +955,61 @@ button.destructive-action { text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { border-color: #ef2929; background-image: linear-gradient(to bottom, #ef2929); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop { + button.destructive-action:backdrop label, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop label, + button.destructive-action.flat:backdrop { color: #fcd4d4; } - button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked { border-color: #d51010; background-image: linear-gradient(to bottom, #d51010); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { + button.destructive-action:backdrop:active label, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked label, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active label, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked label, + button.destructive-action.flat:backdrop:checked { color: #f7cfcf; } - button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { border-color: #a5a5a1; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled { + button.destructive-action:backdrop:disabled label, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled label, + button.destructive-action.flat:backdrop:disabled { color: #c3c3c0; } - button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked { border-color: #ef3131; background-image: linear-gradient(to bottom, #ef3131); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { + button.destructive-action:backdrop:disabled:active label, + button.destructive-action:backdrop:disabled:checked label, + button.destructive-action.flat:backdrop:disabled:active label, + button.destructive-action.flat:backdrop:disabled:checked label { color: #f57979; } - button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -925,15 +1023,21 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled label, button.destructive-action:disabled { + button.destructive-action:disabled label, + button.destructive-action:disabled { color: #8b8e8f; } - button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { border-color: #8e0b0b; background-image: linear-gradient(to bottom, #e52d2d, #ef3131); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { + button.destructive-action:disabled:active label, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked label, + button.destructive-action:disabled:checked { color: #f9adad; } - .osd button.destructive-action { + .osd + button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); @@ -942,7 +1046,8 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.destructive-action:hover { + .osd + button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7)); @@ -951,7 +1056,11 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { + .osd + button.destructive-action:active:backdrop, .osd + button.destructive-action:active, .osd + button.destructive-action:checked:backdrop, .osd + button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #ef2929); @@ -960,7 +1069,9 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -968,7 +1079,8 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd button.destructive-action:backdrop { + .osd + button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); @@ -976,45 +1088,63 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } -.stack-switcher > button { +.stack-switcher > +button { outline-offset: -3px; } - .stack-switcher > button > label { + .stack-switcher > + button > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > button > image { + .stack-switcher > + button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > button.text-button { + .stack-switcher > + button.text-button { padding-left: 10px; padding-right: 10px; } - .stack-switcher > button.image-button { + .stack-switcher > + button.image-button { padding-left: 2px; padding-right: 2px; } - .stack-switcher > button.needs-attention:active > label, - .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, - .stack-switcher > button.needs-attention:checked > image { + .stack-switcher > + button.needs-attention:active > label, + .stack-switcher > + button.needs-attention:active > image, .stack-switcher > + button.needs-attention:checked > label, + .stack-switcher > + button.needs-attention:checked > image { animation: none; background-image: none; } -.inline-toolbar button, .inline-toolbar button:backdrop { +.inline-toolbar +button, .inline-toolbar +button:backdrop { border-radius: 2px; border-width: 1px; } -.primary-toolbar button { +.primary-toolbar +button { -gtk-icon-shadow: none; } -.stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { +.stack-switcher > +button.needs-attention > label, +.stack-switcher > +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), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > button.needs-attention > label:backdrop, - .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + .stack-switcher > + button.needs-attention > label:backdrop, + .stack-switcher > + button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } - .stack-switcher > button.needs-attention > label:dir(rtl), - .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + .stack-switcher > + button.needs-attention > label:dir(rtl), + .stack-switcher > + button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar toolbutton > button { @@ -1086,43 +1216,64 @@ button.destructive-action { toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > -entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +entry, .inline-toolbar +button, .inline-toolbar +button:backdrop, .linked > +button, .linked > +button:hover, .linked > +button:active, .linked > +button:checked, .linked > +button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +entry:first-child, .inline-toolbar +button:first-child, .linked > +button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +entry:last-child, .inline-toolbar +button:last-child, .linked > +button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +entry:only-child, .inline-toolbar +button:only-child, .linked > +button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } .linked.vertical > spinbutton:not(.vertical), .linked.vertical > -entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { +entry, .linked.vertical > +button, .linked.vertical > +button:hover, .linked.vertical > +button:active, .linked.vertical > +button:checked, .linked.vertical > +button:backdrop, .linked.vertical > combobox > box > button.combo { border-style: solid solid none solid; border-radius: 0; } .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > -entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { +entry:first-child, .linked.vertical > +button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > -entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { +entry:last-child, .linked.vertical > +button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > -entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { +entry:only-child, .linked.vertical > +button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } @@ -4214,12 +4365,10 @@ decoration { border: solid 1px #a5a5a1; box-shadow: none; } -headerbar button.titlebutton, -.titlebar button.titlebutton { +button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } - headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop { + button.titlebutton:backdrop { -gtk-icon-shadow: none; } headerbar.selection-mode button.titlebutton, @@ -4244,7 +4393,7 @@ entry selection, modelbutton.flat:selected, popover.background checkbutton:selec popover.background radiobutton:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #4a90d9; } - row:selected label, label:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, textview text:selected:focus, @@ -4259,7 +4408,7 @@ popover.background radiobutton:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } - row:selected label:disabled, label:disabled:selected, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, .view text:disabled:selected, @@ -4270,7 +4419,7 @@ popover.background radiobutton:selected, popover.background radiobutton:disabled:selected, .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #a5c8ec; } - row:selected label:backdrop, label:backdrop:selected, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, textview text:backdrop:selected:focus, .view text:backdrop:selected, @@ -4281,7 +4430,7 @@ popover.background radiobutton:selected, popover.background radiobutton:backdrop:selected, .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #fcfcfc; } - row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,