From 207dca02f0e55df24cb6a2dd78d22f1e41254ad3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Wed, 12 Feb 2020 13:24:50 +0100 Subject: [PATCH] Replace SCSS ruby-sass compiler with libsass --- .../Kali-Dark/gnome-shell/gnome-shell.css | 69 +- share/themes/Kali-Dark/gtk-3.0/gtk.css | 1679 +++++++++++------ .../Kali-Light/gnome-shell/gnome-shell.css | 45 +- share/themes/Kali-Light/gtk-3.0/gtk-dark.css | 1679 +++++++++++------ share/themes/Kali-Light/gtk-3.0/gtk.css | 1351 ++++++++----- src/themes/Kali/sass/Makefile | 2 +- 6 files changed, 3202 insertions(+), 1623 deletions(-) diff --git a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css index 3a9f9c6c..08b5b6a3 100644 --- a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css +++ b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css @@ -49,9 +49,9 @@ stage { text-shadow: 0 1px black; icon-shadow: 0 1px black; } .button:insensitive, .message-list-clear-button.button:insensitive { - color: #898a8d; + color: #888a8d; border-color: #0d0e11; - background-color: #252730; + background-color: #242731; box-shadow: none; text-shadow: none; icon-shadow: none; } @@ -74,9 +74,9 @@ stage { padding: 12px; border-top: 1px solid #181a20; } .modal-dialog-linked-button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive { - color: #898a8d; + color: #888a8d; border-color: #0d0e11; - background-color: #252730; + background-color: #242731; box-shadow: none; text-shadow: none; icon-shadow: none; } @@ -121,8 +121,8 @@ StEntry { StEntry:focus { border-color: rgba(154, 154, 142, 0.5); } StEntry:insensitive { - color: #898a8d; - border-color: #252730; + color: #888a8d; + border-color: #242731; box-shadow: none; } StEntry StIcon.capslock-warning { icon-size: 16px; @@ -132,6 +132,7 @@ StEntry { /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } + StScrollView.hfade { -st-hfade-offset: 68px; } @@ -176,14 +177,18 @@ StScrollBar { /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } + .check-box StBin { width: 24px; height: 22px; background-image: url("assets/checkbox-off-dark.svg"); } + .check-box:focus StBin { background-image: url("assets/checkbox-off-focused-dark.svg"); } + .check-box:checked StBin { background-image: url("assets/checkbox-dark.svg"); } + .check-box:focus:checked StBin { background-image: url("assets/checkbox-focused-dark.svg"); } @@ -361,6 +366,7 @@ StScrollBar { .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } + .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } @@ -474,6 +480,7 @@ StScrollBar { .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .extension-dialog .message-dialog-title { font-weight: normal; color: #eeeeec; } @@ -692,9 +699,7 @@ StScrollBar { background-color: #23252e; border: 1px solid #0d0e11; border-radius: 12px; } - .osd-window StIcon, - .resize-popup StIcon, - .switcher-list StIcon, .workspace-switcher-container StIcon { + .osd-window StIcon, .resize-popup StIcon, .switcher-list StIcon, .workspace-switcher-container StIcon { icon-shadow: rgba(0, 0, 0, 0.7) 0 1px 6px; } .modal-dialog StEntry, .prompt-dialog StEntry, .audio-device-selection-dialog StEntry, .access-dialog StEntry, .geolocation-dialog StEntry, .extension-dialog StEntry, .inhibit-shortcuts-dialog StEntry, .nm-dialog StEntry, .notification-banner StEntry { @@ -721,7 +726,7 @@ StScrollBar { background-color: #2777ff; color: #ffffff; } .modal-dialog .button:disabled, .prompt-dialog .button:disabled, .audio-device-selection-dialog .button:disabled, .access-dialog .button:disabled, .geolocation-dialog .button:disabled, .extension-dialog .button:disabled, .inhibit-shortcuts-dialog .button:disabled, .nm-dialog .button:disabled { - color: #898a8d; } + color: #888a8d; } /* Tiled window previews */ .tile-preview { @@ -791,9 +796,17 @@ StScrollBar { #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 0 5px; } - .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + .unlock-screen #panel .panel-button, + .login-screen #panel .panel-button, + .lock-screen #panel .panel-button { color: white; } - .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, + .login-screen #panel .panel-button:focus, + .login-screen #panel .panel-button:hover, + .login-screen #panel .panel-button:active, + .lock-screen #panel .panel-button:focus, + .lock-screen #panel .panel-button:hover, + .lock-screen #panel .panel-button:active { color: white; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { @@ -856,6 +869,7 @@ StScrollBar { .events-section-title:hover, .events-section-title:focus { background-color: #292c37; } + .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, @@ -952,7 +966,7 @@ StScrollBar { border-left-width: 1px; } .calendar-nonwork-day { - color: #898a8d; } + color: #888a8d; } .calendar-today { font-weight: bold; @@ -1024,7 +1038,7 @@ StScrollBar { color: #eeeeec; font-size: 0.7em; /* HACK: the label should be baseline-aligned with a 1em label, - fake this with some bottom padding */ + fake this with some bottom padding */ padding-bottom: 0.13em; } .message-secondary-bin > StIcon { @@ -1379,6 +1393,7 @@ StScrollBar { .list-search-result:hover { background-color: rgba(238, 238, 236, 0.1); transition-duration: 200ms; } + .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { @@ -1389,7 +1404,10 @@ StScrollBar { .show-apps .overview-icon, .grid-search-result .overview-icon { font-weight: bold; } -.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, + +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, @@ -1403,12 +1421,15 @@ StScrollBar { transition-duration: 0ms; border-image: none; background-image: none; } + .app-well-app:drop .overview-icon, .app-well-app.app-folder:drop .overview-icon, .show-apps:drop .overview-icon, .grid-search-result:drop .overview-icon { background-color: rgba(39, 119, 255, 0.85); } -.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, + +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, @@ -1473,7 +1494,8 @@ StScrollBar { border: none; margin: 2px; background-color: white; } - .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { + .page-indicator:checked .page-indicator-icon, + .page-indicator:checked:active .page-indicator-icon { background-color: white; } .app-well-app > .overview-icon.overview-icon-with-label, @@ -1814,9 +1836,9 @@ StScrollBar { background-color: #4f595d; border-color: #4f595d; } .login-dialog .modal-dialog-button:insensitive { - color: #898a8d; + color: #888a8d; border-color: #0d0e11; - background-color: #252730; + background-color: #242731; box-shadow: none; text-shadow: none; icon-shadow: none; @@ -1850,9 +1872,9 @@ StScrollBar { background-color: #0e67ff; border-color: #0e67ff; } .login-dialog .modal-dialog-button:default:insensitive { - color: #898a8d; + color: #888a8d; border-color: #0d0e11; - background-color: #252730; + background-color: #242731; box-shadow: none; text-shadow: none; icon-shadow: none; @@ -1881,7 +1903,8 @@ StScrollBar { .login-dialog-not-listed-label { padding-left: 2px; } - .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, + .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { @@ -1927,6 +1950,7 @@ StScrollBar { .user-widget-label:ltr { padding-left: 14px; } + .user-widget-label:rtl { padding-right: 14px; } @@ -2056,6 +2080,7 @@ StScrollBar { .lg-dialog StEntry { selection-background-color: #bbbbbb; selected-color: #333333; } + .lg-dialog .shell-link { color: #999999; } .lg-dialog .shell-link:hover { diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index ad8de601..e59ef28d 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css @@ -27,7 +27,7 @@ color: #eeeeec; background-color: #23252e; } .background:backdrop { - color: #898a8d; + color: #888a8d; background-color: #23252e; text-shadow: none; -gtk-icon-shadow: none; } @@ -51,8 +51,8 @@ color: #eeeeec; background-color: #0d0e11; } .gtkstyle-fallback:disabled { - color: #898a8d; - background-color: #252730; } + color: #888a8d; + background-color: #242731; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #2777ff; } @@ -78,8 +78,8 @@ textview text { .view text:disabled, iconview text:disabled, textview text:disabled { - color: #898a8d; - background-color: #252730; } + color: #888a8d; + background-color: #242731; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, @@ -116,23 +116,23 @@ flowbox flowboxchild { .content-view .tile:active, .content-view .tile:selected { background-color: #2777ff; } .content-view .tile:disabled { - background-color: #252730; } + background-color: #242731; } label { caret-color: currentColor; } label.separator { color: #eeeeec; } label.separator:backdrop { - color: #898a8d; } + color: #888a8d; } label selection { background-color: #2777ff; color: #ffffff; } label:disabled { - color: #898a8d; } + color: #888a8d; } label:disabled:backdrop { color: #43495a; } label:backdrop { - color: #898a8d; } + color: #888a8d; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { @@ -144,13 +144,16 @@ assistant .sidebar { border-top: 1px solid #0d0e11; } assistant .sidebar:backdrop { background-color: #292c37; - border-color: #111317; } + border-color: #111217; } + assistant.csd .sidebar { border-top-style: none; } + assistant .sidebar label { padding: 6px 12px; } + assistant .sidebar label.highlight { - background-color: #4c4d54; } + background-color: #4b4d54; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, .app-notification.frame, .osd .scale-popup, @@ -172,12 +175,13 @@ assistant .sidebar label.highlight { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:backdrop { - color: #898a8d; } + color: #888a8d; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } @@ -187,7 +191,8 @@ spinner { /**************** * Text Entries * ****************/ -spinbutton:not(.vertical), entry { +spinbutton:not(.vertical), +entry { min-height: 28px; padding-left: 8px; padding-right: 8px; @@ -221,22 +226,22 @@ spinbutton:not(.vertical), entry { border-color: #00348d; } spinbutton:disabled:not(.vertical), entry:disabled { - color: #898a8d; + color: #888a8d; border-color: #0d0e11; - background-color: #252730; + background-color: #242731; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d5d7; - border-color: #111317; + border-color: #111217; background-color: #292c37; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #43495a; - border-color: #111317; - background-color: #252730; + border-color: #111217; + background-color: #242731; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { @@ -271,14 +276,14 @@ spinbutton:not(.vertical), entry { color: #2777ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { - color: #76777c; } + color: #75777c; } spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } - .osd spinbutton:not(.vertical), - .osd entry { + .osd spinbutton:not(.vertical), .osd + entry { color: white; border-color: #3d4251; background-color: rgba(61, 66, 81, 0.5); @@ -286,8 +291,8 @@ spinbutton:not(.vertical), entry { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), - .osd entry:focus { + .osd spinbutton:focus:not(.vertical), .osd + entry:focus { color: white; border-color: #2777ff; background-color: rgba(61, 66, 81, 0.5); @@ -295,8 +300,8 @@ spinbutton:not(.vertical), entry { box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), - .osd entry:backdrop { + .osd spinbutton:backdrop:not(.vertical), .osd + entry:backdrop { color: white; border-color: #3d4251; background-color: rgba(61, 66, 81, 0.5); @@ -304,15 +309,16 @@ spinbutton:not(.vertical), entry { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd spinbutton:disabled:not(.vertical), - .osd entry:disabled { - color: #808082; + .osd spinbutton:disabled:not(.vertical), .osd + entry:disabled { + color: #808081; border-color: #3d4251; background-color: rgba(39, 40, 44, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; @@ -326,65 +332,79 @@ entry progress { spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus + button, .linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + -entry, .linked:not(.vertical) > + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:focus + button, +.linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + entry { border-left-color: #00348d; } -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus.error + button, .linked:not(.vertical) > -entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + -entry, .linked:not(.vertical) > + +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:focus.error + button, +.linked:not(.vertical) > +entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #200404; } -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:drop(active) + button, .linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -entry, .linked:not(.vertical) > + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:drop(active) + button, +.linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #0a814b; } -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), +.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #1f222a; } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #22252d; } -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, + .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #22242d; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), +.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), +.linked.vertical > entry:disabled + entry:disabled { border-top-color: #1f222a; } + .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > -entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #00348d; } + .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > -entry + spinbutton:focus.error:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #200404; } + .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > -entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #0a814b; } + .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > @@ -392,11 +412,11 @@ entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #00348d; } + .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:focus.error:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > @@ -404,11 +424,11 @@ entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #200404; } + .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > @@ -420,6 +440,7 @@ entry:drop(active):not(:only-child) + combobox > box > button.combo { treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #272a34; transition-property: color, background; } + treeview entry.flat, treeview entry { border-radius: 0; background-image: none; @@ -463,6 +484,7 @@ treeview entry.flat, treeview entry { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#74a7ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } + notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; @@ -476,8 +498,8 @@ button { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, notebook > header > tabs > arrow.flat, button.flat.titlebutton, button.flat { @@ -501,8 +523,8 @@ button { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); -gtk-icon-effect: highlight; } @@ -517,31 +539,31 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop.flat, button.titlebutton:backdrop.flat, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop.flat, button:backdrop.flat.titlebutton, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop.flat label, button.titlebutton:backdrop.flat label, notebook > header > tabs > arrow:backdrop.flat, button.titlebutton:backdrop.flat, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop.flat label, button:backdrop.flat.titlebutton label, notebook > header > tabs > arrow:backdrop.flat, button:backdrop.flat.titlebutton, 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: #898a8d; } - notebook > header > tabs > arrow:backdrop.flat:active, button.titlebutton:backdrop.flat:active, notebook > header > tabs > arrow:backdrop.flat:checked, button.titlebutton:backdrop.flat:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + color: #888a8d; } + notebook > header > tabs > arrow:backdrop.flat:active, button:backdrop.flat.titlebutton:active, notebook > header > tabs > arrow:backdrop.flat:checked, button:backdrop.flat.titlebutton: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: #111317; - background-image: image(#1b1d23); + border-color: #111217; + background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:active label, button.titlebutton:backdrop.flat:active label, notebook > header > tabs > arrow:backdrop.flat:active, button.titlebutton:backdrop.flat:active, notebook > header > tabs > arrow:backdrop.flat:checked label, button.titlebutton:backdrop.flat:checked label, notebook > header > tabs > arrow:backdrop.flat:checked, button.titlebutton:backdrop.flat: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, + notebook > header > tabs > arrow:backdrop.flat:active label, button:backdrop.flat.titlebutton:active label, notebook > header > tabs > arrow:backdrop.flat:active, button:backdrop.flat.titlebutton:active, notebook > header > tabs > arrow:backdrop.flat:checked label, button:backdrop.flat.titlebutton:checked label, notebook > header > tabs > arrow:backdrop.flat:checked, button:backdrop.flat.titlebutton: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, @@ -550,30 +572,30 @@ button { button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { - color: #898a8d; } - notebook > header > tabs > arrow:backdrop.flat:disabled, button.titlebutton:backdrop.flat:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + color: #888a8d; } + notebook > header > tabs > arrow:backdrop.flat:disabled, button:backdrop.flat.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled label, button.titlebutton:backdrop.flat:disabled label, notebook > header > tabs > arrow:backdrop.flat:disabled, button.titlebutton:backdrop.flat:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow:backdrop.flat:disabled label, button:backdrop.flat.titlebutton:disabled label, notebook > header > tabs > arrow:backdrop.flat:disabled, button:backdrop.flat.titlebutton: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: #43495a; } - notebook > header > tabs > arrow:backdrop.flat:disabled:active, button.titlebutton:backdrop.flat:disabled:active, notebook > header > tabs > arrow:backdrop.flat:disabled:checked, button.titlebutton:backdrop.flat: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, + notebook > header > tabs > arrow:backdrop.flat:disabled:active, button:backdrop.flat.titlebutton:disabled:active, notebook > header > tabs > arrow:backdrop.flat:disabled:checked, button:backdrop.flat.titlebutton: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: #111317; - background-image: image(#1b1d23); + border-color: #111217; + background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled:active label, button.titlebutton:backdrop.flat:disabled:active label, notebook > header > tabs > arrow:backdrop.flat:disabled:checked label, button.titlebutton:backdrop.flat: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, + notebook > header > tabs > arrow:backdrop.flat:disabled:active label, button:backdrop.flat.titlebutton:disabled:active label, notebook > header > tabs > arrow:backdrop.flat:disabled:checked label, button:backdrop.flat.titlebutton: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, @@ -592,26 +614,26 @@ button { notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { - color: #898a8d; } + color: #888a8d; } 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: #0d0e11; - background-image: image(#17181e); + background-image: image(#16181d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } 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: #898a8d; } + color: #888a8d; } notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; @@ -634,13 +656,16 @@ button { color: #0a814b; border-color: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } -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 { - color: #898a8d; } + 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: #888a8d; } + + button.osd { min-width: 26px; min-height: 32px; @@ -657,8 +682,10 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + button.osd.image-button { min-width: 34px; } + button.osd:hover { color: white; border-color: #3d4251; @@ -671,6 +698,7 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + button.osd:active, button.osd:checked { color: white; @@ -684,9 +712,10 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + button.osd:disabled:backdrop, button.osd:disabled { - color: #808082; + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -695,6 +724,7 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } + button.osd:backdrop { color: #eeeeec; border-color: #3d4251; @@ -705,9 +735,11 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } + .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, .app-notification.frame button, -.osd button { +.osd +button { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -718,7 +750,8 @@ button.osd { -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 { + .osd + button:hover { color: white; border-color: #3d4251; background-color: transparent; @@ -729,10 +762,14 @@ button.osd { -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 { + .osd + button:active:backdrop, + .osd + button:active, + .osd + button:checked:backdrop, + .osd + button:checked { color: white; border-color: #3d4251; background-color: transparent; @@ -743,9 +780,11 @@ button.osd { -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 { - color: #808082; + .osd + button:disabled:backdrop, + .osd + button:disabled { + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -754,7 +793,8 @@ button.osd { 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 { + .osd + button:backdrop { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -764,7 +804,8 @@ button.osd { 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 { + .osd + button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -775,7 +816,8 @@ button.osd { 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 { + .osd + button.flat:hover { color: white; border-color: #3d4251; background-color: transparent; @@ -786,8 +828,9 @@ button.osd { -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 { - color: #808082; + .osd + button.flat:disabled { + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -799,7 +842,8 @@ button.osd { 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 { + .osd + button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; @@ -807,8 +851,10 @@ button.osd { 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 { + .osd + button.flat:active, + .osd + button.flat:checked { color: white; border-color: #3d4251; background-color: transparent; @@ -818,16 +864,19 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + + button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff 2px, #2777ff); - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } - .selection-mode button.titlebutton, button.suggested-action.flat { + .selection-mode button.titlebutton, + button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -835,16 +884,19 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } + button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } - 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: #005af3; @@ -852,35 +904,70 @@ button.suggested-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode button.titlebutton:backdrop, 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: #005af3; background-image: image(#2777ff); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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 { + .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: #d4e4ff; } - .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 { + .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: #005af3; - background-image: image(#1e61d6); + background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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: #d2dff7; } - .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + .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: #d2e0f7; } + .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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 { + .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: #43495a; } - .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 { + .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: #005af3; - background-image: image(#1e61d6); + background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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: #6d98e4; } - .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 { + .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: #6d99e4; } + .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; @@ -888,21 +975,31 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } + button.suggested-action:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); 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 { - color: #898a8d; } - button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + + button.suggested-action:disabled label, + button.suggested-action:disabled { + color: #888a8d; } + + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { border-color: #005af3; - background-image: image(#1c5dcd); + background-image: image(#1c5ecd); 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 { - color: #a4beeb; } - .osd button.suggested-action { + + button.suggested-action:disabled:active label, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked label, + button.suggested-action:disabled:checked { + color: #a4bfeb; } + .osd + button.suggested-action { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -912,7 +1009,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: #3d4251; background-color: transparent; @@ -922,7 +1020,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: #3d4251; background-color: transparent; @@ -932,8 +1034,10 @@ 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 { - color: #808082; + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -941,7 +1045,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: #3d4251; background-color: transparent; @@ -950,15 +1055,18 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + + button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; border-bottom-color: #4b0909; background-image: linear-gradient(to top, #a21313 2px, #a61414); - text-shadow: 0 -1px rgba(0, 0, 0, 0.7082352941); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7082352941); + text-shadow: 0 -1px rgba(0, 0, 0, 0.708235); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.708235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -967,16 +1075,19 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; color: #a61414; } + button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; border-bottom-color: #4b0909; - text-shadow: 0 -1px rgba(0, 0, 0, 0.6602352941); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6602352941); + text-shadow: 0 -1px rgba(0, 0, 0, 0.660235); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.660235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #a21313, #ab1414 1px); } - 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: #790e0e; @@ -984,35 +1095,70 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { border-color: #790e0e; background-image: image(#a61414); 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: #edd0d0; } - 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: #790e0e; - background-image: image(#811416); + background-image: image(#811415); 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: #e6d0d0; } - button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: #111217; + background-image: image(#242731); 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: #43495a; } - 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: #790e0e; - background-image: image(#811416); + background-image: image(#811415); 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 { - color: #ad6668; } - button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + + 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: #ad6667; } + + 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; @@ -1020,21 +1166,31 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(166, 20, 20, 0.8); } + button.destructive-action:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); 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 { - color: #898a8d; } - button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + + button.destructive-action:disabled label, + button.destructive-action:disabled { + color: #888a8d; } + + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { border-color: #790e0e; - background-image: image(#791315); + background-image: image(#791314); 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: #c9a1a1; } - .osd button.destructive-action { + .osd + button.destructive-action { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -1044,7 +1200,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: #3d4251; background-color: transparent; @@ -1054,7 +1211,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: #3d4251; background-color: transparent; @@ -1064,8 +1225,10 @@ 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 { - color: #808082; + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -1073,7 +1236,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: #3d4251; background-color: transparent; @@ -1082,36 +1246,58 @@ 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; } -button.font separator, button.file separator { + + +button.font separator, +button.file separator { background-color: transparent; } + + button.font > box > box > label { font-weight: bold; } -.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; } + + button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; @@ -1119,26 +1305,29 @@ button.circular { /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } + button.circular label { padding: 0; } + button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%); border-color: transparent; } + button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); @@ -1147,7 +1336,7 @@ button.circular { .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(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873254902)), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -1164,16 +1353,16 @@ button.circular { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { @@ -1186,56 +1375,58 @@ button.circular { -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #898a8d; } + color: #888a8d; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: #0d0e11; - background-image: image(#17181e); + background-image: image(#16181d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: #898a8d; } + color: #888a8d; } .inline-toolbar toolbutton > button:backdrop { - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #898a8d; } + color: #888a8d; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #111317; - background-image: image(#1b1d23); + border-color: #111217; + background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #898a8d; } + color: #888a8d; } .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #43495a; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #111317; - background-image: image(#1b1d23); + border-color: #111217; + background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { color: #43495a; } 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, filechooser .path-bar.linked > button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +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, filechooser .path-bar.linked > button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, filechooser .path-bar.linked > button:dir(ltr):first-child, filechooser .path-bar.linked > button:dir(rtl):last-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, filechooser .path-bar.linked > button:first-child:dir(ltr), filechooser .path-bar.linked > button:last-child:dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; @@ -1243,8 +1434,7 @@ entry:first-child, .inline-toolbar button:first-child, .linked > button:first-ch border-right-style: none; } toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, filechooser .path-bar.linked > button:dir(ltr):last-child, filechooser .path-bar.linked > button:dir(rtl):first-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, filechooser .path-bar.linked > button:last-child:dir(ltr), filechooser .path-bar.linked > button:first-child:dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; @@ -1252,29 +1442,28 @@ entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child border-right-style: solid; } toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 5px; 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 { +.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 { 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 { +.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 { border-top-left-radius: 5px; border-top-right-radius: 5px; } -.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 { +.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 { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 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 { +.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 { border-radius: 5px; border-style: solid; } @@ -1328,8 +1517,8 @@ list row button.image-button:not(.flat) { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { @@ -1346,32 +1535,38 @@ list row button.image-button:not(.flat) { *********/ button:link, button:visited, button:link > label, -button:visited > label, *:link { +button:visited > label, +*:link { color: #8db7ff; } + button:visited, button:link > label:visited, - button:visited > label:visited, *:link:visited { + button:visited > label:visited, + *:link:visited { color: #5a97ff; } + *:selected button:visited, *:selected button:link > label:visited, - *:selected button:visited > label:visited, - *:selected *:link:visited { + *:selected button:visited > label:visited, *:selected + *:link:visited { color: #a9c9ff; } button:hover:link, button:hover:visited, button:link > label:hover, - button:visited > label:hover, *:link:hover { + button:visited > label:hover, + *:link:hover { color: #c0d7ff; } *:selected button:hover:link, *:selected button:hover:visited, *:selected button:link > label:hover, - *:selected button:visited > label:hover, - *:selected *:link:hover { + *:selected button:visited > label:hover, *:selected + *:link:hover { color: #e9f1ff; } button:active:link, button:active:visited, button:link > label:active, - button:visited > label:active, *:link:active { + button:visited > label:active, + *:link:active { color: #8db7ff; } *:selected button:active:link, *:selected button:active:visited, *:selected button:link > label:active, - *:selected button:visited > label:active, - *:selected *:link:active { + *:selected button:visited > label:active, *:selected + *:link:active { color: #d4e4ff; } button:disabled:link, button:disabled:visited, button:link > label:disabled, @@ -1392,14 +1587,17 @@ button:visited > label, *:link { *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: #2777ff; } - .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, - .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, + .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, button:link > label:selected, - button:visited > label:selected, *:selected button:link, - *:selected button:visited, *:selected button:link > label, + button:visited > label:selected, + *:selected button:link, + *:selected button:visited, + *:selected button:link > label, *:selected button:visited > label, *:link:selected, - *:selected *:link { + *:selected + *:link { color: #d4e4ff; } button:link, @@ -1446,7 +1644,7 @@ spinbutton:not(.vertical) { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:disabled { - color: rgba(137, 138, 141, 0.3); + color: rgba(136, 138, 141, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); @@ -1454,7 +1652,7 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:backdrop { color: #7f8184; background-color: transparent; - border-color: rgba(17, 19, 23, 0.3); + border-color: rgba(17, 18, 23, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(67, 73, 90, 0.3); @@ -1467,6 +1665,7 @@ spinbutton:not(.vertical) { border-radius: 0 5px 5px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; @@ -1512,7 +1711,7 @@ spinbutton:not(.vertical) { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #808082; + color: #808081; border-color: rgba(61, 66, 81, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -1520,28 +1719,36 @@ spinbutton:not(.vertical) { border-radius: 0 5px 5px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + spinbutton.vertical:disabled { - color: #898a8d; } + color: #888a8d; } + spinbutton.vertical:backdrop:disabled { color: #43495a; } + spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } + spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } + .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: #3d4251; @@ -1573,7 +1780,7 @@ spinbutton.vertical button.down { -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #808082; + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -1590,6 +1797,7 @@ spinbutton.vertical button.down { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; @@ -1605,6 +1813,7 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + combobox:drop(active) { box-shadow: none; } @@ -1657,15 +1866,16 @@ searchbar > revealer > box { background-color: #1c1e25; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { - border-color: #111317; - background-color: #1d1f26; + border-color: #111217; + background-color: #1c1f26; box-shadow: none; transition: 200ms ease-out; } /*************** * Header bars * ***************/ -.titlebar:not(headerbar), headerbar { +.titlebar:not(headerbar), +headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; @@ -1678,7 +1888,7 @@ searchbar > revealer > box { /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #111317; + border-color: #111217; background-color: #23252e; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); @@ -1704,8 +1914,8 @@ searchbar > revealer > box { .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { - border-color: #111317; - background-image: image(#1b1d23); + border-color: #111217; + background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .titlebar:not(headerbar) stackswitcher button:checked:backdrop label, .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop label, @@ -1714,56 +1924,66 @@ searchbar > revealer > box { headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop label, headerbar button.toggle:checked:backdrop { - color: #898a8d; } - .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), - .selection-mode headerbar, headerbar.selection-mode { + color: #888a8d; } + .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode + headerbar, + headerbar.selection-mode { color: #ffffff; border-color: #00348d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #3b84ff, #468aff); box-shadow: inset 0 1px rgba(46, 123, 254, 0.535); } - .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), - .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode + headerbar:backdrop, + headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(49, 125, 254, 0.442); } - .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, - .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { + .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode + headerbar:backdrop label, + headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } - .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, - .selection-mode headerbar button, headerbar.selection-mode button { + .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode + headerbar button, + headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff 2px, #2777ff); - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } - .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, - .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { + .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode + headerbar button.flat, + headerbar.selection-mode button.flat { 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; } - .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, - .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { + .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode + headerbar button:hover, + headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } - .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode .titlebar:not(headerbar) button.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active, - .selection-mode headerbar button:active, - .selection-mode headerbar button:checked, - .selection-mode headerbar button.toggle:checked, - .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { + .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode .titlebar:not(headerbar) button.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active, .selection-mode + headerbar button:active, .selection-mode + headerbar button:checked, .selection-mode + headerbar button.toggle:checked, .selection-mode + headerbar button.toggle:active, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.toggle:checked, + headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; @@ -1771,9 +1991,11 @@ searchbar > revealer > box { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, - .selection-mode headerbar button:backdrop.flat, - .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode + headerbar button:backdrop.flat, .selection-mode + headerbar button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { border-color: #005af3; background-image: image(#2777ff); text-shadow: none; @@ -1781,118 +2003,163 @@ searchbar > revealer > box { box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, - .selection-mode headerbar button:backdrop.flat label, - .selection-mode headerbar button:backdrop.flat, - .selection-mode headerbar button:backdrop label, - .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode + headerbar button:backdrop.flat label, .selection-mode + headerbar button:backdrop.flat, .selection-mode + headerbar button:backdrop label, .selection-mode + headerbar button:backdrop, + headerbar.selection-mode button:backdrop.flat label, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop label, + headerbar.selection-mode button:backdrop { color: #d4e4ff; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - .selection-mode headerbar button:backdrop.flat:active, - .selection-mode headerbar button:backdrop.flat:checked, - .selection-mode headerbar button:backdrop:active, - .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode + headerbar button:backdrop.flat:active, .selection-mode + headerbar button:backdrop.flat:checked, .selection-mode + headerbar button:backdrop:active, .selection-mode + headerbar button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { border-color: #005af3; - background-image: image(#1e61d6); + background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - .selection-mode headerbar button:backdrop.flat:active label, - .selection-mode headerbar button:backdrop.flat:active, - .selection-mode headerbar button:backdrop.flat:checked label, - .selection-mode headerbar button:backdrop.flat:checked, - .selection-mode headerbar button:backdrop:active label, - .selection-mode headerbar button:backdrop:active, - .selection-mode headerbar button:backdrop:checked label, - .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { - color: #d2dff7; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - .selection-mode headerbar button:backdrop.flat:disabled, - .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode + headerbar button:backdrop.flat:active label, .selection-mode + headerbar button:backdrop.flat:active, .selection-mode + headerbar button:backdrop.flat:checked label, .selection-mode + headerbar button:backdrop.flat:checked, .selection-mode + headerbar button:backdrop:active label, .selection-mode + headerbar button:backdrop:active, .selection-mode + headerbar button:backdrop:checked label, .selection-mode + headerbar button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked label, + headerbar.selection-mode button:backdrop:checked { + color: #d2e0f7; } + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode + headerbar button:backdrop.flat:disabled, .selection-mode + headerbar button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { border-color: #005af3; - background-image: image(#276be1); + background-image: image(#276ce1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - .selection-mode headerbar button:backdrop.flat:disabled label, - .selection-mode headerbar button:backdrop.flat:disabled, - .selection-mode headerbar button:backdrop:disabled label, - .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode + headerbar button:backdrop.flat:disabled label, .selection-mode + headerbar button:backdrop.flat:disabled, .selection-mode + headerbar button:backdrop:disabled label, .selection-mode + headerbar button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled label, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled label, + headerbar.selection-mode button:backdrop:disabled { color: #739fec; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, - .selection-mode headerbar button:backdrop.flat:disabled:active, - .selection-mode headerbar button:backdrop.flat:disabled:checked, - .selection-mode headerbar button:backdrop:disabled:active, - .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active, headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode + headerbar button:backdrop.flat:disabled:active, .selection-mode + headerbar button:backdrop.flat:disabled:checked, .selection-mode + headerbar button:backdrop:disabled:active, .selection-mode + headerbar button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { border-color: #005af3; - background-image: image(#1e61d6); + background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, - .selection-mode headerbar button:backdrop.flat:disabled:active label, - .selection-mode headerbar button:backdrop.flat:disabled:checked label, - .selection-mode headerbar button:backdrop:disabled:active label, - .selection-mode headerbar button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop.flat:disabled:active label, headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { - color: #6d98e4; } - .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, - .selection-mode headerbar button.flat:backdrop, - .selection-mode headerbar button.flat:disabled, - .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode + headerbar button:backdrop.flat:disabled:active label, .selection-mode + headerbar button:backdrop.flat:disabled:checked label, .selection-mode + headerbar button:backdrop:disabled:active label, .selection-mode + headerbar button:backdrop:disabled:checked label, + headerbar.selection-mode button:backdrop.flat:disabled:active label, + headerbar.selection-mode button:backdrop.flat:disabled:checked label, + headerbar.selection-mode button:backdrop:disabled:active label, + headerbar.selection-mode button:backdrop:disabled:checked label { + color: #6d99e4; } + .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode + headerbar button.flat:backdrop, .selection-mode + headerbar button.flat:disabled, .selection-mode + headerbar button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode 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; } - .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, - .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { + .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode + headerbar button:disabled, + headerbar.selection-mode button:disabled { border-color: #005af3; - background-image: image(#276be1); + background-image: image(#276ce1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled label, .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, - .selection-mode headerbar button:disabled label, - .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled label, headerbar.selection-mode button:disabled { - color: #93b5f0; } - .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - .selection-mode headerbar button:disabled:active, - .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { + .selection-mode .titlebar:not(headerbar) button:disabled label, .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode + headerbar button:disabled label, .selection-mode + headerbar button:disabled, + headerbar.selection-mode button:disabled label, + headerbar.selection-mode button:disabled { + color: #93b6f0; } + .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode + headerbar button:disabled:active, .selection-mode + headerbar button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { border-color: #005af3; - background-image: image(#1c5dcd); + background-image: image(#1c5ecd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled:active label, .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - .selection-mode headerbar button:disabled:active label, - .selection-mode headerbar button:disabled:active, - .selection-mode headerbar button:disabled:checked label, - .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { - color: #a4beeb; } - .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, - .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { + .selection-mode .titlebar:not(headerbar) button:disabled:active label, .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode + headerbar button:disabled:active label, .selection-mode + headerbar button:disabled:active, .selection-mode + headerbar button:disabled:checked label, .selection-mode + headerbar button:disabled:checked, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked label, + headerbar.selection-mode button:disabled:checked { + color: #a4bfeb; } + .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode + headerbar button.suggested-action, + headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, - .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { + .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode + headerbar button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, - .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { + .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode + headerbar button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; @@ -1901,74 +2168,134 @@ searchbar > revealer > box { text-shadow: none; -gtk-icon-shadow: none; border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { + .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode + headerbar button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - .selection-mode headerbar button.suggested-action:disabled label, - .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { - color: #898a8d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { - border-color: #111317; + .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode + headerbar button.suggested-action:disabled label, .selection-mode + headerbar button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled label, + headerbar.selection-mode button.suggested-action:disabled { + color: #888a8d; } + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode + headerbar button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - .selection-mode headerbar button.suggested-action:backdrop label, - .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { - color: #898a8d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode + headerbar button.suggested-action:backdrop label, .selection-mode + headerbar button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop label, + headerbar.selection-mode button.suggested-action:backdrop { + color: #888a8d; } + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode + headerbar button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - .selection-mode headerbar button.suggested-action:backdrop:disabled label, - .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode + headerbar button.suggested-action:backdrop:disabled label, .selection-mode + headerbar button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled label, + headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #43495a; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, - .selection-mode headerbar .selection-menu:backdrop, - .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { + .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode + headerbar .selection-menu:backdrop, .selection-mode + headerbar .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, - .selection-mode headerbar .selection-menu:backdrop arrow, - .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { + .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode + headerbar .selection-menu:backdrop arrow, .selection-mode + headerbar .selection-menu arrow, + headerbar.selection-mode .selection-menu:backdrop arrow, + headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, - .selection-mode headerbar .selection-menu:backdrop .arrow, - .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { + .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode + headerbar .selection-menu:backdrop .arrow, .selection-mode + headerbar .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } - .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .tiled-top .titlebar:backdrop:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:backdrop:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:backdrop:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:backdrop:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:backdrop:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar:backdrop, .tiled headerbar, .tiled-top headerbar:backdrop, .tiled-top headerbar, .tiled-right headerbar:backdrop, .tiled-right headerbar, .tiled-bottom headerbar:backdrop, .tiled-bottom headerbar, .tiled-left headerbar:backdrop, .tiled-left headerbar, .maximized headerbar:backdrop, .maximized headerbar, .fullscreen headerbar:backdrop, .fullscreen headerbar { + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), + .tiled-top .titlebar:backdrop:not(headerbar), + .tiled-top .titlebar:not(headerbar), + .tiled-right .titlebar:backdrop:not(headerbar), + .tiled-right .titlebar:not(headerbar), + .tiled-bottom .titlebar:backdrop:not(headerbar), + .tiled-bottom .titlebar:not(headerbar), + .tiled-left .titlebar:backdrop:not(headerbar), + .tiled-left .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .fullscreen .titlebar:backdrop:not(headerbar), + .fullscreen .titlebar:not(headerbar), .tiled + headerbar:backdrop, .tiled + headerbar, + .tiled-top + headerbar:backdrop, + .tiled-top + headerbar, + .tiled-right + headerbar:backdrop, + .tiled-right + headerbar, + .tiled-bottom + headerbar:backdrop, + .tiled-bottom + headerbar, + .tiled-left + headerbar:backdrop, + .tiled-left + headerbar, + .maximized + headerbar:backdrop, + .maximized + headerbar, + .fullscreen + headerbar:backdrop, + .fullscreen + headerbar { border-radius: 0; } - .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { min-height: 28px; padding: 4px; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + .default-decoration.titlebar:not(headerbar) button.titlebutton, + headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } - .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { + .titlebar:not(headerbar) separator.titlebutton, + headerbar separator.titlebutton { opacity: 0; } - .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd + headerbar:backdrop:dir(rtl), .solid-csd + headerbar:backdrop:dir(ltr), .solid-csd + headerbar:dir(rtl), .solid-csd + headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; @@ -1981,9 +2308,11 @@ headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } + headerbar switch { margin-top: 7px; margin-bottom: 7px; } + headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } @@ -2008,14 +2337,75 @@ headerbar.titlebar headerbar:not(.titlebar) { border-top-left-radius: 0; border-top-right-radius: 0; } -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, +window headerbar:first-child:backdrop, +window headerbar:first-child { border-top-left-radius: 7px; } + window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; } -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, +window.tiled-top headerbar, +window.tiled-top headerbar:first-child, +window.tiled-top headerbar:last-child, +window.tiled-top headerbar:only-child, +window.tiled-top headerbar:backdrop, +window.tiled-top headerbar:backdrop:first-child, +window.tiled-top headerbar:backdrop:last-child, +window.tiled-top headerbar:backdrop:only-child, +window.tiled-right headerbar, +window.tiled-right headerbar:first-child, +window.tiled-right headerbar:last-child, +window.tiled-right headerbar:only-child, +window.tiled-right headerbar:backdrop, +window.tiled-right headerbar:backdrop:first-child, +window.tiled-right headerbar:backdrop:last-child, +window.tiled-right headerbar:backdrop:only-child, +window.tiled-bottom headerbar, +window.tiled-bottom headerbar:first-child, +window.tiled-bottom headerbar:last-child, +window.tiled-bottom headerbar:only-child, +window.tiled-bottom headerbar:backdrop, +window.tiled-bottom headerbar:backdrop:first-child, +window.tiled-bottom headerbar:backdrop:last-child, +window.tiled-bottom headerbar:backdrop:only-child, +window.tiled-left headerbar, +window.tiled-left headerbar:first-child, +window.tiled-left headerbar:last-child, +window.tiled-left headerbar:only-child, +window.tiled-left headerbar:backdrop, +window.tiled-left headerbar:backdrop:first-child, +window.tiled-left headerbar:backdrop:last-child, +window.tiled-left headerbar:backdrop:only-child, +window.maximized headerbar, +window.maximized headerbar:first-child, +window.maximized headerbar:last-child, +window.maximized headerbar:only-child, +window.maximized headerbar:backdrop, +window.maximized headerbar:backdrop:first-child, +window.maximized headerbar:backdrop:last-child, +window.maximized headerbar:backdrop:only-child, +window.fullscreen headerbar, +window.fullscreen headerbar:first-child, +window.fullscreen headerbar:last-child, +window.fullscreen headerbar:only-child, +window.fullscreen headerbar:backdrop, +window.fullscreen headerbar:backdrop:first-child, +window.fullscreen headerbar:backdrop:last-child, +window.fullscreen headerbar:backdrop:only-child, +window.solid-csd headerbar, +window.solid-csd headerbar:first-child, +window.solid-csd headerbar:last-child, +window.solid-csd headerbar:only-child, +window.solid-csd headerbar:backdrop, +window.solid-csd headerbar:backdrop:first-child, +window.solid-csd headerbar:backdrop:last-child, +window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -2026,6 +2416,7 @@ window.csd > .titlebar:not(headerbar) { border-style: none; border-color: transparent; box-shadow: none; } + .titlebar:not(headerbar) separator { background-color: #0d0e11; } @@ -2039,7 +2430,7 @@ window.devel headerbar.titlebar:not(.selection-mode) { /* background-color would flash */ color: rgba(238, 238, 236, 0.05); } window.devel headerbar.titlebar:not(.selection-mode):backdrop label { - color: #898a8d; } + color: #888a8d; } /************ * Pathbars * @@ -2047,16 +2438,21 @@ window.devel headerbar.titlebar:not(.selection-mode) { .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } + .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } + .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + .path-bar button image { padding-left: 4px; padding-right: 4px; } + .path-bar button.slider-button { padding-left: 0; padding-right: 0; } @@ -2080,7 +2476,7 @@ treeview.view { border-left-color: #93bbff; border-top-color: rgba(238, 238, 236, 0.1); } treeview.view:disabled { - color: #898a8d; } + color: #888a8d; } treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { @@ -2093,7 +2489,7 @@ treeview.view { treeview.view.separator:backdrop { color: rgba(35, 37, 46, 0.1); } treeview.view:backdrop { - border-left-color: #56585e; + border-left-color: #55585e; border-top: #23252e; } treeview.view:drop(active) { border-style: solid none; @@ -2178,7 +2574,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he border-color: #23252e; background-image: none; } treeview.view header button:backdrop { - color: #56585e; + color: #55585e; border-color: #23252e; border-style: none solid solid none; background-image: none; @@ -2215,7 +2611,7 @@ menubar, color: #8db7ff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: #898a8d; + color: #888a8d; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { @@ -2224,45 +2620,73 @@ menubar, .background.popup { background-color: transparent; } -menu, .menu, .context-menu { +menu, +.menu, +.context-menu { margin: 4px; padding: 4px 0px; - background-color: #20222a; + background-color: #1f222a; border: 1px solid #0d0e11; } - .csd menu, - .csd .menu, - .csd .context-menu { + .csd menu, .csd + .menu, .csd + .context-menu { border: none; border-radius: 5px; } - menu:backdrop, .menu:backdrop, .context-menu:backdrop { + menu:backdrop, + .menu:backdrop, + .context-menu:backdrop { background-color: #282b35; } - menu menuitem, .menu menuitem, .context-menu menuitem { + menu menuitem, + .menu menuitem, + .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } - menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + menu menuitem:hover, + .menu menuitem:hover, + .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } - menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: #898a8d; } - menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + menu menuitem:disabled, + .menu menuitem:disabled, + .context-menu menuitem:disabled { + color: #888a8d; } + menu menuitem:disabled:backdrop, + .menu menuitem:disabled:backdrop, + .context-menu menuitem:disabled:backdrop { color: #43495a; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { - color: #898a8d; + menu menuitem:backdrop, menu menuitem:backdrop:hover, + .menu menuitem:backdrop, + .menu menuitem:backdrop:hover, + .context-menu menuitem:backdrop, + .context-menu menuitem:backdrop:hover { + color: #888a8d; background-color: transparent; } - menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + menu menuitem arrow, + .menu menuitem arrow, + .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } - menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } - menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl), + .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } - menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr) { color: inherit; } - menu > arrow, .menu > arrow, .context-menu > arrow { + menu > arrow, + .menu > arrow, + .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; @@ -2272,32 +2696,43 @@ menu, .menu, .context-menu { min-height: 16px; min-width: 16px; padding: 4px; - background-color: #20222a; + background-color: #1f222a; border-radius: 0; } - menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + menu > arrow.top, + .menu > arrow.top, + .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #3b3e46; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + menu > arrow.bottom, + .menu > arrow.bottom, + .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #3b3e46; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + menu > arrow:hover, + .menu > arrow:hover, + .context-menu > arrow:hover { background-color: #3b3e46; } - menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + menu > arrow:backdrop, + .menu > arrow:backdrop, + .context-menu > arrow:backdrop { background-color: #282b35; } - menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + menu > arrow:disabled, + .menu > arrow:disabled, + .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } menuitem accelerator { color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { min-height: 16px; @@ -2344,8 +2779,8 @@ notebook > header { border-width: 1px; background-color: #1b1d24; } notebook > header:backdrop { - border-color: #111317; - background-color: #1d1f26; } + border-color: #111217; + background-color: #1c1f26; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2436,17 +2871,17 @@ notebook > header { min-width: 30px; padding: 3px 12px; outline-offset: -5px; - color: #898a8d; + color: #888a8d; font-weight: bold; border-width: 1px; border-color: transparent; } notebook > header tab:hover { - color: #bcbcbd; } + color: #bbbcbd; } notebook > header tab:hover.reorderable-page { border-color: rgba(13, 14, 17, 0.3); background-color: rgba(35, 37, 46, 0.2); } notebook > header tab:backdrop { - color: #606267; } + color: #5f6267; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } @@ -2458,9 +2893,9 @@ notebook > header { notebook > header tab:checked.reorderable-page:hover { background-color: rgba(35, 37, 46, 0.7); } notebook > header tab:backdrop:checked { - color: #898a8d; } + color: #888a8d; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: #111317; + border-color: #111217; background-color: #23252e; } notebook > header tab button.flat { padding: 0; @@ -2512,6 +2947,7 @@ notebook > header { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } + notebook > stack:not(:only-child) { background-color: #272a34; } notebook > stack:not(:only-child):backdrop { @@ -2536,7 +2972,7 @@ scrollbar { border-left: 1px solid #0d0e11; } scrollbar:backdrop { background-color: #1c1e25; - border-color: #111317; + border-color: #111217; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -2551,7 +2987,7 @@ scrollbar { scrollbar slider:hover:active { background-color: #5a97ff; } scrollbar slider:backdrop { - background-color: #4c4d54; } + background-color: #4b4e54; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -2642,7 +3078,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #4c4d54; } + color: #4b4e54; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; @@ -2650,7 +3086,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(76, 77, 84, 0.2); } + color: rgba(75, 78, 84, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { @@ -2681,14 +3117,14 @@ switch { background-color: #2777ff; text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { - color: #898a8d; + color: #888a8d; border-color: #0d0e11; - background-color: #252730; + background-color: #242731; text-shadow: none; } switch:backdrop { - color: #898a8d; - border-color: #111317; - background-color: #1d1f26; + color: #888a8d; + border-color: #111217; + background-color: #1c1f26; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { @@ -2696,8 +3132,8 @@ switch { background-color: #2777ff; } switch:backdrop:disabled { color: #43495a; - border-color: #111317; - background-color: #252730; } + border-color: #111217; + background-color: #242731; } switch slider { margin: -1px; min-width: 24px; @@ -2709,8 +3145,8 @@ switch { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #040405; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); } switch image { @@ -2725,26 +3161,26 @@ switch { border: 1px solid #00348d; } switch:disabled slider { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:disabled slider label, switch:disabled slider { - color: #898a8d; } + color: #888a8d; } switch:backdrop slider { transition: 200ms ease-out; - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:backdrop slider label, switch:backdrop slider { - color: #898a8d; } + color: #888a8d; } switch:backdrop:checked slider { border-color: #00348d; } switch:backdrop:disabled slider { - border-color: #111317; - background-image: image(#252730); + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2882,7 +3318,8 @@ checkbutton.text-button, radiobutton.text-button { checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } -check, radio { +check, +radio { margin: 0 4px; min-height: 14px; min-width: 14px; @@ -2891,77 +3328,97 @@ check, radio { check:only-child, radio:only-child { margin: 0; } - popover check.left:dir(rtl), - popover radio.left:dir(rtl) { + popover check.left:dir(rtl), popover + radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } - popover check.right:dir(ltr), - popover radio.right:dir(ltr) { + popover check.right:dir(ltr), popover + radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } - check, radio { + check, + radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); border-color: black; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } - check:hover, radio:hover { + check:hover, + radio:hover { background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } - check:active, radio:active { + check:active, + radio:active { box-shadow: inset 0 1px 1px 0px black; } - check:disabled, radio:disabled { + check:disabled, + radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } - check:backdrop, radio:backdrop { + check:backdrop, + radio:backdrop { background-image: image(#23252e); box-shadow: none; color: #eeeeec; } - check:backdrop:disabled, radio:backdrop:disabled { + check:backdrop:disabled, + radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } - check:checked, radio:checked { + check:checked, + radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - check:checked:hover, radio:checked:hover { + check:checked:hover, + radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } - check:checked:active, radio:checked:active { + check:checked:active, + radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } - check:checked:disabled, radio:checked:disabled { + check:checked:disabled, + radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:checked:backdrop, radio:checked:backdrop { + check:checked:backdrop, + radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } - check:checked:backdrop:disabled, radio:checked:backdrop:disabled { + check:checked:backdrop:disabled, + radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:indeterminate, radio:indeterminate { + check:indeterminate, + radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - check:indeterminate:hover, radio:indeterminate:hover { + check:indeterminate:hover, + radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } - check:indeterminate:active, radio:indeterminate:active { + check:indeterminate:active, + radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } - check:indeterminate:disabled, radio:indeterminate:disabled { + check:indeterminate:disabled, + radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:indeterminate:backdrop, radio:indeterminate:backdrop { + check:indeterminate:backdrop, + radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } - check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { + check:indeterminate:backdrop:disabled, + radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:backdrop, radio:backdrop { + check:backdrop, + radio:backdrop { transition: 200ms ease-out; } - .osd check, .osd radio { + .osd check, .osd + radio { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -2971,7 +3428,8 @@ check, radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd check:hover, .osd radio:hover { + .osd check:hover, .osd + radio:hover { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -2981,7 +3439,8 @@ check, radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd check:active, .osd radio:active { + .osd check:active, .osd + radio:active { color: white; border-color: #3d4251; background-color: transparent; @@ -2991,7 +3450,8 @@ check, radio { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd check:backdrop, .osd radio:backdrop { + .osd check:backdrop, .osd + radio:backdrop { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -3000,8 +3460,9 @@ check, radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd check:disabled, .osd radio:disabled { - color: #808082; + .osd check:disabled, .osd + radio:disabled { + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -3009,9 +3470,19 @@ check, radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem radio { + menu menuitem check, menu menuitem + radio { margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled, menu menuitem + radio:checked, menu menuitem + radio:checked:hover, menu menuitem + radio:checked:disabled, menu menuitem + radio:indeterminate, menu menuitem + radio:indeterminate:hover, menu menuitem + radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; @@ -3021,10 +3492,13 @@ check, radio { color: inherit; border-color: currentColor; } + check { border-radius: 3px; } + check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } @@ -3047,6 +3521,7 @@ check:not(:indeterminate):not(:checked):active:not(:backdrop) { radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { @@ -3071,13 +3546,13 @@ scale trough, scale fill, progressbar trough { border-radius: 3px; background-color: #1b1d24; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { - background-color: #252730; } + background-color: #242731; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { - background-color: #1d1f26; - border-color: #111317; + background-color: #1c1f26; + border-color: #111217; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { - background-color: #252730; } + background-color: #242731; } row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #00348d; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { @@ -3148,8 +3623,8 @@ scale { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); border: 1px solid black; @@ -3166,24 +3641,24 @@ scale { border-color: #00348d; } scale slider:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:disabled label, scale slider:disabled { - color: #898a8d; } + color: #888a8d; } scale slider:backdrop { transition: 200ms ease-out; - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop label, scale slider:backdrop { - color: #898a8d; } + color: #888a8d; } scale slider:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3226,7 +3701,7 @@ scale { outline-color: rgba(238, 238, 236, 0.3); background-color: #111217; } .osd scale slider:disabled { - color: #808082; + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -3758,16 +4233,21 @@ progressbar { *************/ levelbar.horizontal block { min-height: 1px; } + levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } + levelbar.vertical block { min-width: 1px; } + levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } + levelbar:backdrop { transition: 200ms ease-out; } + levelbar trough { border: 1px solid; padding: 2px; @@ -3778,9 +4258,10 @@ levelbar trough { box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #d4d5d7; - border-color: #111317; + border-color: #111217; background-color: #292c37; box-shadow: none; } + levelbar block { border: 1px solid; border-radius: 1px; } @@ -3803,7 +4284,7 @@ levelbar block { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } levelbar block.empty:backdrop { - border-color: rgba(137, 138, 141, 0.15); } + border-color: rgba(136, 138, 141, 0.15); } /**************** * Print dialog * @@ -3814,8 +4295,9 @@ printdialog paper { background: white; padding: 0; } printdialog paper:backdrop { - color: #898a8d; - border-color: #111317; } + color: #888a8d; + border-color: #111217; } + printdialog .dialog-action-box { margin: 12px; } @@ -3834,16 +4316,17 @@ frame > border, border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #111317; } + border-color: #111217; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #0d0e11; } actionbar > revealer > box:backdrop { - border-color: #111317; } + border-color: #111217; } scrolledwindow viewport.frame { border-style: none; } + scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; @@ -3853,13 +4336,14 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#111317), to(rgba(17, 19, 23, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; @@ -3869,13 +4353,14 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#111317), to(rgba(17, 19, 23, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; @@ -3885,13 +4370,14 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#111317), to(rgba(17, 19, 23, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; @@ -3901,13 +4387,14 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#111317), to(rgba(17, 19, 23, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } + scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #0d0e11 1px, transparent 1px) 0 0 0 1/0 1px stretch; @@ -3915,7 +4402,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #111317 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, #111217 1px, transparent 1px); background-color: #1c1e25; transition: 200ms ease-out; } @@ -3933,7 +4420,7 @@ list { border-color: #0d0e11; } list:backdrop { background-color: #292c37; - border-color: #111317; } + border-color: #111217; } list row { padding: 2px; } @@ -3986,7 +4473,7 @@ expander title > arrow { expander title > arrow:hover { color: white; } expander title > arrow:disabled { - color: #898a8d; } + color: #888a8d; } expander title > arrow:disabled:backdrop { color: #43495a; } expander title > arrow:checked { @@ -4009,16 +4496,16 @@ calendar { calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { - color: rgba(137, 138, 141, 0.45); } + color: rgba(136, 138, 141, 0.45); } calendar.button:disabled { - color: rgba(137, 138, 141, 0.45); } + color: rgba(136, 138, 141, 0.45); } calendar.highlight { - color: #898a8d; } + color: #888a8d; } calendar.highlight:backdrop { color: #43495a; } calendar:backdrop { color: #d4d5d7; - border-color: #111317; } + border-color: #111217; } calendar:indeterminate { color: alpha(currentColor,0.1); } @@ -4032,9 +4519,11 @@ messagedialog .titlebar { border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; @@ -4052,7 +4541,8 @@ messagedialog.csd .dialog-action-area button { filechooser .dialog-action-box { border-top: 1px solid #0d0e11; } filechooser .dialog-action-box:backdrop { - border-top-color: #111317; } + border-top-color: #111217; } + filechooser #pathbarbox { border-bottom: 1px solid #23252e; } @@ -4074,7 +4564,7 @@ filechooserbutton:drop(active) { border-right-style: none; } .sidebar:backdrop { background-color: #262933; - border-color: #111317; + border-color: #111217; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -4092,8 +4582,9 @@ stacksidebar row { separator.sidebar { background-color: #0d0e11; } separator.sidebar:backdrop { - background-color: #111317; } - separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: #111217; } + separator.sidebar.selection-mode, + .selection-mode separator.sidebar { background-color: #0047c0; } /**************** @@ -4104,6 +4595,7 @@ row image.sidebar-icon { placessidebar > viewport.frame { border-style: none; } + placessidebar row { min-height: 36px; padding: 0px; } @@ -4112,9 +4604,9 @@ placessidebar row { placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { - color: #898a8d; } + color: #888a8d; } placessidebar row:backdrop { - color: #898a8d; } + color: #888a8d; } placessidebar row:backdrop:selected { color: #d4d5d7; } placessidebar row:backdrop:disabled { @@ -4156,11 +4648,14 @@ placessidebar row { placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + placesview row.activatable:hover { background-color: transparent; } + placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } @@ -4179,7 +4674,7 @@ paned > separator { paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { - background-image: image(#111317); } + background-image: image(#111217); } paned > separator.wide { min-width: 5px; min-height: 5px; @@ -4188,7 +4683,8 @@ paned > separator { background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #23252e; - background-image: image(#111317), image(#111317); } + background-image: image(#111217), image(#111217); } + paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4204,6 +4700,7 @@ paned.horizontal > separator { padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; @@ -4235,16 +4732,16 @@ infobar { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { @@ -4257,24 +4754,24 @@ infobar { -gtk-icon-shadow: none; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } infobar.info button:disabled label, infobar.info button:disabled, infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled, infobar.error button:disabled label, infobar.error button:disabled { - color: #898a8d; } + color: #888a8d; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0d0e11; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { - color: #898a8d; } + color: #888a8d; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -4313,30 +4810,35 @@ tooltip { *****************/ colorswatch:drop(active), colorswatch { border-style: none; } + colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { @@ -4345,6 +4847,7 @@ colorswatch.dark { border-color: #0d0e11; } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } + colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { @@ -4353,6 +4856,7 @@ colorswatch.light { border-color: #0d0e11; } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } + colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { @@ -4361,6 +4865,7 @@ colorswatch:drop(active) { colorswatch:drop(active).dark overlay { border-color: #0a814b; box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #0a814b; } + colorswatch overlay { border: 1px solid #0d0e11; } colorswatch overlay:hover { @@ -4368,6 +4873,7 @@ colorswatch overlay { colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #0d0e11; box-shadow: none; } + colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { @@ -4378,33 +4884,36 @@ colorswatch#add-color-button { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } colorswatch#add-color-button overlay:backdrop { - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { - color: #898a8d; } + color: #888a8d; } + colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { @@ -4426,6 +4935,7 @@ colorchooser .popover.osd { .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } @@ -4441,7 +4951,13 @@ decoration { decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.9); transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + .maximized decoration, + .fullscreen decoration, + .tiled decoration, + .tiled-top decoration, + .tiled-right decoration, + .tiled-bottom decoration, + .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } @@ -4467,8 +4983,8 @@ decoration { box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; @@ -4482,61 +4998,43 @@ button.titlebutton { .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, -.view text:selected:focus, -iconview text:selected:focus, -textview text:selected:focus, -.view text:selected, -iconview text:selected, +.view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } - 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, - .view text:selected, - iconview text:selected, + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } - label:disabled selection, 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, - iconview text:disabled:selected, + label:disabled selection, 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, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } - label:backdrop selection, 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, - iconview text:backdrop:selected, + label:backdrop selection, 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, iconview text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d4d5d7; } - label:backdrop selection:disabled, 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, + label:backdrop selection:disabled, 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, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, @@ -4598,7 +5096,7 @@ cursor-handle { font-size: smaller; } .keycap:backdrop { background-color: #292c37; - color: #898a8d; + color: #888a8d; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, @@ -4715,21 +5213,25 @@ switch slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); border: 1px solid black; border-radius: 50%; transition-property: background, border, box-shadow; } + switch:hover slider { border-color: #2777ff; } + switch:checked slider { border-color: black; } + switch:backdrop slider { - border-color: #111317; } + border-color: #111217; } + switch:backdrop:checked slider { - border-color: #111317; } + border-color: #111217; } /************************* * Check and Radio items * @@ -4806,24 +5308,26 @@ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { background-color: #0d0e11; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } + infobar.info:backdrop > revealer > box, infobar.info > revealer > box { background-color: #2777ff; } + infobar.info button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff 2px, #2777ff); - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } infobar.info button:active, infobar.info button:checked { @@ -4836,12 +5340,12 @@ infobar.info button { -gtk-icon-shadow: none; } infobar.info button:disabled { border-color: #005af3; - background-image: image(#276be1); + background-image: image(#276ce1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } infobar.info button:disabled label, infobar.info button:disabled { - color: #93b5f0; } + color: #93b6f0; } infobar.info button:backdrop { border-color: #005af3; background-image: image(#2777ff); @@ -4853,7 +5357,7 @@ infobar.info button { color: #d4e4ff; } infobar.info button:backdrop:disabled { border-color: #005af3; - background-image: image(#276be1); + background-image: image(#276ce1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -4862,24 +5366,26 @@ infobar.info button { color: #739fec; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button { color: #ffffff; } + infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box { background-color: #fd7d00; } + infobar.question button, infobar.warning button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; border-bottom-color: #974b00; background-image: linear-gradient(to top, #f87a00 2px, #fd7d00); - text-shadow: 0 -1px rgba(0, 0, 0, 0.6031372549); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6031372549); + text-shadow: 0 -1px rgba(0, 0, 0, 0.603137); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.question button:hover, infobar.warning button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; border-bottom-color: #974b00; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5551372549); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5551372549); + text-shadow: 0 -1px rgba(0, 0, 0, 0.555137); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #f87a00, #ff8003 1px); } infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked { @@ -4918,6 +5424,7 @@ infobar.question button, infobar.warning button { color: #e9a35e; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button { color: #ffffff; } + infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error > revealer > box button { @@ -4926,16 +5433,16 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box { border-color: #911212; border-bottom-color: #640c0c; background-image: linear-gradient(to top, #ba1616 2px, #bf1717); - text-shadow: 0 -1px rgba(0, 0, 0, 0.6643137255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6643137255); + text-shadow: 0 -1px rgba(0, 0, 0, 0.664314); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; border-bottom-color: #640c0c; - text-shadow: 0 -1px rgba(0, 0, 0, 0.6163137255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6163137255); + text-shadow: 0 -1px rgba(0, 0, 0, 0.616314); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #ba1616, #c41818 1px); } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked { @@ -5016,6 +5523,7 @@ decoration { /* XFCE4 PANEL */ .xfce4-panel.background { background: rgba(35, 37, 46, 0.8); } + .xfce4-panel button { border: 0; border-radius: 0; @@ -5028,6 +5536,7 @@ decoration { .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 4px 0 #2777ff; background: rgba(0, 0, 0, 0.2); } + .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 4px 0 0 #2777ff; } @@ -5068,16 +5577,16 @@ text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #252730; +@define-color insensitive_bg_color #242731; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #898a8d; +@define-color insensitive_fg_color #888a8d; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #272a34; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #898a8d; +@define-color theme_unfocused_fg_color #888a8d; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; @@ -5101,7 +5610,7 @@ widgets main borders color */ @define-color borders #0d0e11; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #111317; +@define-color unfocused_borders #111217; /* these are pretty self explicative */ @define-color warning_color #fd7d00; @@ -5111,7 +5620,7 @@ these are pretty self explicative */ these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); -@define-color wm_unfocused_title #898a8d; +@define-color wm_unfocused_title #888a8d; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(238, 238, 236, 0.07); @define-color wm_bg_a shade(#23252e, 1.2); diff --git a/share/themes/Kali-Light/gnome-shell/gnome-shell.css b/share/themes/Kali-Light/gnome-shell/gnome-shell.css index c2521f7c..c81ce32c 100644 --- a/share/themes/Kali-Light/gnome-shell/gnome-shell.css +++ b/share/themes/Kali-Light/gnome-shell/gnome-shell.css @@ -132,6 +132,7 @@ StEntry { /* Scrollbars */ StScrollView.vfade { -st-vfade-offset: 68px; } + StScrollView.hfade { -st-hfade-offset: 68px; } @@ -176,14 +177,18 @@ StScrollBar { /* Check Boxes */ .check-box StBoxLayout { spacing: .8em; } + .check-box StBin { width: 24px; height: 22px; background-image: url("assets/checkbox-off.svg"); } + .check-box:focus StBin { background-image: url("assets/checkbox-off-focused.svg"); } + .check-box:checked StBin { background-image: url("assets/checkbox.svg"); } + .check-box:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); } @@ -361,6 +366,7 @@ StScrollBar { .mount-dialog-app-list-item-icon:ltr { padding-right: 17px; } + .mount-dialog-app-list-item-icon:rtl { padding-left: 17px; } @@ -474,6 +480,7 @@ StScrollBar { .extension-dialog .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .extension-dialog .message-dialog-title { font-weight: normal; color: #5c616c; } @@ -692,9 +699,7 @@ StScrollBar { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 12px; } - .osd-window StIcon, - .resize-popup StIcon, - .switcher-list StIcon, .workspace-switcher-container StIcon { + .osd-window StIcon, .resize-popup StIcon, .switcher-list StIcon, .workspace-switcher-container StIcon { icon-shadow: rgba(0, 0, 0, 0.7) 0 1px 6px; } .modal-dialog StEntry, .prompt-dialog StEntry, .audio-device-selection-dialog StEntry, .access-dialog StEntry, .geolocation-dialog StEntry, .extension-dialog StEntry, .inhibit-shortcuts-dialog StEntry, .nm-dialog StEntry, .notification-banner StEntry { @@ -791,9 +796,17 @@ StScrollBar { #panel .panel-button .system-status-icon { icon-size: 1.09em; padding: 0 5px; } - .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + .unlock-screen #panel .panel-button, + .login-screen #panel .panel-button, + .lock-screen #panel .panel-button { color: #737a88; } - .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, + .login-screen #panel .panel-button:focus, + .login-screen #panel .panel-button:hover, + .login-screen #panel .panel-button:active, + .lock-screen #panel .panel-button:focus, + .lock-screen #panel .panel-button:hover, + .lock-screen #panel .panel-button:active { color: #737a88; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { @@ -856,6 +869,7 @@ StScrollBar { .events-section-title:hover, .events-section-title:focus { background-color: white; } + .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, @@ -1024,7 +1038,7 @@ StScrollBar { color: #5c616c; font-size: 0.7em; /* HACK: the label should be baseline-aligned with a 1em label, - fake this with some bottom padding */ + fake this with some bottom padding */ padding-bottom: 0.13em; } .message-secondary-bin > StIcon { @@ -1379,6 +1393,7 @@ StScrollBar { .list-search-result:hover { background-color: rgba(238, 238, 236, 0.1); transition-duration: 200ms; } + .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { @@ -1389,7 +1404,10 @@ StScrollBar { .show-apps .overview-icon, .grid-search-result .overview-icon { font-weight: bold; } -.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, + +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, @@ -1403,12 +1421,15 @@ StScrollBar { transition-duration: 0ms; border-image: none; background-image: none; } + .app-well-app:drop .overview-icon, .app-well-app.app-folder:drop .overview-icon, .show-apps:drop .overview-icon, .grid-search-result:drop .overview-icon { background-color: rgba(39, 119, 255, 0.85); } -.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, + +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .show-apps:active .overview-icon, @@ -1473,7 +1494,8 @@ StScrollBar { border: none; margin: 2px; background-color: white; } - .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active .page-indicator-icon { + .page-indicator:checked .page-indicator-icon, + .page-indicator:checked:active .page-indicator-icon { background-color: white; } .app-well-app > .overview-icon.overview-icon-with-label, @@ -1878,7 +1900,8 @@ StScrollBar { .login-dialog-not-listed-label { padding-left: 2px; } - .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, + .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { color: #eeeeec; } .login-dialog-not-listed-label { @@ -1924,6 +1947,7 @@ StScrollBar { .user-widget-label:ltr { padding-left: 14px; } + .user-widget-label:rtl { padding-right: 14px; } @@ -2053,6 +2077,7 @@ StScrollBar { .lg-dialog StEntry { selection-background-color: #bbbbbb; selected-color: #333333; } + .lg-dialog .shell-link { color: #999999; } .lg-dialog .shell-link:hover { diff --git a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css index ad8de601..e59ef28d 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css @@ -27,7 +27,7 @@ color: #eeeeec; background-color: #23252e; } .background:backdrop { - color: #898a8d; + color: #888a8d; background-color: #23252e; text-shadow: none; -gtk-icon-shadow: none; } @@ -51,8 +51,8 @@ color: #eeeeec; background-color: #0d0e11; } .gtkstyle-fallback:disabled { - color: #898a8d; - background-color: #252730; } + color: #888a8d; + background-color: #242731; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #2777ff; } @@ -78,8 +78,8 @@ textview text { .view text:disabled, iconview text:disabled, textview text:disabled { - color: #898a8d; - background-color: #252730; } + color: #888a8d; + background-color: #242731; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, @@ -116,23 +116,23 @@ flowbox flowboxchild { .content-view .tile:active, .content-view .tile:selected { background-color: #2777ff; } .content-view .tile:disabled { - background-color: #252730; } + background-color: #242731; } label { caret-color: currentColor; } label.separator { color: #eeeeec; } label.separator:backdrop { - color: #898a8d; } + color: #888a8d; } label selection { background-color: #2777ff; color: #ffffff; } label:disabled { - color: #898a8d; } + color: #888a8d; } label:disabled:backdrop { color: #43495a; } label:backdrop { - color: #898a8d; } + color: #888a8d; } .dim-label, label.separator, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { @@ -144,13 +144,16 @@ assistant .sidebar { border-top: 1px solid #0d0e11; } assistant .sidebar:backdrop { background-color: #292c37; - border-color: #111317; } + border-color: #111217; } + assistant.csd .sidebar { border-top-style: none; } + assistant .sidebar label { padding: 6px 12px; } + assistant .sidebar label.highlight { - background-color: #4c4d54; } + background-color: #4b4d54; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, .app-notification.frame, .osd .scale-popup, @@ -172,12 +175,13 @@ assistant .sidebar label.highlight { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:backdrop { - color: #898a8d; } + color: #888a8d; } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } @@ -187,7 +191,8 @@ spinner { /**************** * Text Entries * ****************/ -spinbutton:not(.vertical), entry { +spinbutton:not(.vertical), +entry { min-height: 28px; padding-left: 8px; padding-right: 8px; @@ -221,22 +226,22 @@ spinbutton:not(.vertical), entry { border-color: #00348d; } spinbutton:disabled:not(.vertical), entry:disabled { - color: #898a8d; + color: #888a8d; border-color: #0d0e11; - background-color: #252730; + background-color: #242731; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: #d4d5d7; - border-color: #111317; + border-color: #111217; background-color: #292c37; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: #43495a; - border-color: #111317; - background-color: #252730; + border-color: #111217; + background-color: #242731; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { @@ -271,14 +276,14 @@ spinbutton:not(.vertical), entry { color: #2777ff; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { - color: #76777c; } + color: #75777c; } spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } - .osd spinbutton:not(.vertical), - .osd entry { + .osd spinbutton:not(.vertical), .osd + entry { color: white; border-color: #3d4251; background-color: rgba(61, 66, 81, 0.5); @@ -286,8 +291,8 @@ spinbutton:not(.vertical), entry { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), - .osd entry:focus { + .osd spinbutton:focus:not(.vertical), .osd + entry:focus { color: white; border-color: #2777ff; background-color: rgba(61, 66, 81, 0.5); @@ -295,8 +300,8 @@ spinbutton:not(.vertical), entry { box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), - .osd entry:backdrop { + .osd spinbutton:backdrop:not(.vertical), .osd + entry:backdrop { color: white; border-color: #3d4251; background-color: rgba(61, 66, 81, 0.5); @@ -304,15 +309,16 @@ spinbutton:not(.vertical), entry { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd spinbutton:disabled:not(.vertical), - .osd entry:disabled { - color: #808082; + .osd spinbutton:disabled:not(.vertical), .osd + entry:disabled { + color: #808081; border-color: #3d4251; background-color: rgba(39, 40, 44, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; @@ -326,65 +332,79 @@ entry progress { spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus + button, .linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + -entry, .linked:not(.vertical) > + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:focus + button, +.linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + entry { border-left-color: #00348d; } -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus.error + button, .linked:not(.vertical) > -entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + -entry, .linked:not(.vertical) > + +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:focus.error + button, +.linked:not(.vertical) > +entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #200404; } -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:drop(active) + button, .linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -entry, .linked:not(.vertical) > + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:drop(active) + button, +.linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #0a814b; } -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), +.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #1f222a; } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #22252d; } -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, + .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #22242d; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), +.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), +.linked.vertical > entry:disabled + entry:disabled { border-top-color: #1f222a; } + .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > -entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #00348d; } + .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > -entry + spinbutton:focus.error:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #200404; } + .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > -entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #0a814b; } + .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > @@ -392,11 +412,11 @@ entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #00348d; } + .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:focus.error:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > @@ -404,11 +424,11 @@ entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #200404; } + .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > @@ -420,6 +440,7 @@ entry:drop(active):not(:only-child) + combobox > box > button.combo { treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #272a34; transition-property: color, background; } + treeview entry.flat, treeview entry { border-radius: 0; background-image: none; @@ -463,6 +484,7 @@ treeview entry.flat, treeview entry { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#74a7ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } + notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; @@ -476,8 +498,8 @@ button { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, notebook > header > tabs > arrow.flat, button.flat.titlebutton, button.flat { @@ -501,8 +523,8 @@ button { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); -gtk-icon-effect: highlight; } @@ -517,31 +539,31 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop.flat, button.titlebutton:backdrop.flat, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop.flat, button:backdrop.flat.titlebutton, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop.flat label, button.titlebutton:backdrop.flat label, notebook > header > tabs > arrow:backdrop.flat, button.titlebutton:backdrop.flat, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop.flat label, button:backdrop.flat.titlebutton label, notebook > header > tabs > arrow:backdrop.flat, button:backdrop.flat.titlebutton, 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: #898a8d; } - notebook > header > tabs > arrow:backdrop.flat:active, button.titlebutton:backdrop.flat:active, notebook > header > tabs > arrow:backdrop.flat:checked, button.titlebutton:backdrop.flat:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + color: #888a8d; } + notebook > header > tabs > arrow:backdrop.flat:active, button:backdrop.flat.titlebutton:active, notebook > header > tabs > arrow:backdrop.flat:checked, button:backdrop.flat.titlebutton: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: #111317; - background-image: image(#1b1d23); + border-color: #111217; + background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:active label, button.titlebutton:backdrop.flat:active label, notebook > header > tabs > arrow:backdrop.flat:active, button.titlebutton:backdrop.flat:active, notebook > header > tabs > arrow:backdrop.flat:checked label, button.titlebutton:backdrop.flat:checked label, notebook > header > tabs > arrow:backdrop.flat:checked, button.titlebutton:backdrop.flat: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, + notebook > header > tabs > arrow:backdrop.flat:active label, button:backdrop.flat.titlebutton:active label, notebook > header > tabs > arrow:backdrop.flat:active, button:backdrop.flat.titlebutton:active, notebook > header > tabs > arrow:backdrop.flat:checked label, button:backdrop.flat.titlebutton:checked label, notebook > header > tabs > arrow:backdrop.flat:checked, button:backdrop.flat.titlebutton: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, @@ -550,30 +572,30 @@ button { button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { - color: #898a8d; } - notebook > header > tabs > arrow:backdrop.flat:disabled, button.titlebutton:backdrop.flat:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + color: #888a8d; } + notebook > header > tabs > arrow:backdrop.flat:disabled, button:backdrop.flat.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled label, button.titlebutton:backdrop.flat:disabled label, notebook > header > tabs > arrow:backdrop.flat:disabled, button.titlebutton:backdrop.flat:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow:backdrop.flat:disabled label, button:backdrop.flat.titlebutton:disabled label, notebook > header > tabs > arrow:backdrop.flat:disabled, button:backdrop.flat.titlebutton: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: #43495a; } - notebook > header > tabs > arrow:backdrop.flat:disabled:active, button.titlebutton:backdrop.flat:disabled:active, notebook > header > tabs > arrow:backdrop.flat:disabled:checked, button.titlebutton:backdrop.flat: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, + notebook > header > tabs > arrow:backdrop.flat:disabled:active, button:backdrop.flat.titlebutton:disabled:active, notebook > header > tabs > arrow:backdrop.flat:disabled:checked, button:backdrop.flat.titlebutton: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: #111317; - background-image: image(#1b1d23); + border-color: #111217; + background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled:active label, button.titlebutton:backdrop.flat:disabled:active label, notebook > header > tabs > arrow:backdrop.flat:disabled:checked label, button.titlebutton:backdrop.flat: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, + notebook > header > tabs > arrow:backdrop.flat:disabled:active label, button:backdrop.flat.titlebutton:disabled:active label, notebook > header > tabs > arrow:backdrop.flat:disabled:checked label, button:backdrop.flat.titlebutton: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, @@ -592,26 +614,26 @@ button { notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { - color: #898a8d; } + color: #888a8d; } 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: #0d0e11; - background-image: image(#17181e); + background-image: image(#16181d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } 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: #898a8d; } + color: #888a8d; } notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; @@ -634,13 +656,16 @@ button { color: #0a814b; border-color: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } -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 { - color: #898a8d; } + 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: #888a8d; } + + button.osd { min-width: 26px; min-height: 32px; @@ -657,8 +682,10 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + button.osd.image-button { min-width: 34px; } + button.osd:hover { color: white; border-color: #3d4251; @@ -671,6 +698,7 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + button.osd:active, button.osd:checked { color: white; @@ -684,9 +712,10 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + button.osd:disabled:backdrop, button.osd:disabled { - color: #808082; + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -695,6 +724,7 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } + button.osd:backdrop { color: #eeeeec; border-color: #3d4251; @@ -705,9 +735,11 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } + .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, .app-notification.frame button, -.osd button { +.osd +button { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -718,7 +750,8 @@ button.osd { -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 { + .osd + button:hover { color: white; border-color: #3d4251; background-color: transparent; @@ -729,10 +762,14 @@ button.osd { -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 { + .osd + button:active:backdrop, + .osd + button:active, + .osd + button:checked:backdrop, + .osd + button:checked { color: white; border-color: #3d4251; background-color: transparent; @@ -743,9 +780,11 @@ button.osd { -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 { - color: #808082; + .osd + button:disabled:backdrop, + .osd + button:disabled { + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -754,7 +793,8 @@ button.osd { 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 { + .osd + button:backdrop { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -764,7 +804,8 @@ button.osd { 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 { + .osd + button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -775,7 +816,8 @@ button.osd { 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 { + .osd + button.flat:hover { color: white; border-color: #3d4251; background-color: transparent; @@ -786,8 +828,9 @@ button.osd { -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 { - color: #808082; + .osd + button.flat:disabled { + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -799,7 +842,8 @@ button.osd { 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 { + .osd + button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; @@ -807,8 +851,10 @@ button.osd { 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 { + .osd + button.flat:active, + .osd + button.flat:checked { color: white; border-color: #3d4251; background-color: transparent; @@ -818,16 +864,19 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + + button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff 2px, #2777ff); - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } - .selection-mode button.titlebutton, button.suggested-action.flat { + .selection-mode button.titlebutton, + button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -835,16 +884,19 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } + button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } - 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: #005af3; @@ -852,35 +904,70 @@ button.suggested-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode button.titlebutton:backdrop, 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: #005af3; background-image: image(#2777ff); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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 { + .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: #d4e4ff; } - .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 { + .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: #005af3; - background-image: image(#1e61d6); + background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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: #d2dff7; } - .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + .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: #d2e0f7; } + .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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 { + .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: #43495a; } - .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 { + .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: #005af3; - background-image: image(#1e61d6); + background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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: #6d98e4; } - .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 { + .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: #6d99e4; } + .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; @@ -888,21 +975,31 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } + button.suggested-action:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); 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 { - color: #898a8d; } - button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + + button.suggested-action:disabled label, + button.suggested-action:disabled { + color: #888a8d; } + + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { border-color: #005af3; - background-image: image(#1c5dcd); + background-image: image(#1c5ecd); 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 { - color: #a4beeb; } - .osd button.suggested-action { + + button.suggested-action:disabled:active label, + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked label, + button.suggested-action:disabled:checked { + color: #a4bfeb; } + .osd + button.suggested-action { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -912,7 +1009,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: #3d4251; background-color: transparent; @@ -922,7 +1020,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: #3d4251; background-color: transparent; @@ -932,8 +1034,10 @@ 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 { - color: #808082; + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -941,7 +1045,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: #3d4251; background-color: transparent; @@ -950,15 +1055,18 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + + button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; border-bottom-color: #4b0909; background-image: linear-gradient(to top, #a21313 2px, #a61414); - text-shadow: 0 -1px rgba(0, 0, 0, 0.7082352941); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7082352941); + text-shadow: 0 -1px rgba(0, 0, 0, 0.708235); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.708235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } + button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -967,16 +1075,19 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; color: #a61414; } + button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #790e0e; border-bottom-color: #4b0909; - text-shadow: 0 -1px rgba(0, 0, 0, 0.6602352941); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6602352941); + text-shadow: 0 -1px rgba(0, 0, 0, 0.660235); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.660235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #a21313, #ab1414 1px); } - 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: #790e0e; @@ -984,35 +1095,70 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { border-color: #790e0e; background-image: image(#a61414); 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: #edd0d0; } - 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: #790e0e; - background-image: image(#811416); + background-image: image(#811415); 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: #e6d0d0; } - button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: #111217; + background-image: image(#242731); 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: #43495a; } - 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: #790e0e; - background-image: image(#811416); + background-image: image(#811415); 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 { - color: #ad6668; } - button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + + 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: #ad6667; } + + 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; @@ -1020,21 +1166,31 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(166, 20, 20, 0.8); } + button.destructive-action:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); 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 { - color: #898a8d; } - button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + + button.destructive-action:disabled label, + button.destructive-action:disabled { + color: #888a8d; } + + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { border-color: #790e0e; - background-image: image(#791315); + background-image: image(#791314); 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: #c9a1a1; } - .osd button.destructive-action { + .osd + button.destructive-action { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -1044,7 +1200,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: #3d4251; background-color: transparent; @@ -1054,7 +1211,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: #3d4251; background-color: transparent; @@ -1064,8 +1225,10 @@ 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 { - color: #808082; + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -1073,7 +1236,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: #3d4251; background-color: transparent; @@ -1082,36 +1246,58 @@ 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; } -button.font separator, button.file separator { + + +button.font separator, +button.file separator { background-color: transparent; } + + button.font > box > box > label { font-weight: bold; } -.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; } + + button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; @@ -1119,26 +1305,29 @@ button.circular { /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } + button.circular label { padding: 0; } + button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%); border-color: transparent; } + button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); @@ -1147,7 +1336,7 @@ button.circular { .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(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873254902)), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -1164,16 +1353,16 @@ button.circular { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { @@ -1186,56 +1375,58 @@ button.circular { -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #898a8d; } + color: #888a8d; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: #0d0e11; - background-image: image(#17181e); + background-image: image(#16181d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: #898a8d; } + color: #888a8d; } .inline-toolbar toolbutton > button:backdrop { - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #898a8d; } + color: #888a8d; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #111317; - background-image: image(#1b1d23); + border-color: #111217; + background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #898a8d; } + color: #888a8d; } .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #43495a; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #111317; - background-image: image(#1b1d23); + border-color: #111217; + background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { color: #43495a; } 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, filechooser .path-bar.linked > button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +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, filechooser .path-bar.linked > button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, filechooser .path-bar.linked > button:dir(ltr):first-child, filechooser .path-bar.linked > button:dir(rtl):last-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, filechooser .path-bar.linked > button:first-child:dir(ltr), filechooser .path-bar.linked > button:last-child:dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; @@ -1243,8 +1434,7 @@ entry:first-child, .inline-toolbar button:first-child, .linked > button:first-ch border-right-style: none; } toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, filechooser .path-bar.linked > button:dir(ltr):last-child, filechooser .path-bar.linked > button:dir(rtl):first-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, filechooser .path-bar.linked > button:last-child:dir(ltr), filechooser .path-bar.linked > button:first-child:dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; @@ -1252,29 +1442,28 @@ entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child border-right-style: solid; } toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 5px; 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 { +.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 { 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 { +.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 { border-top-left-radius: 5px; border-top-right-radius: 5px; } -.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 { +.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 { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 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 { +.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 { border-radius: 5px; border-style: solid; } @@ -1328,8 +1517,8 @@ list row button.image-button:not(.flat) { outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { @@ -1346,32 +1535,38 @@ list row button.image-button:not(.flat) { *********/ button:link, button:visited, button:link > label, -button:visited > label, *:link { +button:visited > label, +*:link { color: #8db7ff; } + button:visited, button:link > label:visited, - button:visited > label:visited, *:link:visited { + button:visited > label:visited, + *:link:visited { color: #5a97ff; } + *:selected button:visited, *:selected button:link > label:visited, - *:selected button:visited > label:visited, - *:selected *:link:visited { + *:selected button:visited > label:visited, *:selected + *:link:visited { color: #a9c9ff; } button:hover:link, button:hover:visited, button:link > label:hover, - button:visited > label:hover, *:link:hover { + button:visited > label:hover, + *:link:hover { color: #c0d7ff; } *:selected button:hover:link, *:selected button:hover:visited, *:selected button:link > label:hover, - *:selected button:visited > label:hover, - *:selected *:link:hover { + *:selected button:visited > label:hover, *:selected + *:link:hover { color: #e9f1ff; } button:active:link, button:active:visited, button:link > label:active, - button:visited > label:active, *:link:active { + button:visited > label:active, + *:link:active { color: #8db7ff; } *:selected button:active:link, *:selected button:active:visited, *:selected button:link > label:active, - *:selected button:visited > label:active, - *:selected *:link:active { + *:selected button:visited > label:active, *:selected + *:link:active { color: #d4e4ff; } button:disabled:link, button:disabled:visited, button:link > label:disabled, @@ -1392,14 +1587,17 @@ button:visited > label, *:link { *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: #2777ff; } - .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, - .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, + .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, button:link > label:selected, - button:visited > label:selected, *:selected button:link, - *:selected button:visited, *:selected button:link > label, + button:visited > label:selected, + *:selected button:link, + *:selected button:visited, + *:selected button:link > label, *:selected button:visited > label, *:link:selected, - *:selected *:link { + *:selected + *:link { color: #d4e4ff; } button:link, @@ -1446,7 +1644,7 @@ spinbutton:not(.vertical) { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:disabled { - color: rgba(137, 138, 141, 0.3); + color: rgba(136, 138, 141, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); @@ -1454,7 +1652,7 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:backdrop { color: #7f8184; background-color: transparent; - border-color: rgba(17, 19, 23, 0.3); + border-color: rgba(17, 18, 23, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(67, 73, 90, 0.3); @@ -1467,6 +1665,7 @@ spinbutton:not(.vertical) { border-radius: 0 5px 5px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; @@ -1512,7 +1711,7 @@ spinbutton:not(.vertical) { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #808082; + color: #808081; border-color: rgba(61, 66, 81, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -1520,28 +1719,36 @@ spinbutton:not(.vertical) { border-radius: 0 5px 5px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + spinbutton.vertical:disabled { - color: #898a8d; } + color: #888a8d; } + spinbutton.vertical:backdrop:disabled { color: #43495a; } + spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } + spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } + .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: #3d4251; @@ -1573,7 +1780,7 @@ spinbutton.vertical button.down { -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #808082; + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -1590,6 +1797,7 @@ spinbutton.vertical button.down { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; @@ -1605,6 +1813,7 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + combobox:drop(active) { box-shadow: none; } @@ -1657,15 +1866,16 @@ searchbar > revealer > box { background-color: #1c1e25; } .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, .location-bar:backdrop { - border-color: #111317; - background-color: #1d1f26; + border-color: #111217; + background-color: #1c1f26; box-shadow: none; transition: 200ms ease-out; } /*************** * Header bars * ***************/ -.titlebar:not(headerbar), headerbar { +.titlebar:not(headerbar), +headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; @@ -1678,7 +1888,7 @@ searchbar > revealer > box { /* hide the close button separator */ } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - border-color: #111317; + border-color: #111217; background-color: #23252e; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); @@ -1704,8 +1914,8 @@ searchbar > revealer > box { .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { - border-color: #111317; - background-image: image(#1b1d23); + border-color: #111217; + background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .titlebar:not(headerbar) stackswitcher button:checked:backdrop label, .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop label, @@ -1714,56 +1924,66 @@ searchbar > revealer > box { headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop label, headerbar button.toggle:checked:backdrop { - color: #898a8d; } - .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), - .selection-mode headerbar, headerbar.selection-mode { + color: #888a8d; } + .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode + headerbar, + headerbar.selection-mode { color: #ffffff; border-color: #00348d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #3b84ff, #468aff); box-shadow: inset 0 1px rgba(46, 123, 254, 0.535); } - .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), - .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode + headerbar:backdrop, + headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(49, 125, 254, 0.442); } - .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, - .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { + .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode + headerbar:backdrop label, + headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } - .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, - .selection-mode headerbar button, headerbar.selection-mode button { + .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode + headerbar button, + headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff 2px, #2777ff); - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } - .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, - .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { + .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode + headerbar button.flat, + headerbar.selection-mode button.flat { 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; } - .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, - .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { + .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode + headerbar button:hover, + headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } - .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode .titlebar:not(headerbar) button.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active, - .selection-mode headerbar button:active, - .selection-mode headerbar button:checked, - .selection-mode headerbar button.toggle:checked, - .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { + .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode .titlebar:not(headerbar) button.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active, .selection-mode + headerbar button:active, .selection-mode + headerbar button:checked, .selection-mode + headerbar button.toggle:checked, .selection-mode + headerbar button.toggle:active, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.toggle:checked, + headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; @@ -1771,9 +1991,11 @@ searchbar > revealer > box { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, - .selection-mode headerbar button:backdrop.flat, - .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode + headerbar button:backdrop.flat, .selection-mode + headerbar button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { border-color: #005af3; background-image: image(#2777ff); text-shadow: none; @@ -1781,118 +2003,163 @@ searchbar > revealer > box { box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, - .selection-mode headerbar button:backdrop.flat label, - .selection-mode headerbar button:backdrop.flat, - .selection-mode headerbar button:backdrop label, - .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode + headerbar button:backdrop.flat label, .selection-mode + headerbar button:backdrop.flat, .selection-mode + headerbar button:backdrop label, .selection-mode + headerbar button:backdrop, + headerbar.selection-mode button:backdrop.flat label, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop label, + headerbar.selection-mode button:backdrop { color: #d4e4ff; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - .selection-mode headerbar button:backdrop.flat:active, - .selection-mode headerbar button:backdrop.flat:checked, - .selection-mode headerbar button:backdrop:active, - .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode + headerbar button:backdrop.flat:active, .selection-mode + headerbar button:backdrop.flat:checked, .selection-mode + headerbar button:backdrop:active, .selection-mode + headerbar button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { border-color: #005af3; - background-image: image(#1e61d6); + background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - .selection-mode headerbar button:backdrop.flat:active label, - .selection-mode headerbar button:backdrop.flat:active, - .selection-mode headerbar button:backdrop.flat:checked label, - .selection-mode headerbar button:backdrop.flat:checked, - .selection-mode headerbar button:backdrop:active label, - .selection-mode headerbar button:backdrop:active, - .selection-mode headerbar button:backdrop:checked label, - .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { - color: #d2dff7; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - .selection-mode headerbar button:backdrop.flat:disabled, - .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode + headerbar button:backdrop.flat:active label, .selection-mode + headerbar button:backdrop.flat:active, .selection-mode + headerbar button:backdrop.flat:checked label, .selection-mode + headerbar button:backdrop.flat:checked, .selection-mode + headerbar button:backdrop:active label, .selection-mode + headerbar button:backdrop:active, .selection-mode + headerbar button:backdrop:checked label, .selection-mode + headerbar button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked label, + headerbar.selection-mode button:backdrop:checked { + color: #d2e0f7; } + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode + headerbar button:backdrop.flat:disabled, .selection-mode + headerbar button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { border-color: #005af3; - background-image: image(#276be1); + background-image: image(#276ce1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - .selection-mode headerbar button:backdrop.flat:disabled label, - .selection-mode headerbar button:backdrop.flat:disabled, - .selection-mode headerbar button:backdrop:disabled label, - .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode + headerbar button:backdrop.flat:disabled label, .selection-mode + headerbar button:backdrop.flat:disabled, .selection-mode + headerbar button:backdrop:disabled label, .selection-mode + headerbar button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled label, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled label, + headerbar.selection-mode button:backdrop:disabled { color: #739fec; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, - .selection-mode headerbar button:backdrop.flat:disabled:active, - .selection-mode headerbar button:backdrop.flat:disabled:checked, - .selection-mode headerbar button:backdrop:disabled:active, - .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active, headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode + headerbar button:backdrop.flat:disabled:active, .selection-mode + headerbar button:backdrop.flat:disabled:checked, .selection-mode + headerbar button:backdrop:disabled:active, .selection-mode + headerbar button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { border-color: #005af3; - background-image: image(#1e61d6); + background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, - .selection-mode headerbar button:backdrop.flat:disabled:active label, - .selection-mode headerbar button:backdrop.flat:disabled:checked label, - .selection-mode headerbar button:backdrop:disabled:active label, - .selection-mode headerbar button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop.flat:disabled:active label, headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { - color: #6d98e4; } - .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, - .selection-mode headerbar button.flat:backdrop, - .selection-mode headerbar button.flat:disabled, - .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode + headerbar button:backdrop.flat:disabled:active label, .selection-mode + headerbar button:backdrop.flat:disabled:checked label, .selection-mode + headerbar button:backdrop:disabled:active label, .selection-mode + headerbar button:backdrop:disabled:checked label, + headerbar.selection-mode button:backdrop.flat:disabled:active label, + headerbar.selection-mode button:backdrop.flat:disabled:checked label, + headerbar.selection-mode button:backdrop:disabled:active label, + headerbar.selection-mode button:backdrop:disabled:checked label { + color: #6d99e4; } + .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode + headerbar button.flat:backdrop, .selection-mode + headerbar button.flat:disabled, .selection-mode + headerbar button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode 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; } - .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, - .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { + .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode + headerbar button:disabled, + headerbar.selection-mode button:disabled { border-color: #005af3; - background-image: image(#276be1); + background-image: image(#276ce1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled label, .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, - .selection-mode headerbar button:disabled label, - .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled label, headerbar.selection-mode button:disabled { - color: #93b5f0; } - .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - .selection-mode headerbar button:disabled:active, - .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { + .selection-mode .titlebar:not(headerbar) button:disabled label, .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode + headerbar button:disabled label, .selection-mode + headerbar button:disabled, + headerbar.selection-mode button:disabled label, + headerbar.selection-mode button:disabled { + color: #93b6f0; } + .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode + headerbar button:disabled:active, .selection-mode + headerbar button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { border-color: #005af3; - background-image: image(#1c5dcd); + background-image: image(#1c5ecd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled:active label, .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - .selection-mode headerbar button:disabled:active label, - .selection-mode headerbar button:disabled:active, - .selection-mode headerbar button:disabled:checked label, - .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { - color: #a4beeb; } - .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, - .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { + .selection-mode .titlebar:not(headerbar) button:disabled:active label, .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode + headerbar button:disabled:active label, .selection-mode + headerbar button:disabled:active, .selection-mode + headerbar button:disabled:checked label, .selection-mode + headerbar button:disabled:checked, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked label, + headerbar.selection-mode button:disabled:checked { + color: #a4bfeb; } + .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode + headerbar button.suggested-action, + headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, - .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { + .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode + headerbar button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, - .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { + .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode + headerbar button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; @@ -1901,74 +2168,134 @@ searchbar > revealer > box { text-shadow: none; -gtk-icon-shadow: none; border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { + .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode + headerbar button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - .selection-mode headerbar button.suggested-action:disabled label, - .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { - color: #898a8d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { - border-color: #111317; + .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode + headerbar button.suggested-action:disabled label, .selection-mode + headerbar button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled label, + headerbar.selection-mode button.suggested-action:disabled { + color: #888a8d; } + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode + headerbar button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - .selection-mode headerbar button.suggested-action:backdrop label, - .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { - color: #898a8d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode + headerbar button.suggested-action:backdrop label, .selection-mode + headerbar button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop label, + headerbar.selection-mode button.suggested-action:backdrop { + color: #888a8d; } + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode + headerbar button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - .selection-mode headerbar button.suggested-action:backdrop:disabled label, - .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode + headerbar button.suggested-action:backdrop:disabled label, .selection-mode + headerbar button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled label, + headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #43495a; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, - .selection-mode headerbar .selection-menu:backdrop, - .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { + .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode + headerbar .selection-menu:backdrop, .selection-mode + headerbar .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, - .selection-mode headerbar .selection-menu:backdrop arrow, - .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { + .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode + headerbar .selection-menu:backdrop arrow, .selection-mode + headerbar .selection-menu arrow, + headerbar.selection-mode .selection-menu:backdrop arrow, + headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, - .selection-mode headerbar .selection-menu:backdrop .arrow, - .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { + .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode + headerbar .selection-menu:backdrop .arrow, .selection-mode + headerbar .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } - .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .tiled-top .titlebar:backdrop:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:backdrop:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:backdrop:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:backdrop:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:backdrop:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar:backdrop, .tiled headerbar, .tiled-top headerbar:backdrop, .tiled-top headerbar, .tiled-right headerbar:backdrop, .tiled-right headerbar, .tiled-bottom headerbar:backdrop, .tiled-bottom headerbar, .tiled-left headerbar:backdrop, .tiled-left headerbar, .maximized headerbar:backdrop, .maximized headerbar, .fullscreen headerbar:backdrop, .fullscreen headerbar { + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), + .tiled-top .titlebar:backdrop:not(headerbar), + .tiled-top .titlebar:not(headerbar), + .tiled-right .titlebar:backdrop:not(headerbar), + .tiled-right .titlebar:not(headerbar), + .tiled-bottom .titlebar:backdrop:not(headerbar), + .tiled-bottom .titlebar:not(headerbar), + .tiled-left .titlebar:backdrop:not(headerbar), + .tiled-left .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .fullscreen .titlebar:backdrop:not(headerbar), + .fullscreen .titlebar:not(headerbar), .tiled + headerbar:backdrop, .tiled + headerbar, + .tiled-top + headerbar:backdrop, + .tiled-top + headerbar, + .tiled-right + headerbar:backdrop, + .tiled-right + headerbar, + .tiled-bottom + headerbar:backdrop, + .tiled-bottom + headerbar, + .tiled-left + headerbar:backdrop, + .tiled-left + headerbar, + .maximized + headerbar:backdrop, + .maximized + headerbar, + .fullscreen + headerbar:backdrop, + .fullscreen + headerbar { border-radius: 0; } - .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { min-height: 28px; padding: 4px; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + .default-decoration.titlebar:not(headerbar) button.titlebutton, + headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } - .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { + .titlebar:not(headerbar) separator.titlebutton, + headerbar separator.titlebutton { opacity: 0; } - .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd + headerbar:backdrop:dir(rtl), .solid-csd + headerbar:backdrop:dir(ltr), .solid-csd + headerbar:dir(rtl), .solid-csd + headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; @@ -1981,9 +2308,11 @@ headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } + headerbar switch { margin-top: 7px; margin-bottom: 7px; } + headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } @@ -2008,14 +2337,75 @@ headerbar.titlebar headerbar:not(.titlebar) { border-top-left-radius: 0; border-top-right-radius: 0; } -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, +window headerbar:first-child:backdrop, +window headerbar:first-child { border-top-left-radius: 7px; } + window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; } -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, +window.tiled-top headerbar, +window.tiled-top headerbar:first-child, +window.tiled-top headerbar:last-child, +window.tiled-top headerbar:only-child, +window.tiled-top headerbar:backdrop, +window.tiled-top headerbar:backdrop:first-child, +window.tiled-top headerbar:backdrop:last-child, +window.tiled-top headerbar:backdrop:only-child, +window.tiled-right headerbar, +window.tiled-right headerbar:first-child, +window.tiled-right headerbar:last-child, +window.tiled-right headerbar:only-child, +window.tiled-right headerbar:backdrop, +window.tiled-right headerbar:backdrop:first-child, +window.tiled-right headerbar:backdrop:last-child, +window.tiled-right headerbar:backdrop:only-child, +window.tiled-bottom headerbar, +window.tiled-bottom headerbar:first-child, +window.tiled-bottom headerbar:last-child, +window.tiled-bottom headerbar:only-child, +window.tiled-bottom headerbar:backdrop, +window.tiled-bottom headerbar:backdrop:first-child, +window.tiled-bottom headerbar:backdrop:last-child, +window.tiled-bottom headerbar:backdrop:only-child, +window.tiled-left headerbar, +window.tiled-left headerbar:first-child, +window.tiled-left headerbar:last-child, +window.tiled-left headerbar:only-child, +window.tiled-left headerbar:backdrop, +window.tiled-left headerbar:backdrop:first-child, +window.tiled-left headerbar:backdrop:last-child, +window.tiled-left headerbar:backdrop:only-child, +window.maximized headerbar, +window.maximized headerbar:first-child, +window.maximized headerbar:last-child, +window.maximized headerbar:only-child, +window.maximized headerbar:backdrop, +window.maximized headerbar:backdrop:first-child, +window.maximized headerbar:backdrop:last-child, +window.maximized headerbar:backdrop:only-child, +window.fullscreen headerbar, +window.fullscreen headerbar:first-child, +window.fullscreen headerbar:last-child, +window.fullscreen headerbar:only-child, +window.fullscreen headerbar:backdrop, +window.fullscreen headerbar:backdrop:first-child, +window.fullscreen headerbar:backdrop:last-child, +window.fullscreen headerbar:backdrop:only-child, +window.solid-csd headerbar, +window.solid-csd headerbar:first-child, +window.solid-csd headerbar:last-child, +window.solid-csd headerbar:only-child, +window.solid-csd headerbar:backdrop, +window.solid-csd headerbar:backdrop:first-child, +window.solid-csd headerbar:backdrop:last-child, +window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -2026,6 +2416,7 @@ window.csd > .titlebar:not(headerbar) { border-style: none; border-color: transparent; box-shadow: none; } + .titlebar:not(headerbar) separator { background-color: #0d0e11; } @@ -2039,7 +2430,7 @@ window.devel headerbar.titlebar:not(.selection-mode) { /* background-color would flash */ color: rgba(238, 238, 236, 0.05); } window.devel headerbar.titlebar:not(.selection-mode):backdrop label { - color: #898a8d; } + color: #888a8d; } /************ * Pathbars * @@ -2047,16 +2438,21 @@ window.devel headerbar.titlebar:not(.selection-mode) { .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } + .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } + .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + .path-bar button image { padding-left: 4px; padding-right: 4px; } + .path-bar button.slider-button { padding-left: 0; padding-right: 0; } @@ -2080,7 +2476,7 @@ treeview.view { border-left-color: #93bbff; border-top-color: rgba(238, 238, 236, 0.1); } treeview.view:disabled { - color: #898a8d; } + color: #888a8d; } treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { @@ -2093,7 +2489,7 @@ treeview.view { treeview.view.separator:backdrop { color: rgba(35, 37, 46, 0.1); } treeview.view:backdrop { - border-left-color: #56585e; + border-left-color: #55585e; border-top: #23252e; } treeview.view:drop(active) { border-style: solid none; @@ -2178,7 +2574,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he border-color: #23252e; background-image: none; } treeview.view header button:backdrop { - color: #56585e; + color: #55585e; border-color: #23252e; border-style: none solid solid none; background-image: none; @@ -2215,7 +2611,7 @@ menubar, color: #8db7ff; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: #898a8d; + color: #888a8d; box-shadow: none; } menubar .csd.popup decoration, .menubar .csd.popup decoration { @@ -2224,45 +2620,73 @@ menubar, .background.popup { background-color: transparent; } -menu, .menu, .context-menu { +menu, +.menu, +.context-menu { margin: 4px; padding: 4px 0px; - background-color: #20222a; + background-color: #1f222a; border: 1px solid #0d0e11; } - .csd menu, - .csd .menu, - .csd .context-menu { + .csd menu, .csd + .menu, .csd + .context-menu { border: none; border-radius: 5px; } - menu:backdrop, .menu:backdrop, .context-menu:backdrop { + menu:backdrop, + .menu:backdrop, + .context-menu:backdrop { background-color: #282b35; } - menu menuitem, .menu menuitem, .context-menu menuitem { + menu menuitem, + .menu menuitem, + .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } - menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + menu menuitem:hover, + .menu menuitem:hover, + .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } - menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: #898a8d; } - menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + menu menuitem:disabled, + .menu menuitem:disabled, + .context-menu menuitem:disabled { + color: #888a8d; } + menu menuitem:disabled:backdrop, + .menu menuitem:disabled:backdrop, + .context-menu menuitem:disabled:backdrop { color: #43495a; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { - color: #898a8d; + menu menuitem:backdrop, menu menuitem:backdrop:hover, + .menu menuitem:backdrop, + .menu menuitem:backdrop:hover, + .context-menu menuitem:backdrop, + .context-menu menuitem:backdrop:hover { + color: #888a8d; background-color: transparent; } - menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + menu menuitem arrow, + .menu menuitem arrow, + .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } - menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } - menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl), + .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } - menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr) { color: inherit; } - menu > arrow, .menu > arrow, .context-menu > arrow { + menu > arrow, + .menu > arrow, + .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; @@ -2272,32 +2696,43 @@ menu, .menu, .context-menu { min-height: 16px; min-width: 16px; padding: 4px; - background-color: #20222a; + background-color: #1f222a; border-radius: 0; } - menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + menu > arrow.top, + .menu > arrow.top, + .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #3b3e46; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + menu > arrow.bottom, + .menu > arrow.bottom, + .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #3b3e46; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + menu > arrow:hover, + .menu > arrow:hover, + .context-menu > arrow:hover { background-color: #3b3e46; } - menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + menu > arrow:backdrop, + .menu > arrow:backdrop, + .context-menu > arrow:backdrop { background-color: #282b35; } - menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + menu > arrow:disabled, + .menu > arrow:disabled, + .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } menuitem accelerator { color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { min-height: 16px; @@ -2344,8 +2779,8 @@ notebook > header { border-width: 1px; background-color: #1b1d24; } notebook > header:backdrop { - border-color: #111317; - background-color: #1d1f26; } + border-color: #111217; + background-color: #1c1f26; } notebook > header tabs { margin: -1px; } notebook > header.top { @@ -2436,17 +2871,17 @@ notebook > header { min-width: 30px; padding: 3px 12px; outline-offset: -5px; - color: #898a8d; + color: #888a8d; font-weight: bold; border-width: 1px; border-color: transparent; } notebook > header tab:hover { - color: #bcbcbd; } + color: #bbbcbd; } notebook > header tab:hover.reorderable-page { border-color: rgba(13, 14, 17, 0.3); background-color: rgba(35, 37, 46, 0.2); } notebook > header tab:backdrop { - color: #606267; } + color: #5f6267; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } @@ -2458,9 +2893,9 @@ notebook > header { notebook > header tab:checked.reorderable-page:hover { background-color: rgba(35, 37, 46, 0.7); } notebook > header tab:backdrop:checked { - color: #898a8d; } + color: #888a8d; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: #111317; + border-color: #111217; background-color: #23252e; } notebook > header tab button.flat { padding: 0; @@ -2512,6 +2947,7 @@ notebook > header { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } + notebook > stack:not(:only-child) { background-color: #272a34; } notebook > stack:not(:only-child):backdrop { @@ -2536,7 +2972,7 @@ scrollbar { border-left: 1px solid #0d0e11; } scrollbar:backdrop { background-color: #1c1e25; - border-color: #111317; + border-color: #111217; transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -2551,7 +2987,7 @@ scrollbar { scrollbar slider:hover:active { background-color: #5a97ff; } scrollbar slider:backdrop { - background-color: #4c4d54; } + background-color: #4b4e54; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -2642,7 +3078,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #4c4d54; } + color: #4b4e54; } scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; @@ -2650,7 +3086,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(76, 77, 84, 0.2); } + color: rgba(75, 78, 84, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { @@ -2681,14 +3117,14 @@ switch { background-color: #2777ff; text-shadow: 0 1px rgba(0, 52, 141, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:disabled { - color: #898a8d; + color: #888a8d; border-color: #0d0e11; - background-color: #252730; + background-color: #242731; text-shadow: none; } switch:backdrop { - color: #898a8d; - border-color: #111317; - background-color: #1d1f26; + color: #888a8d; + border-color: #111217; + background-color: #1c1f26; text-shadow: none; transition: 200ms ease-out; } switch:backdrop:checked { @@ -2696,8 +3132,8 @@ switch { background-color: #2777ff; } switch:backdrop:disabled { color: #43495a; - border-color: #111317; - background-color: #252730; } + border-color: #111217; + background-color: #242731; } switch slider { margin: -1px; min-width: 24px; @@ -2709,8 +3145,8 @@ switch { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #040405; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); } switch image { @@ -2725,26 +3161,26 @@ switch { border: 1px solid #00348d; } switch:disabled slider { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:disabled slider label, switch:disabled slider { - color: #898a8d; } + color: #888a8d; } switch:backdrop slider { transition: 200ms ease-out; - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:backdrop slider label, switch:backdrop slider { - color: #898a8d; } + color: #888a8d; } switch:backdrop:checked slider { border-color: #00348d; } switch:backdrop:disabled slider { - border-color: #111317; - background-image: image(#252730); + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2882,7 +3318,8 @@ checkbutton.text-button, radiobutton.text-button { checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } -check, radio { +check, +radio { margin: 0 4px; min-height: 14px; min-width: 14px; @@ -2891,77 +3328,97 @@ check, radio { check:only-child, radio:only-child { margin: 0; } - popover check.left:dir(rtl), - popover radio.left:dir(rtl) { + popover check.left:dir(rtl), popover + radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } - popover check.right:dir(ltr), - popover radio.right:dir(ltr) { + popover check.right:dir(ltr), popover + radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } - check, radio { + check, + radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); border-color: black; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #eeeeec; } - check:hover, radio:hover { + check:hover, + radio:hover { background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } - check:active, radio:active { + check:active, + radio:active { box-shadow: inset 0 1px 1px 0px black; } - check:disabled, radio:disabled { + check:disabled, + radio:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } - check:backdrop, radio:backdrop { + check:backdrop, + radio:backdrop { background-image: image(#23252e); box-shadow: none; color: #eeeeec; } - check:backdrop:disabled, radio:backdrop:disabled { + check:backdrop:disabled, + radio:backdrop:disabled { box-shadow: none; color: rgba(238, 238, 236, 0.7); } - check:checked, radio:checked { + check:checked, + radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - check:checked:hover, radio:checked:hover { + check:checked:hover, + radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } - check:checked:active, radio:checked:active { + check:checked:active, + radio:checked:active { box-shadow: inset 0 1px 1px 0px black; } - check:checked:disabled, radio:checked:disabled { + check:checked:disabled, + radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:checked:backdrop, radio:checked:backdrop { + check:checked:backdrop, + radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } - check:checked:backdrop:disabled, radio:checked:backdrop:disabled { + check:checked:backdrop:disabled, + radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:indeterminate, radio:indeterminate { + check:indeterminate, + radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - check:indeterminate:hover, radio:indeterminate:hover { + check:indeterminate:hover, + radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } - check:indeterminate:active, radio:indeterminate:active { + check:indeterminate:active, + radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px black; } - check:indeterminate:disabled, radio:indeterminate:disabled { + check:indeterminate:disabled, + radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:indeterminate:backdrop, radio:indeterminate:backdrop { + check:indeterminate:backdrop, + radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } - check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { + check:indeterminate:backdrop:disabled, + radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:backdrop, radio:backdrop { + check:backdrop, + radio:backdrop { transition: 200ms ease-out; } - .osd check, .osd radio { + .osd check, .osd + radio { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -2971,7 +3428,8 @@ check, radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd check:hover, .osd radio:hover { + .osd check:hover, .osd + radio:hover { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -2981,7 +3439,8 @@ check, radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd check:active, .osd radio:active { + .osd check:active, .osd + radio:active { color: white; border-color: #3d4251; background-color: transparent; @@ -2991,7 +3450,8 @@ check, radio { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd check:backdrop, .osd radio:backdrop { + .osd check:backdrop, .osd + radio:backdrop { color: #eeeeec; border-color: #3d4251; background-color: transparent; @@ -3000,8 +3460,9 @@ check, radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd check:disabled, .osd radio:disabled { - color: #808082; + .osd check:disabled, .osd + radio:disabled { + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -3009,9 +3470,19 @@ check, radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem radio { + menu menuitem check, menu menuitem + radio { margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled, menu menuitem + radio:checked, menu menuitem + radio:checked:hover, menu menuitem + radio:checked:disabled, menu menuitem + radio:indeterminate, menu menuitem + radio:indeterminate:hover, menu menuitem + radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; @@ -3021,10 +3492,13 @@ check, radio { color: inherit; border-color: currentColor; } + check { border-radius: 3px; } + check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } @@ -3047,6 +3521,7 @@ check:not(:indeterminate):not(:checked):active:not(:backdrop) { radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { @@ -3071,13 +3546,13 @@ scale trough, scale fill, progressbar trough { border-radius: 3px; background-color: #1b1d24; } scale trough:disabled, scale fill:disabled, progressbar trough:disabled { - background-color: #252730; } + background-color: #242731; } scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { - background-color: #1d1f26; - border-color: #111317; + background-color: #1c1f26; + border-color: #111217; transition: 200ms ease-out; } scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { - background-color: #252730; } + background-color: #242731; } row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #00348d; } .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { @@ -3148,8 +3623,8 @@ scale { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); border: 1px solid black; @@ -3166,24 +3641,24 @@ scale { border-color: #00348d; } scale slider:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:disabled label, scale slider:disabled { - color: #898a8d; } + color: #888a8d; } scale slider:backdrop { transition: 200ms ease-out; - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } scale slider:backdrop label, scale slider:backdrop { - color: #898a8d; } + color: #888a8d; } scale slider:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3226,7 +3701,7 @@ scale { outline-color: rgba(238, 238, 236, 0.3); background-color: #111217; } .osd scale slider:disabled { - color: #808082; + color: #808081; border-color: #3d4251; background-color: transparent; background-image: image(rgba(39, 40, 44, 0.5)); @@ -3758,16 +4233,21 @@ progressbar { *************/ levelbar.horizontal block { min-height: 1px; } + levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } + levelbar.vertical block { min-width: 1px; } + levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } + levelbar:backdrop { transition: 200ms ease-out; } + levelbar trough { border: 1px solid; padding: 2px; @@ -3778,9 +4258,10 @@ levelbar trough { box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); } levelbar trough:backdrop { color: #d4d5d7; - border-color: #111317; + border-color: #111217; background-color: #292c37; box-shadow: none; } + levelbar block { border: 1px solid; border-radius: 1px; } @@ -3803,7 +4284,7 @@ levelbar block { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); } levelbar block.empty:backdrop { - border-color: rgba(137, 138, 141, 0.15); } + border-color: rgba(136, 138, 141, 0.15); } /**************** * Print dialog * @@ -3814,8 +4295,9 @@ printdialog paper { background: white; padding: 0; } printdialog paper:backdrop { - color: #898a8d; - border-color: #111317; } + color: #888a8d; + border-color: #111217; } + printdialog .dialog-action-box { margin: 12px; } @@ -3834,16 +4316,17 @@ frame > border, border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: #111317; } + border-color: #111217; } actionbar > revealer > box { padding: 6px; border-top: 1px solid #0d0e11; } actionbar > revealer > box:backdrop { - border-color: #111317; } + border-color: #111217; } scrolledwindow viewport.frame { border-style: none; } + scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; @@ -3853,13 +4336,14 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#111317), to(rgba(17, 19, 23, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; @@ -3869,13 +4353,14 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#111317), to(rgba(17, 19, 23, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; @@ -3885,13 +4370,14 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#111317), to(rgba(17, 19, 23, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; @@ -3901,13 +4387,14 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#111317), to(rgba(17, 19, 23, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#111217), to(rgba(17, 18, 23, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } + scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #0d0e11 1px, transparent 1px) 0 0 0 1/0 1px stretch; @@ -3915,7 +4402,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #111317 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, #111217 1px, transparent 1px); background-color: #1c1e25; transition: 200ms ease-out; } @@ -3933,7 +4420,7 @@ list { border-color: #0d0e11; } list:backdrop { background-color: #292c37; - border-color: #111317; } + border-color: #111217; } list row { padding: 2px; } @@ -3986,7 +4473,7 @@ expander title > arrow { expander title > arrow:hover { color: white; } expander title > arrow:disabled { - color: #898a8d; } + color: #888a8d; } expander title > arrow:disabled:backdrop { color: #43495a; } expander title > arrow:checked { @@ -4009,16 +4496,16 @@ calendar { calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { - color: rgba(137, 138, 141, 0.45); } + color: rgba(136, 138, 141, 0.45); } calendar.button:disabled { - color: rgba(137, 138, 141, 0.45); } + color: rgba(136, 138, 141, 0.45); } calendar.highlight { - color: #898a8d; } + color: #888a8d; } calendar.highlight:backdrop { color: #43495a; } calendar:backdrop { color: #d4d5d7; - border-color: #111317; } + border-color: #111217; } calendar:indeterminate { color: alpha(currentColor,0.1); } @@ -4032,9 +4519,11 @@ messagedialog .titlebar { border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; @@ -4052,7 +4541,8 @@ messagedialog.csd .dialog-action-area button { filechooser .dialog-action-box { border-top: 1px solid #0d0e11; } filechooser .dialog-action-box:backdrop { - border-top-color: #111317; } + border-top-color: #111217; } + filechooser #pathbarbox { border-bottom: 1px solid #23252e; } @@ -4074,7 +4564,7 @@ filechooserbutton:drop(active) { border-right-style: none; } .sidebar:backdrop { background-color: #262933; - border-color: #111317; + border-color: #111217; transition: 200ms ease-out; } .sidebar list { background-color: transparent; } @@ -4092,8 +4582,9 @@ stacksidebar row { separator.sidebar { background-color: #0d0e11; } separator.sidebar:backdrop { - background-color: #111317; } - separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: #111217; } + separator.sidebar.selection-mode, + .selection-mode separator.sidebar { background-color: #0047c0; } /**************** @@ -4104,6 +4595,7 @@ row image.sidebar-icon { placessidebar > viewport.frame { border-style: none; } + placessidebar row { min-height: 36px; padding: 0px; } @@ -4112,9 +4604,9 @@ placessidebar row { placessidebar row:selected { color: #ffffff; } placessidebar row:disabled { - color: #898a8d; } + color: #888a8d; } placessidebar row:backdrop { - color: #898a8d; } + color: #888a8d; } placessidebar row:backdrop:selected { color: #d4d5d7; } placessidebar row:backdrop:disabled { @@ -4156,11 +4648,14 @@ placessidebar row { placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + placesview row.activatable:hover { background-color: transparent; } + placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } @@ -4179,7 +4674,7 @@ paned > separator { paned > separator:selected { background-image: image(#2777ff); } paned > separator:backdrop { - background-image: image(#111317); } + background-image: image(#111217); } paned > separator.wide { min-width: 5px; min-height: 5px; @@ -4188,7 +4683,8 @@ paned > separator { background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #23252e; - background-image: image(#111317), image(#111317); } + background-image: image(#111217), image(#111217); } + paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4204,6 +4700,7 @@ paned.horizontal > separator { padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; @@ -4235,16 +4732,16 @@ infobar { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { @@ -4257,24 +4754,24 @@ infobar { -gtk-icon-shadow: none; } infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { border-color: #0d0e11; - background-image: image(#252730); + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } infobar.info button:disabled label, infobar.info button:disabled, infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled, infobar.error button:disabled label, infobar.error button:disabled { - color: #898a8d; } + color: #888a8d; } infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0d0e11; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { - color: #898a8d; } + color: #888a8d; } infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { - border-color: #111317; - background-image: image(#252730); + border-color: #111217; + background-image: image(#242731); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -4313,30 +4810,35 @@ tooltip { *****************/ colorswatch:drop(active), colorswatch { border-style: none; } + colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { @@ -4345,6 +4847,7 @@ colorswatch.dark { border-color: #0d0e11; } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } + colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { @@ -4353,6 +4856,7 @@ colorswatch.light { border-color: #0d0e11; } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } + colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { @@ -4361,6 +4865,7 @@ colorswatch:drop(active) { colorswatch:drop(active).dark overlay { border-color: #0a814b; box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #0a814b; } + colorswatch overlay { border: 1px solid #0d0e11; } colorswatch overlay:hover { @@ -4368,6 +4873,7 @@ colorswatch overlay { colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: #0d0e11; box-shadow: none; } + colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { @@ -4378,33 +4884,36 @@ colorswatch#add-color-button { border-color: #0d0e11; border-bottom-color: black; background-image: linear-gradient(to top, #20232b 2px, #23252e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0e11; border-bottom-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); } colorswatch#add-color-button overlay:backdrop { - border-color: #111317; + border-color: #111217; background-image: image(#23252e); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { - color: #898a8d; } + color: #888a8d; } + colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { @@ -4426,6 +4935,7 @@ colorchooser .popover.osd { .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } @@ -4441,7 +4951,13 @@ decoration { decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.9); transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + .maximized decoration, + .fullscreen decoration, + .tiled decoration, + .tiled-top decoration, + .tiled-right decoration, + .tiled-bottom decoration, + .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } @@ -4467,8 +4983,8 @@ decoration { box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; @@ -4482,61 +4998,43 @@ button.titlebutton { .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, -.view text:selected:focus, -iconview text:selected:focus, -textview text:selected:focus, -.view text:selected, -iconview text:selected, +.view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } - 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, - .view text:selected, - iconview text:selected, + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } - label:disabled selection, 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, - iconview text:disabled:selected, + label:disabled selection, 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, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } - label:backdrop selection, 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, - iconview text:backdrop:selected, + label:backdrop selection, 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, iconview text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d4d5d7; } - label:backdrop selection:disabled, 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, + label:backdrop selection:disabled, 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, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, @@ -4598,7 +5096,7 @@ cursor-handle { font-size: smaller; } .keycap:backdrop { background-color: #292c37; - color: #898a8d; + color: #888a8d; transition: 200ms ease-out; } :not(decoration):not(window):drop(active):focus, @@ -4715,21 +5213,25 @@ switch slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: black; - text-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873254902); + text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); border: 1px solid black; border-radius: 50%; transition-property: background, border, box-shadow; } + switch:hover slider { border-color: #2777ff; } + switch:checked slider { border-color: black; } + switch:backdrop slider { - border-color: #111317; } + border-color: #111217; } + switch:backdrop:checked slider { - border-color: #111317; } + border-color: #111217; } /************************* * Check and Radio items * @@ -4806,24 +5308,26 @@ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { background-color: #0d0e11; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #8db7ff; } + infobar.info:backdrop > revealer > box, infobar.info > revealer > box { background-color: #2777ff; } + infobar.info button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #2274ff 2px, #2777ff); - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.info button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } infobar.info button:active, infobar.info button:checked { @@ -4836,12 +5340,12 @@ infobar.info button { -gtk-icon-shadow: none; } infobar.info button:disabled { border-color: #005af3; - background-image: image(#276be1); + background-image: image(#276ce1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } infobar.info button:disabled label, infobar.info button:disabled { - color: #93b5f0; } + color: #93b6f0; } infobar.info button:backdrop { border-color: #005af3; background-image: image(#2777ff); @@ -4853,7 +5357,7 @@ infobar.info button { color: #d4e4ff; } infobar.info button:backdrop:disabled { border-color: #005af3; - background-image: image(#276be1); + background-image: image(#276ce1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -4862,24 +5366,26 @@ infobar.info button { color: #739fec; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button { color: #ffffff; } + infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box { background-color: #fd7d00; } + infobar.question button, infobar.warning button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; border-bottom-color: #974b00; background-image: linear-gradient(to top, #f87a00 2px, #fd7d00); - text-shadow: 0 -1px rgba(0, 0, 0, 0.6031372549); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6031372549); + text-shadow: 0 -1px rgba(0, 0, 0, 0.603137); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.question button:hover, infobar.warning button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; border-bottom-color: #974b00; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5551372549); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5551372549); + text-shadow: 0 -1px rgba(0, 0, 0, 0.555137); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #f87a00, #ff8003 1px); } infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked { @@ -4918,6 +5424,7 @@ infobar.question button, infobar.warning button { color: #e9a35e; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button { color: #ffffff; } + infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error > revealer > box button { @@ -4926,16 +5433,16 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box { border-color: #911212; border-bottom-color: #640c0c; background-image: linear-gradient(to top, #ba1616 2px, #bf1717); - text-shadow: 0 -1px rgba(0, 0, 0, 0.6643137255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6643137255); + text-shadow: 0 -1px rgba(0, 0, 0, 0.664314); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; border-bottom-color: #640c0c; - text-shadow: 0 -1px rgba(0, 0, 0, 0.6163137255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6163137255); + text-shadow: 0 -1px rgba(0, 0, 0, 0.616314); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #ba1616, #c41818 1px); } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked { @@ -5016,6 +5523,7 @@ decoration { /* XFCE4 PANEL */ .xfce4-panel.background { background: rgba(35, 37, 46, 0.8); } + .xfce4-panel button { border: 0; border-radius: 0; @@ -5028,6 +5536,7 @@ decoration { .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 4px 0 #2777ff; background: rgba(0, 0, 0, 0.2); } + .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 4px 0 0 #2777ff; } @@ -5068,16 +5577,16 @@ text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #252730; +@define-color insensitive_bg_color #242731; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #898a8d; +@define-color insensitive_fg_color #888a8d; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #272a34; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #898a8d; +@define-color theme_unfocused_fg_color #888a8d; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; @@ -5101,7 +5610,7 @@ widgets main borders color */ @define-color borders #0d0e11; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #111317; +@define-color unfocused_borders #111217; /* these are pretty self explicative */ @define-color warning_color #fd7d00; @@ -5111,7 +5620,7 @@ these are pretty self explicative */ these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); -@define-color wm_unfocused_title #898a8d; +@define-color wm_unfocused_title #888a8d; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(238, 238, 236, 0.07); @define-color wm_bg_a shade(#23252e, 1.2); diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index 11eaec2d..43aa69f3 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk.css @@ -90,7 +90,7 @@ textview text { border-radius: 3px; } textview border { - background-color: #fdfdfd; } + background-color: #fcfcfc; } .rubberband, rubberband, @@ -145,10 +145,13 @@ assistant .sidebar { assistant .sidebar:backdrop { background-color: #f7f7f7; border-color: #dadada; } + assistant.csd .sidebar { border-top-style: none; } + assistant .sidebar label { padding: 6px 12px; } + assistant .sidebar label.highlight { background-color: #dedfe2; } @@ -172,6 +175,7 @@ assistant .sidebar label.highlight { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + spinner { background: none; opacity: 0; @@ -187,7 +191,8 @@ spinner { /**************** * Text Entries * ****************/ -spinbutton:not(.vertical), entry { +spinbutton:not(.vertical), +entry { min-height: 28px; padding-left: 8px; padding-right: 8px; @@ -277,8 +282,8 @@ spinbutton:not(.vertical), entry { entry:drop(active) { border-color: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } - .osd spinbutton:not(.vertical), - .osd entry { + .osd spinbutton:not(.vertical), .osd + entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); @@ -286,8 +291,8 @@ spinbutton:not(.vertical), entry { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), - .osd entry:focus { + .osd spinbutton:focus:not(.vertical), .osd + entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); @@ -295,8 +300,8 @@ spinbutton:not(.vertical), entry { box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), - .osd entry:backdrop { + .osd spinbutton:backdrop:not(.vertical), .osd + entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); @@ -304,8 +309,8 @@ spinbutton:not(.vertical), entry { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd spinbutton:disabled:not(.vertical), - .osd entry:disabled { + .osd spinbutton:disabled:not(.vertical), .osd + entry:disabled { color: #8b8c90; border-color: black; background-color: rgba(59, 62, 70, 0.5); @@ -313,6 +318,7 @@ spinbutton:not(.vertical), entry { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; @@ -326,65 +332,79 @@ entry progress { spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus + button, .linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + -entry, .linked:not(.vertical) > + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:focus + button, +.linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + entry { border-left-color: #2777ff; } -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus.error + button, .linked:not(.vertical) > -entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + -entry, .linked:not(.vertical) > + +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:focus.error + button, +.linked:not(.vertical) > +entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #bf1717; } -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:drop(active) + button, .linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -entry, .linked:not(.vertical) > + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:drop(active) + button, +.linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #0a814b; } -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), .linked.vertical > -entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), +.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #eeeeee; } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > - entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #eeeeee; } -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, + .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: #efefef; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), +.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), +.linked.vertical > entry:disabled + entry:disabled { border-top-color: #eeeeee; } + .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > -entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #2777ff; } + .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > -entry + spinbutton:focus.error:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #bf1717; } + .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > -entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #0a814b; } + .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > @@ -392,11 +412,11 @@ entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2777ff; } + .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:focus.error:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > @@ -404,11 +424,11 @@ entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #bf1717; } + .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > @@ -420,6 +440,7 @@ entry:drop(active):not(:only-child) + combobox > box > button.combo { treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #fafafa; transition-property: color, background; } + treeview entry.flat, treeview entry { border-radius: 0; background-image: none; @@ -463,6 +484,7 @@ treeview entry.flat, treeview entry { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2777ff), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } + notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; @@ -476,8 +498,8 @@ button { border-color: #d1d1d1; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, notebook > header > tabs > arrow.flat, button.flat.titlebutton, button.flat { @@ -501,8 +523,8 @@ button { outline-color: rgba(92, 97, 108, 0.3); border-color: #d1d1d1; border-bottom-color: #c2c2c2; - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ffffff, white 1px); -gtk-icon-effect: highlight; } @@ -517,7 +539,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop.flat, button.titlebutton:backdrop.flat, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop.flat, button:backdrop.flat.titlebutton, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { border-color: #dadada; @@ -527,13 +549,13 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop.flat label, button.titlebutton:backdrop.flat label, notebook > header > tabs > arrow:backdrop.flat, button.titlebutton:backdrop.flat, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop.flat label, button:backdrop.flat.titlebutton label, notebook > header > tabs > arrow:backdrop.flat, button:backdrop.flat.titlebutton, 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: #aeb0b6; } - notebook > header > tabs > arrow:backdrop.flat:active, button.titlebutton:backdrop.flat:active, notebook > header > tabs > arrow:backdrop.flat:checked, button.titlebutton:backdrop.flat:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + notebook > header > tabs > arrow:backdrop.flat:active, button:backdrop.flat.titlebutton:active, notebook > header > tabs > arrow:backdrop.flat:checked, button:backdrop.flat.titlebutton: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, @@ -541,7 +563,7 @@ button { border-color: #dadada; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:active label, button.titlebutton:backdrop.flat:active label, notebook > header > tabs > arrow:backdrop.flat:active, button.titlebutton:backdrop.flat:active, notebook > header > tabs > arrow:backdrop.flat:checked label, button.titlebutton:backdrop.flat:checked label, notebook > header > tabs > arrow:backdrop.flat:checked, button.titlebutton:backdrop.flat: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, + notebook > header > tabs > arrow:backdrop.flat:active label, button:backdrop.flat.titlebutton:active label, notebook > header > tabs > arrow:backdrop.flat:active, button:backdrop.flat.titlebutton:active, notebook > header > tabs > arrow:backdrop.flat:checked label, button:backdrop.flat.titlebutton:checked label, notebook > header > tabs > arrow:backdrop.flat:checked, button:backdrop.flat.titlebutton: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, @@ -551,7 +573,7 @@ button { button:backdrop:checked label, button:backdrop:checked { color: #aeb0b6; } - notebook > header > tabs > arrow:backdrop.flat:disabled, button.titlebutton:backdrop.flat:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow:backdrop.flat:disabled, button:backdrop.flat.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #dadada; @@ -559,13 +581,13 @@ button { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled label, button.titlebutton:backdrop.flat:disabled label, notebook > header > tabs > arrow:backdrop.flat:disabled, button.titlebutton:backdrop.flat:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow:backdrop.flat:disabled label, button:backdrop.flat.titlebutton:disabled label, notebook > header > tabs > arrow:backdrop.flat:disabled, button:backdrop.flat.titlebutton: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: #d9d9d9; } - notebook > header > tabs > arrow:backdrop.flat:disabled:active, button.titlebutton:backdrop.flat:disabled:active, notebook > header > tabs > arrow:backdrop.flat:disabled:checked, button.titlebutton:backdrop.flat: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, + notebook > header > tabs > arrow:backdrop.flat:disabled:active, button:backdrop.flat.titlebutton:disabled:active, notebook > header > tabs > arrow:backdrop.flat:disabled:checked, button:backdrop.flat.titlebutton: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, @@ -573,7 +595,7 @@ button { border-color: #dadada; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled:active label, button.titlebutton:backdrop.flat:disabled:active label, notebook > header > tabs > arrow:backdrop.flat:disabled:checked label, button.titlebutton:backdrop.flat: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, + notebook > header > tabs > arrow:backdrop.flat:disabled:active label, button:backdrop.flat.titlebutton:disabled:active label, notebook > header > tabs > arrow:backdrop.flat:disabled:checked label, button:backdrop.flat.titlebutton: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, @@ -634,15 +656,19 @@ button { color: #0a814b; border-color: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } -row:selected button { + +row:selected +button { border-color: #0051da; } - 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: #f7f7f7; } + + button.osd { min-width: 26px; min-height: 32px; @@ -659,8 +685,10 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + button.osd.image-button { min-width: 34px; } + button.osd:hover { color: white; border-color: black; @@ -673,6 +701,7 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + button.osd:active, button.osd:checked { color: white; @@ -686,6 +715,7 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } + button.osd:disabled:backdrop, button.osd:disabled { color: #8b8c90; @@ -697,6 +727,7 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } + button.osd:backdrop { color: #eeeeec; border-color: black; @@ -707,9 +738,11 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } + .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, .app-notification.frame button, -.osd button { +.osd +button { color: #eeeeec; border-color: black; background-color: transparent; @@ -720,7 +753,8 @@ button.osd { -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 { + .osd + button:hover { color: white; border-color: black; background-color: transparent; @@ -731,10 +765,14 @@ button.osd { -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 { + .osd + button:active:backdrop, + .osd + button:active, + .osd + button:checked:backdrop, + .osd + button:checked { color: white; border-color: black; background-color: transparent; @@ -745,8 +783,10 @@ button.osd { -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 { + .osd + button:disabled:backdrop, + .osd + button:disabled { color: #8b8c90; border-color: black; background-color: transparent; @@ -756,7 +796,8 @@ button.osd { 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 { + .osd + button:backdrop { color: #eeeeec; border-color: black; background-color: transparent; @@ -766,7 +807,8 @@ button.osd { 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 { + .osd + button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -777,7 +819,8 @@ button.osd { 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 { + .osd + button.flat:hover { color: white; border-color: black; background-color: transparent; @@ -788,7 +831,8 @@ button.osd { -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 { + .osd + button.flat:disabled { color: #8b8c90; border-color: black; background-color: transparent; @@ -801,7 +845,8 @@ button.osd { 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 { + .osd + button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; @@ -809,8 +854,10 @@ button.osd { 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 { + .osd + button.flat:active, + .osd + button.flat:checked { color: white; border-color: black; background-color: transparent; @@ -820,16 +867,19 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } + + button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #136aff 2px, #2777ff); - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } - .selection-mode button.titlebutton, button.suggested-action.flat { + .selection-mode button.titlebutton, + button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -837,16 +887,19 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; color: #2777ff; } + button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); } - 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: #005af3; @@ -854,35 +907,70 @@ button.suggested-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode button.titlebutton:backdrop, 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: #2777ff; background-image: image(#2777ff); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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 { + .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: #d4e4ff; } - .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 { + .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: #1e71fe; background-image: image(#1e71fe); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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 { + .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: #d2e3ff; } - .selection-mode button.titlebutton:backdrop:disabled, 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: #dadada; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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 { + .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: #d9d9d9; } - .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 { + .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: #1e71fe; background-image: image(#1e71fe); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .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 { + .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: #6da3fe; } - .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 { + .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; @@ -890,21 +978,31 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(39, 119, 255, 0.8); } + button.suggested-action:disabled { border-color: #d1d1d1; background-image: image(#fdfdfd); 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: #aeb0b6; } - button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { border-color: #005af3; background-image: image(#1e71fe); 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: #a5c6ff; } - .osd button.suggested-action { + .osd + button.suggested-action { color: #eeeeec; border-color: black; background-color: transparent; @@ -914,7 +1012,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: black; background-color: transparent; @@ -924,7 +1023,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: black; background-color: transparent; @@ -934,7 +1037,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: #8b8c90; border-color: black; background-color: transparent; @@ -943,7 +1048,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: black; background-color: transparent; @@ -952,15 +1058,18 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + + button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #a61414; border-bottom-color: #790e0e; background-image: linear-gradient(to top, #c21717 2px, #d41919); - text-shadow: 0 -1px rgba(0, 0, 0, 0.6282352941); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6282352941); + text-shadow: 0 -1px rgba(0, 0, 0, 0.628235); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.628235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } + button.destructive-action.flat { border-color: transparent; background-color: transparent; @@ -969,16 +1078,19 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; color: #d41919; } + button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #a61414; border-bottom-color: #790e0e; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5802352941); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5802352941); + text-shadow: 0 -1px rgba(0, 0, 0, 0.580235); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.580235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #d41919, #d91a1a 1px); } - 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: #a61414; @@ -986,35 +1098,70 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { border-color: #d41919; background-image: image(#d41919); 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: #f6d1d1; } - 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: #c72626; background-image: image(#c72626); 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: #f4d4d4; } - button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { border-color: #dadada; background-image: image(#fdfdfd); 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: #d9d9d9; } - 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: #c72626; background-image: image(#c72626); 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 { - color: #db7272; } - button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { + + 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: #da7272; } + + 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; @@ -1022,21 +1169,31 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(212, 25, 25, 0.8); } + button.destructive-action:disabled { border-color: #d1d1d1; background-image: image(#fdfdfd); 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: #aeb0b6; } - button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { border-color: #a61414; background-image: image(#c72626); 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 { - color: #e9a8a8; } - .osd button.destructive-action { + + button.destructive-action:disabled:active label, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked label, + button.destructive-action:disabled:checked { + color: #e8a8a8; } + .osd + button.destructive-action { color: #eeeeec; border-color: black; background-color: transparent; @@ -1046,7 +1203,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: black; background-color: transparent; @@ -1056,7 +1214,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: black; background-color: transparent; @@ -1066,7 +1228,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: #8b8c90; border-color: black; background-color: transparent; @@ -1075,7 +1239,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: black; background-color: transparent; @@ -1084,36 +1249,58 @@ 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; } -button.font separator, button.file separator { + + +button.font separator, +button.file separator { background-color: transparent; } + + button.font > box > box > label { font-weight: bold; } -.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; } + + button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; @@ -1121,26 +1308,29 @@ button.circular { /* circles instead of ellipses */ background-origin: padding-box, border-box; background-clip: padding-box, border-box; } + button.circular label { padding: 0; } + button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d1d1d1; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, whitesmoke 2px, #ffffff), linear-gradient(to top, #c2c2c2 25%, #d1d1d1 50%); border-color: transparent; } + button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d1d1d1; border-bottom-color: #c2c2c2; - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ffffff, white 1px); background-image: linear-gradient(to top, #ffffff, white 1px), linear-gradient(to top, #c2c2c2 25%, #d1d1d1 50%); @@ -1149,7 +1339,7 @@ button.circular { .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(#2777ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.7692307692)), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } @@ -1166,16 +1356,16 @@ button.circular { border-color: #d1d1d1; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } .inline-toolbar toolbutton > button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d1d1d1; border-bottom-color: #c2c2c2; - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ffffff, white 1px); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { @@ -1230,14 +1420,16 @@ button.circular { color: #d9d9d9; } 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, filechooser .path-bar.linked > button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +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, filechooser .path-bar.linked > button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > -entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, filechooser .path-bar.linked > button:dir(ltr):first-child, filechooser .path-bar.linked > button:dir(rtl):last-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, filechooser .path-bar.linked > button:first-child:dir(ltr), filechooser .path-bar.linked > button:last-child:dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; @@ -1245,8 +1437,7 @@ entry:first-child, .inline-toolbar button:first-child, .linked > button:first-ch border-right-style: none; } toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > -entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, filechooser .path-bar.linked > button:dir(ltr):last-child, filechooser .path-bar.linked > button:dir(rtl):first-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, filechooser .path-bar.linked > button:last-child:dir(ltr), filechooser .path-bar.linked > button:first-child:dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; @@ -1254,29 +1445,28 @@ entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child border-right-style: solid; } toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > -entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 5px; 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 { +.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 { 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 { +.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 { border-top-left-radius: 5px; border-top-right-radius: 5px; } -.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 { +.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 { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 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 { +.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 { border-radius: 5px; border-style: solid; } @@ -1319,7 +1509,7 @@ modelbutton.flat arrow { button.color { padding: 4px; } button.color colorswatch:only-child { - box-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); } + box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } .osd button.color colorswatch:only-child { @@ -1336,8 +1526,8 @@ list row button.image-button:not(.flat) { outline-color: rgba(92, 97, 108, 0.3); border-color: #d1d1d1; border-bottom-color: #c2c2c2; - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ffffff, white 1px); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { @@ -1354,32 +1544,38 @@ list row button.image-button:not(.flat) { *********/ button:link, button:visited, button:link > label, -button:visited > label, *:link { +button:visited > label, +*:link { color: #005af3; } + button:visited, button:link > label:visited, - button:visited > label:visited, *:link:visited { + button:visited > label:visited, + *:link:visited { color: #0047c0; } + *:selected button:visited, *:selected button:link > label:visited, - *:selected button:visited > label:visited, - *:selected *:link:visited { + *:selected button:visited > label:visited, *:selected + *:link:visited { color: #a9c9ff; } button:hover:link, button:hover:visited, button:link > label:hover, - button:visited > label:hover, *:link:hover { + button:visited > label:hover, + *:link:hover { color: #2777ff; } *:selected button:hover:link, *:selected button:hover:visited, *:selected button:link > label:hover, - *:selected button:visited > label:hover, - *:selected *:link:hover { + *:selected button:visited > label:hover, *:selected + *:link:hover { color: #e9f1ff; } button:active:link, button:active:visited, button:link > label:active, - button:visited > label:active, *:link:active { + button:visited > label:active, + *:link:active { color: #005af3; } *:selected button:active:link, *:selected button:active:visited, *:selected button:link > label:active, - *:selected button:visited > label:active, - *:selected *:link:active { + *:selected button:visited > label:active, *:selected + *:link:active { color: #d4e4ff; } button:disabled:link, button:disabled:visited, button:link > label:disabled, @@ -1400,14 +1596,17 @@ button:visited > label, *:link { *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: #2777ff; } - .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, - .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, + .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, button:link > label:selected, - button:visited > label:selected, *:selected button:link, - *:selected button:visited, *:selected button:link > label, + button:visited > label:selected, + *:selected button:link, + *:selected button:visited, + *:selected button:link > label, *:selected button:visited > label, *:link:selected, - *:selected *:link { + *:selected + *:link { color: #d4e4ff; } button:link, @@ -1475,6 +1674,7 @@ spinbutton:not(.vertical) { border-radius: 0 5px 5px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; @@ -1528,28 +1728,36 @@ spinbutton:not(.vertical) { border-radius: 0 5px 5px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } + spinbutton.vertical:disabled { color: #aeb0b6; } + spinbutton.vertical:backdrop:disabled { color: #d9d9d9; } + spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } + spinbutton.vertical button.up { border-radius: 5px 5px 0 0; border-style: solid solid none solid; } + spinbutton.vertical button.down { border-radius: 0 0 5px 5px; border-style: none solid solid solid; } + .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: black; @@ -1598,6 +1806,7 @@ spinbutton.vertical button.down { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } + treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; @@ -1613,6 +1822,7 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + combobox:drop(active) { box-shadow: none; } @@ -1673,7 +1883,8 @@ searchbar > revealer > box { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), headerbar { +.titlebar:not(headerbar), +headerbar { padding: 0 6px; min-height: 40px; border-width: 0 0 1px; @@ -1723,55 +1934,65 @@ searchbar > revealer > box { headerbar button.toggle:checked:backdrop label, headerbar button.toggle:checked:backdrop { color: #aeb0b6; } - .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), - .selection-mode headerbar, headerbar.selection-mode { + .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode + headerbar, + headerbar.selection-mode { color: #ffffff; border-color: #0051da; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #1d71ff, #2c7aff); box-shadow: inset 0 1px rgba(125, 173, 255, 0.9); } - .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), - .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode + headerbar:backdrop, + headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(147, 187, 255, 0.88); } - .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, - .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { + .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode + headerbar:backdrop label, + headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } - .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, - .selection-mode headerbar button, headerbar.selection-mode button { + .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode + headerbar button, + headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #136aff 2px, #2777ff); - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } - .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, - .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { + .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode + headerbar button.flat, + headerbar.selection-mode button.flat { 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; } - .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, - .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { + .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode + headerbar button:hover, + headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); } - .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode .titlebar:not(headerbar) button.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active, - .selection-mode headerbar button:active, - .selection-mode headerbar button:checked, - .selection-mode headerbar button.toggle:checked, - .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { + .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode .titlebar:not(headerbar) button.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active, .selection-mode + headerbar button:active, .selection-mode + headerbar button:checked, .selection-mode + headerbar button.toggle:checked, .selection-mode + headerbar button.toggle:active, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked, + headerbar.selection-mode button.toggle:checked, + headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; @@ -1779,9 +2000,11 @@ searchbar > revealer > box { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, - .selection-mode headerbar button:backdrop.flat, - .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode + headerbar button:backdrop.flat, .selection-mode + headerbar button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { border-color: #2777ff; background-image: image(#2777ff); text-shadow: none; @@ -1789,118 +2012,163 @@ searchbar > revealer > box { box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, - .selection-mode headerbar button:backdrop.flat label, - .selection-mode headerbar button:backdrop.flat, - .selection-mode headerbar button:backdrop label, - .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode + headerbar button:backdrop.flat label, .selection-mode + headerbar button:backdrop.flat, .selection-mode + headerbar button:backdrop label, .selection-mode + headerbar button:backdrop, + headerbar.selection-mode button:backdrop.flat label, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop label, + headerbar.selection-mode button:backdrop { color: #d4e4ff; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - .selection-mode headerbar button:backdrop.flat:active, - .selection-mode headerbar button:backdrop.flat:checked, - .selection-mode headerbar button:backdrop:active, - .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode + headerbar button:backdrop.flat:active, .selection-mode + headerbar button:backdrop.flat:checked, .selection-mode + headerbar button:backdrop:active, .selection-mode + headerbar button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { border-color: #1e71fe; background-image: image(#1e71fe); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - .selection-mode headerbar button:backdrop.flat:active label, - .selection-mode headerbar button:backdrop.flat:active, - .selection-mode headerbar button:backdrop.flat:checked label, - .selection-mode headerbar button:backdrop.flat:checked, - .selection-mode headerbar button:backdrop:active label, - .selection-mode headerbar button:backdrop:active, - .selection-mode headerbar button:backdrop:checked label, - .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode + headerbar button:backdrop.flat:active label, .selection-mode + headerbar button:backdrop.flat:active, .selection-mode + headerbar button:backdrop.flat:checked label, .selection-mode + headerbar button:backdrop.flat:checked, .selection-mode + headerbar button:backdrop:active label, .selection-mode + headerbar button:backdrop:active, .selection-mode + headerbar button:backdrop:checked label, .selection-mode + headerbar button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked label, + headerbar.selection-mode button:backdrop:checked { color: #d2e3ff; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - .selection-mode headerbar button:backdrop.flat:disabled, - .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode + headerbar button:backdrop.flat:disabled, .selection-mode + headerbar button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { border-color: #478bfe; background-image: image(#478bfe); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - .selection-mode headerbar button:backdrop.flat:disabled label, - .selection-mode headerbar button:backdrop.flat:disabled, - .selection-mode headerbar button:backdrop:disabled label, - .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode + headerbar button:backdrop.flat:disabled label, .selection-mode + headerbar button:backdrop.flat:disabled, .selection-mode + headerbar button:backdrop:disabled label, .selection-mode + headerbar button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled label, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled label, + headerbar.selection-mode button:backdrop:disabled { color: #87b4fe; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, - .selection-mode headerbar button:backdrop.flat:disabled:active, - .selection-mode headerbar button:backdrop.flat:disabled:checked, - .selection-mode headerbar button:backdrop:disabled:active, - .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active, headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode + headerbar button:backdrop.flat:disabled:active, .selection-mode + headerbar button:backdrop.flat:disabled:checked, .selection-mode + headerbar button:backdrop:disabled:active, .selection-mode + headerbar button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { border-color: #1e71fe; background-image: image(#1e71fe); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, - .selection-mode headerbar button:backdrop.flat:disabled:active label, - .selection-mode headerbar button:backdrop.flat:disabled:checked label, - .selection-mode headerbar button:backdrop:disabled:active label, - .selection-mode headerbar button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop.flat:disabled:active label, headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { + .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode + headerbar button:backdrop.flat:disabled:active label, .selection-mode + headerbar button:backdrop.flat:disabled:checked label, .selection-mode + headerbar button:backdrop:disabled:active label, .selection-mode + headerbar button:backdrop:disabled:checked label, + headerbar.selection-mode button:backdrop.flat:disabled:active label, + headerbar.selection-mode button:backdrop.flat:disabled:checked label, + headerbar.selection-mode button:backdrop:disabled:active label, + headerbar.selection-mode button:backdrop:disabled:checked label { color: #6da3fe; } - .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, - .selection-mode headerbar button.flat:backdrop, - .selection-mode headerbar button.flat:disabled, - .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode + headerbar button.flat:backdrop, .selection-mode + headerbar button.flat:disabled, .selection-mode + headerbar button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode 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; } - .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, - .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { + .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode + headerbar button:disabled, + headerbar.selection-mode button:disabled { border-color: #005af3; background-image: image(#478bfe); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled label, .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, - .selection-mode headerbar button:disabled label, - .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled label, headerbar.selection-mode button:disabled { + .selection-mode .titlebar:not(headerbar) button:disabled label, .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode + headerbar button:disabled label, .selection-mode + headerbar button:disabled, + headerbar.selection-mode button:disabled label, + headerbar.selection-mode button:disabled { color: #a3c5ff; } - .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - .selection-mode headerbar button:disabled:active, - .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { + .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode + headerbar button:disabled:active, .selection-mode + headerbar button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { border-color: #005af3; background-image: image(#1e71fe); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled:active label, .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - .selection-mode headerbar button:disabled:active label, - .selection-mode headerbar button:disabled:active, - .selection-mode headerbar button:disabled:checked label, - .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { + .selection-mode .titlebar:not(headerbar) button:disabled:active label, .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode + headerbar button:disabled:active label, .selection-mode + headerbar button:disabled:active, .selection-mode + headerbar button:disabled:checked label, .selection-mode + headerbar button:disabled:checked, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked label, + headerbar.selection-mode button:disabled:checked { color: #a5c6ff; } - .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, - .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { + .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode + headerbar button.suggested-action, + headerbar.selection-mode button.suggested-action { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d1d1d1; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, - .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { + .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode + headerbar button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d1d1d1; border-bottom-color: #c2c2c2; - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ffffff, white 1px); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, - .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { + .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode + headerbar button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d1d1d1; @@ -1909,74 +2177,134 @@ searchbar > revealer > box { text-shadow: none; -gtk-icon-shadow: none; border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { + .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode + headerbar button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { border-color: #d1d1d1; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - .selection-mode headerbar button.suggested-action:disabled label, - .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { + .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode + headerbar button.suggested-action:disabled label, .selection-mode + headerbar button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled label, + headerbar.selection-mode button.suggested-action:disabled { color: #aeb0b6; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode + headerbar button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { border-color: #dadada; background-image: image(#ffffff); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - .selection-mode headerbar button.suggested-action:backdrop label, - .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode + headerbar button.suggested-action:backdrop label, .selection-mode + headerbar button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop label, + headerbar.selection-mode button.suggested-action:backdrop { color: #aeb0b6; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode + headerbar button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #dadada; background-image: image(#fdfdfd); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - .selection-mode headerbar button.suggested-action:backdrop:disabled label, - .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode + headerbar button.suggested-action:backdrop:disabled label, .selection-mode + headerbar button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled label, + headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d9d9d9; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, - .selection-mode headerbar .selection-menu:backdrop, - .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { + .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode + headerbar .selection-menu:backdrop, .selection-mode + headerbar .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); background-color: rgba(39, 119, 255, 0); background-image: none; box-shadow: none; min-height: 20px; padding: 4px 10px; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, - .selection-mode headerbar .selection-menu:backdrop arrow, - .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { + .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode + headerbar .selection-menu:backdrop arrow, .selection-mode + headerbar .selection-menu arrow, + headerbar.selection-mode .selection-menu:backdrop arrow, + headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, - .selection-mode headerbar .selection-menu:backdrop .arrow, - .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { + .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode + headerbar .selection-menu:backdrop .arrow, .selection-mode + headerbar .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } - .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .tiled-top .titlebar:backdrop:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:backdrop:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:backdrop:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:backdrop:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:backdrop:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar:backdrop, .tiled headerbar, .tiled-top headerbar:backdrop, .tiled-top headerbar, .tiled-right headerbar:backdrop, .tiled-right headerbar, .tiled-bottom headerbar:backdrop, .tiled-bottom headerbar, .tiled-left headerbar:backdrop, .tiled-left headerbar, .maximized headerbar:backdrop, .maximized headerbar, .fullscreen headerbar:backdrop, .fullscreen headerbar { + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), + .tiled-top .titlebar:backdrop:not(headerbar), + .tiled-top .titlebar:not(headerbar), + .tiled-right .titlebar:backdrop:not(headerbar), + .tiled-right .titlebar:not(headerbar), + .tiled-bottom .titlebar:backdrop:not(headerbar), + .tiled-bottom .titlebar:not(headerbar), + .tiled-left .titlebar:backdrop:not(headerbar), + .tiled-left .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), + .fullscreen .titlebar:backdrop:not(headerbar), + .fullscreen .titlebar:not(headerbar), .tiled + headerbar:backdrop, .tiled + headerbar, + .tiled-top + headerbar:backdrop, + .tiled-top + headerbar, + .tiled-right + headerbar:backdrop, + .tiled-right + headerbar, + .tiled-bottom + headerbar:backdrop, + .tiled-bottom + headerbar, + .tiled-left + headerbar:backdrop, + .tiled-left + headerbar, + .maximized + headerbar:backdrop, + .maximized + headerbar, + .fullscreen + headerbar:backdrop, + .fullscreen + headerbar { border-radius: 0; } - .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { min-height: 28px; padding: 4px; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, headerbar.default-decoration button.titlebutton { + .default-decoration.titlebar:not(headerbar) button.titlebutton, + headerbar.default-decoration button.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } - .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { + .titlebar:not(headerbar) separator.titlebutton, + headerbar separator.titlebutton { opacity: 0; } - .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd + headerbar:backdrop:dir(rtl), .solid-csd + headerbar:backdrop:dir(ltr), .solid-csd + headerbar:dir(rtl), .solid-csd + headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; @@ -1989,9 +2317,11 @@ headerbar separator:not(.sidebar), headerbar button { margin-top: 5px; margin-bottom: 5px; } + headerbar switch { margin-top: 7px; margin-bottom: 7px; } + headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; } @@ -2016,14 +2346,75 @@ headerbar.titlebar headerbar:not(.titlebar) { border-top-left-radius: 0; border-top-right-radius: 0; } -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, +window headerbar:first-child:backdrop, +window headerbar:first-child { border-top-left-radius: 7px; } + window headerbar:last-child:backdrop, window headerbar:last-child { border-top-right-radius: 7px; } + window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; } -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, +window.tiled-top headerbar, +window.tiled-top headerbar:first-child, +window.tiled-top headerbar:last-child, +window.tiled-top headerbar:only-child, +window.tiled-top headerbar:backdrop, +window.tiled-top headerbar:backdrop:first-child, +window.tiled-top headerbar:backdrop:last-child, +window.tiled-top headerbar:backdrop:only-child, +window.tiled-right headerbar, +window.tiled-right headerbar:first-child, +window.tiled-right headerbar:last-child, +window.tiled-right headerbar:only-child, +window.tiled-right headerbar:backdrop, +window.tiled-right headerbar:backdrop:first-child, +window.tiled-right headerbar:backdrop:last-child, +window.tiled-right headerbar:backdrop:only-child, +window.tiled-bottom headerbar, +window.tiled-bottom headerbar:first-child, +window.tiled-bottom headerbar:last-child, +window.tiled-bottom headerbar:only-child, +window.tiled-bottom headerbar:backdrop, +window.tiled-bottom headerbar:backdrop:first-child, +window.tiled-bottom headerbar:backdrop:last-child, +window.tiled-bottom headerbar:backdrop:only-child, +window.tiled-left headerbar, +window.tiled-left headerbar:first-child, +window.tiled-left headerbar:last-child, +window.tiled-left headerbar:only-child, +window.tiled-left headerbar:backdrop, +window.tiled-left headerbar:backdrop:first-child, +window.tiled-left headerbar:backdrop:last-child, +window.tiled-left headerbar:backdrop:only-child, +window.maximized headerbar, +window.maximized headerbar:first-child, +window.maximized headerbar:last-child, +window.maximized headerbar:only-child, +window.maximized headerbar:backdrop, +window.maximized headerbar:backdrop:first-child, +window.maximized headerbar:backdrop:last-child, +window.maximized headerbar:backdrop:only-child, +window.fullscreen headerbar, +window.fullscreen headerbar:first-child, +window.fullscreen headerbar:last-child, +window.fullscreen headerbar:only-child, +window.fullscreen headerbar:backdrop, +window.fullscreen headerbar:backdrop:first-child, +window.fullscreen headerbar:backdrop:last-child, +window.fullscreen headerbar:backdrop:only-child, +window.solid-csd headerbar, +window.solid-csd headerbar:first-child, +window.solid-csd headerbar:last-child, +window.solid-csd headerbar:only-child, +window.solid-csd headerbar:backdrop, +window.solid-csd headerbar:backdrop:first-child, +window.solid-csd headerbar:backdrop:last-child, +window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -2034,6 +2425,7 @@ window.csd > .titlebar:not(headerbar) { border-style: none; border-color: transparent; box-shadow: none; } + .titlebar:not(headerbar) separator { background-color: #d1d1d1; } @@ -2055,16 +2447,21 @@ window.devel headerbar.titlebar:not(.selection-mode) { .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } + .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } + .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } + .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } + .path-bar button image { padding-left: 4px; padding-right: 4px; } + .path-bar button.slider-button { padding-left: 0; padding-right: 0; } @@ -2073,7 +2470,7 @@ window.devel headerbar.titlebar:not(.selection-mode) { * Tree Views * **************/ treeview.view { - border-left-color: #abaeb3; + border-left-color: #abadb3; border-top-color: #ffffff; } * { -GtkTreeView-horizontal-separator: 4; @@ -2092,7 +2489,7 @@ treeview.view { treeview.view:disabled:selected { color: #7dadff; } treeview.view:disabled:selected:backdrop { - color: #659dfd; } + color: #669efd; } treeview.view:disabled:backdrop { color: #d9d9d9; } treeview.view.separator { @@ -2123,7 +2520,7 @@ treeview.view { treeview.view.expander:selected:hover { color: #ffffff; } treeview.view.expander:selected:backdrop { - color: #b9d1f9; } + color: #b9d1fa; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { @@ -2148,13 +2545,13 @@ treeview.view { treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); } treeview.view header button { - color: #abaeb3; + color: #abadb3; background-color: #fafafa; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { - color: #848890; + color: #848790; box-shadow: none; transition: none; } treeview.view header button:active { @@ -2234,45 +2631,73 @@ menubar, .background.popup { background-color: transparent; } -menu, .menu, .context-menu { +menu, +.menu, +.context-menu { margin: 4px; padding: 4px 0px; background-color: #fafafa; border: 1px solid #d1d1d1; } - .csd menu, - .csd .menu, - .csd .context-menu { + .csd menu, .csd + .menu, .csd + .context-menu { border: none; border-radius: 5px; } - menu:backdrop, .menu:backdrop, .context-menu:backdrop { + menu:backdrop, + .menu:backdrop, + .context-menu:backdrop { background-color: #f7f7f7; } - menu menuitem, .menu menuitem, .context-menu menuitem { + menu menuitem, + .menu menuitem, + .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; } - menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + menu menuitem:hover, + .menu menuitem:hover, + .context-menu menuitem:hover { color: #ffffff; background-color: #2777ff; } - menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + menu menuitem:disabled, + .menu menuitem:disabled, + .context-menu menuitem:disabled { color: #aeb0b6; } - menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + menu menuitem:disabled:backdrop, + .menu menuitem:disabled:backdrop, + .context-menu menuitem:disabled:backdrop { color: #d9d9d9; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + menu menuitem:backdrop, menu menuitem:backdrop:hover, + .menu menuitem:backdrop, + .menu menuitem:backdrop:hover, + .context-menu menuitem:backdrop, + .context-menu menuitem:backdrop:hover { color: #aeb0b6; background-color: transparent; } - menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { + menu menuitem arrow, + .menu menuitem arrow, + .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } - menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr), + .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } - menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl), + .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } - menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), + .menu menuitem label:dir(rtl), + .menu menuitem label:dir(ltr), + .context-menu menuitem label:dir(rtl), + .context-menu menuitem label:dir(ltr) { color: inherit; } - menu > arrow, .menu > arrow, .context-menu > arrow { + menu > arrow, + .menu > arrow, + .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; @@ -2284,30 +2709,41 @@ menu, .menu, .context-menu { padding: 4px; background-color: #fafafa; border-radius: 0; } - menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + menu > arrow.top, + .menu > arrow.top, + .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #eaebec; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { + menu > arrow.bottom, + .menu > arrow.bottom, + .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #eaebec; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + menu > arrow:hover, + .menu > arrow:hover, + .context-menu > arrow:hover { background-color: #eaebec; } - menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + menu > arrow:backdrop, + .menu > arrow:backdrop, + .context-menu > arrow:backdrop { background-color: #f7f7f7; } - menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { + menu > arrow:disabled, + .menu > arrow:disabled, + .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } menuitem accelerator { color: alpha(currentColor,0.55); } + menuitem check, menuitem radio { min-height: 16px; @@ -2522,6 +2958,7 @@ notebook > header { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } + notebook > stack:not(:only-child) { background-color: #fafafa; } notebook > stack:not(:only-child):backdrop { @@ -2720,8 +3157,8 @@ switch { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } switch image { @@ -2900,7 +3337,8 @@ checkbutton.text-button, radiobutton.text-button { checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } -check, radio { +check, +radio { margin: 0 4px; min-height: 14px; min-width: 14px; @@ -2909,79 +3347,100 @@ check, radio { check:only-child, radio:only-child { margin: 0; } - popover check.left:dir(rtl), - popover radio.left:dir(rtl) { + popover check.left:dir(rtl), popover + radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } - popover check.right:dir(ltr), - popover radio.right:dir(ltr) { + popover check.right:dir(ltr), popover + radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } - check, radio { + check, + radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white 20%, white 90%); border-color: #c2c2c2; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #5c616c; } - check:hover, radio:hover { + check:hover, + radio:hover { background-image: image(#f2f2f2); } - check:active, radio:active { + check:active, + radio:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } - check:disabled, radio:disabled { + check:disabled, + radio:disabled { box-shadow: none; color: rgba(92, 97, 108, 0.7); } - check:backdrop, radio:backdrop { + check:backdrop, + radio:backdrop { background-image: image(white); box-shadow: none; color: #5c616c; } - check:backdrop:disabled, radio:backdrop:disabled { + check:backdrop:disabled, + radio:backdrop:disabled { box-shadow: none; color: rgba(92, 97, 108, 0.7); } - check:checked, radio:checked { + check:checked, + radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - check:checked:hover, radio:checked:hover { + check:checked:hover, + radio:checked:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } - check:checked:active, radio:checked:active { + check:checked:active, + radio:checked:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } - check:checked:disabled, radio:checked:disabled { + check:checked:disabled, + radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:checked:backdrop, radio:checked:backdrop { + check:checked:backdrop, + radio:checked:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } - check:checked:backdrop:disabled, radio:checked:backdrop:disabled { + check:checked:backdrop:disabled, + radio:checked:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:indeterminate, radio:indeterminate { + check:indeterminate, + radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); border-color: #2777ff; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } - check:indeterminate:hover, radio:indeterminate:hover { + check:indeterminate:hover, + radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } - check:indeterminate:active, radio:indeterminate:active { + check:indeterminate:active, + radio:indeterminate:active { box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } - check:indeterminate:disabled, radio:indeterminate:disabled { + check:indeterminate:disabled, + radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:indeterminate:backdrop, radio:indeterminate:backdrop { + check:indeterminate:backdrop, + radio:indeterminate:backdrop { background-image: image(#2777ff); box-shadow: none; color: #ffffff; } - check:indeterminate:backdrop:disabled, radio:indeterminate:backdrop:disabled { + check:indeterminate:backdrop:disabled, + radio:indeterminate:backdrop:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } - check:backdrop, radio:backdrop { + check:backdrop, + radio:backdrop { transition: 200ms ease-out; } - row:selected check, row:selected radio { + row:selected check, row:selected + radio { border-color: #0051da; } - .osd check, .osd radio { + .osd check, .osd + radio { color: #eeeeec; border-color: black; background-color: transparent; @@ -2991,7 +3450,8 @@ check, radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd check:hover, .osd radio:hover { + .osd check:hover, .osd + radio:hover { color: #eeeeec; border-color: black; background-color: transparent; @@ -3001,7 +3461,8 @@ check, radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd check:active, .osd radio:active { + .osd check:active, .osd + radio:active { color: white; border-color: black; background-color: transparent; @@ -3011,7 +3472,8 @@ check, radio { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - .osd check:backdrop, .osd radio:backdrop { + .osd check:backdrop, .osd + radio:backdrop { color: #eeeeec; border-color: black; background-color: transparent; @@ -3020,7 +3482,8 @@ check, radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd check:disabled, .osd radio:disabled { + .osd check:disabled, .osd + radio:disabled { color: #8b8c90; border-color: black; background-color: transparent; @@ -3029,9 +3492,19 @@ check, radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem radio { + menu menuitem check, menu menuitem + radio { margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem + radio, menu menuitem + radio:hover, menu menuitem + radio:disabled, menu menuitem + radio:checked, menu menuitem + radio:checked:hover, menu menuitem + radio:checked:disabled, menu menuitem + radio:indeterminate, menu menuitem + radio:indeterminate:hover, menu menuitem + radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; @@ -3041,10 +3514,13 @@ check, radio { color: inherit; border-color: currentColor; } + check { border-radius: 3px; } + check:checked { -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } + check:indeterminate { -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } @@ -3067,6 +3543,7 @@ check:not(:indeterminate):not(:checked):active:not(:backdrop) { radio:active, check:active { -gtk-icon-transform: scale(0, 1); } + radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { @@ -3169,8 +3646,8 @@ scale { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #bababa; @@ -3779,16 +4256,21 @@ progressbar { *************/ levelbar.horizontal block { min-height: 1px; } + levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; } + levelbar.vertical block { min-width: 1px; } + levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; } + levelbar:backdrop { transition: 200ms ease-out; } + levelbar trough { border: 1px solid; padding: 2px; @@ -3802,6 +4284,7 @@ levelbar trough { border-color: #dadada; background-color: #f7f7f7; box-shadow: none; } + levelbar block { border: 1px solid; border-radius: 1px; } @@ -3837,6 +4320,7 @@ printdialog paper { printdialog paper:backdrop { color: #aeb0b6; border-color: #dadada; } + printdialog .dialog-action-box { margin: 12px; } @@ -3865,6 +4349,7 @@ actionbar > revealer > box { scrolledwindow viewport.frame { border-style: none; } + scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#b8b8b8), to(rgba(184, 184, 184, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 100% 5%, 100% 100%; @@ -3881,6 +4366,7 @@ scrolledwindow overshoot.top { background-color: transparent; border: none; box-shadow: none; } + scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#b8b8b8), to(rgba(184, 184, 184, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 100% 5%, 100% 100%; @@ -3897,6 +4383,7 @@ scrolledwindow overshoot.bottom { background-color: transparent; border: none; box-shadow: none; } + scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#b8b8b8), to(rgba(184, 184, 184, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 5% 100%, 100% 100%; @@ -3913,6 +4400,7 @@ scrolledwindow overshoot.left { background-color: transparent; border: none; box-shadow: none; } + scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#b8b8b8), to(rgba(184, 184, 184, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); background-size: 5% 100%, 100% 100%; @@ -3929,6 +4417,7 @@ scrolledwindow overshoot.right { background-color: transparent; border: none; box-shadow: none; } + scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #d1d1d1 1px, transparent 1px) 0 0 0 1/0 1px stretch; @@ -4053,9 +4542,11 @@ messagedialog .titlebar { border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; @@ -4074,6 +4565,7 @@ filechooser .dialog-action-box { border-top: 1px solid #d1d1d1; } filechooser .dialog-action-box:backdrop { border-top-color: #dadada; } + filechooser #pathbarbox { border-bottom: 1px solid #ffffff; } @@ -4086,7 +4578,7 @@ filechooserbutton:drop(active) { ***********/ .sidebar { border-style: none; - background-color: #fdfdfd; } + background-color: #fcfcfc; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #d1d1d1; border-left-style: none; } @@ -4114,7 +4606,8 @@ separator.sidebar { background-color: #d1d1d1; } separator.sidebar:backdrop { background-color: #dadada; } - separator.sidebar.selection-mode, .selection-mode separator.sidebar { + separator.sidebar.selection-mode, + .selection-mode separator.sidebar { background-color: #0047c0; } /**************** @@ -4125,6 +4618,7 @@ row image.sidebar-icon { placessidebar > viewport.frame { border-style: none; } + placessidebar row { min-height: 36px; padding: 0px; } @@ -4177,11 +4671,14 @@ placessidebar row { placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + placesview row.activatable:hover { background-color: transparent; } + placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } @@ -4210,6 +4707,7 @@ paned > separator { paned > separator.wide:backdrop { background-color: #ffffff; background-image: image(#dadada), image(#dadada); } + paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4225,6 +4723,7 @@ paned.horizontal > separator { padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; @@ -4256,16 +4755,16 @@ infobar { border-color: #d1d1d1; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d1d1d1; border-bottom-color: #c2c2c2; - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ffffff, white 1px); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { @@ -4334,30 +4833,35 @@ tooltip { *****************/ colorswatch:drop(active), colorswatch { border-style: none; } + colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); } colorswatch.dark overlay { @@ -4366,6 +4870,7 @@ colorswatch.dark { border-color: rgba(0, 0, 0, 0.8); } colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } + colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); } colorswatch.light overlay { @@ -4374,6 +4879,7 @@ colorswatch.light { border-color: rgba(0, 0, 0, 0.5); } colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); } + colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { @@ -4382,6 +4888,7 @@ colorswatch:drop(active) { colorswatch:drop(active).dark overlay { border-color: #0a814b; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #0a814b; } + colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); } colorswatch overlay:hover { @@ -4389,6 +4896,7 @@ colorswatch overlay { colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } + colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { @@ -4399,16 +4907,16 @@ colorswatch#add-color-button { border-color: #d1d1d1; border-bottom-color: #c2c2c2; background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } colorswatch#add-color-button overlay:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #d1d1d1; border-bottom-color: #c2c2c2; - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ffffff, white 1px); } colorswatch#add-color-button overlay:backdrop { @@ -4419,13 +4927,16 @@ colorswatch#add-color-button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); } colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #aeb0b6; } + colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { @@ -4447,6 +4958,7 @@ colorchooser .popover.osd { .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + .scale-popup button:hover { background-color: rgba(92, 97, 108, 0.1); border-radius: 5px; } @@ -4462,7 +4974,13 @@ decoration { decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + .maximized decoration, + .fullscreen decoration, + .tiled decoration, + .tiled-top decoration, + .tiled-right decoration, + .tiled-bottom decoration, + .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } @@ -4488,8 +5006,8 @@ decoration { box-shadow: inset 0 0 0 3px #ffffff, inset 0 1px rgba(255, 255, 255, 0.8); } button.titlebutton { - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); } + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); } button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; @@ -4503,66 +5021,48 @@ button.titlebutton { .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); } .selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } -.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, -.view text:selected:focus, -iconview text:selected:focus, -textview text:selected:focus, -.view text:selected, -iconview text:selected, +.view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } - 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, - .view text:selected, - iconview text:selected, + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } - label:disabled selection, 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, - iconview text:disabled:selected, + label:disabled selection, 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, iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } - label:backdrop selection, 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, - iconview text:backdrop:selected, + label:backdrop selection, 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, iconview text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #f7f7f7; } - label:backdrop selection:disabled, 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, + label:backdrop selection:disabled, 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, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { - color: #659dfd; } + color: #669efd; } .monospace { font-family: monospace; } @@ -4736,19 +5236,23 @@ switch slider { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #c2c2c2; - text-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.7692307692); + text-shadow: 0 1px rgba(255, 255, 255, 0.769231); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #bababa; border-radius: 50%; transition-property: background, border, box-shadow; } + switch:hover slider { border-color: #2777ff; } + switch:checked slider { border-color: #0051da; } + switch:backdrop slider { border-color: #dadada; } + switch:backdrop:checked slider { border-color: #2777ff; } @@ -4827,24 +5331,26 @@ infobar, infobar.info, infobar.question, infobar.warning, infobar.error { background-color: #e6e6e6; } infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { color: #005af3; } + infobar.info:backdrop > revealer > box, infobar.info > revealer > box { background-color: #2777ff; } + infobar.info button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; background-image: linear-gradient(to top, #136aff 2px, #2777ff); - text-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5388235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.info button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #005af3; border-bottom-color: #0047c0; - text-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4908235294); + text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); } infobar.info button:active, infobar.info button:checked { @@ -4883,24 +5389,26 @@ infobar.info button { color: #87b4fe; } infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button { color: #ffffff; } + infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box { background-color: #fd7d00; } + infobar.question button, infobar.warning button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; border-bottom-color: #974b00; background-image: linear-gradient(to top, #e97300 2px, #fd7d00); - text-shadow: 0 -1px rgba(0, 0, 0, 0.6031372549); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6031372549); + text-shadow: 0 -1px rgba(0, 0, 0, 0.603137); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.question button:hover, infobar.warning button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #ca6400; border-bottom-color: #974b00; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5551372549); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5551372549); + text-shadow: 0 -1px rgba(0, 0, 0, 0.555137); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #fd7d00, #ff8003 1px); } infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked { @@ -4913,12 +5421,12 @@ infobar.question button, infobar.warning button { -gtk-icon-shadow: none; } infobar.question button:disabled, infobar.warning button:disabled { border-color: #ca6400; - background-image: image(#fd9026); + background-image: image(#fd9025); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled { - color: #fec893; } + color: #fec892; } infobar.question button:backdrop, infobar.warning button:backdrop { border-color: #fd7d00; background-image: image(#fd7d00); @@ -4929,16 +5437,17 @@ infobar.question button, infobar.warning button { infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop { color: #ffe5cc; } infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled { - border-color: #fd9026; - background-image: image(#fd9026); + border-color: #fd9025; + background-image: image(#fd9025); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #ca6400; } infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled { - color: #feb772; } + color: #feb771; } infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button { color: #ffffff; } + infobar.error:backdrop > revealer > box, infobar.error > revealer > box { background-color: #bf1717; } infobar.error:backdrop > revealer > box button, infobar.error > revealer > box button { @@ -4947,16 +5456,16 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box { border-color: #911212; border-bottom-color: #640c0c; background-image: linear-gradient(to top, #ad1515 2px, #bf1717); - text-shadow: 0 -1px rgba(0, 0, 0, 0.6643137255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6643137255); + text-shadow: 0 -1px rgba(0, 0, 0, 0.664314); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #911212; border-bottom-color: #640c0c; - text-shadow: 0 -1px rgba(0, 0, 0, 0.6163137255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6163137255); + text-shadow: 0 -1px rgba(0, 0, 0, 0.616314); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #bf1717, #c41818 1px); } infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked { @@ -5037,6 +5546,7 @@ decoration { /* XFCE4 PANEL */ .xfce4-panel.background { background: rgba(255, 255, 255, 0.9); } + .xfce4-panel button { border: 0; border-radius: 0; @@ -5049,6 +5559,7 @@ decoration { .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { box-shadow: inset 0 4px 0 #2777ff; background: #ffffff; } + .xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { box-shadow: inset 4px 0 0 #2777ff; } diff --git a/src/themes/Kali/sass/Makefile b/src/themes/Kali/sass/Makefile index 963c59f0..888fd7c0 100644 --- a/src/themes/Kali/sass/Makefile +++ b/src/themes/Kali/sass/Makefile @@ -1,4 +1,4 @@ -SCSS=scss --no-cache --quiet --sourcemap=none +SCSS=sassc THEMES_DIR=../../../../share/themes/ .PHONY: install clean