diff --git a/gtk-3.0/apps/_xfce.scss b/gtk-3.0/apps/_xfce.scss index 4e71be6..4a38de1 100755 --- a/gtk-3.0/apps/_xfce.scss +++ b/gtk-3.0/apps/_xfce.scss @@ -165,13 +165,33 @@ wnck-pager { &:hover { background-color: transparentize($selected_bg_color, 0.6); color: $selected_fg_color; + border-radius: 0.4em; } &:selected { + -gtk-icon-effect: highlight; background-color: $selected_bg_color; color: $selected_fg_color; outline-color: $borders_color; } } + iconview { + background-color: transparent; + color: $fg_color; + &:hover { + border-radius: 0.4em; + background-color: transparentize(white, 0.95); + border: 2px solid $borders_color; + -gtk-icon-effect: highlight; + } + &:selected { + background-color: transparentize(white, 0.95); + color: $selected_fg_color; + outline-color: $borders_color; + border-radius: 0.4em; + -gtk-icon-effect: highlight; + border: 2px solid transparentize($theme_color, 0.6); //$borders_color; + } + } } /********** diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index b5d8420..37f2d5e 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -138,7 +138,8 @@ read if you used those and something break with a version upgrade you're on your /********* * Common * *********/ -* { +*, button:link, +button:visited { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #e60000; @@ -158,10 +159,13 @@ read if you used those and something break with a version upgrade you're on your /* komer: accessibility for keyboard navigation * needs to be enhanced with focus for specific selected widgets */ -*:focus { +*:focus, button:focus:link, +button:focus:visited { outline: 1px dashed rgba(255, 106, 0, 0.7); outline-offset: -2px; } - *:focus:active, *:focus:selected { + *:focus:active, button:active:link, + button:active:visited, *:focus:selected, button:selected:link, + button:selected:visited { outline-color: black; } /*********** @@ -176,14 +180,14 @@ read if you used those and something break with a version upgrade you're on your border-width: 1px 0 0 0; color: #BFC3CD; box-shadow: none; } - .action-bar:backdrop { + .action-bar:backdrop, progressbar:backdrop progress.action-bar, progressbar:backdrop trough.action-bar, label:backdrop selection.action-bar { background-color: black; box-shadow: none; -gtk-icon-effect: dim; } - .action-bar:first-child { + .action-bar:first-child, .linked.vertical > combobox:first-child > box > button.action-bar.combo, .linked:not(.vertical) > combobox:first-child > box > button.action-bar.combo, combobox.linked button.action-bar:nth-child(2):dir(rtl) { border-radius: 6px 6px 0px 0px; border-width: 1px 1px 0px 1px; } - .action-bar:last-child { + .action-bar:last-child, .linked.vertical > combobox:last-child > box > button.action-bar.combo, .linked:not(.vertical) > combobox:last-child > box > button.action-bar.combo, combobox.linked button.action-bar:nth-child(2):dir(ltr) { border-radius: 0 0 6px 6px; border-width: 0px 1px 1px 1px; } @@ -197,8 +201,11 @@ read if you used those and something break with a version upgrade you're on your background-color: rgba(20, 23, 26, 0.8); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } - .app-notification:backdrop, - .app-notification.frame:backdrop { + .app-notification:backdrop, progressbar:backdrop progress.app-notification, progressbar:backdrop trough.app-notification, label:backdrop selection.app-notification, + .app-notification.frame:backdrop, + progressbar:backdrop progress.frame, + progressbar:backdrop trough.frame, + label:backdrop selection.frame { background-image: none; transition: 200ms ease-out; } .app-notification border, @@ -211,7 +218,7 @@ read if you used those and something break with a version upgrade you're on your .background { color: #BFC3CD; background-color: #0E111D; } - .background:backdrop { + .background:backdrop, progressbar:backdrop progress.background, progressbar:backdrop trough.background, label:backdrop selection.background { color: #676a75; background-color: #0E111D; text-shadow: none; @@ -223,7 +230,8 @@ read if you used those and something break with a version upgrade you're on your or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ -*:disabled { +*:disabled, button:disabled:link, +button:disabled:visited, label:disabled selection { -gtk-icon-effect: dim; } .gtkstyle-fallback { @@ -235,7 +243,7 @@ read if you used those and something break with a version upgrade you're on your .gtkstyle-fallback:active { color: #BFC3CD; background-color: black; } - .gtkstyle-fallback:disabled { + .gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { color: #676a75; background-color: #0f1320; } .gtkstyle-fallback:selected { @@ -248,7 +256,7 @@ iconview text, textview text { color: #BFC3CD; background-color: #111524; } - .view:backdrop, iconview:backdrop, + .view:backdrop, progressbar:backdrop progress.view, progressbar:backdrop trough.view, label:backdrop selection.view, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { @@ -268,9 +276,9 @@ textview border { .rubberband, rubberband, -flowbox rubberband, +treeview.view rubberband, .content-view rubberband, -treeview.view rubberband { +flowbox rubberband { border: 1px solid #cc5500; background-color: rgba(204, 85, 0, 0.2); } @@ -284,27 +292,27 @@ label { caret-color: currentColor; } label.separator { color: #BFC3CD; } - label.separator:backdrop { + label.separator:backdrop, progressbar:backdrop progress.separator, progressbar:backdrop trough.separator, label:backdrop selection.separator { color: #676a75; } label selection { background-color: #ff6a00; color: #fefefe; } label:disabled { color: #676a75; } - label:disabled:backdrop { + label:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:backdrop selection:disabled { color: #272f51; } label:backdrop { color: #676a75; } -.dim-label, label.separator, .titlebar .subtitle, -headerbar .subtitle { +.dim-label, .titlebar .subtitle, +headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #111524; border-top: 1px solid rgba(255, 255, 255, 0.05); } - assistant .sidebar:backdrop { + assistant .sidebar:backdrop, assistant progressbar:backdrop progress.sidebar, progressbar:backdrop assistant progress.sidebar, assistant progressbar:backdrop trough.sidebar, progressbar:backdrop assistant trough.sidebar, assistant label:backdrop selection.sidebar, label:backdrop assistant selection.sidebar { background-color: #15192b; border-color: rgba(59, 62, 71, 0.145); } @@ -317,8 +325,8 @@ assistant .sidebar label { assistant .sidebar label.highlight { background-color: #313540; } -.app-notification, -.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { +.csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd .scale-popup, .app-notification, +.app-notification.frame, .osd { color: #fefefe; border: none; background-color: rgba(20, 23, 26, 0.8); @@ -326,11 +334,12 @@ assistant .sidebar label.highlight { outline-color: rgba(254, 254, 254, 0.3); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { + popover.background.osd:backdrop, progressbar:backdrop progress.osd, progressbar:backdrop trough.osd, popover.background.touch-selection:backdrop, progressbar:backdrop progress.touch-selection, progressbar:backdrop trough.touch-selection, popover.background.magnifier:backdrop, progressbar:backdrop progress.magnifier, progressbar:backdrop trough.magnifier, .osd .scale-popup:backdrop, .osd progressbar:backdrop progress.scale-popup, progressbar:backdrop .osd progress.scale-popup, .osd progressbar:backdrop trough.scale-popup, progressbar:backdrop .osd trough.scale-popup, .app-notification:backdrop, progressbar:backdrop progress.app-notification, progressbar:backdrop trough.app-notification, label:backdrop .osd selection.scale-popup, .osd label:backdrop selection.scale-popup, label:backdrop selection.app-notification, .osd:backdrop, label:backdrop selection.osd { text-shadow: none; -gtk-icon-shadow: none; } -*:selected { +*:selected, button:selected:link, +button:selected:visited { background: #ff6a00; color: #fefefe; } @@ -343,7 +352,7 @@ assistant .sidebar label.highlight { to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ff6a00), to(transparent)); } } -notebook > header > tabs > arrow, +notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode button.titlebutton, button { min-height: 20px; min-width: 16px; @@ -355,7 +364,7 @@ button { color: #BFC3CD; background-color: #181c31; text-shadow: none; } - notebook > header > tabs > arrow, + notebook > header > tabs > arrow.flat, notebook > header > tabs > arrow, combobox:drop(active) button.flat.combo, combobox:drop(active) .selection-mode button.combo.titlebutton, .selection-mode combobox:drop(active) button.combo.titlebutton, .selection-mode button.titlebutton, button.flat { background-color: transparent; background-image: none; @@ -364,24 +373,27 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition: none; } - notebook > header > tabs > arrow:hover, - button.flat:hover { + notebook > header > tabs > arrow:hover, combobox:drop(active) button.flat.combo:hover, combobox:drop(active) .selection-mode button.combo.titlebutton:hover, .selection-mode combobox:drop(active) button.combo.titlebutton:hover, + button.flat:hover, + .selection-mode button.titlebutton:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; color: #fefefe; background: rgba(255, 106, 0, 0.5); outline-color: rgba(254, 254, 254, 0.3); text-shadow: none; } - notebook > header > tabs > arrow:hover:active, - button.flat:hover:active { + notebook > header > tabs > arrow:hover:active, combobox:drop(active) button.flat.combo:hover:active, + button.flat:hover:active, + .selection-mode button.titlebutton:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:backdrop:hover, - button.flat:backdrop:hover { + progressbar:backdrop progress.flat:hover, progressbar:backdrop trough.flat:hover, notebook > header > tabs > arrow:backdrop:hover, combobox:drop(active) button.flat.combo:backdrop:hover, combobox:drop(active) progressbar:backdrop progress.combo:hover, progressbar:backdrop combobox:drop(active) progress.combo:hover, combobox:drop(active) progressbar:backdrop trough.combo:hover, progressbar:backdrop combobox:drop(active) trough.combo:hover, label:backdrop selection.flat:hover, + button.flat:backdrop:hover, + .selection-mode button.titlebutton:backdrop:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; color: inherit; background: inherit; } - notebook > header > tabs > arrow:hover, + notebook > header > tabs > arrow:hover, combobox:drop(active) button.combo:hover, .selection-mode button.titlebutton:hover, button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; @@ -390,7 +402,7 @@ button { outline-color: rgba(254, 254, 254, 0.3); text-shadow: none; -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + notebook > header > tabs > arrow:active, combobox:drop(active) button.combo:active, notebook > header > tabs > arrow:checked, combobox:drop(active) button.combo:checked, .selection-mode button.titlebutton:active, .selection-mode button.titlebutton:checked, button:active, button:checked { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -399,8 +411,12 @@ button { outline-color: rgba(254, 254, 254, 0.3); background-color: #e65f00; text-shadow: none; } - notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + .selection-mode button.titlebutton:backdrop, popover.background checkbutton:backdrop, + popover.background radiobutton:backdrop, notebook > header > tabs > arrow:backdrop, combobox:drop(active) button.combo:backdrop, combobox:drop(active) progressbar:backdrop progress.combo, progressbar:backdrop combobox:drop(active) progress.combo, combobox:drop(active) progressbar:backdrop trough.combo, progressbar:backdrop combobox:drop(active) trough.combo, popover.background checkbutton:backdrop, + popover.background radiobutton:backdrop, button:backdrop.flat, + popover.background checkbutton:backdrop, + popover.background radiobutton:backdrop, button:backdrop { transition: 200ms ease-out; color: #9da1ad; @@ -408,7 +424,9 @@ button { background-color: #15192b; text-shadow: none; -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + popover.background checkbutton:backdrop:active, + popover.background radiobutton:backdrop:active, popover.background checkbutton:backdrop:checked, + popover.background radiobutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, combobox:drop(active) button.combo:backdrop:active, combobox:drop(active) progressbar:backdrop progress.combo:active, progressbar:backdrop combobox:drop(active) progress.combo:active, combobox:drop(active) progressbar:backdrop trough.combo:active, progressbar:backdrop combobox:drop(active) trough.combo:active, notebook > header > tabs > arrow:backdrop:checked, combobox:drop(active) button.combo:backdrop:checked, combobox:drop(active) progressbar:backdrop progress.combo:checked, progressbar:backdrop combobox:drop(active) progress.combo:checked, combobox:drop(active) progressbar:backdrop trough.combo:checked, progressbar:backdrop combobox:drop(active) trough.combo:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, @@ -417,20 +435,25 @@ button { outline-color: rgba(191, 195, 205, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + popover.background checkbutton:backdrop:active label, + popover.background radiobutton:backdrop:active label, popover.background checkbutton:backdrop:checked label, + popover.background radiobutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, combobox:drop(active) button.combo:backdrop:active label, combobox:drop(active) progressbar:backdrop progress.combo:active label, progressbar:backdrop combobox:drop(active) progress.combo:active label, combobox:drop(active) progressbar:backdrop trough.combo:active label, progressbar:backdrop combobox:drop(active) trough.combo:active label, notebook > header > tabs > arrow:backdrop:checked label, combobox:drop(active) button.combo:backdrop:checked label, combobox:drop(active) progressbar:backdrop progress.combo:checked label, progressbar:backdrop combobox:drop(active) progress.combo:checked label, combobox:drop(active) progressbar:backdrop trough.combo:checked label, progressbar:backdrop combobox:drop(active) trough.combo:checked label, button:backdrop.flat:active label, button:backdrop.flat:checked label, button:backdrop:active label, button:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } - notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + popover.background checkbutton:backdrop:disabled, + popover.background radiobutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, combobox:drop(active) button.combo:backdrop:disabled, combobox:drop(active) progressbar:backdrop progress.combo:disabled, progressbar:backdrop combobox:drop(active) progress.combo:disabled, combobox:drop(active) progressbar:backdrop trough.combo:disabled, progressbar:backdrop combobox:drop(active) trough.combo:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #9da1ad; outline-color: rgba(191, 195, 205, 0.3); background-color: #0f1320; text-shadow: none; } - notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + popover.background checkbutton:backdrop:disabled:active, + popover.background radiobutton:backdrop:disabled:active, popover.background checkbutton:backdrop:disabled:checked, + popover.background radiobutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, combobox:drop(active) button.combo:backdrop:disabled:active, combobox:drop(active) progressbar:backdrop progress.combo:disabled:active, progressbar:backdrop combobox:drop(active) progress.combo:disabled:active, combobox:drop(active) progressbar:backdrop trough.combo:disabled:active, progressbar:backdrop combobox:drop(active) trough.combo:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, combobox:drop(active) button.combo:backdrop:disabled:checked, combobox:drop(active) progressbar:backdrop progress.combo:disabled:checked, progressbar:backdrop combobox:drop(active) progress.combo:disabled:checked, combobox:drop(active) progressbar:backdrop trough.combo:disabled:checked, progressbar:backdrop combobox:drop(active) trough.combo:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, @@ -439,20 +462,22 @@ button { outline-color: rgba(191, 195, 205, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - notebook > header > tabs > arrow:backdrop:backdrop, + notebook > header > tabs > arrow:backdrop:backdrop, combobox:drop(active) button.combo:backdrop:backdrop, combobox:drop(active) progressbar:backdrop progress.combo, progressbar:backdrop combobox:drop(active) progress.combo, combobox:drop(active) progressbar:backdrop trough.combo, progressbar:backdrop combobox:drop(active) trough.combo, button:backdrop:backdrop { color: inherit; } - notebook > header > tabs > arrow:backdrop:backdrop:hover, + notebook > header > tabs > arrow:backdrop:backdrop:hover, combobox:drop(active) button.combo:backdrop:backdrop:hover, combobox:drop(active) progressbar:backdrop progress.combo:hover, progressbar:backdrop combobox:drop(active) progress.combo:hover, combobox:drop(active) progressbar:backdrop trough.combo:hover, progressbar:backdrop combobox:drop(active) trough.combo:hover, button:backdrop:backdrop:hover { background: inherit; } - notebook > header > tabs > arrow:backdrop:backdrop:active, notebook > header > tabs > arrow:backdrop:backdrop:checked, notebook > header > tabs > arrow:backdrop:backdrop:selected, + notebook > header > tabs > arrow:backdrop:backdrop:active, combobox:drop(active) button.combo:backdrop:backdrop:active, combobox:drop(active) progressbar:backdrop progress.combo:active, progressbar:backdrop combobox:drop(active) progress.combo:active, combobox:drop(active) progressbar:backdrop trough.combo:active, progressbar:backdrop combobox:drop(active) trough.combo:active, notebook > header > tabs > arrow:backdrop:backdrop:checked, combobox:drop(active) button.combo:backdrop:backdrop:checked, combobox:drop(active) progressbar:backdrop progress.combo:checked, progressbar:backdrop combobox:drop(active) progress.combo:checked, combobox:drop(active) progressbar:backdrop trough.combo:checked, progressbar:backdrop combobox:drop(active) trough.combo:checked, notebook > header > tabs > arrow:backdrop:backdrop:selected, combobox:drop(active) button.combo:backdrop:backdrop:selected, combobox:drop(active) progressbar:backdrop progress.combo:selected, progressbar:backdrop combobox:drop(active) progress.combo:selected, combobox:drop(active) progressbar:backdrop trough.combo:selected, progressbar:backdrop combobox:drop(active) trough.combo:selected, button:backdrop:backdrop:active, button:backdrop:backdrop:checked, button:backdrop:backdrop:selected { background: rgba(255, 106, 0, 0.6); } - notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, notebook > header > tabs > arrow:backdrop, combobox:drop(active) button.flat.combo:backdrop, combobox:drop(active) .selection-mode button.combo.titlebutton:backdrop, .selection-mode combobox:drop(active) button.combo.titlebutton:backdrop, combobox:drop(active) progressbar:backdrop progress.combo, progressbar:backdrop combobox:drop(active) progress.combo, combobox:drop(active) progressbar:backdrop trough.combo, progressbar:backdrop combobox:drop(active) trough.combo, label:backdrop selection.flat, notebook > header > tabs > arrow:disabled, combobox:drop(active) button.flat.combo:disabled, combobox:drop(active) .selection-mode button.combo.titlebutton:disabled, .selection-mode combobox:drop(active) button.combo.titlebutton:disabled, label:disabled selection.flat, button.flat:backdrop, + .selection-mode button.titlebutton:backdrop, button.flat:disabled, + .selection-mode button.titlebutton:disabled, button.flat:backdrop:disabled { background-color: transparent; background-image: none; @@ -460,71 +485,70 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, + notebook > header > tabs > arrow:disabled, combobox:drop(active) button.combo:disabled, .selection-mode button.titlebutton:disabled, button:disabled { color: #9da1ad; outline-color: rgba(191, 195, 205, 0.3); background-color: #0f1320; text-shadow: none; } - notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + notebook > header > tabs > arrow:disabled:active, combobox:drop(active) button.combo:disabled:active, notebook > header > tabs > arrow:disabled:checked, combobox:drop(active) button.combo:disabled:checked, button:disabled:active, button:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(191, 195, 205, 0.3); background-color: #ff6a00; text-shadow: none; } - notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + notebook > header > tabs > arrow:disabled:active label, combobox:drop(active) button.combo:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, combobox:drop(active) button.combo:disabled:checked label, button:disabled:active label, button:disabled:checked label { color: rgba(254, 254, 254, 0.7); } - notebook > header > tabs > arrow.image-button, + notebook > header > tabs > arrow.image-button, combobox:drop(active) button.image-button.combo, .selection-mode button.image-button.titlebutton, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } - notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button, + notebook > header > tabs > arrow.image-button.circular, combobox:drop(active) button.image-button.circular.combo, notebook > header > tabs > arrow.image-button.sidebar-button, combobox:drop(active) button.image-button.sidebar-button.combo, button.image-button.circular, button.image-button.sidebar-button { padding: 6px 4px; border-radius: 50px; box-shadow: none; } - notebook > header > tabs > arrow.image-button.sidebar-button, + notebook > header > tabs > arrow.image-button.sidebar-button, combobox:drop(active) button.image-button.sidebar-button.combo, button.image-button.sidebar-button { background-color: #1b2138; color: #fff; } - notebook > header > tabs > arrow.image-button.sidebar-button:hover, + notebook > header > tabs > arrow.image-button.sidebar-button:hover, combobox:drop(active) button.image-button.sidebar-button.combo:hover, button.image-button.sidebar-button:hover { background-color: #ff6a00; } - notebook > header > tabs > arrow.text-button, + notebook > header > tabs > arrow.text-button, combobox:drop(active) button.text-button.combo, .selection-mode button.text-button.titlebutton, button.text-button { padding-left: 3em; padding-right: 3em; border-radius: 0.4em; } - notebook > header > tabs > arrow.text-button.image-button, + notebook > header > tabs > arrow.text-button.image-button, combobox:drop(active) button.text-button.image-button.combo, button.text-button.image-button { padding-left: 8px; padding-right: 8px; border-radius: 0.4em; } - notebook > header > tabs > arrow.text-button.image-button label, + notebook > header > tabs > arrow.text-button.image-button label, combobox:drop(active) button.text-button.image-button.combo label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - button:drop(active) { + notebook > header > tabs > arrow:drop(active), combobox:drop(active) button.combo:drop(active), combobox:drop(active) button.combo, .selection-mode button.titlebutton:drop(active), combobox:drop(active) .selection-mode button.combo.titlebutton, .selection-mode combobox:drop(active) button.combo.titlebutton, + button:drop(active), + combobox:drop(active) button.combo { color: rgba(124, 183, 255, 0.5); border-color: rgba(124, 183, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(124, 183, 255, 0.5); } -row:selected -button.flat:not(:active):not(:checked):not(:hover):not(disabled) { +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected .selection-mode button.titlebutton:not(:active):not(:checked):not(:hover):not(disabled), .selection-mode row:selected button.titlebutton:not(:active):not(:checked):not(:hover):not(disabled) { color: #fefefe; border-color: transparent; } - row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + row:selected progressbar:backdrop progress:not(disabled), progressbar:backdrop row:selected progress:not(disabled), row:selected progressbar:backdrop trough:not(disabled), progressbar:backdrop row:selected trough:not(disabled), row:selected label:backdrop selection:not(disabled), label:backdrop row:selected selection:not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected .selection-mode button.titlebutton:not(:active):not(:checked):not(:hover):not(disabled):backdrop, .selection-mode row:selected button.titlebutton:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #676a75; background: #15192b; } - +.selection-mode button.osd.titlebutton, button.osd { min-width: 24px; min-height: 20px; @@ -569,7 +593,7 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } - + progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:backdrop selection.osd:disabled, label:disabled selection.osd, button.osd:disabled:backdrop, button.osd:disabled { color: #898b8c; @@ -580,7 +604,7 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } - + progressbar:backdrop progress.osd, progressbar:backdrop trough.osd, label:backdrop selection.osd, button.osd:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); @@ -591,10 +615,8 @@ button.osd { -gtk-icon-shadow: none; border: none; } -.app-notification button, -.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, -.osd -button { +.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 .selection-mode button.titlebutton, .selection-mode .osd button.titlebutton, .osd button { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(20, 23, 26, 0.8); @@ -603,9 +625,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, - .osd - button:hover { + popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); @@ -614,15 +634,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, - .osd - button:active:backdrop, - .osd - button:active, - .osd - button:checked:backdrop, - .osd - button:checked { + progressbar:backdrop progress:active, progressbar:backdrop trough:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, progressbar:backdrop progress:checked, progressbar:backdrop trough:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd label:backdrop selection:active, label:backdrop .osd selection:active, .osd label:backdrop selection:checked, label:backdrop .osd selection:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to right, #ff3300, #ffa100); @@ -631,11 +643,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, - .osd - button:disabled:backdrop, - .osd - button:disabled { + progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #898b8c; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); @@ -643,9 +651,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, - .osd - button:backdrop { + popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); @@ -653,9 +659,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, - .osd - button.flat { + popover.background.touch-selection button.flat, popover.background.touch-selection .selection-mode button.titlebutton, .selection-mode popover.background.touch-selection button.titlebutton, popover.background.magnifier button.flat, popover.background.magnifier .selection-mode button.titlebutton, .selection-mode popover.background.magnifier button.titlebutton, .app-notification button.flat, .app-notification .selection-mode button.titlebutton, .selection-mode .app-notification button.titlebutton, .osd button.flat, .osd .selection-mode button.titlebutton, .selection-mode .osd button.titlebutton { background-color: transparent; background-image: none; border-color: transparent; @@ -665,9 +669,7 @@ button { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, - .osd - button.flat:hover { + popover.background.touch-selection button.flat:hover, popover.background.touch-selection .selection-mode button.titlebutton:hover, .selection-mode popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier button.flat:hover, popover.background.magnifier .selection-mode button.titlebutton:hover, .selection-mode popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover, .app-notification .selection-mode button.titlebutton:hover, .selection-mode .app-notification button.titlebutton:hover, .osd button.flat:hover, .osd .selection-mode button.titlebutton:hover, .selection-mode .osd button.titlebutton:hover { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); @@ -676,9 +678,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, - .osd - button.flat:disabled { + popover.background.touch-selection button.flat:disabled, popover.background.touch-selection .selection-mode button.titlebutton:disabled, .selection-mode popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier button.flat:disabled, popover.background.magnifier .selection-mode button.titlebutton:disabled, .selection-mode popover.background.magnifier button.titlebutton:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat, .osd button.flat:disabled, .osd .selection-mode button.titlebutton:disabled, .selection-mode .osd button.titlebutton:disabled { color: #898b8c; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); @@ -689,20 +689,14 @@ button { background-image: none; border-color: transparent; box-shadow: none; } - .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, - .osd - button.flat:backdrop { + progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection .selection-mode button.titlebutton:backdrop, .selection-mode popover.background.touch-selection button.titlebutton:backdrop, popover.background.touch-selection progressbar:backdrop progress.flat, progressbar:backdrop popover.background.touch-selection progress.flat, popover.background.touch-selection progressbar:backdrop trough.flat, progressbar:backdrop popover.background.touch-selection trough.flat, popover.background.magnifier button.flat:backdrop, popover.background.magnifier .selection-mode button.titlebutton:backdrop, .selection-mode popover.background.magnifier button.titlebutton:backdrop, popover.background.magnifier progressbar:backdrop progress.flat, progressbar:backdrop popover.background.magnifier progress.flat, popover.background.magnifier progressbar:backdrop trough.flat, progressbar:backdrop popover.background.magnifier trough.flat, .osd label:backdrop selection.flat, label:backdrop .osd selection.flat, .osd button.flat:backdrop, .osd .selection-mode button.titlebutton:backdrop, .selection-mode .osd button.titlebutton:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, - .osd - button.flat:active, - .osd - button.flat:checked { + popover.background.touch-selection button.flat:active, popover.background.touch-selection .selection-mode button.titlebutton:active, .selection-mode popover.background.touch-selection button.titlebutton:active, popover.background.magnifier button.flat:active, popover.background.magnifier .selection-mode button.titlebutton:active, .selection-mode popover.background.magnifier button.titlebutton:active, .app-notification button.flat:active, .app-notification .selection-mode button.titlebutton:active, .selection-mode .app-notification button.titlebutton:active, popover.background.touch-selection button.flat:checked, popover.background.touch-selection .selection-mode button.titlebutton:checked, .selection-mode popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier button.flat:checked, popover.background.magnifier .selection-mode button.titlebutton:checked, .selection-mode popover.background.magnifier button.titlebutton:checked, .app-notification button.flat:checked, .app-notification .selection-mode button.titlebutton:checked, .selection-mode .app-notification button.titlebutton:checked, .osd button.flat:active, .osd .selection-mode button.titlebutton:active, .selection-mode .osd button.titlebutton:active, .osd button.flat:checked, .osd .selection-mode button.titlebutton:checked, .selection-mode .osd button.titlebutton:checked { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to right, #ff3300, #ffa100); @@ -712,79 +706,107 @@ button { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - +.selection-mode button.titlebutton, button.suggested-action { border: none; box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } - .selection-mode button.titlebutton, - button.suggested-action.flat { + .selection-mode button.titlebutton, popover.background checkbutton.suggested-action, + popover.background radiobutton.suggested-action, notebook > header > tabs > arrow.suggested-action, + button.suggested-action.flat, + popover.background checkbutton.suggested-action, + popover.background radiobutton.suggested-action { box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } - button.suggested-action:hover { + button.suggested-action:hover, + .selection-mode button.titlebutton:hover { color: white; background: rgba(204, 85, 0, 0.5); outline-color: rgba(255, 255, 255, 0.3); text-shadow: none; } button.suggested-action:active, - button.suggested-action:checked { + .selection-mode button.titlebutton:active, + button.suggested-action:checked, + .selection-mode button.titlebutton:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - .selection-mode button.titlebutton:backdrop, + progressbar:backdrop progress.suggested-action, progressbar:backdrop trough.suggested-action, label:backdrop selection.suggested-action, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background checkbutton.suggested-action:backdrop, popover.background progressbar:backdrop progress.suggested-action, progressbar:backdrop popover.background progress.suggested-action, popover.background progressbar:backdrop trough.suggested-action, progressbar:backdrop popover.background trough.suggested-action, + popover.background radiobutton.suggested-action:backdrop, notebook > header > tabs > arrow.suggested-action:backdrop, label:backdrop selection.flat, button.suggested-action:backdrop, + .selection-mode button.titlebutton:backdrop, button.suggested-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - .selection-mode button.titlebutton:backdrop label, + progressbar:backdrop progress.suggested-action label, progressbar:backdrop trough.suggested-action label, label:backdrop selection.suggested-action label, progressbar:backdrop progress.flat label, progressbar:backdrop trough.flat label, popover.background checkbutton.suggested-action:backdrop label, popover.background progressbar:backdrop progress.suggested-action label, progressbar:backdrop popover.background progress.suggested-action label, popover.background progressbar:backdrop trough.suggested-action label, progressbar:backdrop popover.background trough.suggested-action label, + popover.background radiobutton.suggested-action:backdrop label, notebook > header > tabs > arrow.suggested-action:backdrop label, label:backdrop selection.flat label, button.suggested-action:backdrop label, + .selection-mode button.titlebutton:backdrop label, button.suggested-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } - .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, + progressbar:backdrop progress.suggested-action:active, progressbar:backdrop trough.suggested-action:active, label:backdrop selection.suggested-action:active, progressbar:backdrop progress.suggested-action:checked, progressbar:backdrop trough.suggested-action:checked, label:backdrop selection.suggested-action:checked, progressbar:backdrop progress.flat:active, progressbar:backdrop trough.flat:active, popover.background checkbutton.suggested-action:backdrop:active, + popover.background radiobutton.suggested-action:backdrop:active, notebook > header > tabs > arrow.suggested-action:backdrop:active, label:backdrop selection.flat:active, progressbar:backdrop progress.flat:checked, progressbar:backdrop trough.flat:checked, popover.background checkbutton.suggested-action:backdrop:checked, + popover.background radiobutton.suggested-action:backdrop:checked, notebook > header > tabs > arrow.suggested-action:backdrop:checked, label:backdrop selection.flat:checked, button.suggested-action:backdrop:active, + .selection-mode button.titlebutton:backdrop:active, button.suggested-action:backdrop:checked, + .selection-mode button.titlebutton:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, + progressbar:backdrop progress.suggested-action:active label, progressbar:backdrop trough.suggested-action:active label, label:backdrop selection.suggested-action:active label, progressbar:backdrop progress.suggested-action:checked label, progressbar:backdrop trough.suggested-action:checked label, label:backdrop selection.suggested-action:checked label, progressbar:backdrop progress.flat:active label, progressbar:backdrop trough.flat:active label, popover.background checkbutton.suggested-action:backdrop:active label, + popover.background radiobutton.suggested-action:backdrop:active label, notebook > header > tabs > arrow.suggested-action:backdrop:active label, label:backdrop selection.flat:active label, progressbar:backdrop progress.flat:checked label, progressbar:backdrop trough.flat:checked label, popover.background checkbutton.suggested-action:backdrop:checked label, + popover.background radiobutton.suggested-action:backdrop:checked label, notebook > header > tabs > arrow.suggested-action:backdrop:checked label, label:backdrop selection.flat:checked label, button.suggested-action:backdrop:active label, + .selection-mode button.titlebutton:backdrop:active label, button.suggested-action:backdrop:checked label, + .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } - .selection-mode button.titlebutton:backdrop:disabled, + progressbar:backdrop progress.suggested-action:disabled, progressbar:backdrop trough.suggested-action:disabled, label:backdrop selection.suggested-action:disabled, label:disabled selection.suggested-action:backdrop, label:disabled progressbar:backdrop progress.suggested-action, progressbar:backdrop label:disabled progress.suggested-action, label:disabled progressbar:backdrop trough.suggested-action, progressbar:backdrop label:disabled trough.suggested-action, label:backdrop label:disabled selection.suggested-action, label:disabled label:backdrop selection.suggested-action, progressbar:backdrop progress.flat:disabled, progressbar:backdrop trough.flat:disabled, popover.background checkbutton.suggested-action:backdrop:disabled, + popover.background radiobutton.suggested-action:backdrop:disabled, notebook > header > tabs > arrow.suggested-action:backdrop:disabled, label:backdrop selection.flat:disabled, label:disabled selection.flat:backdrop, label:disabled progressbar:backdrop progress.flat, progressbar:backdrop label:disabled progress.flat, label:disabled progressbar:backdrop trough.flat, progressbar:backdrop label:disabled trough.flat, label:backdrop label:disabled selection.flat, label:disabled label:backdrop selection.flat, button.suggested-action:backdrop:disabled, + .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - .selection-mode button.titlebutton:backdrop:disabled label, + progressbar:backdrop progress.suggested-action:disabled label, progressbar:backdrop trough.suggested-action:disabled label, label:backdrop selection.suggested-action:disabled label, label:disabled selection.suggested-action:backdrop label, label:disabled progressbar:backdrop progress.suggested-action label, progressbar:backdrop label:disabled progress.suggested-action label, label:disabled progressbar:backdrop trough.suggested-action label, progressbar:backdrop label:disabled trough.suggested-action label, label:backdrop label:disabled selection.suggested-action label, label:disabled label:backdrop selection.suggested-action label, progressbar:backdrop progress.flat:disabled label, progressbar:backdrop trough.flat:disabled label, popover.background checkbutton.suggested-action:backdrop:disabled label, + popover.background radiobutton.suggested-action:backdrop:disabled label, notebook > header > tabs > arrow.suggested-action:backdrop:disabled label, label:backdrop selection.flat:disabled label, label:disabled selection.flat:backdrop label, label:disabled progressbar:backdrop progress.flat label, progressbar:backdrop label:disabled progress.flat label, label:disabled progressbar:backdrop trough.flat label, progressbar:backdrop label:disabled trough.flat label, label:backdrop label:disabled selection.flat label, label:disabled label:backdrop selection.flat label, button.suggested-action:backdrop:disabled label, + .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } - .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, + progressbar:backdrop progress.suggested-action:disabled:active, progressbar:backdrop trough.suggested-action:disabled:active, label:backdrop selection.suggested-action:disabled:active, label:disabled selection.suggested-action:backdrop:active, label:disabled progressbar:backdrop progress.suggested-action:active, progressbar:backdrop label:disabled progress.suggested-action:active, label:disabled progressbar:backdrop trough.suggested-action:active, progressbar:backdrop label:disabled trough.suggested-action:active, label:backdrop label:disabled selection.suggested-action:active, label:disabled label:backdrop selection.suggested-action:active, progressbar:backdrop progress.suggested-action:disabled:checked, progressbar:backdrop trough.suggested-action:disabled:checked, label:backdrop selection.suggested-action:disabled:checked, label:disabled selection.suggested-action:backdrop:checked, label:disabled progressbar:backdrop progress.suggested-action:checked, progressbar:backdrop label:disabled progress.suggested-action:checked, label:disabled progressbar:backdrop trough.suggested-action:checked, progressbar:backdrop label:disabled trough.suggested-action:checked, label:backdrop label:disabled selection.suggested-action:checked, label:disabled label:backdrop selection.suggested-action:checked, progressbar:backdrop progress.flat:disabled:active, progressbar:backdrop trough.flat:disabled:active, popover.background checkbutton.suggested-action:backdrop:disabled:active, + popover.background radiobutton.suggested-action:backdrop:disabled:active, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, label:backdrop selection.flat:disabled:active, label:disabled selection.flat:backdrop:active, label:disabled progressbar:backdrop progress.flat:active, progressbar:backdrop label:disabled progress.flat:active, label:disabled progressbar:backdrop trough.flat:active, progressbar:backdrop label:disabled trough.flat:active, label:backdrop label:disabled selection.flat:active, label:disabled label:backdrop selection.flat:active, progressbar:backdrop progress.flat:disabled:checked, progressbar:backdrop trough.flat:disabled:checked, popover.background checkbutton.suggested-action:backdrop:disabled:checked, + popover.background radiobutton.suggested-action:backdrop:disabled:checked, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked, label:backdrop selection.flat:disabled:checked, label:disabled selection.flat:backdrop:checked, label:disabled progressbar:backdrop progress.flat:checked, progressbar:backdrop label:disabled progress.flat:checked, label:disabled progressbar:backdrop trough.flat:checked, progressbar:backdrop label:disabled trough.flat:checked, label:backdrop label:disabled selection.flat:checked, label:disabled label:backdrop selection.flat:checked, button.suggested-action:backdrop:disabled:active, + .selection-mode button.titlebutton:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, + .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, + .selection-mode button.titlebutton:backdrop, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background checkbutton.suggested-action:backdrop, popover.background progressbar:backdrop progress.suggested-action, progressbar:backdrop popover.background progress.suggested-action, popover.background progressbar:backdrop trough.suggested-action, progressbar:backdrop popover.background trough.suggested-action, + popover.background radiobutton.suggested-action:backdrop, notebook > header > tabs > arrow.suggested-action:backdrop, progressbar:backdrop notebook > header > tabs > progress.suggested-action, progressbar:backdrop notebook > header > tabs > trough.suggested-action, label:backdrop selection.flat, .selection-mode button.titlebutton:disabled, popover.background checkbutton.suggested-action:disabled, + popover.background radiobutton.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, label:disabled selection.flat, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { @@ -795,25 +817,29 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 85, 0, 0.8); } - - button.suggested-action:disabled { + label:disabled selection.suggested-action, + button.suggested-action:disabled, + .selection-mode button.titlebutton:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - + label:disabled selection.suggested-action:active, label:disabled selection.suggested-action:checked, button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { + .selection-mode button.titlebutton:disabled:active, + button.suggested-action:disabled:checked, + .selection-mode button.titlebutton:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - + label:disabled selection.suggested-action:active label, label:disabled selection.suggested-action:checked label, button.suggested-action:disabled:active label, - button.suggested-action:disabled:checked label { + .selection-mode button.titlebutton:disabled:active label, + button.suggested-action:disabled:checked label, + .selection-mode button.titlebutton:disabled:checked label { color: rgba(254, 254, 254, 0.7); } - .osd - button.suggested-action { + .osd button.suggested-action, .osd .selection-mode button.titlebutton, .selection-mode .osd button.titlebutton { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(204, 85, 0, 0.5); @@ -822,8 +848,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.suggested-action:hover { + .osd button.suggested-action:hover, .osd .selection-mode button.titlebutton:hover, .selection-mode .osd button.titlebutton:hover { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.7), rgba(204, 85, 0, 0.7)); @@ -832,11 +857,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 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 progressbar:backdrop progress:active, progressbar:backdrop .osd progress:active, .osd progressbar:backdrop trough:active, progressbar:backdrop .osd trough:active, .osd label:backdrop selection:active, label:backdrop .osd selection:active, .osd progressbar:backdrop progress:checked, progressbar:backdrop .osd progress:checked, .osd progressbar:backdrop trough:checked, progressbar:backdrop .osd trough:checked, .osd label:backdrop selection:checked, label:backdrop .osd selection:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd .selection-mode button.titlebutton:active, .selection-mode .osd button.titlebutton:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked, .osd .selection-mode button.titlebutton:checked, .selection-mode .osd button.titlebutton:checked { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to right, #ff3300, #ffa100); @@ -845,9 +866,7 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { + .osd progressbar:backdrop progress:disabled, progressbar:backdrop .osd progress:disabled, .osd progressbar:backdrop trough:disabled, progressbar:backdrop .osd trough:disabled, .osd label:backdrop selection.suggested-action:disabled, label:backdrop .osd selection.suggested-action:disabled, .osd label:disabled selection.suggested-action, label:disabled .osd selection.suggested-action, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled, .osd .selection-mode button.titlebutton:disabled, .selection-mode .osd button.titlebutton:disabled { color: #898b8c; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); @@ -855,8 +874,7 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { + .osd progressbar:backdrop progress.suggested-action, progressbar:backdrop .osd progress.suggested-action, .osd progressbar:backdrop trough.suggested-action, progressbar:backdrop .osd trough.suggested-action, .osd label:backdrop selection.suggested-action, label:backdrop .osd selection.suggested-action, .osd button.suggested-action:backdrop, .osd .selection-mode button.titlebutton:backdrop, .selection-mode .osd button.titlebutton:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.5), rgba(204, 85, 0, 0.5)); @@ -865,15 +883,18 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; } - +.selection-mode button.destructive-action.titlebutton, button.destructive-action { border: none; box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #FF416C, #FF4B2B); } - - button.destructive-action.flat { + .selection-mode button.destructive-action.titlebutton, popover.background checkbutton.destructive-action, + popover.background radiobutton.destructive-action, notebook > header > tabs > arrow.destructive-action, + button.destructive-action.flat, + popover.background checkbutton.destructive-action, + popover.background radiobutton.destructive-action { box-shadow: none; color: white; border-radius: 100px; @@ -891,18 +912,22 @@ button.destructive-action { outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - + progressbar:backdrop progress.destructive-action, progressbar:backdrop trough.destructive-action, label:backdrop selection.destructive-action, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background checkbutton.destructive-action:backdrop, popover.background progressbar:backdrop progress.destructive-action, progressbar:backdrop popover.background progress.destructive-action, popover.background progressbar:backdrop trough.destructive-action, progressbar:backdrop popover.background trough.destructive-action, + popover.background radiobutton.destructive-action:backdrop, notebook > header > tabs > arrow.destructive-action:backdrop, label:backdrop selection.flat, button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - + progressbar:backdrop progress.destructive-action label, progressbar:backdrop trough.destructive-action label, label:backdrop selection.destructive-action label, progressbar:backdrop progress.flat label, progressbar:backdrop trough.flat label, popover.background checkbutton.destructive-action:backdrop label, popover.background progressbar:backdrop progress.destructive-action label, progressbar:backdrop popover.background progress.destructive-action label, popover.background progressbar:backdrop trough.destructive-action label, progressbar:backdrop popover.background trough.destructive-action label, + popover.background radiobutton.destructive-action:backdrop label, notebook > header > tabs > arrow.destructive-action:backdrop label, label:backdrop selection.flat label, button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } - + progressbar:backdrop progress.destructive-action:active, progressbar:backdrop trough.destructive-action:active, label:backdrop selection.destructive-action:active, progressbar:backdrop progress.destructive-action:checked, progressbar:backdrop trough.destructive-action:checked, label:backdrop selection.destructive-action:checked, progressbar:backdrop progress.flat:active, progressbar:backdrop trough.flat:active, popover.background checkbutton.destructive-action:backdrop:active, + popover.background radiobutton.destructive-action:backdrop:active, notebook > header > tabs > arrow.destructive-action:backdrop:active, label:backdrop selection.flat:active, progressbar:backdrop progress.flat:checked, progressbar:backdrop trough.flat:checked, popover.background checkbutton.destructive-action:backdrop:checked, + popover.background radiobutton.destructive-action:backdrop:checked, notebook > header > tabs > arrow.destructive-action:backdrop:checked, label:backdrop selection.flat:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, @@ -911,24 +936,30 @@ button.destructive-action { outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - + progressbar:backdrop progress.destructive-action:active label, progressbar:backdrop trough.destructive-action:active label, label:backdrop selection.destructive-action:active label, progressbar:backdrop progress.destructive-action:checked label, progressbar:backdrop trough.destructive-action:checked label, label:backdrop selection.destructive-action:checked label, progressbar:backdrop progress.flat:active label, progressbar:backdrop trough.flat:active label, popover.background checkbutton.destructive-action:backdrop:active label, + popover.background radiobutton.destructive-action:backdrop:active label, notebook > header > tabs > arrow.destructive-action:backdrop:active label, label:backdrop selection.flat:active label, progressbar:backdrop progress.flat:checked label, progressbar:backdrop trough.flat:checked label, popover.background checkbutton.destructive-action:backdrop:checked label, + popover.background radiobutton.destructive-action:backdrop:checked label, notebook > header > tabs > arrow.destructive-action:backdrop:checked label, label:backdrop selection.flat:checked label, button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } - + progressbar:backdrop progress.destructive-action:disabled, progressbar:backdrop trough.destructive-action:disabled, label:backdrop selection.destructive-action:disabled, label:disabled selection.destructive-action:backdrop, label:disabled progressbar:backdrop progress.destructive-action, progressbar:backdrop label:disabled progress.destructive-action, label:disabled progressbar:backdrop trough.destructive-action, progressbar:backdrop label:disabled trough.destructive-action, label:backdrop label:disabled selection.destructive-action, label:disabled label:backdrop selection.destructive-action, progressbar:backdrop progress.flat:disabled, progressbar:backdrop trough.flat:disabled, popover.background checkbutton.destructive-action:backdrop:disabled, + popover.background radiobutton.destructive-action:backdrop:disabled, notebook > header > tabs > arrow.destructive-action:backdrop:disabled, label:backdrop selection.flat:disabled, label:disabled selection.flat:backdrop, label:disabled progressbar:backdrop progress.flat, progressbar:backdrop label:disabled progress.flat, label:disabled progressbar:backdrop trough.flat, progressbar:backdrop label:disabled trough.flat, label:backdrop label:disabled selection.flat, label:disabled label:backdrop selection.flat, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - + progressbar:backdrop progress.destructive-action:disabled label, progressbar:backdrop trough.destructive-action:disabled label, label:backdrop selection.destructive-action:disabled label, label:disabled selection.destructive-action:backdrop label, label:disabled progressbar:backdrop progress.destructive-action label, progressbar:backdrop label:disabled progress.destructive-action label, label:disabled progressbar:backdrop trough.destructive-action label, progressbar:backdrop label:disabled trough.destructive-action label, label:backdrop label:disabled selection.destructive-action label, label:disabled label:backdrop selection.destructive-action label, progressbar:backdrop progress.flat:disabled label, progressbar:backdrop trough.flat:disabled label, popover.background checkbutton.destructive-action:backdrop:disabled label, + popover.background radiobutton.destructive-action:backdrop:disabled label, notebook > header > tabs > arrow.destructive-action:backdrop:disabled label, label:backdrop selection.flat:disabled label, label:disabled selection.flat:backdrop label, label:disabled progressbar:backdrop progress.flat label, progressbar:backdrop label:disabled progress.flat label, label:disabled progressbar:backdrop trough.flat label, progressbar:backdrop label:disabled trough.flat label, label:backdrop label:disabled selection.flat label, label:disabled label:backdrop selection.flat label, button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } - + progressbar:backdrop progress.destructive-action:disabled:active, progressbar:backdrop trough.destructive-action:disabled:active, label:backdrop selection.destructive-action:disabled:active, label:disabled selection.destructive-action:backdrop:active, label:disabled progressbar:backdrop progress.destructive-action:active, progressbar:backdrop label:disabled progress.destructive-action:active, label:disabled progressbar:backdrop trough.destructive-action:active, progressbar:backdrop label:disabled trough.destructive-action:active, label:backdrop label:disabled selection.destructive-action:active, label:disabled label:backdrop selection.destructive-action:active, progressbar:backdrop progress.destructive-action:disabled:checked, progressbar:backdrop trough.destructive-action:disabled:checked, label:backdrop selection.destructive-action:disabled:checked, label:disabled selection.destructive-action:backdrop:checked, label:disabled progressbar:backdrop progress.destructive-action:checked, progressbar:backdrop label:disabled progress.destructive-action:checked, label:disabled progressbar:backdrop trough.destructive-action:checked, progressbar:backdrop label:disabled trough.destructive-action:checked, label:backdrop label:disabled selection.destructive-action:checked, label:disabled label:backdrop selection.destructive-action:checked, progressbar:backdrop progress.flat:disabled:active, progressbar:backdrop trough.flat:disabled:active, popover.background checkbutton.destructive-action:backdrop:disabled:active, + popover.background radiobutton.destructive-action:backdrop:disabled:active, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, label:backdrop selection.flat:disabled:active, label:disabled selection.flat:backdrop:active, label:disabled progressbar:backdrop progress.flat:active, progressbar:backdrop label:disabled progress.flat:active, label:disabled progressbar:backdrop trough.flat:active, progressbar:backdrop label:disabled trough.flat:active, label:backdrop label:disabled selection.flat:active, label:disabled label:backdrop selection.flat:active, progressbar:backdrop progress.flat:disabled:checked, progressbar:backdrop trough.flat:disabled:checked, popover.background checkbutton.destructive-action:backdrop:disabled:checked, + popover.background radiobutton.destructive-action:backdrop:disabled:checked, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked, label:backdrop selection.flat:disabled:checked, label:disabled selection.flat:backdrop:checked, label:disabled progressbar:backdrop progress.flat:checked, progressbar:backdrop label:disabled progress.flat:checked, label:disabled progressbar:backdrop trough.flat:checked, progressbar:backdrop label:disabled trough.flat:checked, label:backdrop label:disabled selection.flat:checked, label:disabled label:backdrop selection.flat:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, @@ -937,7 +968,9 @@ button.destructive-action { outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - + .selection-mode button.destructive-action.titlebutton:backdrop, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background checkbutton.destructive-action:backdrop, popover.background progressbar:backdrop progress.destructive-action, progressbar:backdrop popover.background progress.destructive-action, popover.background progressbar:backdrop trough.destructive-action, progressbar:backdrop popover.background trough.destructive-action, + popover.background radiobutton.destructive-action:backdrop, notebook > header > tabs > arrow.destructive-action:backdrop, progressbar:backdrop notebook > header > tabs > progress.destructive-action, progressbar:backdrop notebook > header > tabs > trough.destructive-action, label:backdrop selection.flat, .selection-mode button.destructive-action.titlebutton:disabled, popover.background checkbutton.destructive-action:disabled, + popover.background radiobutton.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, label:disabled selection.flat, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { @@ -948,25 +981,24 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); } - + label:disabled selection.destructive-action, button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - + label:disabled selection.destructive-action:active, label:disabled selection.destructive-action:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - + label:disabled selection.destructive-action:active label, label:disabled selection.destructive-action:checked label, button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } - .osd - button.destructive-action { + .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(204, 0, 0, 0.5); @@ -975,8 +1007,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.destructive-action:hover { + .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(204, 0, 0, 0.7), rgba(204, 0, 0, 0.7)); @@ -985,11 +1016,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 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 progressbar:backdrop progress:active, progressbar:backdrop .osd progress:active, .osd progressbar:backdrop trough:active, progressbar:backdrop .osd trough:active, .osd label:backdrop selection:active, label:backdrop .osd selection:active, .osd progressbar:backdrop progress:checked, progressbar:backdrop .osd progress:checked, .osd progressbar:backdrop trough:checked, progressbar:backdrop .osd trough:checked, .osd label:backdrop selection:checked, label:backdrop .osd selection:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to right, #ff3300, #ffa100); @@ -998,9 +1025,7 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { + .osd progressbar:backdrop progress:disabled, progressbar:backdrop .osd progress:disabled, .osd progressbar:backdrop trough:disabled, progressbar:backdrop .osd trough:disabled, .osd label:backdrop selection.destructive-action:disabled, label:backdrop .osd selection.destructive-action:disabled, .osd label:disabled selection.destructive-action, label:disabled .osd selection.destructive-action, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #898b8c; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); @@ -1008,8 +1033,7 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { + .osd progressbar:backdrop progress.destructive-action, progressbar:backdrop .osd progress.destructive-action, .osd progressbar:backdrop trough.destructive-action, progressbar:backdrop .osd trough.destructive-action, .osd label:backdrop selection.destructive-action, label:backdrop .osd selection.destructive-action, .osd button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(204, 0, 0, 0.5), rgba(204, 0, 0, 0.5)); @@ -1018,67 +1042,52 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; } -.stack-switcher > -button { +.selection-mode .stack-switcher > button.titlebutton, .stack-switcher > button { outline-offset: -3px; } - .stack-switcher > - button > label { + .selection-mode .stack-switcher > button.titlebutton > label, .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > - button > image { + .selection-mode .stack-switcher > button.titlebutton > image, .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > - button.text-button { + .selection-mode .stack-switcher > button.text-button.titlebutton, .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } - .stack-switcher > - button.image-button { + .selection-mode .stack-switcher > button.image-button.titlebutton, .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } -.inline-toolbar -button, .inline-toolbar -button:backdrop { +.inline-toolbar .selection-mode button.titlebutton, .selection-mode .inline-toolbar button.titlebutton, .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 0.2em; border-width: 1px; } -.primary-toolbar -button, .primary-toolbar .raised -button { +.primary-toolbar .selection-mode button.titlebutton, .selection-mode .primary-toolbar button.titlebutton, .primary-toolbar button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } - .primary-toolbar - button:hover, .primary-toolbar .raised - button:hover { + .primary-toolbar button:hover, .primary-toolbar .raised button:hover { color: #fefefe; background: rgba(255, 106, 0, 0.5); outline-color: rgba(254, 254, 254, 0.3); text-shadow: none; } -.stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { +stacksidebar row.needs-attention > label, .selection-mode .stack-switcher > button.needs-attention.titlebutton > label, +.selection-mode .stack-switcher > button.needs-attention.titlebutton > image, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ff974d), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.932549)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .stack-switcher > button.needs-attention > label:backdrop, - .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } - .stack-switcher > button.needs-attention > label:dir(rtl), - .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } toolbar button:hover { @@ -1117,66 +1126,60 @@ toolbar button:active { .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: rgba(230, 95, 0, 0.3); } -toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton > button.flat:backdrop, toolbar.inline-toolbar .selection-mode toolbutton > button.titlebutton:backdrop, .selection-mode toolbar.inline-toolbar toolbutton > button.titlebutton:backdrop, toolbar.inline-toolbar progressbar:backdrop toolbutton > progress.flat, progressbar:backdrop toolbar.inline-toolbar toolbutton > progress.flat, toolbar.inline-toolbar progressbar:backdrop toolbutton > trough.flat, progressbar:backdrop toolbar.inline-toolbar toolbutton > trough.flat, toolbar.inline-toolbar label:backdrop toolbutton > selection.flat, label:backdrop toolbar.inline-toolbar toolbutton > selection.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { border-color: transparent; box-shadow: none; } -.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, -.linked > button:hover, -.linked > button:active, -.linked > button:checked, -.linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .inline-toolbar .selection-mode button.titlebutton, .selection-mode .inline-toolbar button.titlebutton, .inline-toolbar button, .inline-toolbar button:backdrop, .selection-mode .linked > button.titlebutton, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop { border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 0; border-right-style: none; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } -.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { +.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:first-child, .linked:not(.vertical) > combobox:last-child > box > button.combo:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), combobox.linked button:first-child:nth-child(2):dir(ltr), combobox.linked .linked.vertical > combobox:first-child > box > button.combo:nth-child(2):dir(ltr), .inline-toolbar progressbar:backdrop progress:first-child, progressbar:backdrop .inline-toolbar progress:first-child, .inline-toolbar progressbar:backdrop trough:first-child, progressbar:backdrop .inline-toolbar trough:first-child, .inline-toolbar button:first-child, .inline-toolbar .linked.vertical > combobox:first-child > box > button.combo, .inline-toolbar button:first-child:backdrop, .selection-mode .linked > button.titlebutton:first-child, progressbar:backdrop .linked > progress:first-child, progressbar:backdrop .linked > trough:first-child, .linked > button:first-child, .linked.vertical > combobox:first-child > box.linked > button.combo, .linked > button:first-child:hover, .linked > button:first-child:active, .linked > button:first-child:checked, .linked > button:first-child:backdrop { border-top-left-radius: 0.4em; border-bottom-left-radius: 0.4em; } -.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { +.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > combobox:first-child > box > button.combo:last-child, combobox.linked button:last-child:nth-child(2):dir(rtl), combobox.linked .linked.vertical > combobox:last-child > box > button.combo:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .inline-toolbar progressbar:backdrop progress:last-child, progressbar:backdrop .inline-toolbar progress:last-child, .inline-toolbar progressbar:backdrop trough:last-child, progressbar:backdrop .inline-toolbar trough:last-child, .inline-toolbar button:last-child, .inline-toolbar .linked.vertical > combobox:last-child > box > button.combo, .inline-toolbar button:last-child:backdrop, .selection-mode .linked > button.titlebutton:last-child, progressbar:backdrop .linked > progress:last-child, progressbar:backdrop .linked > trough:last-child, .linked > button:last-child, .linked.vertical > combobox:last-child > box.linked > button.combo, .linked > button:last-child:hover, .linked > button:last-child:active, .linked > button:last-child:checked, .linked > button:last-child:backdrop { border-top-right-radius: 0.4em; border-bottom-right-radius: 0.4em; border-right-style: solid; } -.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { +.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > combobox:last-child > box > button.combo:only-child, .linked:not(.vertical) > combobox:first-child > box > button.combo:only-child, combobox.linked button:only-child:nth-child(2):dir(rtl), combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(rtl), combobox.linked button:only-child:nth-child(2):dir(ltr), combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(ltr), .inline-toolbar progressbar:backdrop progress:only-child, progressbar:backdrop .inline-toolbar progress:only-child, .inline-toolbar progressbar:backdrop trough:only-child, progressbar:backdrop .inline-toolbar trough:only-child, .inline-toolbar button:only-child, .inline-toolbar .linked.vertical > combobox:only-child > box > button.combo, .inline-toolbar button:only-child:backdrop, .selection-mode .linked > button.titlebutton:only-child, progressbar:backdrop .linked > progress:only-child, progressbar:backdrop .linked > trough:only-child, .linked > button:only-child, .linked.vertical > combobox:only-child > box.linked > button.combo, .linked > button:only-child:hover, .linked > button:only-child:active, .linked > button:only-child:checked, .linked > button:only-child:backdrop { border-radius: 0.4em; border-style: solid; } -.linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked, -.linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > combobox:first-child > box > button.combo, .selection-mode .linked.vertical > button.titlebutton, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop { border-style: solid solid none solid; border-radius: 0; } -.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 > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:only-child > box > button.combo:first-child, .linked.vertical > combobox:last-child > box > button.combo:first-child, .linked.vertical > combobox:first-child > box > button.combo, combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(rtl), combobox.linked .linked.vertical > combobox:last-child > box > button.combo:nth-child(2):dir(rtl), .selection-mode .linked.vertical > button.titlebutton:first-child, combobox.linked label:backdrop .selection-mode .linked.vertical > button.titlebutton:nth-child(2):dir(rtl), .selection-mode combobox.linked label:backdrop .linked.vertical > button.titlebutton:nth-child(2):dir(rtl), .linked.vertical > button:first-child, .linked:not(.vertical) > combobox:first-child > box.linked.vertical > button.combo, combobox.linked .linked.vertical > button:nth-child(2):dir(rtl), .linked.vertical > button:first-child:hover, .linked.vertical > button:first-child:active, .linked.vertical > button:first-child:checked, .linked.vertical > button:first-child:backdrop, progressbar:backdrop .linked.vertical > progress:first-child, progressbar:backdrop .linked.vertical > trough:first-child { border-top-left-radius: 0.4em; border-top-right-radius: 0.4em; } -.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 > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:only-child > box > button.combo:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > combobox:first-child > box > button.combo:last-child, combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(ltr), combobox.linked .linked.vertical > combobox:first-child > box > button.combo:nth-child(2):dir(ltr), .selection-mode .linked.vertical > button.titlebutton:last-child, combobox.linked label:backdrop .selection-mode .linked.vertical > button.titlebutton:nth-child(2):dir(ltr), .selection-mode combobox.linked label:backdrop .linked.vertical > button.titlebutton:nth-child(2):dir(ltr), .linked.vertical > button:last-child, .linked:not(.vertical) > combobox:last-child > box.linked.vertical > button.combo, combobox.linked .linked.vertical > button:nth-child(2):dir(ltr), .linked.vertical > button:last-child:hover, .linked.vertical > button:last-child:active, .linked.vertical > button:last-child:checked, .linked.vertical > button:last-child:backdrop, progressbar:backdrop .linked.vertical > progress:last-child, progressbar:backdrop .linked.vertical > trough:last-child { border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em; border-style: solid; } -.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 > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > combobox:last-child > box > button.combo:only-child, .linked.vertical > combobox:first-child > box > button.combo:only-child, .selection-mode .linked.vertical > button.titlebutton:only-child, .linked.vertical > button:only-child, .linked:not(.vertical) > combobox:only-child > box.linked.vertical > button.combo, .linked.vertical > button:only-child:hover, .linked.vertical > button:only-child:active, .linked.vertical > button:only-child:checked, .linked.vertical > button:only-child:backdrop, progressbar:backdrop .linked.vertical > progress:only-child, progressbar:backdrop .linked.vertical > trough:only-child { border-radius: 0.4em; border-style: solid; } -modelbutton.flat, popover.background checkbutton, -popover.background radiobutton, -.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, -popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, -popover.background radiobutton:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, -button:visited, button:link:hover, button:link:active, button:link:checked, +.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, -button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { +button:visited:checked, button:link, +button:visited, calendar.button:disabled, label:disabled selection.button, calendar.button:backdrop, progressbar:backdrop progress.button, progressbar:backdrop trough.button, label:backdrop selection.button, calendar.button:hover, calendar.button, modelbutton.flat:backdrop, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background checkbutton.flat:backdrop, popover.background progressbar:backdrop progress.flat, progressbar:backdrop popover.background progress.flat, popover.background progressbar:backdrop trough.flat, progressbar:backdrop popover.background trough.flat, +popover.background radiobutton.flat:backdrop, modelbutton.flat:backdrop:hover, progressbar:backdrop progress.flat:hover, progressbar:backdrop trough.flat:hover, +label:backdrop selection.flat, modelbutton.flat, popover.background checkbutton.flat, +popover.background radiobutton.flat, +.menuitem.button.flat, +.selection-mode button.button.titlebutton, +popover.background checkbutton.button, +popover.background radiobutton.button, +notebook > header > tabs > arrow.button { background-color: transparent; background-image: none; border-color: transparent; @@ -1185,40 +1188,70 @@ button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop: -gtk-icon-shadow: none; } /* menu buttons */ -modelbutton.flat, popover.background checkbutton, -popover.background radiobutton, -.menuitem.button.flat { +modelbutton.flat, popover.background checkbutton.flat, +popover.background radiobutton.flat, +.menuitem.button.flat, +.selection-mode button.button.titlebutton, +popover.background checkbutton.button, +popover.background radiobutton.button, +notebook > header > tabs > arrow.button { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; } - modelbutton.flat:hover, popover.background checkbutton:hover, - popover.background radiobutton:hover, - .menuitem.button.flat:hover { + modelbutton.flat:hover, popover.background checkbutton.flat:hover, + popover.background radiobutton.flat:hover, + .menuitem.button.flat:hover, + .selection-mode button.button.titlebutton:hover, + popover.background checkbutton.button:hover, + popover.background radiobutton.button:hover, + notebook > header > tabs > arrow.button:hover { background-color: #161b2e; } - modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, + modelbutton.flat check:last-child, popover.background checkbutton.flat check:last-child, + popover.background radiobutton.flat check:last-child, modelbutton.flat radio:last-child, - popover.background checkbutton radio:last-child, - popover.background radiobutton radio:last-child, + popover.background checkbutton.flat radio:last-child, + popover.background radiobutton.flat radio:last-child, .menuitem.button.flat check:last-child, - .menuitem.button.flat radio:last-child { + .selection-mode button.button.titlebutton check:last-child, + popover.background checkbutton.button check:last-child, + popover.background radiobutton.button check:last-child, + notebook > header > tabs > arrow.button check:last-child, + .menuitem.button.flat radio:last-child, + .selection-mode button.button.titlebutton radio:last-child, + popover.background checkbutton.button radio:last-child, + popover.background radiobutton.button radio:last-child, + notebook > header > tabs > arrow.button radio:last-child { margin-left: 8px; } - modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, + modelbutton.flat check:first-child, popover.background checkbutton.flat check:first-child, + popover.background radiobutton.flat check:first-child, modelbutton.flat radio:first-child, - popover.background checkbutton radio:first-child, - popover.background radiobutton radio:first-child, + popover.background checkbutton.flat radio:first-child, + popover.background radiobutton.flat radio:first-child, .menuitem.button.flat check:first-child, - .menuitem.button.flat radio:first-child { + .selection-mode button.button.titlebutton check:first-child, + popover.background checkbutton.button check:first-child, + popover.background radiobutton.button check:first-child, + notebook > header > tabs > arrow.button check:first-child, + .menuitem.button.flat radio:first-child, + .selection-mode button.button.titlebutton radio:first-child, + popover.background checkbutton.button radio:first-child, + popover.background radiobutton.button radio:first-child, + notebook > header > tabs > arrow.button radio:first-child { margin-right: 8px; } -modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { +modelbutton.flat arrow, popover.background checkbutton.flat arrow, +popover.background radiobutton.flat arrow { background: none; } - modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { + modelbutton.flat arrow:hover, popover.background checkbutton.flat arrow:hover, + popover.background radiobutton.flat arrow:hover { background: none; } - modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { + modelbutton.flat arrow.left, popover.background checkbutton.flat arrow.left, + popover.background radiobutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { + modelbutton.flat arrow.right, popover.background checkbutton.flat arrow.right, + popover.background radiobutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { @@ -1246,7 +1279,7 @@ calendar { box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; font-weight: bold; } - calendar:selected:backdrop { + calendar:selected:backdrop, progressbar:backdrop progress:selected, progressbar:backdrop trough:selected, label:backdrop selection:selected { border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); @@ -1255,19 +1288,19 @@ calendar { calendar.header { border-bottom: 1px solid rgba(255, 255, 255, 0); border-radius: 1px; } - calendar.header:backdrop { + calendar.header:backdrop, progressbar:backdrop progress.header, progressbar:backdrop trough.header, label:backdrop selection.header { border-color: rgba(255, 255, 255, 0); } calendar.button { color: rgba(191, 195, 205, 0.45); } calendar.button:hover { color: #BFC3CD; } - calendar.button:backdrop { + calendar.button:backdrop, progressbar:backdrop progress.button, progressbar:backdrop trough.button, label:backdrop selection.button { color: rgba(103, 106, 117, 0.45); } - calendar.button:disabled { + calendar.button:disabled, label:disabled selection.button { color: rgba(103, 106, 117, 0.45); } - calendar:indeterminate, calendar:indeterminate:backdrop { + calendar:indeterminate, calendar:indeterminate:backdrop, progressbar:backdrop progress:indeterminate, progressbar:backdrop trough:indeterminate, label:backdrop selection:indeterminate { color: alpha(currentColor,0.55); } - calendar.highlight, calendar.highlight:backdrop { + calendar.highlight, calendar.highlight:backdrop, progressbar:backdrop progress.highlight, progressbar:backdrop trough.highlight, label:backdrop selection.highlight { font-size: smaller; color: #BFC3CD; } calendar:backdrop { @@ -1317,11 +1350,11 @@ radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } -check:disabled:backdrop { +check:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } -radio:disabled:backdrop { +radio:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } @@ -1349,27 +1382,27 @@ radio:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png")); -gtk-icon-shadow: none; } -check:checked:backdrop { +check:checked:backdrop, progressbar:backdrop progress:checked, progressbar:backdrop trough:checked, label:backdrop selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png")); -gtk-icon-shadow: none; } -radio:checked:backdrop { +radio:checked:backdrop, progressbar:backdrop progress:checked, progressbar:backdrop trough:checked, label:backdrop selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png")); -gtk-icon-shadow: none; } -check:checked:disabled { +check:checked:disabled, label:disabled selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } -radio:checked:disabled { +radio:checked:disabled, label:disabled selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } -check:checked:disabled:backdrop { +check:checked:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:checked:backdrop, label:disabled progressbar:backdrop progress:checked, progressbar:backdrop label:disabled progress:checked, label:disabled progressbar:backdrop trough:checked, progressbar:backdrop label:disabled trough:checked, label:backdrop selection:checked:disabled, label:disabled label:backdrop selection:checked, label:backdrop label:disabled selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } -radio:checked:disabled:backdrop { +radio:checked:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:checked:backdrop, label:disabled progressbar:backdrop progress:checked, progressbar:backdrop label:disabled progress:checked, label:disabled progressbar:backdrop trough:checked, progressbar:backdrop label:disabled trough:checked, label:backdrop selection:checked:disabled, label:disabled label:backdrop selection:checked, label:backdrop label:disabled selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } @@ -1397,27 +1430,27 @@ radio:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:backdrop { +check:indeterminate:backdrop, progressbar:backdrop progress:indeterminate, progressbar:backdrop trough:indeterminate, label:backdrop selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:backdrop { +radio:indeterminate:backdrop, progressbar:backdrop progress:indeterminate, progressbar:backdrop trough:indeterminate, label:backdrop selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:disabled { +check:indeterminate:disabled, label:disabled selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:disabled { +radio:indeterminate:disabled, label:disabled selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:disabled:backdrop { +check:indeterminate:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:indeterminate:backdrop, label:disabled progressbar:backdrop progress:indeterminate, progressbar:backdrop label:disabled progress:indeterminate, label:disabled progressbar:backdrop trough:indeterminate, progressbar:backdrop label:disabled trough:indeterminate, label:backdrop selection:indeterminate:disabled, label:disabled label:backdrop selection:indeterminate, label:backdrop label:disabled selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:disabled:backdrop { +radio:indeterminate:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:indeterminate:backdrop, label:disabled progressbar:backdrop progress:indeterminate, progressbar:backdrop label:disabled progress:indeterminate, label:disabled progressbar:backdrop trough:indeterminate, progressbar:backdrop label:disabled trough:indeterminate, label:backdrop selection:indeterminate:disabled, label:disabled label:backdrop selection:indeterminate, label:backdrop label:disabled selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } @@ -1461,11 +1494,11 @@ radio:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } -check:disabled:backdrop:selected { +check:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } -radio:disabled:backdrop:selected { +radio:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } @@ -1493,27 +1526,27 @@ radio:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } -check:checked:backdrop:selected { +check:checked:backdrop:selected, progressbar:backdrop progress:checked:selected, progressbar:backdrop trough:checked:selected, label:backdrop selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } -radio:checked:backdrop:selected { +radio:checked:backdrop:selected, progressbar:backdrop progress:checked:selected, progressbar:backdrop trough:checked:selected, label:backdrop selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } -check:checked:disabled:selected { +check:checked:disabled:selected, label:disabled selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } -radio:checked:disabled:selected { +radio:checked:disabled:selected, label:disabled selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } -check:checked:disabled:backdrop:selected { +check:checked:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:checked:backdrop:selected, label:disabled progressbar:backdrop progress:checked:selected, progressbar:backdrop label:disabled progress:checked:selected, label:disabled progressbar:backdrop trough:checked:selected, progressbar:backdrop label:disabled trough:checked:selected, label:backdrop selection:checked:disabled:selected, label:disabled label:backdrop selection:checked:selected, label:backdrop label:disabled selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } -radio:checked:disabled:backdrop:selected { +radio:checked:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:checked:backdrop:selected, label:disabled progressbar:backdrop progress:checked:selected, progressbar:backdrop label:disabled progress:checked:selected, label:disabled progressbar:backdrop trough:checked:selected, progressbar:backdrop label:disabled trough:checked:selected, label:backdrop selection:checked:disabled:selected, label:disabled label:backdrop selection:checked:selected, label:backdrop label:disabled selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } @@ -1541,27 +1574,27 @@ radio:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:backdrop:selected { +check:indeterminate:backdrop:selected, progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop trough:indeterminate:selected, label:backdrop selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:backdrop:selected { +radio:indeterminate:backdrop:selected, progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop trough:indeterminate:selected, label:backdrop selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:disabled:selected { +check:indeterminate:disabled:selected, label:disabled selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:disabled:selected { +radio:indeterminate:disabled:selected, label:disabled selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:disabled:backdrop:selected { +check:indeterminate:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:indeterminate:backdrop:selected, label:disabled progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop label:disabled progress:indeterminate:selected, label:disabled progressbar:backdrop trough:indeterminate:selected, progressbar:backdrop label:disabled trough:indeterminate:selected, label:backdrop selection:indeterminate:disabled:selected, label:disabled label:backdrop selection:indeterminate:selected, label:backdrop label:disabled selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:disabled:backdrop:selected { +radio:indeterminate:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:indeterminate:backdrop:selected, label:disabled progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop label:disabled progress:indeterminate:selected, label:disabled progressbar:backdrop trough:indeterminate:selected, progressbar:backdrop label:disabled trough:indeterminate:selected, label:backdrop selection:indeterminate:disabled:selected, label:disabled label:backdrop selection:indeterminate:selected, label:backdrop label:disabled selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } @@ -1603,46 +1636,48 @@ iconview.content-view.radio:active { .view.content-view check:backdrop, iconview.content-view check:backdrop, .view.content-view.check:backdrop, -iconview.content-view.check:backdrop { +progressbar:backdrop progress.check, +progressbar:backdrop trough.check { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:backdrop, iconview.content-view radio:backdrop, .view.content-view.radio:backdrop, -iconview.content-view.radio:backdrop { +progressbar:backdrop progress.radio, +progressbar:backdrop trough.radio { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled, iconview.content-view check:disabled, -.view.content-view.check:disabled, -iconview.content-view.check:disabled { +.view.content-view.check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled, iconview.content-view radio:disabled, -.view.content-view.radio:disabled, -iconview.content-view.radio:disabled { +.view.content-view.radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, .view.content-view.check:disabled:backdrop, -iconview.content-view.check:disabled:backdrop { +progressbar:backdrop progress:disabled, +progressbar:backdrop trough:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, .view.content-view.radio:disabled:backdrop, -iconview.content-view.radio:disabled:backdrop { +progressbar:backdrop progress:disabled, +progressbar:backdrop trough:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + checkbutton.text-button label:not(:only-child):first-child, checkbutton.text-button .linked.vertical > combobox:first-child > box > button.combo:not(:only-child), checkbutton.text-button .linked:not(.vertical) > combobox:first-child > box > button.combo:not(:only-child), checkbutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(rtl), combobox.linked checkbutton.text-button button:not(:only-child):nth-child(2):dir(rtl), radiobutton.text-button label:not(:only-child):first-child, radiobutton.text-button .linked.vertical > combobox:first-child > box > button.combo:not(:only-child), radiobutton.text-button .linked:not(.vertical) > combobox:first-child > box > button.combo:not(:only-child), radiobutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(rtl), combobox.linked radiobutton.text-button button:not(:only-child):nth-child(2):dir(rtl) { margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + checkbutton.text-button label:not(:only-child):last-child, checkbutton.text-button .linked.vertical > combobox:last-child > box > button.combo:not(:only-child), checkbutton.text-button .linked:not(.vertical) > combobox:last-child > box > button.combo:not(:only-child), checkbutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(ltr), combobox.linked checkbutton.text-button button:not(:only-child):nth-child(2):dir(ltr), radiobutton.text-button label:not(:only-child):last-child, radiobutton.text-button .linked.vertical > combobox:last-child > box > button.combo:not(:only-child), radiobutton.text-button .linked:not(.vertical) > combobox:last-child > box > button.combo:not(:only-child), radiobutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(ltr), combobox.linked radiobutton.text-button button:not(:only-child):nth-child(2):dir(ltr) { margin-right: 4px; } check, @@ -1651,13 +1686,9 @@ radio { min-height: 16px; min-width: 16px; border: 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 - radio, menu menuitem - radio:hover, menu menuitem - radio:disabled { + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { min-height: 14px; min-width: 14px; background-image: none; @@ -1736,7 +1767,7 @@ colorswatch overlay { colorswatch#add-color-button { border-radius: 5px 5px 0 0; } - colorswatch#add-color-button:only-child { + colorswatch#add-color-button:only-child, .linked.vertical > combobox:only-child > box > button#add-color-button.combo, .linked:not(.vertical) > combobox:only-child > box > button#add-color-button.combo { border-radius: 5px; } colorswatch#add-color-button overlay { font-weight: normal; @@ -1814,17 +1845,17 @@ messagedialog.csd .dialog-action-area button { messagedialog.csd .dialog-action-area button:hover { background-color: rgba(255, 106, 0, 0.9); color: white; } - messagedialog.csd .dialog-action-area button:first-child { + messagedialog.csd .dialog-action-area button:first-child, messagedialog.csd .dialog-action-area combobox.linked button:nth-child(2):dir(rtl), combobox.linked messagedialog.csd .dialog-action-area button:nth-child(2):dir(rtl), messagedialog.csd .dialog-action-area .linked:not(.vertical) > combobox:first-child > box > button.combo, messagedialog.csd .dialog-action-area .linked.vertical > combobox:first-child > box > button.combo { border-left-style: none; border-bottom-left-radius: 4px; } - messagedialog.csd .dialog-action-area button:last-child { + messagedialog.csd .dialog-action-area button:last-child, messagedialog.csd .dialog-action-area combobox.linked button:nth-child(2):dir(ltr), combobox.linked messagedialog.csd .dialog-action-area button:nth-child(2):dir(ltr), messagedialog.csd .dialog-action-area .linked:not(.vertical) > combobox:last-child > box > button.combo, messagedialog.csd .dialog-action-area .linked.vertical > combobox:last-child > box > button.combo { border-bottom-right-radius: 4px; } - messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action { + messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action, messagedialog.csd .dialog-action-area .selection-mode button.titlebutton, .selection-mode messagedialog.csd .dialog-action-area button.titlebutton { color: white; } filechooser .dialog-action-box { border-top: 1px solid rgba(255, 255, 255, 0.05); } - filechooser .dialog-action-box:backdrop { + filechooser .dialog-action-box:backdrop, filechooser progressbar:backdrop progress.dialog-action-box, progressbar:backdrop filechooser progress.dialog-action-box, filechooser progressbar:backdrop trough.dialog-action-box, progressbar:backdrop filechooser trough.dialog-action-box, filechooser label:backdrop selection.dialog-action-box, label:backdrop filechooser selection.dialog-action-box { border-top-color: rgba(59, 62, 71, 0.145); } filechooser #pathbarbox { @@ -1878,7 +1909,7 @@ entry { background-position: right center; border: none; box-shadow: none; } - spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat { min-height: 0; @@ -1919,7 +1950,7 @@ entry { spinbutton.error:focus:not(.vertical), entry.error:focus { border-color: #330000; } - spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + spinbutton.error:selected:not(.vertical), entry.error:selected:focus, entry.error:selected { background-color: #e60000; } @@ -1933,7 +1964,7 @@ entry { spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-color: #1a0b00; } - spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + spinbutton.warning:selected:not(.vertical), entry.warning:selected:focus, entry.warning:selected { background-color: #cc5500; } @@ -1949,29 +1980,26 @@ entry { spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #575a66; } - spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: rgba(124, 183, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(124, 183, 255, 0.5); } - .osd spinbutton:not(.vertical), .osd - entry { + .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.5); 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: #ff6a00; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; 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: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.5); @@ -1979,8 +2007,7 @@ 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: #898b8c; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(43, 46, 49, 0.5); @@ -1999,89 +2026,57 @@ entry progress { border-color: #ff6a00; border-style: solid; box-shadow: none; } - spinbutton:not(.vertical) progress:backdrop, - entry progress:backdrop { + spinbutton:not(.vertical) progress:backdrop, spinbutton:not(.vertical) progressbar:backdrop progress, progressbar:backdrop spinbutton:not(.vertical) progress, + entry progress:backdrop, + entry progressbar:backdrop progress, + progressbar:backdrop entry progress { 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) > -entry:focus + -entry { +.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) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #cc5500; } -.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > -entry:focus { +.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > entry:focus { border-color: #cc5500; } -.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 { +.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) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: rgba(124, 183, 255, 0.5); } -.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: rgba(20, 24, 38, 0.715); background-image: linear-gradient(to bottom, #111524, #111524); } - .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) { + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, progressbar:backdrop .linked.vertical > spinbutton:not(:disabled):not(.vertical) + progress:not(:disabled), progressbar:backdrop .linked.vertical > spinbutton:not(:disabled):not(.vertical) + trough:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, progressbar:backdrop .linked.vertical > entry:not(:disabled) + progress:not(:disabled), progressbar:backdrop .linked.vertical > entry:not(:disabled) + trough:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: rgba(22, 26, 44, 0.7435); background-image: linear-gradient(to bottom, #15192b, #15192b); } -.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 { +.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: rgba(20, 24, 38, 0.715); } .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 > -entry + entry:focus:not(:only-child) { +.linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #cc5500; } .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 > -entry + entry:drop(active):not(:only-child) { +.linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: rgba(124, 183, 255, 0.5); } .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 > -entry:focus:not(:only-child) + entry, -.linked.vertical > -entry:focus:not(:only-child) + button, -.linked.vertical > -entry:focus:not(:only-child) + combobox > box > button.combo { +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #cc5500; } .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 > -entry:drop(active):not(:only-child) + entry, -.linked.vertical > -entry:drop(active):not(:only-child) + button, -.linked.vertical > -entry:drop(active):not(:only-child) + combobox > box > button.combo { +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: rgba(124, 183, 255, 0.5); } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { @@ -2127,7 +2122,7 @@ expander arrow { border-top-right-radius: 0; } .floating-bar > button { padding: 4px; } - .floating-bar:backdrop { + .floating-bar:backdrop, progressbar:backdrop progress.floating-bar, progressbar:backdrop trough.floating-bar, label:backdrop selection.floating-bar { background-color: #0E111D; border-color: rgba(59, 62, 71, 0.145); } @@ -2142,10 +2137,17 @@ frame > border, border-radius: 0; border: 1px solid rgba(255, 255, 255, 0.05); } frame > border.flat, - .frame.flat { + .frame.flat, + .selection-mode button.frame.titlebutton, + popover.background checkbutton.frame, + popover.background radiobutton.frame, + notebook > header > tabs > arrow.frame { border-style: none; } frame > border:backdrop, - .frame:backdrop { + .frame:backdrop, + progressbar:backdrop progress.frame, + progressbar:backdrop trough.frame, + label:backdrop selection.frame { border-color: rgba(59, 62, 71, 0.145); } actionbar > revealer > box { @@ -2165,7 +2167,7 @@ scrolledwindow overshoot.top { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.top:backdrop { + scrolledwindow overshoot.top:backdrop, scrolledwindow progressbar:backdrop progress.top, progressbar:backdrop scrolledwindow progress.top, scrolledwindow progressbar:backdrop trough.top, progressbar:backdrop scrolledwindow trough.top, scrolledwindow label:backdrop selection.top, label:backdrop scrolledwindow selection.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(59, 62, 71, 0.145)), to(rgba(59, 62, 71, 0))); background-size: 100% 5%; background-repeat: no-repeat; @@ -2182,7 +2184,7 @@ scrolledwindow overshoot.bottom { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.bottom:backdrop { + scrolledwindow overshoot.bottom:backdrop, scrolledwindow progressbar:backdrop progress.bottom, progressbar:backdrop scrolledwindow progress.bottom, scrolledwindow progressbar:backdrop trough.bottom, progressbar:backdrop scrolledwindow trough.bottom, scrolledwindow label:backdrop selection.bottom, label:backdrop scrolledwindow selection.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(59, 62, 71, 0.145)), to(rgba(59, 62, 71, 0))); background-size: 100% 5%; background-repeat: no-repeat; @@ -2199,7 +2201,7 @@ scrolledwindow overshoot.left { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.left:backdrop { + scrolledwindow overshoot.left:backdrop, scrolledwindow progressbar:backdrop progress.left, progressbar:backdrop scrolledwindow progress.left, scrolledwindow progressbar:backdrop trough.left, progressbar:backdrop scrolledwindow trough.left, scrolledwindow label:backdrop selection.left, label:backdrop scrolledwindow selection.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(59, 62, 71, 0.145)), to(rgba(59, 62, 71, 0))); background-size: 5% 100%; background-repeat: no-repeat; @@ -2216,7 +2218,7 @@ scrolledwindow overshoot.right { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.right:backdrop { + scrolledwindow overshoot.right:backdrop, scrolledwindow progressbar:backdrop progress.right, progressbar:backdrop scrolledwindow progress.right, scrolledwindow progressbar:backdrop trough.right, progressbar:backdrop scrolledwindow trough.right, scrolledwindow label:backdrop selection.right, label:backdrop scrolledwindow selection.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(59, 62, 71, 0.145)), to(rgba(59, 62, 71, 0))); background-size: 5% 100%; background-repeat: no-repeat; @@ -2346,7 +2348,7 @@ GraniteWidgetsWelcome { padding: 0 6px; margin: 0 3px; border-width: 0; } - .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + .source-list .badge:selected:backdrop, .source-list progressbar:backdrop progress:selected, progressbar:backdrop .source-list progress:selected, .source-list progressbar:backdrop trough:selected, progressbar:backdrop .source-list trough:selected, .source-list label:backdrop selection:selected, label:backdrop .source-list selection:selected, .source-list .badge:selected:hover:backdrop, .source-list progressbar:backdrop progress:hover, progressbar:backdrop .source-list progress:hover, .source-list progressbar:backdrop trough:hover, progressbar:backdrop .source-list trough:hover, .source-list label:backdrop selection:hover, label:backdrop .source-list selection:hover { background-color: rgba(0, 0, 0, 0.2); color: #06070c; } .source-list row, @@ -2397,12 +2399,12 @@ GraniteWidgetsWelcome { box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; padding: 8px 6px; } - .storage-bar .fill-block:first-child { + .storage-bar .fill-block:first-child, .storage-bar combobox.linked button.fill-block:nth-child(2):dir(rtl), combobox.linked .storage-bar button.fill-block:nth-child(2):dir(rtl), .storage-bar .linked:not(.vertical) > combobox:first-child > box > button.fill-block.combo, .storage-bar .linked.vertical > combobox:first-child > box > button.fill-block.combo { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } - .storage-bar .fill-block:last-child { + .storage-bar .fill-block:last-child, .storage-bar combobox.linked button.fill-block:nth-child(2):dir(ltr), combobox.linked .storage-bar button.fill-block:nth-child(2):dir(ltr), .storage-bar .linked:not(.vertical) > combobox:last-child > box > button.fill-block.combo, .storage-bar .linked.vertical > combobox:last-child > box > button.fill-block.combo { border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } @@ -2423,14 +2425,14 @@ GraniteWidgetsWelcome { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), .titlebar, +.titlebar, .titlebar:not(headerbar), headerbar { padding: 0px 13px; min-height: 34px; background: #06070c; color: #BFC3CD; border-radius: 0; } - .titlebar:backdrop, + .titlebar:backdrop, progressbar:backdrop progress.titlebar, progressbar:backdrop trough.titlebar, label:backdrop selection.titlebar, headerbar:backdrop { border-color: rgba(59, 62, 71, 0.145); transition: 200ms ease-out; } @@ -2444,10 +2446,10 @@ headerbar { font-size: smaller; padding-left: 12px; padding-right: 12px; } - .titlebar:not(headerbar) entry, .titlebar entry, + .titlebar entry, .titlebar:not(headerbar) entry, headerbar entry { min-height: 24px; } - .titlebar:not(headerbar) button, .titlebar button, + .titlebar button, .titlebar:not(headerbar) button, headerbar button { color: #8b8b8b; text-shadow: none; @@ -2461,34 +2463,86 @@ headerbar { .titlebar button.image-button, headerbar button.image-button { padding: 3px 4px; } - .titlebar button.suggested-action, - headerbar button.suggested-action { + .titlebar button.suggested-action, .titlebar .selection-mode button.titlebutton, .selection-mode .titlebar button.titlebutton, + headerbar button.suggested-action, + headerbar .selection-mode button.titlebutton, + .selection-mode headerbar button.titlebutton { box-shadow: none; border: none; background-image: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } - .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop, + .titlebar button.suggested-action:disabled, .titlebar .selection-mode button.titlebutton:disabled, .selection-mode .titlebar button.titlebutton:disabled, .titlebar label:disabled selection.suggested-action, label:disabled .titlebar selection.suggested-action, .titlebar button.suggested-action:backdrop, .titlebar .selection-mode button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, .titlebar progressbar:backdrop progress.suggested-action, progressbar:backdrop .titlebar progress.suggested-action, .titlebar progressbar:backdrop trough.suggested-action, progressbar:backdrop .titlebar trough.suggested-action, .titlebar label:backdrop selection.suggested-action, label:backdrop .titlebar selection.suggested-action, headerbar button.suggested-action:disabled, - headerbar button.suggested-action:disabled:backdrop, - headerbar button.suggested-action:backdrop { + headerbar .selection-mode button.titlebutton:disabled, + .selection-mode headerbar button.titlebutton:disabled, + headerbar label:disabled selection.suggested-action, + label:disabled headerbar selection.suggested-action, + headerbar button.suggested-action:backdrop, + headerbar .selection-mode button.titlebutton:backdrop, + .selection-mode headerbar button.titlebutton:backdrop, + headerbar progressbar:backdrop progress.suggested-action, + progressbar:backdrop headerbar progress.suggested-action, + headerbar progressbar:backdrop trough.suggested-action, + progressbar:backdrop headerbar trough.suggested-action, + headerbar label:backdrop selection.suggested-action, + label:backdrop headerbar selection.suggested-action { border: none; background-image: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } - .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked, + .titlebar button.suggested-action:disabled:hover, .titlebar .selection-mode button.titlebutton:disabled:hover, .selection-mode .titlebar button.titlebutton:disabled:hover, .titlebar label:disabled selection.suggested-action:hover, label:disabled .titlebar selection.suggested-action:hover, .titlebar button.suggested-action:disabled:active, .titlebar .selection-mode button.titlebutton:disabled:active, .selection-mode .titlebar button.titlebutton:disabled:active, .titlebar label:disabled selection.suggested-action:active, label:disabled .titlebar selection.suggested-action:active, .titlebar button.suggested-action:disabled:checked, .titlebar .selection-mode button.titlebutton:disabled:checked, .selection-mode .titlebar button.titlebutton:disabled:checked, .titlebar label:disabled selection.suggested-action:checked, label:disabled .titlebar selection.suggested-action:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar .selection-mode button.titlebutton:backdrop:hover, .selection-mode .titlebar button.titlebutton:backdrop:hover, .titlebar progressbar:backdrop progress.suggested-action:hover, progressbar:backdrop .titlebar progress.suggested-action:hover, .titlebar progressbar:backdrop trough.suggested-action:hover, progressbar:backdrop .titlebar trough.suggested-action:hover, .titlebar label:backdrop selection.suggested-action:hover, label:backdrop .titlebar selection.suggested-action:hover, .titlebar button.suggested-action:backdrop:active, .titlebar .selection-mode button.titlebutton:backdrop:active, .selection-mode .titlebar button.titlebutton:backdrop:active, .titlebar progressbar:backdrop progress.suggested-action:active, progressbar:backdrop .titlebar progress.suggested-action:active, .titlebar progressbar:backdrop trough.suggested-action:active, progressbar:backdrop .titlebar trough.suggested-action:active, .titlebar label:backdrop selection.suggested-action:active, label:backdrop .titlebar selection.suggested-action:active, .titlebar button.suggested-action:backdrop:checked, .titlebar .selection-mode button.titlebutton:backdrop:checked, .selection-mode .titlebar button.titlebutton:backdrop:checked, .titlebar progressbar:backdrop progress.suggested-action:checked, progressbar:backdrop .titlebar progress.suggested-action:checked, .titlebar progressbar:backdrop trough.suggested-action:checked, progressbar:backdrop .titlebar trough.suggested-action:checked, .titlebar label:backdrop selection.suggested-action:checked, label:backdrop .titlebar selection.suggested-action:checked, headerbar button.suggested-action:disabled:hover, + headerbar .selection-mode button.titlebutton:disabled:hover, + .selection-mode headerbar button.titlebutton:disabled:hover, + headerbar label:disabled selection.suggested-action:hover, + label:disabled headerbar selection.suggested-action:hover, headerbar button.suggested-action:disabled:active, + headerbar .selection-mode button.titlebutton:disabled:active, + .selection-mode headerbar button.titlebutton:disabled:active, + headerbar label:disabled selection.suggested-action:active, + label:disabled headerbar selection.suggested-action:active, headerbar button.suggested-action:disabled:checked, - headerbar button.suggested-action:disabled:backdrop:hover, - headerbar button.suggested-action:disabled:backdrop:active, - headerbar button.suggested-action:disabled:backdrop:checked, + headerbar .selection-mode button.titlebutton:disabled:checked, + .selection-mode headerbar button.titlebutton:disabled:checked, + headerbar label:disabled selection.suggested-action:checked, + label:disabled headerbar selection.suggested-action:checked, headerbar button.suggested-action:backdrop:hover, + headerbar .selection-mode button.titlebutton:backdrop:hover, + .selection-mode headerbar button.titlebutton:backdrop:hover, + headerbar progressbar:backdrop progress.suggested-action:hover, + progressbar:backdrop headerbar progress.suggested-action:hover, + headerbar progressbar:backdrop trough.suggested-action:hover, + progressbar:backdrop headerbar trough.suggested-action:hover, + headerbar label:backdrop selection.suggested-action:hover, + label:backdrop headerbar selection.suggested-action:hover, headerbar button.suggested-action:backdrop:active, - headerbar button.suggested-action:backdrop:checked { + headerbar .selection-mode button.titlebutton:backdrop:active, + .selection-mode headerbar button.titlebutton:backdrop:active, + headerbar progressbar:backdrop progress.suggested-action:active, + progressbar:backdrop headerbar progress.suggested-action:active, + headerbar progressbar:backdrop trough.suggested-action:active, + progressbar:backdrop headerbar trough.suggested-action:active, + headerbar label:backdrop selection.suggested-action:active, + label:backdrop headerbar selection.suggested-action:active, + headerbar button.suggested-action:backdrop:checked, + headerbar .selection-mode button.titlebutton:backdrop:checked, + .selection-mode headerbar button.titlebutton:backdrop:checked, + headerbar progressbar:backdrop progress.suggested-action:checked, + progressbar:backdrop headerbar progress.suggested-action:checked, + headerbar progressbar:backdrop trough.suggested-action:checked, + progressbar:backdrop headerbar trough.suggested-action:checked, + headerbar label:backdrop selection.suggested-action:checked, + label:backdrop headerbar selection.suggested-action:checked { border: none; background-image: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } - .titlebar button.appmenu:backdrop, - headerbar button.appmenu:backdrop { + .titlebar button.appmenu:backdrop, .titlebar progressbar:backdrop progress.appmenu, progressbar:backdrop .titlebar progress.appmenu, .titlebar progressbar:backdrop trough.appmenu, progressbar:backdrop .titlebar trough.appmenu, .titlebar label:backdrop selection.appmenu, label:backdrop .titlebar selection.appmenu, + headerbar button.appmenu:backdrop, + headerbar progressbar:backdrop progress.appmenu, + progressbar:backdrop headerbar progress.appmenu, + headerbar progressbar:backdrop trough.appmenu, + progressbar:backdrop headerbar trough.appmenu, + headerbar label:backdrop selection.appmenu, + label:backdrop headerbar selection.appmenu { background: transparent; } .titlebar button:hover, .titlebar button:active, .titlebar button:checked, headerbar button:hover, @@ -2498,10 +2552,9 @@ headerbar { color: #ff6a00; box-shadow: none; border: none; } - .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, + .titlebar button:backdrop, .titlebar button:disabled, headerbar button:backdrop, - headerbar button:disabled, - headerbar button:backdrop:disabled { + headerbar button:disabled { color: rgba(191, 195, 205, 0.2); background-color: transparent; border-radius: 0; @@ -2520,8 +2573,10 @@ headerbar { headerbar button:backdrop:active label, headerbar button:backdrop:checked label { color: #ff6a00; } - .titlebar button.suggested-action, - headerbar button.suggested-action { + .titlebar button.suggested-action, .titlebar .selection-mode button.titlebutton, .selection-mode .titlebar button.titlebutton, + headerbar button.suggested-action, + headerbar .selection-mode button.titlebutton, + .selection-mode headerbar button.titlebutton { font-weight: bold; min-height: 24px; margin-top: 5px; @@ -2532,36 +2587,78 @@ headerbar { background-color: #181c31; text-shadow: none; box-shadow: none; } - .titlebar button.suggested-action:hover, - headerbar button.suggested-action:hover { + .titlebar button.suggested-action:hover, .titlebar .selection-mode button.titlebutton:hover, .selection-mode .titlebar button.titlebutton:hover, + headerbar button.suggested-action:hover, + headerbar .selection-mode button.titlebutton:hover, + .selection-mode headerbar button.titlebutton:hover { color: white; background: rgba(204, 85, 0, 0.5); outline-color: rgba(255, 255, 255, 0.3); text-shadow: none; } - .titlebar button.suggested-action:active, - headerbar button.suggested-action:active { + .titlebar button.suggested-action:active, .titlebar .selection-mode button.titlebutton:active, .selection-mode .titlebar button.titlebutton:active, + headerbar button.suggested-action:active, + headerbar .selection-mode button.titlebutton:active, + .selection-mode headerbar button.titlebutton:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - .titlebar button.suggested-action:disabled, - headerbar button.suggested-action:disabled { + .titlebar button.suggested-action:disabled, .titlebar .selection-mode button.titlebutton:disabled, .selection-mode .titlebar button.titlebutton:disabled, .titlebar label:disabled selection.suggested-action, label:disabled .titlebar selection.suggested-action, + headerbar button.suggested-action:disabled, + headerbar .selection-mode button.titlebutton:disabled, + .selection-mode headerbar button.titlebutton:disabled, + headerbar label:disabled selection.suggested-action, + label:disabled headerbar selection.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - .titlebar button.suggested-action:disabled label, - headerbar button.suggested-action:disabled label { + .titlebar button.suggested-action:disabled label, .titlebar .selection-mode button.titlebutton:disabled label, .selection-mode .titlebar button.titlebutton:disabled label, .titlebar label:disabled selection.suggested-action label, label:disabled .titlebar selection.suggested-action label, + headerbar button.suggested-action:disabled label, + headerbar .selection-mode button.titlebutton:disabled label, + .selection-mode headerbar button.titlebutton:disabled label, + headerbar label:disabled selection.suggested-action label, + label:disabled headerbar selection.suggested-action label { color: rgba(255, 255, 255, 0.5); } - .titlebar button.suggested-action:backdrop, - headerbar button.suggested-action:backdrop { + .titlebar button.suggested-action:backdrop, .titlebar .selection-mode button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, .titlebar progressbar:backdrop progress.suggested-action, progressbar:backdrop .titlebar progress.suggested-action, .titlebar progressbar:backdrop trough.suggested-action, progressbar:backdrop .titlebar trough.suggested-action, .titlebar label:backdrop selection.suggested-action, label:backdrop .titlebar selection.suggested-action, + headerbar button.suggested-action:backdrop, + headerbar .selection-mode button.titlebutton:backdrop, + .selection-mode headerbar button.titlebutton:backdrop, + headerbar progressbar:backdrop progress.suggested-action, + progressbar:backdrop headerbar progress.suggested-action, + headerbar progressbar:backdrop trough.suggested-action, + progressbar:backdrop headerbar trough.suggested-action, + headerbar label:backdrop selection.suggested-action, + label:backdrop headerbar selection.suggested-action { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; border-radius: 3px; } - .titlebar button.suggested-action:backdrop:disabled, - headerbar button.suggested-action:backdrop:disabled { + .titlebar button.suggested-action:backdrop:disabled, .titlebar .selection-mode button.titlebutton:backdrop:disabled, .selection-mode .titlebar button.titlebutton:backdrop:disabled, .titlebar progressbar:backdrop progress.suggested-action:disabled, progressbar:backdrop .titlebar progress.suggested-action:disabled, .titlebar progressbar:backdrop trough.suggested-action:disabled, progressbar:backdrop .titlebar trough.suggested-action:disabled, .titlebar label:backdrop selection.suggested-action:disabled, label:backdrop .titlebar selection.suggested-action:disabled, .titlebar label:disabled selection.suggested-action:backdrop, .titlebar label:disabled progressbar:backdrop progress.suggested-action, progressbar:backdrop .titlebar label:disabled progress.suggested-action, .titlebar label:disabled progressbar:backdrop trough.suggested-action, progressbar:backdrop .titlebar label:disabled trough.suggested-action, label:disabled .titlebar selection.suggested-action:backdrop, label:disabled .titlebar progressbar:backdrop progress.suggested-action, progressbar:backdrop label:disabled .titlebar progress.suggested-action, label:disabled .titlebar progressbar:backdrop trough.suggested-action, progressbar:backdrop label:disabled .titlebar trough.suggested-action, .titlebar label:backdrop label:disabled selection.suggested-action, label:backdrop label:disabled .titlebar selection.suggested-action, .titlebar label:disabled label:backdrop selection.suggested-action, label:disabled label:backdrop .titlebar selection.suggested-action, + headerbar button.suggested-action:backdrop:disabled, + headerbar .selection-mode button.titlebutton:backdrop:disabled, + .selection-mode headerbar button.titlebutton:backdrop:disabled, + headerbar progressbar:backdrop progress.suggested-action:disabled, + progressbar:backdrop headerbar progress.suggested-action:disabled, + headerbar progressbar:backdrop trough.suggested-action:disabled, + progressbar:backdrop headerbar trough.suggested-action:disabled, + headerbar label:backdrop selection.suggested-action:disabled, + label:backdrop headerbar selection.suggested-action:disabled, + headerbar label:disabled selection.suggested-action:backdrop, + headerbar label:disabled progressbar:backdrop progress.suggested-action, + progressbar:backdrop headerbar label:disabled progress.suggested-action, + headerbar label:disabled progressbar:backdrop trough.suggested-action, + progressbar:backdrop headerbar label:disabled trough.suggested-action, + label:disabled headerbar selection.suggested-action:backdrop, + label:disabled headerbar progressbar:backdrop progress.suggested-action, + progressbar:backdrop label:disabled headerbar progress.suggested-action, + label:disabled headerbar progressbar:backdrop trough.suggested-action, + progressbar:backdrop label:disabled headerbar trough.suggested-action, + headerbar label:backdrop label:disabled selection.suggested-action, + label:backdrop label:disabled headerbar selection.suggested-action, + headerbar label:disabled label:backdrop selection.suggested-action, + label:disabled label:backdrop headerbar selection.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; @@ -2590,24 +2687,54 @@ headerbar { outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - .titlebar button.destructive-action:disabled, - headerbar button.destructive-action:disabled { + .titlebar button.destructive-action:disabled, .titlebar label:disabled selection.destructive-action, label:disabled .titlebar selection.destructive-action, + headerbar button.destructive-action:disabled, + headerbar label:disabled selection.destructive-action, + label:disabled headerbar selection.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - .titlebar button.destructive-action:disabled label, - headerbar button.destructive-action:disabled label { + .titlebar button.destructive-action:disabled label, .titlebar label:disabled selection.destructive-action label, label:disabled .titlebar selection.destructive-action label, + headerbar button.destructive-action:disabled label, + headerbar label:disabled selection.destructive-action label, + label:disabled headerbar selection.destructive-action label { color: rgba(255, 255, 255, 0.5); } - .titlebar button.destructive-action:backdrop, - headerbar button.destructive-action:backdrop { + .titlebar button.destructive-action:backdrop, .titlebar progressbar:backdrop progress.destructive-action, progressbar:backdrop .titlebar progress.destructive-action, .titlebar progressbar:backdrop trough.destructive-action, progressbar:backdrop .titlebar trough.destructive-action, .titlebar label:backdrop selection.destructive-action, label:backdrop .titlebar selection.destructive-action, + headerbar button.destructive-action:backdrop, + headerbar progressbar:backdrop progress.destructive-action, + progressbar:backdrop headerbar progress.destructive-action, + headerbar progressbar:backdrop trough.destructive-action, + progressbar:backdrop headerbar trough.destructive-action, + headerbar label:backdrop selection.destructive-action, + label:backdrop headerbar selection.destructive-action { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; border-radius: 3px; } - .titlebar button.destructive-action:backdrop:disabled, - headerbar button.destructive-action:backdrop:disabled { + .titlebar button.destructive-action:backdrop:disabled, .titlebar progressbar:backdrop progress.destructive-action:disabled, progressbar:backdrop .titlebar progress.destructive-action:disabled, .titlebar progressbar:backdrop trough.destructive-action:disabled, progressbar:backdrop .titlebar trough.destructive-action:disabled, .titlebar label:backdrop selection.destructive-action:disabled, label:backdrop .titlebar selection.destructive-action:disabled, .titlebar label:disabled selection.destructive-action:backdrop, .titlebar label:disabled progressbar:backdrop progress.destructive-action, progressbar:backdrop .titlebar label:disabled progress.destructive-action, .titlebar label:disabled progressbar:backdrop trough.destructive-action, progressbar:backdrop .titlebar label:disabled trough.destructive-action, label:disabled .titlebar selection.destructive-action:backdrop, label:disabled .titlebar progressbar:backdrop progress.destructive-action, progressbar:backdrop label:disabled .titlebar progress.destructive-action, label:disabled .titlebar progressbar:backdrop trough.destructive-action, progressbar:backdrop label:disabled .titlebar trough.destructive-action, .titlebar label:backdrop label:disabled selection.destructive-action, label:backdrop label:disabled .titlebar selection.destructive-action, .titlebar label:disabled label:backdrop selection.destructive-action, label:disabled label:backdrop .titlebar selection.destructive-action, + headerbar button.destructive-action:backdrop:disabled, + headerbar progressbar:backdrop progress.destructive-action:disabled, + progressbar:backdrop headerbar progress.destructive-action:disabled, + headerbar progressbar:backdrop trough.destructive-action:disabled, + progressbar:backdrop headerbar trough.destructive-action:disabled, + headerbar label:backdrop selection.destructive-action:disabled, + label:backdrop headerbar selection.destructive-action:disabled, + headerbar label:disabled selection.destructive-action:backdrop, + headerbar label:disabled progressbar:backdrop progress.destructive-action, + progressbar:backdrop headerbar label:disabled progress.destructive-action, + headerbar label:disabled progressbar:backdrop trough.destructive-action, + progressbar:backdrop headerbar label:disabled trough.destructive-action, + label:disabled headerbar selection.destructive-action:backdrop, + label:disabled headerbar progressbar:backdrop progress.destructive-action, + progressbar:backdrop label:disabled headerbar progress.destructive-action, + label:disabled headerbar progressbar:backdrop trough.destructive-action, + progressbar:backdrop label:disabled headerbar trough.destructive-action, + headerbar label:backdrop label:disabled selection.destructive-action, + label:backdrop label:disabled headerbar selection.destructive-action, + headerbar label:disabled label:backdrop selection.destructive-action, + label:disabled label:backdrop headerbar selection.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; @@ -2620,34 +2747,36 @@ headerbar { background-color: transparent; background-image: none; background-repeat: no-repeat; } - .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar button.titlebutton *, + .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar progressbar:backdrop progress.titlebutton, progressbar:backdrop .titlebar progress.titlebutton, .titlebar progressbar:backdrop trough.titlebutton, progressbar:backdrop .titlebar trough.titlebutton, .titlebar label:backdrop selection.titlebutton, label:backdrop .titlebar selection.titlebutton, .titlebar button.titlebutton *, .titlebar button.titlebutton button:link, + .titlebar button.titlebutton button:visited, headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, - headerbar button.titlebutton:backdrop:hover, - headerbar button.titlebutton * { + headerbar progressbar:backdrop progress.titlebutton, + progressbar:backdrop headerbar progress.titlebutton, + headerbar progressbar:backdrop trough.titlebutton, + progressbar:backdrop headerbar trough.titlebutton, + headerbar label:backdrop selection.titlebutton, + label:backdrop headerbar selection.titlebutton, + headerbar button.titlebutton *, + headerbar button.titlebutton button:link, + headerbar button.titlebutton button:visited { color: transparent; box-shadow: none; background-color: transparent; } - .titlebar .linked > button, - .titlebar headerbar .linked > button, .titlebar .linked > button:active, .titlebar .linked > button:checked, .titlebar .linked > button:hover, + .titlebar .linked > button:hover, .titlebar .linked > button:backdrop, - headerbar .titlebar .linked > button, - .titlebar headerbar .linked > button, - headerbar .linked > button, - headerbar .titlebar .linked > button:active, - .titlebar headerbar .linked > button:active, - headerbar .linked > button:active, - headerbar .titlebar .linked > button:checked, - .titlebar headerbar .linked > button:checked, - headerbar .linked > button:checked, - headerbar .titlebar .linked > button:hover, .titlebar headerbar .linked > button:hover, - headerbar .titlebar .linked > button:backdrop, - .titlebar headerbar .linked > button:backdrop, + .titlebar headerbar .linked > button:backdrop, .titlebar .linked > button:checked, + .titlebar headerbar .linked > button:checked, .titlebar .linked > button:active, + .titlebar headerbar .linked > button:active, .titlebar .linked > button, + .titlebar headerbar .linked > button, headerbar .linked > button:hover, - headerbar .linked > button:backdrop { + headerbar .linked > button:backdrop, + headerbar .linked > button:checked, + headerbar .linked > button:active, + headerbar .linked > button { border-radius: 1em; border-right-style: none; border: none; @@ -2655,10 +2784,18 @@ headerbar { margin: 10px 0px; min-height: 20px; transition: all .1s ease-in; } - .titlebar .linked > button:only-child, - .titlebar headerbar .linked > button:only-child, - headerbar .titlebar .linked > button:only-child, - headerbar .linked > button:only-child { + .titlebar .linked > button:only-child, .titlebar .linked:not(.vertical) > combobox:only-child > box.linked > button.combo, .titlebar .linked.vertical > combobox:only-child > box.linked > button.combo, + headerbar .linked > button:only-child:hover, + headerbar .linked > button:only-child:backdrop, + headerbar progressbar:backdrop .linked > progress:only-child, + progressbar:backdrop headerbar .linked > progress:only-child, + headerbar progressbar:backdrop .linked > trough:only-child, + progressbar:backdrop headerbar .linked > trough:only-child, + headerbar .linked > button:only-child:checked, + headerbar .linked > button:only-child:active, + headerbar .linked > button:only-child, + headerbar .linked:not(.vertical) > combobox:only-child > box.linked > button.combo, + headerbar .linked.vertical > combobox:only-child > box.linked > button.combo { border-radius: 13px; border-style: none; } .titlebar .linked > button:active, @@ -2671,41 +2808,61 @@ headerbar { background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: #fefefe; } - .titlebar .linked > button:checked:backdrop, - headerbar .linked > button:checked:backdrop { + .titlebar .linked > button:checked:backdrop, .titlebar progressbar:backdrop .linked > progress:checked, progressbar:backdrop .titlebar .linked > progress:checked, .titlebar progressbar:backdrop .linked > trough:checked, progressbar:backdrop .titlebar .linked > trough:checked, .titlebar label:backdrop .linked > selection:checked, label:backdrop .titlebar .linked > selection:checked, + headerbar .linked > button:checked:backdrop, + headerbar progressbar:backdrop .linked > progress:checked, + progressbar:backdrop headerbar .linked > progress:checked, + headerbar progressbar:backdrop .linked > trough:checked, + progressbar:backdrop headerbar .linked > trough:checked, + headerbar label:backdrop .linked > selection:checked, + label:backdrop headerbar .linked > selection:checked { box-shadow: none; background: rgba(255, 106, 0, 0.6); color: rgba(254, 254, 254, 0.5); } - .titlebar .linked > button:checked:backdrop label, - headerbar .linked > button:checked:backdrop label { + .titlebar .linked > button:checked:backdrop label, .titlebar progressbar:backdrop .linked > progress:checked label, progressbar:backdrop .titlebar .linked > progress:checked label, .titlebar progressbar:backdrop .linked > trough:checked label, progressbar:backdrop .titlebar .linked > trough:checked label, .titlebar label:backdrop .linked > selection:checked label, label:backdrop .titlebar .linked > selection:checked label, + headerbar .linked > button:checked:backdrop label, + headerbar progressbar:backdrop .linked > progress:checked label, + progressbar:backdrop headerbar .linked > progress:checked label, + headerbar progressbar:backdrop .linked > trough:checked label, + progressbar:backdrop headerbar .linked > trough:checked label, + headerbar label:backdrop .linked > selection:checked label, + label:backdrop headerbar .linked > selection:checked label { color: rgba(254, 254, 254, 0.5); } - .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked, + .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode popover.background checkbutton:backdrop:active, + popover.background headerbar.selection-mode checkbutton:backdrop:active, + headerbar.selection-mode popover.background radiobutton:backdrop:active, + popover.background headerbar.selection-mode radiobutton:backdrop:active, + headerbar.selection-mode notebook > header > tabs > arrow:backdrop:active, headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode popover.background checkbutton:backdrop:checked, + popover.background headerbar.selection-mode checkbutton:backdrop:checked, + headerbar.selection-mode popover.background radiobutton:backdrop:checked, + popover.background headerbar.selection-mode radiobutton:backdrop:checked, + headerbar.selection-mode notebook > header > tabs > arrow:backdrop:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #cc5500; } - .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, + .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode popover.background checkbutton:backdrop:active label, + popover.background headerbar.selection-mode checkbutton:backdrop:active label, + headerbar.selection-mode popover.background radiobutton:backdrop:active label, + popover.background headerbar.selection-mode radiobutton:backdrop:active label, + headerbar.selection-mode notebook > header > tabs > arrow:backdrop:active label, headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode popover.background checkbutton:backdrop:checked label, + popover.background headerbar.selection-mode checkbutton:backdrop:checked label, + headerbar.selection-mode popover.background radiobutton:backdrop:checked label, + popover.background headerbar.selection-mode radiobutton:backdrop:checked label, + headerbar.selection-mode notebook > header > tabs > arrow:backdrop:checked label, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { color: rgba(255, 106, 0, 0.6); } - .tiled .titlebar, - .maximized .titlebar, .tiled - headerbar.titlebar, - .maximized - headerbar.titlebar { + .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - .tiled .titlebar:backdrop, .tiled .titlebar, - .maximized .titlebar:backdrop, - .maximized .titlebar, .tiled - headerbar:backdrop, .tiled - headerbar, - .maximized - headerbar:backdrop, - .maximized - headerbar { + .tiled .titlebar, .maximized .titlebar, .tiled headerbar, .maximized headerbar { border-radius: 0; } .default-decoration.titlebar, headerbar.default-decoration { @@ -2737,12 +2894,10 @@ headerbar separator { border-top-left-radius: 4px; border-top-right-radius: 4px; } -window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, -window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, -window:not(.tiled):not(.maximized) headerbar:first-child { +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) progressbar:backdrop progress:first-child, progressbar:backdrop window:not(.tiled):not(.maximized) progress:first-child, window:not(.tiled):not(.maximized) progressbar:backdrop trough:first-child, progressbar:backdrop window:not(.tiled):not(.maximized) trough:first-child, window:not(.tiled):not(.maximized) headerbar:first-child { border-top-left-radius: 4px; } -window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) progressbar:backdrop progress:last-child, progressbar:backdrop window:not(.tiled):not(.maximized) progress:last-child, window:not(.tiled):not(.maximized) progressbar:backdrop trough:last-child, progressbar:backdrop window:not(.tiled):not(.maximized) trough:last-child, window:not(.tiled):not(.maximized) headerbar:last-child { border-top-right-radius: 4px; } window { @@ -2763,7 +2918,7 @@ window.csd > .titlebar:not(headerbar) { /************** * GtkInfoBar * **************/ -.info, .warning, .question, .error, +.error, .question, .warning, .info, infobar { text-shadow: none; color: #BFC3CD; @@ -2771,66 +2926,66 @@ infobar { border-bottom: 1px solid black; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } -.info, .warning, .question, .error { +.error, .question, .warning, .info { text-shadow: none; color: #fefefe; border: none; } - .info .label, .warning .label, .question .label, .error .label { + .error .label, .question .label, .warning .label, .info .label { color: #fefefe; } - .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + .error .label:backdrop, .error progressbar:backdrop progress.label, progressbar:backdrop .error progress.label, .error progressbar:backdrop trough.label, progressbar:backdrop .error trough.label, .question .label:backdrop, .question progressbar:backdrop progress.label, progressbar:backdrop .question progress.label, .question progressbar:backdrop trough.label, progressbar:backdrop .question trough.label, .warning .label:backdrop, .warning progressbar:backdrop progress.label, progressbar:backdrop .warning progress.label, .warning progressbar:backdrop trough.label, progressbar:backdrop .warning trough.label, .info .label:backdrop, .info progressbar:backdrop progress.label, progressbar:backdrop .info progress.label, .info progressbar:backdrop trough.label, progressbar:backdrop .info trough.label, .error label:backdrop selection.label, .question label:backdrop selection.label, .warning label:backdrop selection.label, .info label:backdrop selection.label, label:backdrop .error selection.label, label:backdrop .question selection.label, label:backdrop .warning selection.label, label:backdrop .info selection.label { color: rgba(254, 254, 254, 0.5); } - .info button, .warning button, .question button, .error button { + .error button, .question button, .warning button, .info button { border-radius: 2px; border: none; background: rgba(17, 21, 36, 0.98); color: #BFC3CD; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } - .info button .label, .warning button .label, .question button .label, .error button .label { + .error button .label, .question button .label, .warning button .label, .info button .label { color: #BFC3CD; } - .info button:active, .warning button:active, .question button:active, .error button:active { + .error button:active, .question button:active, .warning button:active, .info button:active { background: #111524; color: #BFC3CD; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + .error button:active:backdrop, .error progressbar:backdrop progress:active, progressbar:backdrop .error progress:active, .error progressbar:backdrop trough:active, progressbar:backdrop .error trough:active, .question button:active:backdrop, .question progressbar:backdrop progress:active, progressbar:backdrop .question progress:active, .question progressbar:backdrop trough:active, progressbar:backdrop .question trough:active, .warning button:active:backdrop, .warning progressbar:backdrop progress:active, progressbar:backdrop .warning progress:active, .warning progressbar:backdrop trough:active, progressbar:backdrop .warning trough:active, .info button:active:backdrop, .info progressbar:backdrop progress:active, progressbar:backdrop .info progress:active, .info progressbar:backdrop trough:active, progressbar:backdrop .info trough:active, .error label:backdrop selection:active, .question label:backdrop selection:active, .warning label:backdrop selection:active, .info label:backdrop selection:active, label:backdrop .error selection:active, label:backdrop .question selection:active, label:backdrop .warning selection:active, label:backdrop .info selection:active { background: rgba(17, 21, 36, 0.8); color: rgba(191, 195, 205, 0.5); box-shadow: none; } - .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + .error button:hover, .question button:hover, .warning button:hover, .info button:hover, .error button:focus, .question button:focus, .warning button:focus, .info button:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + .error button:disabled, .question button:disabled, .warning button:disabled, .info button:disabled { background: rgba(17, 21, 36, 0.6); color: rgba(191, 195, 205, 0.5); box-shadow: none; } - .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + .error button:disabled:backdrop, .error progressbar:backdrop progress:disabled, progressbar:backdrop .error progress:disabled, .error progressbar:backdrop trough:disabled, progressbar:backdrop .error trough:disabled, .question button:disabled:backdrop, .question progressbar:backdrop progress:disabled, progressbar:backdrop .question progress:disabled, .question progressbar:backdrop trough:disabled, progressbar:backdrop .question trough:disabled, .warning button:disabled:backdrop, .warning progressbar:backdrop progress:disabled, progressbar:backdrop .warning progress:disabled, .warning progressbar:backdrop trough:disabled, progressbar:backdrop .warning trough:disabled, .info button:disabled:backdrop, .info progressbar:backdrop progress:disabled, progressbar:backdrop .info progress:disabled, .info progressbar:backdrop trough:disabled, progressbar:backdrop .info trough:disabled { background: rgba(17, 21, 36, 0.5); color: rgba(191, 195, 205, 0.5); box-shadow: none; } - .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + .error button:backdrop, .question button:backdrop, .warning button:backdrop, .info button:backdrop { background: rgba(17, 21, 36, 0.8); color: rgba(191, 195, 205, 0.5); box-shadow: none; } .info { background-color: #ff6a00; } - .info:backdrop { + .info:backdrop, progressbar:backdrop progress.info, progressbar:backdrop trough.info, label:backdrop selection.info { background-color: #ff8833; color: rgba(254, 254, 254, 0.5); } .warning { background-color: #cc5500; } - .warning:backdrop { + .warning:backdrop, progressbar:backdrop progress.warning, progressbar:backdrop trough.warning, label:backdrop selection.warning { background-color: #ff6a00; color: rgba(254, 254, 254, 0.5); } .question { background-color: #00c1e4; } - .question:backdrop { + .question:backdrop, progressbar:backdrop progress.question, progressbar:backdrop trough.question, label:backdrop selection.question { background-color: #18dcff; color: rgba(254, 254, 254, 0.5); } .error { background-color: #e60000; } - .error:backdrop { + .error:backdrop, progressbar:backdrop progress.error, progressbar:backdrop trough.error, label:backdrop selection.error { background-color: #ff1a1a; color: rgba(254, 254, 254, 0.5); } @@ -2853,7 +3008,7 @@ levelbar trough { border-radius: 3px; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } - levelbar trough:backdrop { + levelbar trough:backdrop, levelbar progressbar:backdrop trough, progressbar:backdrop levelbar trough { background-color: rgba(255, 255, 255, 0.06); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } @@ -2869,15 +3024,15 @@ levelbar block { box-shadow: none; } levelbar block.low { background-color: #cc5500; } - levelbar block.low:backdrop { + levelbar block.low:backdrop, levelbar progressbar:backdrop progress.low, progressbar:backdrop levelbar progress.low, levelbar progressbar:backdrop trough.low, progressbar:backdrop levelbar trough.low, levelbar label:backdrop selection.low, label:backdrop levelbar selection.low { border-color: #cc5500; } levelbar block.high, levelbar block:not(.empty) { background-color: #00c1e4; } - levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + levelbar block.high:backdrop, levelbar progressbar:backdrop progress.high, progressbar:backdrop levelbar progress.high, levelbar progressbar:backdrop trough.high, progressbar:backdrop levelbar trough.high, levelbar label:backdrop selection.high, label:backdrop levelbar selection.high, levelbar block:not(.empty):backdrop, levelbar progressbar:backdrop progress:not(.empty), progressbar:backdrop levelbar progress:not(.empty), levelbar progressbar:backdrop trough:not(.empty), progressbar:backdrop levelbar trough:not(.empty), levelbar label:backdrop selection:not(.empty), label:backdrop levelbar selection:not(.empty) { border-color: #00c1e4; } levelbar block.full { background-color: #0096b1; } - levelbar block.full:backdrop { + levelbar block.full:backdrop, levelbar progressbar:backdrop progress.full, progressbar:backdrop levelbar progress.full, levelbar progressbar:backdrop trough.full, progressbar:backdrop levelbar trough.full, levelbar label:backdrop selection.full, label:backdrop levelbar selection.full { border-color: #0096b1; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.35); @@ -2892,31 +3047,42 @@ button:visited { *:link:visited, button:visited { color: rgba(124, 183, 255, 0.5); } - *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited { + *:selected *:link:visited, + *:selected button:visited, button:selected:link *:link:visited, + button:selected:visited *:link:visited, + button:selected:link button:visited, + button:selected:visited button:visited { color: #fec398; } *:link:hover, button:hover:link, button:hover:visited { color: #afd3ff; } *:selected *:link:hover, *:selected button:hover:link, - *:selected button:hover:visited { + *:selected button:hover:visited, button:selected:link *:link:hover, + button:selected:visited *:link:hover, button:selected:link button:hover:link, + button:selected:visited button:hover:link, + button:selected:link button:hover:visited, + button:selected:visited button:hover:visited { color: #feefe5; } *:link:active, button:active:link, button:active:visited { color: #7cb7ff; } *:selected *:link:active, *:selected button:active:link, - *:selected button:active:visited { + *:selected button:active:visited, button:selected:link *:link:active, + button:selected:visited *:link:active, button:selected:link button:active:link, + button:selected:visited button:active:link, + button:selected:link button:active:visited, + button:selected:visited button:active:visited { color: #fee0cb; } - *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, - button:backdrop:visited { + *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop, progressbar:backdrop progress:link, progressbar:backdrop trough:link, button:backdrop:link, + button:backdrop:visited, label:backdrop selection:link { color: #ff6a00; } *:link:selected, button:selected:link, - button:selected:visited, - *:selected *:link, - *:selected button:link, - *:selected button:visited { + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited, button:selected:link *:link, + button:selected:visited *:link, button:selected:link button:link, + button:selected:visited button:link, + button:selected:link button:visited, + button:selected:visited button:visited { color: #fee0cb; } button:link, @@ -2955,15 +3121,15 @@ row { background-color: rgba(191, 195, 205, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover { + row.activatable:backdrop:hover, progressbar:backdrop progress.activatable:hover, progressbar:backdrop trough.activatable:hover, label:backdrop selection.activatable:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: rgba(255, 106, 0, 0.5); } - row.activatable:selected:backdrop { + row.activatable:selected:backdrop, progressbar:backdrop progress:selected, progressbar:backdrop trough:selected, label:backdrop selection:selected { background-color: rgba(255, 106, 0, 0.6); } - row.activatable button.flat { + row.activatable button.flat, row.activatable .selection-mode button.titlebutton, .selection-mode row.activatable button.titlebutton { background-color: transparent; } /********* @@ -2997,13 +3163,17 @@ menu, background: linear-gradient(to bottom, #111524, #0b0d16); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 5px; } - .csd menu, .csd - .menu, .csd - .context-menu { + .csd menu, .csd .menu, .csd .context-menu { border: none; } menu:backdrop, .menu:backdrop, - .context-menu:backdrop { + progressbar:backdrop progress.menu, + progressbar:backdrop trough.menu, + label:backdrop selection.menu, + .context-menu:backdrop, + progressbar:backdrop progress.context-menu, + progressbar:backdrop trough.context-menu, + label:backdrop selection.context-menu { background-color: #131728; } menu menuitem, .menu menuitem, @@ -3021,9 +3191,17 @@ menu, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #676a75; } - menu menuitem:disabled:backdrop, + menu menuitem:disabled:backdrop, menu progressbar:backdrop progress:disabled, progressbar:backdrop menu progress:disabled, menu progressbar:backdrop trough:disabled, progressbar:backdrop menu trough:disabled, .menu menuitem:disabled:backdrop, - .context-menu menuitem:disabled:backdrop { + .menu progressbar:backdrop progress:disabled, + progressbar:backdrop .menu progress:disabled, + .menu progressbar:backdrop trough:disabled, + progressbar:backdrop .menu trough:disabled, + .context-menu menuitem:disabled:backdrop, + .context-menu progressbar:backdrop progress:disabled, + progressbar:backdrop .context-menu progress:disabled, + .context-menu progressbar:backdrop trough:disabled, + progressbar:backdrop .context-menu trough:disabled { color: #272f51; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, @@ -3118,10 +3296,10 @@ menuitem radio { background-color: #020305; } .content-view:hover { -gtk-icon-effect: highlight; } - .content-view:backdrop { + .content-view:backdrop, progressbar:backdrop progress.content-view, progressbar:backdrop trough.content-view, label:backdrop selection.content-view { background-color: #020305; } -.osd .scale-popup button.flat { +.osd .scale-popup button.flat, .osd .scale-popup .selection-mode button.titlebutton, .selection-mode .osd .scale-popup button.titlebutton { border-style: none; border-radius: 5px; } @@ -3139,7 +3317,7 @@ assistant { background-color: #111524; border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom-left-radius: 4px; } - assistant .sidebar:backdrop { + assistant .sidebar:backdrop, assistant progressbar:backdrop progress.sidebar, progressbar:backdrop assistant progress.sidebar, assistant progressbar:backdrop trough.sidebar, progressbar:backdrop assistant trough.sidebar, assistant label:backdrop selection.sidebar, label:backdrop assistant selection.sidebar { background-color: #15192b; border-color: rgba(59, 62, 71, 0.145); } assistant.csd .sidebar { @@ -3278,17 +3456,17 @@ notebook > header { notebook > header tab:backdrop:checked.reorderable-page { border-color: rgba(59, 62, 71, 0.145); background-color: #15192b; } - notebook > header tab button.flat { + notebook > header tab button.flat, notebook > header tab .selection-mode button.titlebutton, .selection-mode notebook > header tab button.titlebutton { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } - notebook > header tab button.flat:hover { + notebook > header tab button.flat:hover, notebook > header tab .selection-mode button.titlebutton:hover, .selection-mode notebook > header tab button.titlebutton:hover { background: transparent; box-shadow: none; color: #FF0000; } - notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + notebook > header tab button.flat, notebook > header tab .selection-mode button.titlebutton, .selection-mode notebook > header tab button.titlebutton, notebook > header tab button.flat:backdrop, notebook > header tab progressbar:backdrop progress.flat, progressbar:backdrop notebook > header tab progress.flat, notebook > header tab progressbar:backdrop trough.flat, progressbar:backdrop notebook > header tab trough.flat { color: alpha(currentColor,0.3); } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 0px; @@ -3331,7 +3509,7 @@ notebook > header { notebook > stack:not(:only-child) { background-color: #111524; } - notebook > stack:not(:only-child):backdrop { + notebook > stack:not(:only-child):backdrop, progressbar:backdrop notebook > progress:not(:only-child), progressbar:backdrop notebook > trough:not(:only-child) { background-color: #15192b; } /********* @@ -3355,7 +3533,7 @@ paned > separator { background-color: #0E111D; background-image: image(rgba(255, 255, 255, 0.05)), image(rgba(255, 255, 255, 0.05)); background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { + paned > separator.wide:backdrop, progressbar:backdrop paned > progress.wide, progressbar:backdrop paned > trough.wide, label:backdrop paned > selection.wide { background-color: #0E111D; background-image: image(rgba(59, 62, 71, 0.145)), image(rgba(59, 62, 71, 0.145)); } @@ -3421,7 +3599,7 @@ popover.background { box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05); } .csd popover.background, popover.background { border: 1px solid rgba(255, 255, 255, 0.05); } - popover.background:backdrop { + popover.background:backdrop, progressbar:backdrop progress.background, progressbar:backdrop trough.background, label:backdrop selection.background { background-color: #0E111D; box-shadow: none; } popover.background > list, @@ -3473,31 +3651,31 @@ progressbar { /************ * GtkScale * ************/ -progressbar trough, scale trough, scale fill { +scale fill, scale trough, progressbar trough, progressbar:backdrop trough { background-color: rgba(255, 255, 255, 0.14); border: none; border-radius: 3px; margin: 0; } - progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + scale fill:disabled, scale trough:disabled { background-color: rgba(255, 255, 255, 0.06); } - progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + scale fill:backdrop, scale trough:backdrop { background-color: rgba(255, 255, 255, 0.06); transition: 200ms ease-out; } - progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } -progressbar progress, scale highlight { +scale highlight, progressbar progress, progressbar:backdrop progress { border: none; background: linear-gradient(to right, #ff3300, #ffa100); border-radius: 3px; margin: 0; } - progressbar progress:disabled, scale highlight:disabled { + scale highlight:disabled { border: none; background-color: rgba(255, 255, 255, 0.14); } - progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + scale highlight:backdrop { border-color: #ff791a; background-color: #ff791a; } - progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + scale highlight:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } scale { @@ -3523,7 +3701,7 @@ scale { transition-property: background, border, box-shadow; } scale slider:active { background-color: #ff6a00; } - scale slider:active:disabled { + scale slider:active:disabled, scale label:disabled selection:active, label:disabled scale selection:active { background-color: #0f1320; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.fine-tune.horizontal { @@ -3913,7 +4091,7 @@ scale { background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } - scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal label:backdrop selection:dir(ltr), label:backdrop scale.color.horizontal selection:dir(ltr), scale.color.horizontal progressbar:backdrop trough:dir(ltr), progressbar:backdrop scale.color.horizontal trough:dir(ltr), scale.color.horizontal progressbar:backdrop progress:dir(ltr), progressbar:backdrop scale.color.horizontal progress:dir(ltr), scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal label:disabled selection:dir(ltr), label:disabled scale.color.horizontal selection:dir(ltr), scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal label:backdrop selection:dir(rtl), label:backdrop scale.color.horizontal selection:dir(rtl), scale.color.horizontal progressbar:backdrop trough:dir(rtl), progressbar:backdrop scale.color.horizontal trough:dir(rtl), scale.color.horizontal progressbar:backdrop progress:dir(rtl), progressbar:backdrop scale.color.horizontal progress:dir(rtl), scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal label:disabled selection:dir(rtl), label:disabled scale.color.horizontal selection:dir(rtl), scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { @@ -3967,7 +4145,8 @@ scale { scrollbar { background-color: #101320; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { + *, button:link, + button:visited { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { @@ -4117,13 +4296,13 @@ treeview ~ scrollbar.vertical { background-color: #06070c; } .sidebar .frame { border: none; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { border-right: none; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(255, 255, 255, 0.05); border-right-style: none; } - .sidebar:backdrop { + .sidebar:backdrop, label:backdrop selection.sidebar, progressbar:backdrop trough.sidebar, progressbar:backdrop progress.sidebar { background-color: #111524; border-color: rgba(59, 62, 71, 0.145); } .sidebar row { @@ -4133,28 +4312,28 @@ treeview ~ scrollbar.vertical { color: rgba(191, 195, 205, 0.8); } .sidebar row:selected { color: #fefefe; } - .sidebar row:selected:backdrop { + .sidebar row:selected:backdrop, .sidebar label:backdrop selection:selected, label:backdrop .sidebar selection:selected, .sidebar progressbar:backdrop trough:selected, progressbar:backdrop .sidebar trough:selected, .sidebar progressbar:backdrop progress:selected, progressbar:backdrop .sidebar progress:selected { color: rgba(254, 254, 254, 0.5); background: rgba(255, 106, 0, 0.6); } - .sidebar row:selected:backdrop label { + .sidebar row:selected:backdrop label, .sidebar label:backdrop selection:selected label, label:backdrop .sidebar selection:selected label, .sidebar progressbar:backdrop trough:selected label, progressbar:backdrop .sidebar trough:selected label, .sidebar progressbar:backdrop progress:selected label, progressbar:backdrop .sidebar progress:selected label { color: #fefefe; } .sidebar row:selected label { color: #fefefe; } .sidebar.source-list { background: #06070c; padding: 4px 0px; } - .sidebar.source-list.view, iconview.sidebar.source-list { + .sidebar.source-list.view, iconview.source-list { transition: all .12s ease-in; } - .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { + .sidebar.source-list.view:selected, iconview.source-list:selected { background-color: #ff6a00; color: #fefefe; } - .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { + .sidebar.source-list.view:selected:active, iconview.source-list:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { + .sidebar.source-list.view:selected.has-open-popup, iconview.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.source-list:selected:hover { background-color: rgba(255, 106, 0, 0.9); } - .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { + .sidebar.source-list.view:selected:backdrop { background-color: rgba(255, 106, 0, 0.6); } - .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { + .sidebar.source-list.view:hover, iconview.source-list:hover, .sidebar.source-list.view iconview.source-list:hover { background-color: rgba(0, 0, 0, 0.13); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; @@ -4200,11 +4379,11 @@ placessidebar.sidebar { background-color: rgba(191, 195, 205, 0.05); } placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon { color: #ffffff; } - placessidebar.sidebar row.sidebar-row:selected:backdrop { + placessidebar.sidebar row.sidebar-row:selected:backdrop, placessidebar.sidebar label:backdrop selection:selected, label:backdrop placessidebar.sidebar selection:selected, placessidebar.sidebar progressbar:backdrop trough:selected, progressbar:backdrop placessidebar.sidebar trough:selected, placessidebar.sidebar progressbar:backdrop progress:selected, progressbar:backdrop placessidebar.sidebar progress:selected { color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(to right, #ff6a00 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } - placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon { + placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, placessidebar.sidebar label:backdrop selection:selected .sidebar-icon, label:backdrop placessidebar.sidebar selection:selected .sidebar-icon, placessidebar.sidebar progressbar:backdrop trough:selected .sidebar-icon, progressbar:backdrop placessidebar.sidebar trough:selected .sidebar-icon, placessidebar.sidebar progressbar:backdrop progress:selected .sidebar-icon, progressbar:backdrop placessidebar.sidebar progress:selected .sidebar-icon { color: rgba(254, 254, 254, 0.5); -gtk-icon-shadow: 0 1px rgba(254, 254, 254, 0.3); } placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { @@ -4212,13 +4391,13 @@ placessidebar.sidebar { color: inherit; } placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: #FFD400; } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled), combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled) { box-shadow: inset 0 1px rgba(124, 183, 255, 0.5), inset 0 -1px rgba(124, 183, 255, 0.5); } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled), combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled) label, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled) image, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled) image { color: rgba(124, 183, 255, 0.5); } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled):selected, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled):selected { background: rgba(124, 183, 255, 0.5); } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled):selected, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled):selected label, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled):selected image, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled):selected image { color: #fefefe; } placessidebar list { @@ -4273,7 +4452,7 @@ spinbutton:not(.vertical) { box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } - spinbutton:not(.vertical) button:last-child { + spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) combobox.linked button:nth-child(2):dir(ltr), combobox.linked spinbutton:not(.vertical) button:nth-child(2):dir(ltr), spinbutton:not(.vertical) .linked:not(.vertical) > combobox:last-child > box > button.combo, spinbutton:not(.vertical) .linked.vertical > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } @@ -4326,18 +4505,18 @@ spinbutton:not(.vertical) { border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } - .osd spinbutton:not(.vertical) button:last-child { + .osd spinbutton:not(.vertical) button:last-child, .osd spinbutton:not(.vertical) combobox.linked button:nth-child(2):dir(ltr), combobox.linked .osd spinbutton:not(.vertical) button:nth-child(2):dir(ltr), .osd spinbutton:not(.vertical) .linked:not(.vertical) > combobox:last-child > box > button.combo, .osd spinbutton:not(.vertical) .linked.vertical > combobox:last-child > box > button.combo { border-radius: 0 3px 3px 0; } - .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + .osd spinbutton:not(.vertical) button:dir(rtl):first-child, .osd spinbutton:not(.vertical) combobox.linked button:dir(rtl):nth-child(2), combobox.linked .osd spinbutton:not(.vertical) button:dir(rtl):nth-child(2), .osd spinbutton:not(.vertical) .linked:not(.vertical) > combobox:first-child > box > button.combo:dir(rtl), .osd spinbutton:not(.vertical) .linked.vertical > combobox:first-child > box > button.combo:dir(rtl) { border-radius: 3px 0 0 3px; } -spinbutton.vertical:disabled { +spinbutton.vertical:disabled, label:disabled selection.vertical { color: #676a75; } spinbutton.vertical:backdrop:disabled { color: #272f51; } -spinbutton.vertical:drop(active) { +spinbutton.vertical:drop(active), combobox:drop(active) button.vertical.combo { border-color: transparent; box-shadow: none; } @@ -4371,7 +4550,7 @@ spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } -.osd spinbutton.vertical button:first-child { +.osd spinbutton.vertical button:first-child, .osd spinbutton.vertical combobox.linked button:nth-child(2):dir(rtl), combobox.linked .osd spinbutton.vertical button:nth-child(2):dir(rtl), .osd spinbutton.vertical .linked:not(.vertical) > combobox:first-child > box > button.combo, .osd spinbutton.vertical .linked.vertical > combobox:first-child > box > button.combo { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(20, 23, 26, 0.8); @@ -4380,7 +4559,7 @@ spinbutton.vertical button.down { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd spinbutton.vertical button:first-child:hover { + .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical combobox.linked button:hover:nth-child(2):dir(rtl), combobox.linked .osd spinbutton.vertical button:hover:nth-child(2):dir(rtl), .osd spinbutton.vertical .linked:not(.vertical) > combobox:first-child > box > button.combo:hover, .osd spinbutton.vertical .linked.vertical > combobox:first-child > box > button.combo:hover { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); @@ -4389,7 +4568,7 @@ spinbutton.vertical button.down { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd spinbutton.vertical button:first-child:active { + .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical combobox.linked button:active:nth-child(2):dir(rtl), combobox.linked .osd spinbutton.vertical button:active:nth-child(2):dir(rtl), .osd spinbutton.vertical .linked:not(.vertical) > combobox:first-child > box > button.combo:active, .osd spinbutton.vertical .linked.vertical > combobox:first-child > box > button.combo:active { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to right, #ff3300, #ffa100); @@ -4443,7 +4622,7 @@ spinner { spinner:checked { opacity: 1; animation: spin 1s linear infinite; } - spinner:checked:disabled { + spinner:checked:disabled, label:disabled selection:checked { opacity: 0.5; } /********** @@ -4471,9 +4650,9 @@ switch { background: linear-gradient(to right, #ff3300, #ffa100); } switch:active slider, switch:checked slider { background: #fff; } - switch:active:backdrop, switch:checked:backdrop { + switch:active:backdrop, label:backdrop selection:active, progressbar:backdrop trough:active, progressbar:backdrop progress:active, switch:checked:backdrop, label:backdrop selection:checked, progressbar:backdrop trough:checked, progressbar:backdrop progress:checked { background: linear-gradient(to right, #e62e00, #e69100); } - switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + switch:active:backdrop slider:backdrop, label:backdrop selection:active slider:backdrop, progressbar:backdrop trough:active slider:backdrop, progressbar:backdrop progress:active slider:backdrop, switch:checked:backdrop slider:backdrop, label:backdrop selection:checked slider:backdrop, progressbar:backdrop trough:checked slider:backdrop, progressbar:backdrop progress:checked slider:backdrop { box-shadow: none; background-color: rgba(17, 21, 36, 0.9); border: none; } @@ -4491,14 +4670,14 @@ switch { background-color: #111524; } switch trough:active, switch trough:checked { background-color: #ff6a00; } - switch trough:active:backdrop, switch trough:checked:backdrop { + switch trough:active:backdrop, switch label:backdrop selection:active, label:backdrop switch selection:active, switch progressbar:backdrop trough:active, progressbar:backdrop switch trough:active, switch progressbar:backdrop progress:active, progressbar:backdrop switch progress:active, switch trough:checked:backdrop, switch label:backdrop selection:checked, label:backdrop switch selection:checked, switch progressbar:backdrop trough:checked, progressbar:backdrop switch trough:checked, switch progressbar:backdrop progress:checked, progressbar:backdrop switch progress:checked { background-color: rgba(255, 106, 0, 0.6); } /************ * Toolbars * ************/ -toolbar, .primary-toolbar, .inline-toolbar, searchbar, -.location-bar { +searchbar, +.location-bar, .inline-toolbar, toolbar, .primary-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #06070c; } @@ -4545,12 +4724,6 @@ searchbar, border-style: solid; border-color: rgba(255, 255, 255, 0.05); background-color: rgba(17, 20, 31, 0.715); } - .inline-toolbar:backdrop, searchbar:backdrop, - .location-bar:backdrop { - border-color: rgba(59, 62, 71, 0.145); - background-color: rgba(16, 19, 31, 0.70075); - box-shadow: none; - transition: 200ms ease-out; } searchbar { background: #111524; } @@ -4570,7 +4743,8 @@ tooltip { border: 1px solid #15161b; } tooltip decoration { background-color: transparent; } - tooltip * { + tooltip *, tooltip button:link, + tooltip button:visited { padding: 4px; background-color: transparent; color: white; } @@ -4581,7 +4755,8 @@ tooltip { treeview.view { border-left-color: #686c78; border-top-color: #0E111D; } - * { + *, button:link, + button:visited { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; @@ -4681,7 +4856,7 @@ treeview.view { treeview.view header button:active { color: #BFC3CD; transition: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + treeview.view header button:last-child:backdrop, treeview.view header button:last-child, treeview.view header combobox.linked button:nth-child(2):dir(ltr), combobox.linked treeview.view header button:nth-child(2):dir(ltr), treeview.view header .linked:not(.vertical) > combobox:last-child > box > button.combo, treeview.view header .linked.vertical > combobox:last-child > box > button.combo { border-right-style: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; @@ -4704,18 +4879,6 @@ treeview.view header button, treeview.view header button:hover, treeview.view he border-width: 1px; border-style: none solid solid none; border-color: #0E111D; } - treeview.view header button:disabled { - border-color: #0E111D; - background-image: none; } - treeview.view header button:backdrop { - border-color: #0E111D; - border-style: none solid solid none; - color: #3b3e49; - background-image: none; - background-color: #15192b; } - treeview.view header button:backdrop:disabled { - border-color: #0E111D; - background-image: none; } /********************** * Window Decorations * @@ -4733,9 +4896,7 @@ decoration { transition: 200ms ease-out; border: 2px solid #15161b; background: #15161b; } - .maximized decoration, - .fullscreen decoration, - .tiled decoration { + .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; @@ -4780,62 +4941,59 @@ button.titlebutton { background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } button.titlebutton.minimize:hover, button.titlebutton.minimize:active { background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } - button.titlebutton:backdrop { + button.titlebutton:backdrop, label:backdrop selection.titlebutton, progressbar:backdrop trough.titlebutton, progressbar:backdrop progress.titlebutton { -gtk-icon-shadow: none; background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } - button.titlebutton:backdrop:hover, button.titlebutton:backdrop:active { + button.titlebutton:backdrop:hover, label:backdrop selection.titlebutton:hover, progressbar:backdrop trough.titlebutton:hover, progressbar:backdrop progress.titlebutton:hover, button.titlebutton:backdrop:active, label:backdrop selection.titlebutton:active, progressbar:backdrop trough.titlebutton:active, progressbar:backdrop progress.titlebutton:active { background-image: inherit; } headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6); } - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { + headerbar.selection-mode button.titlebutton:backdrop, headerbar.selection-mode label:backdrop selection.titlebutton, label:backdrop headerbar.selection-mode selection.titlebutton, headerbar.selection-mode progressbar:backdrop trough.titlebutton, progressbar:backdrop headerbar.selection-mode trough.titlebutton, headerbar.selection-mode progressbar:backdrop progress.titlebutton, progressbar:backdrop headerbar.selection-mode progress.titlebutton, + .titlebar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode label:backdrop selection.titlebutton, + label:backdrop .titlebar.selection-mode selection.titlebutton, + .titlebar.selection-mode progressbar:backdrop trough.titlebutton, + progressbar:backdrop .titlebar.selection-mode trough.titlebutton, + .titlebar.selection-mode progressbar:backdrop progress.titlebutton, + progressbar:backdrop .titlebar.selection-mode progress.titlebutton { -gtk-icon-shadow: none; } -.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, +.view:selected:focus, .view:selected, +.view text:selected:focus, +textview text:selected:focus, +.view text:selected, +textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, label:disabled selection, label:backdrop selection, modelbutton.flat:selected, +.menuitem.button.flat:selected, entry selection:focus, -entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { +entry selection, row:selected, +notebook > header > tabs > arrow.button:selected, popover.background checkbutton.flat:selected, +popover.background radiobutton.flat:selected, +popover.background checkbutton.button:selected, +popover.background radiobutton.button:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, +.selection-mode button.button.titlebutton:selected { background-color: #ff6a00; } - 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, + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, + .view text:selected:focus, + textview text:selected:focus, + .view text:selected, + textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, label:disabled selection, label:backdrop selection, modelbutton.flat:selected, + .menuitem.button.flat:selected, entry selection:focus, - entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + entry selection, row:selected, + notebook > header > tabs > arrow.button:selected, popover.background checkbutton.flat:selected, + popover.background radiobutton.flat:selected, + popover.background checkbutton.button:selected, + popover.background radiobutton.button:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, + .selection-mode button.button.titlebutton:selected { color: #fefefe; font-weight: normal; } - 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, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled:focus, spinbutton:not(.vertical) selection:disabled, - entry selection:disabled, row:disabled:selected { - color: #ffb47f; } - 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, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, - entry selection:backdrop, row:backdrop:selected { - color: rgba(254, 254, 254, 0.5); } - 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, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, - entry selection:backdrop:disabled, row:backdrop:disabled:selected { - color: rgba(255, 125, 32, 0.85); } .monospace { font-family: Monospace; } @@ -4848,7 +5006,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec *********/ .budgie-container { background-color: transparent; } - .budgie-container:backdrop { + .budgie-container:backdrop, label:backdrop selection.budgie-container, progressbar:backdrop trough.budgie-container, progressbar:backdrop progress.budgie-container { background-color: transparent; } .budgie-container popover list, .budgie-container popover row { @@ -4943,9 +5101,9 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec background: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } .budgie-menu .category-button:checked:hover { color: rgba(254, 254, 254, 0.9); } - .budgie-menu .category-button:checked:disabled { + .budgie-menu .category-button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { opacity: 0.5; } - .budgie-menu .category-button:checked:disabled label { + .budgie-menu .category-button:checked:disabled label, .budgie-menu label:disabled selection:checked label, label:disabled .budgie-menu selection:checked label { color: rgba(254, 254, 254, 0.7); } .budgie-menu scrollbar { background-color: transparent; @@ -4973,12 +5131,12 @@ button.budgie-menu-launcher { color: white; } button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { color: white; } - button.budgie-menu-launcher:backdrop { + button.budgie-menu-launcher:backdrop, label:backdrop selection.budgie-menu-launcher, progressbar:backdrop trough.budgie-menu-launcher, progressbar:backdrop progress.budgie-menu-launcher { color: white; background-color: transparent; } - button.budgie-menu-launcher:backdrop:hover { + button.budgie-menu-launcher:backdrop:hover, label:backdrop selection.budgie-menu-launcher:hover, progressbar:backdrop trough.budgie-menu-launcher:hover, progressbar:backdrop progress.budgie-menu-launcher:hover { color: white; } - button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + button.budgie-menu-launcher:backdrop:active, label:backdrop selection.budgie-menu-launcher:active, progressbar:backdrop trough.budgie-menu-launcher:active, progressbar:backdrop progress.budgie-menu-launcher:active, button.budgie-menu-launcher:backdrop:checked, label:backdrop selection.budgie-menu-launcher:checked, progressbar:backdrop trough.budgie-menu-launcher:checked, progressbar:backdrop progress.budgie-menu-launcher:checked { color: #ff6a00; box-shadow: none; background-color: #111423; } @@ -4991,36 +5149,36 @@ button.budgie-menu-launcher { .user-menu button { margin: 5px; } -.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); background-color: #ff6a00; transition-duration: 0.2s; } - .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(ltr), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(ltr), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item:dir(ltr), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { padding-left: 7px; background-position: left center; background-repeat: no-repeat; background-size: 38px auto; } - .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(rtl), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(rtl), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item:dir(rtl), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { padding-right: 7px; background-position: right center; background-repeat: no-repeat; background-size: 38px auto; } - .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item label, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item label, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item label, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item label, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { color: #fefefe; } - .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(ltr), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(ltr), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(ltr), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { padding-left: 5px; } - .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(rtl), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(rtl), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(rtl), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { padding-right: 5px; } - .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item image, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item image, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item image, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item image, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { color: #fefefe; } - .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item image:first-child, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item image:first-child, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item image:first-child, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item image:first-child, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { min-width: 24px; min-height: 20px; } @@ -5037,11 +5195,11 @@ button.raven-trigger { box-shadow: none; background-color: transparent; color: #ff6a00; } - button.raven-trigger:backdrop { + button.raven-trigger:backdrop, label:backdrop selection.raven-trigger, progressbar:backdrop trough.raven-trigger, progressbar:backdrop progress.raven-trigger { color: white; } - button.raven-trigger:backdrop:hover { + button.raven-trigger:backdrop:hover, label:backdrop selection.raven-trigger:hover, progressbar:backdrop trough.raven-trigger:hover, progressbar:backdrop progress.raven-trigger:hover { color: white; } - button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + button.raven-trigger:backdrop:active, label:backdrop selection.raven-trigger:active, progressbar:backdrop trough.raven-trigger:active, progressbar:backdrop progress.raven-trigger:active, button.raven-trigger:backdrop:checked, label:backdrop selection.raven-trigger:checked, progressbar:backdrop trough.raven-trigger:checked, progressbar:backdrop progress.raven-trigger:checked { box-shadow: none; color: #ff6a00; background-color: transparent; } @@ -5125,7 +5283,7 @@ button.raven-trigger { transition: all 150ms ease-in; } .budgie-panel .alert { color: #FF0000; } - .budgie-panel:backdrop { + .budgie-panel:backdrop, label:backdrop selection.budgie-panel, progressbar:backdrop trough.budgie-panel, progressbar:backdrop progress.budgie-panel { color: white; background-color: rgba(0, 0, 0, 0.95); } .budgie-panel button { @@ -5194,7 +5352,8 @@ button.raven-trigger { box-shadow: none; } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, -.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { padding-bottom: 2px; border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running) { @@ -5205,15 +5364,19 @@ button.raven-trigger { .top .budgie-panel .pinned button.flat.launcher.running { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, - .top .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .top button.flat.launcher.running:hover { + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { border-top: 2px solid rgba(255, 255, 255, 0.25); } .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, - .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, - .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { border-top: 2px solid #ff6a00; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, -.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { padding-top: 2px; border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { @@ -5224,15 +5387,19 @@ button.raven-trigger { .bottom .budgie-panel .pinned button.flat.launcher.running { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, - .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { border-bottom: 2px solid rgba(255, 255, 255, 0.25); } .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, - .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, - .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { border-bottom: 2px solid #ff6a00; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, -.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { padding-right: 2px; border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running) { @@ -5243,15 +5410,19 @@ button.raven-trigger { .left .budgie-panel .pinned button.flat.launcher.running { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, - .left .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .left button.flat.launcher.running:hover { + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { border-left: 2px solid rgba(255, 255, 255, 0.25); } .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, - .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, - .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { border-left: 2px solid #ff6a00; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, -.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { padding-left: 2px; border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running) { @@ -5262,11 +5433,14 @@ button.raven-trigger { .right .budgie-panel .pinned button.flat.launcher.running { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, - .right .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .right button.flat.launcher.running:hover { + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { border-right: 2px solid rgba(255, 255, 255, 0.25); } .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, - .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, - .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { border-right: 2px solid #ff6a00; } .top .budgie-panel { @@ -5335,8 +5509,9 @@ button.raven-trigger { color: #BFC3CD; border: solid rgba(0, 0, 0, 0.95); border-width: 1px 0; - background-color: rgba(8, 8, 8, 0.45); } - .raven .raven-header * { + background-color: rgba(5, 6, 10, 0.45); } + .raven .raven-header *, .raven .raven-header button:link, + .raven .raven-header button:visited { padding-top: 0; padding-bottom: 0; } .raven .raven-header.top { @@ -5397,7 +5572,7 @@ button.raven-trigger { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { - background-color: rgba(38, 38, 38, 0.25); } + background-color: rgba(26, 30, 51, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(255, 106, 0, 0.9); } @@ -5427,17 +5602,17 @@ button.raven-trigger { .raven .powerstrip button.image-button:active { background: #c74ded; color: #fefefe; } - .raven .powerstrip button.image-button:first-child { + .raven .powerstrip button.image-button:first-child, .raven .powerstrip combobox.linked button.image-button:nth-child(2):dir(rtl), combobox.linked .raven .powerstrip button.image-button:nth-child(2):dir(rtl), .raven .powerstrip .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo, .raven .powerstrip .linked.vertical > combobox:first-child > box > button.image-button.combo { background: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } - .raven .powerstrip button.image-button:first-child:hover { + .raven .powerstrip button.image-button:first-child:hover, .raven .powerstrip combobox.linked button.image-button:hover:nth-child(2):dir(rtl), combobox.linked .raven .powerstrip button.image-button:hover:nth-child(2):dir(rtl), .raven .powerstrip .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo:hover, .raven .powerstrip .linked.vertical > combobox:first-child > box > button.image-button.combo:hover { background: rgba(255, 106, 0, 0.85); } - .raven .powerstrip button.image-button:first-child:active { + .raven .powerstrip button.image-button:first-child:active, .raven .powerstrip combobox.linked button.image-button:active:nth-child(2):dir(rtl), combobox.linked .raven .powerstrip button.image-button:active:nth-child(2):dir(rtl), .raven .powerstrip .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo:active, .raven .powerstrip .linked.vertical > combobox:first-child > box > button.image-button.combo:active { background: #ff6a00; } - .raven .powerstrip button.image-button:last-child { + .raven .powerstrip button.image-button:last-child, .raven .powerstrip combobox.linked button.image-button:nth-child(2):dir(ltr), combobox.linked .raven .powerstrip button.image-button:nth-child(2):dir(ltr), .raven .powerstrip .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo, .raven .powerstrip .linked.vertical > combobox:last-child > box > button.image-button.combo { background: linear-gradient(to right, #FF416C, #FF4B2B); } - .raven .powerstrip button.image-button:last-child:hover { + .raven .powerstrip button.image-button:last-child:hover, .raven .powerstrip combobox.linked button.image-button:hover:nth-child(2):dir(ltr), combobox.linked .raven .powerstrip button.image-button:hover:nth-child(2):dir(ltr), .raven .powerstrip .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo:hover, .raven .powerstrip .linked.vertical > combobox:last-child > box > button.image-button.combo:hover { background: rgba(255, 0, 0, 0.85); } - .raven .powerstrip button.image-button:last-child:active { + .raven .powerstrip button.image-button:last-child:active, .raven .powerstrip combobox.linked button.image-button:active:nth-child(2):dir(ltr), combobox.linked .raven .powerstrip button.image-button:active:nth-child(2):dir(ltr), .raven .powerstrip .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo:active, .raven .powerstrip .linked.vertical > combobox:last-child > box > button.image-button.combo:active { background: #FF0000; } .raven .option-subtitle { font-size: 13px; } @@ -5453,7 +5628,7 @@ calendar.raven-calendar { background: transparent; color: #eb6200; font-weight: bold; } - calendar.raven-calendar:backdrop { + calendar.raven-calendar:backdrop, label:backdrop selection.raven-calendar, progressbar:backdrop trough.raven-calendar, progressbar:backdrop progress.raven-calendar { background-color: transparent; } calendar.raven-calendar.header { color: #BFC3CD; @@ -5481,50 +5656,50 @@ calendar.raven-calendar { background-color: #ff6a00; } .raven-mpris button.image-button:active { background-color: #e65f00; } - .raven-mpris button.image-button:first-child { + .raven-mpris button.image-button:first-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(rtl), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(rtl), .raven-mpris .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:first-child > box > button.image-button.combo { margin-right: 4px; } - .raven-mpris button.image-button:last-child { + .raven-mpris button.image-button:last-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(ltr), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(ltr), .raven-mpris .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:last-child > box > button.image-button.combo { margin-left: 4px; } - .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + .raven-mpris button.image-button:last-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(ltr), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(ltr), .raven-mpris .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:last-child > box > button.image-button.combo, .raven-mpris button.image-button:first-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(rtl), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(rtl), .raven-mpris .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:first-child > box > button.image-button.combo { padding: 4px; margin-top: 6px; margin-bottom: 6px; } -.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { +.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window { background: none; border-radius: 1px; } - .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + .budgie-notification-window button, .budgie-switcher-window button, .budgie-osd-window button { background-color: #ff6a00; color: #fefefe; border: none; } - .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + .budgie-notification-window button:hover, .budgie-switcher-window button:hover, .budgie-osd-window button:hover { background-color: #e65f00; border: none; } - .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + .budgie-notification-window button:active, .budgie-switcher-window button:active, .budgie-osd-window button:active, .budgie-notification-window button:checked, .budgie-switcher-window button:checked, .budgie-osd-window button:checked { background-color: #e65f00; } -.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { +.budgie-notification.background, .background.budgie-switcher, .background.budgie-osd { border-radius: 1px; } -.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { +.budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-osd .notification-title { font-size: 110%; color: #BFC3CD; } -.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { +.budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-osd .notification-body { color: rgba(191, 195, 205, 0.7); } -.budgie-notification button, .budgie-osd button, .budgie-switcher button { +.budgie-notification button, .budgie-switcher button, .budgie-osd button { background-color: transparent; color: #fefefe; } - .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + .budgie-notification button:hover, .budgie-switcher button:hover, .budgie-osd button:hover { background-color: transparent; color: #FF0000; box-shadow: none; } - .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + .budgie-notification button:active, .budgie-switcher button:active, .budgie-osd button:active, .budgie-notification button:checked, .budgie-switcher button:checked, .budgie-osd button:checked { background-color: transparent; color: #e60000; } -.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { +.drop-shadow, .budgie-session-dialog.background, .background.budgie-run-dialog, .background.budgie-polkit-dialog { color: #BFC3CD; background-color: rgba(14, 17, 29, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); @@ -5548,20 +5723,20 @@ calendar.raven-calendar { color: #fefefe; } .budgie-switcher-window flowboxchild:selected:hover { background-color: #e65f00; } - .budgie-switcher-window flowboxchild:selected:disabled { + .budgie-switcher-window flowboxchild:selected:disabled, .budgie-switcher-window label:disabled selection:selected, label:disabled .budgie-switcher-window selection:selected { color: rgba(254, 254, 254, 0.7); background-color: rgba(255, 106, 0, 0.7); } - .budgie-switcher-window flowboxchild:selected:disabled label { + .budgie-switcher-window flowboxchild:selected:disabled label, .budgie-switcher-window label:disabled selection:selected label, label:disabled .budgie-switcher-window selection:selected label { color: rgba(254, 254, 254, 0.7); } -.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { +.budgie-session-dialog, .budgie-run-dialog, .budgie-polkit-dialog { color: #BFC3CD; background-color: rgba(0, 0, 0, 0.95); } - .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + .budgie-session-dialog label:backdrop, .budgie-run-dialog label:backdrop, .budgie-polkit-dialog label:backdrop { color: rgba(191, 195, 205, 0.8); } - .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + .budgie-session-dialog .dialog-title, .budgie-run-dialog .dialog-title, .budgie-polkit-dialog .dialog-title { font-size: 120%; } - .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + .budgie-session-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button { margin-bottom: 0; min-height: 32px; border-bottom: none; @@ -5570,36 +5745,36 @@ calendar.raven-calendar { color: #fff; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } - .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + .budgie-session-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label { font-weight: 700; } - .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-session-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(rtl), .budgie-run-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(rtl), .budgie-polkit-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(rtl), combobox.linked .budgie-session-dialog .linked.horizontal > button:nth-child(2):dir(rtl), combobox.linked .budgie-run-dialog .linked.horizontal > button:nth-child(2):dir(rtl), combobox.linked .budgie-polkit-dialog .linked.horizontal > button:nth-child(2):dir(rtl), .budgie-session-dialog .linked:not(.vertical) > combobox:first-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked:not(.vertical) > combobox:first-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked:not(.vertical) > combobox:first-child > box.linked.horizontal > button.combo, .budgie-session-dialog .linked.vertical > combobox:first-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked.vertical > combobox:first-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked.vertical > combobox:first-child > box.linked.horizontal > button.combo { border-left: none; border-bottom-left-radius: 2px; } - .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-session-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(ltr), .budgie-run-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(ltr), .budgie-polkit-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(ltr), combobox.linked .budgie-session-dialog .linked.horizontal > button:nth-child(2):dir(ltr), combobox.linked .budgie-run-dialog .linked.horizontal > button:nth-child(2):dir(ltr), combobox.linked .budgie-polkit-dialog .linked.horizontal > button:nth-child(2):dir(ltr), .budgie-session-dialog .linked:not(.vertical) > combobox:last-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked:not(.vertical) > combobox:last-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked:not(.vertical) > combobox:last-child > box.linked.horizontal > button.combo, .budgie-session-dialog .linked.vertical > combobox:last-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked.vertical > combobox:last-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked.vertical > combobox:last-child > box.linked.horizontal > button.combo { border-right: none; border-bottom-right-radius: 2px; } - .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover { background-color: rgba(255, 106, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-session-dialog label:backdrop .linked.horizontal > selection:hover label, .budgie-run-dialog label:backdrop .linked.horizontal > selection:hover label, .budgie-polkit-dialog label:backdrop .linked.horizontal > selection:hover label, label:backdrop .budgie-session-dialog .linked.horizontal > selection:hover label, label:backdrop .budgie-run-dialog .linked.horizontal > selection:hover label, label:backdrop .budgie-polkit-dialog .linked.horizontal > selection:hover label, .budgie-session-dialog progressbar:backdrop .linked.horizontal > trough:hover label, .budgie-run-dialog progressbar:backdrop .linked.horizontal > trough:hover label, .budgie-polkit-dialog progressbar:backdrop .linked.horizontal > trough:hover label, progressbar:backdrop .budgie-session-dialog .linked.horizontal > trough:hover label, progressbar:backdrop .budgie-run-dialog .linked.horizontal > trough:hover label, progressbar:backdrop .budgie-polkit-dialog .linked.horizontal > trough:hover label, .budgie-session-dialog progressbar:backdrop .linked.horizontal > progress:hover label, .budgie-run-dialog progressbar:backdrop .linked.horizontal > progress:hover label, .budgie-polkit-dialog progressbar:backdrop .linked.horizontal > progress:hover label, progressbar:backdrop .budgie-session-dialog .linked.horizontal > progress:hover label, progressbar:backdrop .budgie-run-dialog .linked.horizontal > progress:hover label, progressbar:backdrop .budgie-polkit-dialog .linked.horizontal > progress:hover label { color: rgba(255, 255, 255, 0.5); } - .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-session-dialog .selection-mode .linked.horizontal > button.titlebutton, .budgie-run-dialog .selection-mode .linked.horizontal > button.titlebutton, .budgie-polkit-dialog .selection-mode .linked.horizontal > button.titlebutton, .selection-mode .budgie-session-dialog .linked.horizontal > button.titlebutton, .selection-mode .budgie-run-dialog .linked.horizontal > button.titlebutton, .selection-mode .budgie-polkit-dialog .linked.horizontal > button.titlebutton { background-color: rgba(204, 85, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-session-dialog .selection-mode .linked.horizontal > button.titlebutton:hover, .budgie-run-dialog .selection-mode .linked.horizontal > button.titlebutton:hover, .budgie-polkit-dialog .selection-mode .linked.horizontal > button.titlebutton:hover, .selection-mode .budgie-session-dialog .linked.horizontal > button.titlebutton:hover, .selection-mode .budgie-run-dialog .linked.horizontal > button.titlebutton:hover, .selection-mode .budgie-polkit-dialog .linked.horizontal > button.titlebutton:hover { background-color: rgba(230, 95, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .selection-mode .linked.horizontal > button.titlebutton:active, .budgie-run-dialog .selection-mode .linked.horizontal > button.titlebutton:active, .budgie-polkit-dialog .selection-mode .linked.horizontal > button.titlebutton:active, .selection-mode .budgie-session-dialog .linked.horizontal > button.titlebutton:active, .selection-mode .budgie-run-dialog .linked.horizontal > button.titlebutton:active, .selection-mode .budgie-polkit-dialog .linked.horizontal > button.titlebutton:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-session-dialog .selection-mode .linked.horizontal > button.titlebutton:checked, .budgie-run-dialog .selection-mode .linked.horizontal > button.titlebutton:checked, .budgie-polkit-dialog .selection-mode .linked.horizontal > button.titlebutton:checked, .selection-mode .budgie-session-dialog .linked.horizontal > button.titlebutton:checked, .selection-mode .budgie-run-dialog .linked.horizontal > button.titlebutton:checked, .selection-mode .budgie-polkit-dialog .linked.horizontal > button.titlebutton:checked { background-color: rgba(230, 95, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action { background-color: rgba(204, 0, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover { background-color: rgba(230, 0, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked { background-color: rgba(230, 0, 0, 0.9); } - .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + .budgie-session-dialog entry, .budgie-run-dialog entry, .budgie-polkit-dialog entry { background-color: #505359; color: #BFC3CD; } - .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + .budgie-session-dialog entry:focus, .budgie-run-dialog entry:focus, .budgie-polkit-dialog entry:focus { background-color: #505359; } - .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + .budgie-session-dialog entry:backdrop, .budgie-run-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop { background-color: #505359; } .budgie-polkit-dialog .message { @@ -5622,8 +5797,9 @@ calendar.raven-calendar { padding-left: 12px; padding-right: 8px; } -.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle, -.budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle { +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle { opacity: 1; } .budgie-run-dialog scrolledwindow { @@ -5661,40 +5837,25 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .workspace-switcher .workspace-layout { border: 0 solid rgba(0, 0, 0, 0.95); } - .top .workspace-switcher .workspace-layout:dir(ltr), - .bottom .workspace-switcher .workspace-layout:dir(ltr) { + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } - .top .workspace-switcher .workspace-layout:dir(rtl), - .bottom .workspace-switcher .workspace-layout:dir(rtl) { + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } - .left .workspace-switcher .workspace-layout, - .right .workspace-switcher .workspace-layout { + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(26, 26, 26, 0.95); } - .top .workspace-switcher .workspace-item:dir(ltr), - .bottom .workspace-switcher .workspace-item:dir(ltr), .top - .workspace-switcher .workspace-add-button:dir(ltr), - .bottom - .workspace-switcher .workspace-add-button:dir(ltr) { + border: 0 solid rgba(17, 20, 34, 0.95); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } - .top .workspace-switcher .workspace-item:dir(rtl), - .bottom .workspace-switcher .workspace-item:dir(rtl), .top - .workspace-switcher .workspace-add-button:dir(rtl), - .bottom - .workspace-switcher .workspace-add-button:dir(rtl) { + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } - .left .workspace-switcher .workspace-item, - .right .workspace-switcher .workspace-item, .left - .workspace-switcher .workspace-add-button, - .right - .workspace-switcher .workspace-add-button { + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(13, 13, 13, 0.95); } + background-color: rgba(9, 10, 17, 0.95); } .workspace-switcher .workspace-add-button { border: none; @@ -5716,10 +5877,12 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled /************ * Nautilus * ************/ -.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { +.nautilus-window .frame *:selected, .nautilus-window .frame button:selected:link, +.nautilus-window .frame button:selected:visited, .nautilus-window .frame *:selected:backdrop { background: transparent; color: #ff6a00; } - .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { + .nautilus-window .frame *:selected label, .nautilus-window .frame button:selected:link label, + .nautilus-window .frame button:selected:visited label, .nautilus-window .frame *:selected:backdrop label { color: #ff6a00; } .nautilus-window paned > separator { @@ -5727,7 +5890,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .sidebar { background-color: transparent; } - .nautilus-window .sidebar:backdrop { + .nautilus-window .sidebar:backdrop, .nautilus-window label:backdrop selection.sidebar, label:backdrop .nautilus-window selection.sidebar, .nautilus-window progressbar:backdrop trough.sidebar, progressbar:backdrop .nautilus-window trough.sidebar, .nautilus-window progressbar:backdrop progress.sidebar, progressbar:backdrop .nautilus-window progress.sidebar { background-color: transparent; } .nautilus-window .sidebar .list-row button { border: none; @@ -5745,7 +5908,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window.background { background-color: rgba(12, 15, 26, 0.95); } - .nautilus-window.background:backdrop { + .nautilus-window.background:backdrop, label:backdrop selection.background, progressbar:backdrop trough.background, progressbar:backdrop progress.background { background-color: rgba(12, 15, 26, 0.95); } .nautilus-window notebook > stack:only-child { @@ -5769,7 +5932,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box .dim-label, .nautilus-window .titlebar .path-bar-box label.separator, .nautilus-window .titlebar .path-bar-box .subtitle { color: transparent; } -.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child, +.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child, .nautilus-window .titlebar .path-bar-box combobox.linked widget > button.text-button:nth-child(2):dir(ltr), combobox.linked .nautilus-window .titlebar .path-bar-box widget > button.text-button:nth-child(2):dir(ltr), .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { @@ -5783,10 +5946,22 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop label, .nautilus-window .titlebar .path-bar-box button:active:backdrop, - .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label { + .nautilus-window .titlebar .path-bar-box label:backdrop selection:active, + label:backdrop .nautilus-window .titlebar .path-bar-box selection:active, + .nautilus-window .titlebar .path-bar-box progressbar:backdrop trough:active, + progressbar:backdrop .nautilus-window .titlebar .path-bar-box trough:active, + .nautilus-window .titlebar .path-bar-box progressbar:backdrop progress:active, + progressbar:backdrop .nautilus-window .titlebar .path-bar-box progress:active, + .nautilus-window .titlebar .path-bar-box button:active:backdrop label, + .nautilus-window .titlebar .path-bar-box label:backdrop selection:active label, + label:backdrop .nautilus-window .titlebar .path-bar-box selection:active label, + .nautilus-window .titlebar .path-bar-box progressbar:backdrop trough:active label, + progressbar:backdrop .nautilus-window .titlebar .path-bar-box trough:active label, + .nautilus-window .titlebar .path-bar-box progressbar:backdrop progress:active label, + progressbar:backdrop .nautilus-window .titlebar .path-bar-box progress:active label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box label:backdrop selection:checked, label:backdrop .nautilus-window .titlebar .path-bar-box selection:checked, .nautilus-window .titlebar .path-bar-box progressbar:backdrop trough:checked, progressbar:backdrop .nautilus-window .titlebar .path-bar-box trough:checked, .nautilus-window .titlebar .path-bar-box progressbar:backdrop progress:checked, progressbar:backdrop .nautilus-window .titlebar .path-bar-box progress:checked, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label, .nautilus-window .titlebar .path-bar-box label:backdrop selection:checked label, label:backdrop .nautilus-window .titlebar .path-bar-box selection:checked label, .nautilus-window .titlebar .path-bar-box progressbar:backdrop trough:checked label, progressbar:backdrop .nautilus-window .titlebar .path-bar-box trough:checked label, .nautilus-window .titlebar .path-bar-box progressbar:backdrop progress:checked label, progressbar:backdrop .nautilus-window .titlebar .path-bar-box progress:checked label { color: whitesmoke; } -.nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop { +.nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) label:backdrop selection:active, label:backdrop .nautilus-window .titlebar .linked:not(.path-bar) selection:active, .nautilus-window .titlebar .linked:not(.path-bar) progressbar:backdrop trough:active, progressbar:backdrop .nautilus-window .titlebar .linked:not(.path-bar) trough:active, .nautilus-window .titlebar .linked:not(.path-bar) progressbar:backdrop progress:active, progressbar:backdrop .nautilus-window .titlebar .linked:not(.path-bar) progress:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) label:backdrop selection:checked, label:backdrop .nautilus-window .titlebar .linked:not(.path-bar) selection:checked, .nautilus-window .titlebar .linked:not(.path-bar) progressbar:backdrop trough:checked, progressbar:backdrop .nautilus-window .titlebar .linked:not(.path-bar) trough:checked, .nautilus-window .titlebar .linked:not(.path-bar) progressbar:backdrop progress:checked, progressbar:backdrop .nautilus-window .titlebar .linked:not(.path-bar) progress:checked { background: transparent; color: #ff6a00; box-shadow: none; @@ -5829,11 +6004,13 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-desktop .nautilus-canvas-item:selected { color: #fefefe; text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { color: #fefefe; } - .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected { color: #fefefe; } /********* @@ -5988,12 +6165,30 @@ wnck-pager { color: #BFC3CD; } #whiskermenu-window treeview:hover { background-color: rgba(255, 106, 0, 0.4); - color: #fefefe; } + color: #fefefe; + border-radius: 0.4em; } #whiskermenu-window treeview:selected { + -gtk-icon-effect: highlight; background-color: #ff6a00; color: #fefefe; outline-color: rgba(255, 255, 255, 0.05); } +#whiskermenu-window iconview { + background-color: transparent; + color: #BFC3CD; } + #whiskermenu-window iconview:hover { + border-radius: 0.4em; + background-color: rgba(255, 255, 255, 0.05); + border: 2px solid rgba(255, 255, 255, 0.05); + -gtk-icon-effect: highlight; } + #whiskermenu-window iconview:selected { + background-color: rgba(255, 255, 255, 0.05); + color: #fefefe; + outline-color: rgba(255, 255, 255, 0.05); + border-radius: 0.4em; + -gtk-icon-effect: highlight; + border: 2px solid rgba(255, 106, 0, 0.4); } + /********** * thunar * **********/ @@ -6021,7 +6216,7 @@ wnck-pager { background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } - .thunar toolbar button:selected:backdrop, .thunar toolbar button:active:backdrop, .thunar toolbar button:checked:backdrop { + .thunar toolbar button:selected:backdrop, .thunar toolbar label:backdrop selection:selected, label:backdrop .thunar toolbar selection:selected, .thunar toolbar progressbar:backdrop trough:selected, progressbar:backdrop .thunar toolbar trough:selected, .thunar toolbar progressbar:backdrop progress:selected, progressbar:backdrop .thunar toolbar progress:selected, .thunar toolbar button:active:backdrop, .thunar toolbar label:backdrop selection:active, label:backdrop .thunar toolbar selection:active, .thunar toolbar progressbar:backdrop trough:active, progressbar:backdrop .thunar toolbar trough:active, .thunar toolbar progressbar:backdrop progress:active, progressbar:backdrop .thunar toolbar progress:active, .thunar toolbar button:checked:backdrop, .thunar toolbar label:backdrop selection:checked, label:backdrop .thunar toolbar selection:checked, .thunar toolbar progressbar:backdrop trough:checked, progressbar:backdrop .thunar toolbar trough:checked, .thunar toolbar progressbar:backdrop progress:checked, progressbar:backdrop .thunar toolbar progress:checked { border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); @@ -6092,7 +6287,8 @@ window.thunar statusbar { background: #06070c; } .thunar :not(decoration):not(window):drop(active):focus, -:not(decoration):not(window):drop(active) { +:not(decoration):not(window):drop(active), +combobox:drop(active) button.combo:not(window) { border-color: rgba(124, 183, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(124, 183, 255, 0.5); caret-color: rgba(124, 183, 255, 0.5); } @@ -6297,7 +6493,7 @@ LibraryWindow .the-button-in-the-combobox { /************ * Level bar * *************/ -.source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, iconview.source-list.level-bar:selected, .source-list.view.level-bar:selected:focus, iconview.source-list.level-bar:selected:focus { +.source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, .source-list.view.level-bar:selected:focus { background: linear-gradient(#272f51, #272f51); border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); @@ -6305,7 +6501,7 @@ LibraryWindow .the-button-in-the-combobox { .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block { border: none; } - .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus { + .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus { background: linear-gradient(to right, #ff3300, #ffa100); } /************************** @@ -6347,67 +6543,43 @@ radiobutton.color-button:active > radio { color: #111524; -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } -.color-button.red check, -.color-button.red radio, -.color-button.strawberry check, -.color-button.strawberry radio { +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { background-color: @STRAWBERRY_300; -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } -.color-button.orange check, -.color-button.orange radio { +.color-button.orange check, .color-button.orange radio { background-color: @ORANGE_300; -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } -.color-button.yellow check, -.color-button.yellow radio, -.color-button.banana check, -.color-button.banana radio { +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { background-color: @BANANA_500; -gtk-icon-shadow: 0 1px 1px @BANANA_700; } -.color-button.green check, -.color-button.green radio, -.color-button.lime check, -.color-button.lime radio { +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { background-color: @LIME_500; -gtk-icon-shadow: 0 1px 1px @LIME_700; } -.color-button.blue check, -.color-button.blue radio, -.color-button.blueberry check, -.color-button.blueberry radio { +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { background-color: @BLUEBERRY_500; -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } -.color-button.purple check, -.color-button.purple radio, -.color-button.grape check, -.color-button.grape radio { +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { background-color: @GRAPE_500; -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } -.color-button.brown check, -.color-button.brown radio, -.color-button.cocoa check, -.color-button.cocoa radio { +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { background-color: @COCOA_300; -gtk-icon-shadow: 0 1px 1px @COCOA_500; } -.color-button.mint check, -.color-button.mint radio { +.color-button.mint check, .color-button.mint radio { background-color: @MINT_500; -gtk-icon-shadow: 0 1px 1px @MINT_700; } -.color-button.pink check, -.color-button.pink radio, -.color-button.bubblegum check, -.color-button.bubblegum radio { +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { background-color: @BUBBLEGUM_500; -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } -.color-button.slate check, -.color-button.slate radio { +.color-button.slate check, .color-button.slate radio { background-color: @SLATE_300; -gtk-icon-shadow: 0 1px 1px @SLATE_500; } @@ -6466,13 +6638,13 @@ UnityDecoration { background-color: #eeeeee; color: #31363D; border-top: 1px solid rgba(255, 255, 255, 0.1); } - UnityDecoration .top:backdrop { + UnityDecoration .top:backdrop, UnityDecoration label:backdrop selection.top, label:backdrop UnityDecoration selection.top, UnityDecoration progressbar:backdrop trough.top, progressbar:backdrop UnityDecoration trough.top, UnityDecoration progressbar:backdrop progress.top, progressbar:backdrop UnityDecoration progress.top { border-bottom-width: 0; color: #1a1d21; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top .menuitem { color: #31363D; } - UnityDecoration .top .menuitem:backdrop { + UnityDecoration .top .menuitem:backdrop, UnityDecoration .top label:backdrop selection.menuitem, label:backdrop UnityDecoration .top selection.menuitem, UnityDecoration .top progressbar:backdrop trough.menuitem, progressbar:backdrop UnityDecoration .top trough.menuitem, UnityDecoration .top progressbar:backdrop progress.menuitem, progressbar:backdrop UnityDecoration .top progress.menuitem { color: #1a1d21; } UnityDecoration.left, @@ -6488,9 +6660,15 @@ UnityDecoration.bottom { background-repeat: repeat-x; background-color: #ececec; } -UnityDecoration.left:backdrop, +UnityDecoration.left:backdrop, label:backdrop selection.left, progressbar:backdrop trough.left, progressbar:backdrop progress.left, UnityDecoration.right:backdrop, -UnityDecoration.bottom:backdrop { +label:backdrop selection.right, +progressbar:backdrop trough.right, +progressbar:backdrop progress.right, +UnityDecoration.bottom:backdrop, +label:backdrop selection.bottom, +progressbar:backdrop trough.bottom, +progressbar:backdrop progress.bottom { background-size: 1px; background-repeat: repeat-x; } @@ -6503,7 +6681,10 @@ UnityPanelWidget, color: #31363D; } UnityPanelWidget:backdrop, -.unity-panel:backdrop { +.unity-panel:backdrop, +label:backdrop selection.unity-panel, +progressbar:backdrop trough.unity-panel, +progressbar:backdrop progress.unity-panel { color: #1a1d21; } .unity-panel.menuitem, @@ -6520,7 +6701,7 @@ UnityPanelWidget:backdrop, background-color: #d5d5d5; color: #31363D; } -.unity-panel.menubar:backdrop, +.unity-panel.menubar:backdrop, label:backdrop selection.menubar, progressbar:backdrop trough.menubar, progressbar:backdrop progress.menubar, .unity-panel .menubar *:backdrop { color: #676a75; } @@ -6541,7 +6722,8 @@ UnityPanelWidget:backdrop, color: #31363D; box-shadow: none; } -.unity-panel.menubar .menuitem *:hover { +.unity-panel.menubar .menuitem *:hover, .unity-panel.menubar .menuitem button:hover:link, +.unity-panel.menubar .menuitem button:hover:visited { color: white; box-shadow: none; } @@ -6579,7 +6761,7 @@ ConversationListView { ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { background-color: #ff6a00; color: #fefefe; } - ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + ConversationListView .view:active:backdrop, ConversationListView .view:selected:backdrop { background-color: rgba(255, 106, 0, 0.6); color: rgba(254, 254, 254, 0.5); } ConversationListView .view .cell, ConversationListView iconview .cell { @@ -6598,18 +6780,19 @@ ConversationListView { font-weight: normal; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85); } #panel_window .menubar, - #panel_window .menubar > .menuitem menubar, + #panel_window .menubar > .menuitem +menubar, #panel_window menubar > menuitem { background-color: transparent; color: white; font-weight: bold; } - #panel_window .menubar .menuitem:disabled, + #panel_window .menubar .menuitem:disabled, #panel_window .menubar label:disabled selection.menuitem, label:disabled #panel_window .menubar selection.menuitem, #panel_window menubar menuitem:disabled { color: rgba(255, 255, 255, 0.5); } - #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window .menubar .menuitem:disabled GtkLabel, #panel_window .menubar label:disabled selection.menuitem GtkLabel, label:disabled #panel_window .menubar selection.menuitem GtkLabel, #panel_window menubar menuitem:disabled GtkLabel { color: inherit; } - #panel_window .menubar .menuitem:disabled label, + #panel_window .menubar .menuitem:disabled label, #panel_window .menubar label:disabled selection.menuitem label, label:disabled #panel_window .menubar selection.menuitem label, #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window .menubar .menu > .menuitem, @@ -6739,12 +6922,12 @@ ConversationListView { transition-duration: 50ms; color: #fefefe; background: #ff6a00; } - .nemo-window .sidebar .view:backdrop, .nemo-window .sidebar iconview:backdrop, .nemo-window .sidebar .iconview:backdrop, .nemo-window .sidebar row:backdrop, .nemo-window statusbar .view:backdrop, .nemo-window statusbar iconview:backdrop, .nemo-window statusbar .iconview:backdrop, .nemo-window statusbar row:backdrop, .nemo-window box.toolbar .view:backdrop, .nemo-window box.toolbar iconview:backdrop, .nemo-window box.toolbar .iconview:backdrop, .nemo-window box.toolbar row:backdrop, .nemo-window toolbar.primary-toolbar .view:backdrop, .nemo-window toolbar.primary-toolbar iconview:backdrop, .nemo-window toolbar.primary-toolbar .iconview:backdrop, .nemo-window toolbar.primary-toolbar row:backdrop { + .nemo-window .sidebar .view:backdrop, .nemo-window .sidebar .iconview:backdrop, .nemo-window .sidebar label:backdrop selection.iconview, label:backdrop .nemo-window .sidebar selection.iconview, .nemo-window .sidebar progressbar:backdrop trough.iconview, progressbar:backdrop .nemo-window .sidebar trough.iconview, .nemo-window .sidebar progressbar:backdrop progress.iconview, progressbar:backdrop .nemo-window .sidebar progress.iconview, .nemo-window .sidebar row:backdrop, .nemo-window statusbar .view:backdrop, .nemo-window statusbar .iconview:backdrop, .nemo-window statusbar label:backdrop selection.iconview, label:backdrop .nemo-window statusbar selection.iconview, .nemo-window statusbar progressbar:backdrop trough.iconview, progressbar:backdrop .nemo-window statusbar trough.iconview, .nemo-window statusbar progressbar:backdrop progress.iconview, progressbar:backdrop .nemo-window statusbar progress.iconview, .nemo-window statusbar row:backdrop, .nemo-window box.toolbar .view:backdrop, .nemo-window box.toolbar .iconview:backdrop, .nemo-window box.toolbar label:backdrop selection.iconview, label:backdrop .nemo-window box.toolbar selection.iconview, .nemo-window box.toolbar progressbar:backdrop trough.iconview, progressbar:backdrop .nemo-window box.toolbar trough.iconview, .nemo-window box.toolbar progressbar:backdrop progress.iconview, progressbar:backdrop .nemo-window box.toolbar progress.iconview, .nemo-window box.toolbar row:backdrop, .nemo-window toolbar.primary-toolbar .view:backdrop, .nemo-window toolbar.primary-toolbar .iconview:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection.iconview, label:backdrop .nemo-window toolbar.primary-toolbar selection.iconview, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough.iconview, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough.iconview, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress.iconview, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress.iconview, .nemo-window toolbar.primary-toolbar row:backdrop { transition: 200ms ease-out; transition-duration: 500ms; color: #676a75; background-color: inherit; } - .nemo-window .sidebar .view:backdrop:selected, .nemo-window .sidebar iconview:backdrop:selected, .nemo-window .sidebar .iconview:backdrop:selected, .nemo-window .sidebar row:backdrop:selected, .nemo-window statusbar .view:backdrop:selected, .nemo-window statusbar iconview:backdrop:selected, .nemo-window statusbar .iconview:backdrop:selected, .nemo-window statusbar row:backdrop:selected, .nemo-window box.toolbar .view:backdrop:selected, .nemo-window box.toolbar iconview:backdrop:selected, .nemo-window box.toolbar .iconview:backdrop:selected, .nemo-window box.toolbar row:backdrop:selected, .nemo-window toolbar.primary-toolbar .view:backdrop:selected, .nemo-window toolbar.primary-toolbar iconview:backdrop:selected, .nemo-window toolbar.primary-toolbar .iconview:backdrop:selected, .nemo-window toolbar.primary-toolbar row:backdrop:selected { + .nemo-window .sidebar .view:backdrop:selected, .nemo-window .sidebar .iconview:backdrop:selected, .nemo-window .sidebar label:backdrop selection.iconview:selected, label:backdrop .nemo-window .sidebar selection.iconview:selected, .nemo-window .sidebar progressbar:backdrop trough.iconview:selected, progressbar:backdrop .nemo-window .sidebar trough.iconview:selected, .nemo-window .sidebar progressbar:backdrop progress.iconview:selected, progressbar:backdrop .nemo-window .sidebar progress.iconview:selected, .nemo-window .sidebar row:backdrop:selected, .nemo-window statusbar .view:backdrop:selected, .nemo-window statusbar .iconview:backdrop:selected, .nemo-window statusbar label:backdrop selection.iconview:selected, label:backdrop .nemo-window statusbar selection.iconview:selected, .nemo-window statusbar progressbar:backdrop trough.iconview:selected, progressbar:backdrop .nemo-window statusbar trough.iconview:selected, .nemo-window statusbar progressbar:backdrop progress.iconview:selected, progressbar:backdrop .nemo-window statusbar progress.iconview:selected, .nemo-window statusbar row:backdrop:selected, .nemo-window box.toolbar .view:backdrop:selected, .nemo-window box.toolbar .iconview:backdrop:selected, .nemo-window box.toolbar label:backdrop selection.iconview:selected, label:backdrop .nemo-window box.toolbar selection.iconview:selected, .nemo-window box.toolbar progressbar:backdrop trough.iconview:selected, progressbar:backdrop .nemo-window box.toolbar trough.iconview:selected, .nemo-window box.toolbar progressbar:backdrop progress.iconview:selected, progressbar:backdrop .nemo-window box.toolbar progress.iconview:selected, .nemo-window box.toolbar row:backdrop:selected, .nemo-window toolbar.primary-toolbar .view:backdrop:selected, .nemo-window toolbar.primary-toolbar .iconview:backdrop:selected, .nemo-window toolbar.primary-toolbar label:backdrop selection.iconview:selected, label:backdrop .nemo-window toolbar.primary-toolbar selection.iconview:selected, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough.iconview:selected, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough.iconview:selected, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress.iconview:selected, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress.iconview:selected, .nemo-window toolbar.primary-toolbar row:backdrop:selected { color: rgba(254, 254, 254, 0.5); background-color: rgba(255, 106, 0, 0.6); } .nemo-window .sidebar button, .nemo-window statusbar button, .nemo-window box.toolbar button, .nemo-window toolbar.primary-toolbar button { @@ -6773,7 +6956,7 @@ ConversationListView { background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } - .nemo-window .sidebar button:selected:backdrop, .nemo-window .sidebar button:active:backdrop, .nemo-window .sidebar button:checked:backdrop, .nemo-window statusbar button:selected:backdrop, .nemo-window statusbar button:active:backdrop, .nemo-window statusbar button:checked:backdrop, .nemo-window box.toolbar button:selected:backdrop, .nemo-window box.toolbar button:active:backdrop, .nemo-window box.toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { + .nemo-window .sidebar button:selected:backdrop, .nemo-window .sidebar label:backdrop selection:selected, label:backdrop .nemo-window .sidebar selection:selected, .nemo-window .sidebar progressbar:backdrop trough:selected, progressbar:backdrop .nemo-window .sidebar trough:selected, .nemo-window .sidebar progressbar:backdrop progress:selected, progressbar:backdrop .nemo-window .sidebar progress:selected, .nemo-window .sidebar button:active:backdrop, .nemo-window .sidebar label:backdrop selection:active, label:backdrop .nemo-window .sidebar selection:active, .nemo-window .sidebar progressbar:backdrop trough:active, progressbar:backdrop .nemo-window .sidebar trough:active, .nemo-window .sidebar progressbar:backdrop progress:active, progressbar:backdrop .nemo-window .sidebar progress:active, .nemo-window .sidebar button:checked:backdrop, .nemo-window .sidebar label:backdrop selection:checked, label:backdrop .nemo-window .sidebar selection:checked, .nemo-window .sidebar progressbar:backdrop trough:checked, progressbar:backdrop .nemo-window .sidebar trough:checked, .nemo-window .sidebar progressbar:backdrop progress:checked, progressbar:backdrop .nemo-window .sidebar progress:checked, .nemo-window statusbar button:selected:backdrop, .nemo-window statusbar label:backdrop selection:selected, label:backdrop .nemo-window statusbar selection:selected, .nemo-window statusbar progressbar:backdrop trough:selected, progressbar:backdrop .nemo-window statusbar trough:selected, .nemo-window statusbar progressbar:backdrop progress:selected, progressbar:backdrop .nemo-window statusbar progress:selected, .nemo-window statusbar button:active:backdrop, .nemo-window statusbar label:backdrop selection:active, label:backdrop .nemo-window statusbar selection:active, .nemo-window statusbar progressbar:backdrop trough:active, progressbar:backdrop .nemo-window statusbar trough:active, .nemo-window statusbar progressbar:backdrop progress:active, progressbar:backdrop .nemo-window statusbar progress:active, .nemo-window statusbar button:checked:backdrop, .nemo-window statusbar label:backdrop selection:checked, label:backdrop .nemo-window statusbar selection:checked, .nemo-window statusbar progressbar:backdrop trough:checked, progressbar:backdrop .nemo-window statusbar trough:checked, .nemo-window statusbar progressbar:backdrop progress:checked, progressbar:backdrop .nemo-window statusbar progress:checked, .nemo-window box.toolbar button:selected:backdrop, .nemo-window box.toolbar label:backdrop selection:selected, label:backdrop .nemo-window box.toolbar selection:selected, .nemo-window box.toolbar progressbar:backdrop trough:selected, progressbar:backdrop .nemo-window box.toolbar trough:selected, .nemo-window box.toolbar progressbar:backdrop progress:selected, progressbar:backdrop .nemo-window box.toolbar progress:selected, .nemo-window box.toolbar button:active:backdrop, .nemo-window box.toolbar label:backdrop selection:active, label:backdrop .nemo-window box.toolbar selection:active, .nemo-window box.toolbar progressbar:backdrop trough:active, progressbar:backdrop .nemo-window box.toolbar trough:active, .nemo-window box.toolbar progressbar:backdrop progress:active, progressbar:backdrop .nemo-window box.toolbar progress:active, .nemo-window box.toolbar button:checked:backdrop, .nemo-window box.toolbar label:backdrop selection:checked, label:backdrop .nemo-window box.toolbar selection:checked, .nemo-window box.toolbar progressbar:backdrop trough:checked, progressbar:backdrop .nemo-window box.toolbar trough:checked, .nemo-window box.toolbar progressbar:backdrop progress:checked, progressbar:backdrop .nemo-window box.toolbar progress:checked, .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection:selected, label:backdrop .nemo-window toolbar.primary-toolbar selection:selected, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough:selected, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough:selected, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress:selected, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress:selected, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection:active, label:backdrop .nemo-window toolbar.primary-toolbar selection:active, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough:active, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough:active, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress:active, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress:active, .nemo-window toolbar.primary-toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection:checked, label:backdrop .nemo-window toolbar.primary-toolbar selection:checked, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough:checked, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough:checked, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress:checked, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress:checked { border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); @@ -6791,10 +6974,10 @@ ConversationListView { background-color: #ff6a00; color: #fefefe; } -.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, .nemo-window .nemo-inactive-pane iconview { +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview { color: rgba(191, 195, 205, 0.85); background-color: #06070c; } - .nemo-window .nemo-inactive-pane .view:backdrop, .nemo-window .nemo-inactive-pane iconview:backdrop, .nemo-window .nemo-inactive-pane iconview:backdrop { + .nemo-window .nemo-inactive-pane .view:backdrop, .nemo-window .nemo-inactive-pane iconview:backdrop { color: #676a75; } /* * * * * * * * * * * @@ -6845,7 +7028,13 @@ ConversationListView { .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button), -.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop { +.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop, +.caja-navigation-window .vertical label:backdrop selection:not(.text-button), +label:backdrop .caja-navigation-window .vertical selection:not(.text-button), +.caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button), +progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button), +.caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button), +progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button) { background-color: transparent; background-image: none; border-color: transparent; @@ -6865,16 +7054,52 @@ ConversationListView { .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, -.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked { +.caja-navigation-window .vertical label:backdrop selection:not(.text-button):active, +label:backdrop .caja-navigation-window .vertical selection:not(.text-button):active, +.caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):active, +progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):active, +.caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):active, +progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):active, +.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked, +.caja-navigation-window .vertical label:backdrop selection:not(.text-button):checked, +label:backdrop .caja-navigation-window .vertical selection:not(.text-button):checked, +.caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):checked, +progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):checked, +.caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):checked, +progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):checked { background: linear-gradient(to right, #ff3300 0%, #ffa100 100%); box-shadow: none; } .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, + .caja-navigation-window .vertical label:backdrop selection:not(.text-button):active, + label:backdrop .caja-navigation-window .vertical selection:not(.text-button):active, + .caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):active, + progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):active, + .caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):active, + progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active label, + .caja-navigation-window .vertical label:backdrop selection:not(.text-button):active label, + label:backdrop .caja-navigation-window .vertical selection:not(.text-button):active label, + .caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):active label, + progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):active label, + .caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):active label, + progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked, - .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label { + .caja-navigation-window .vertical label:backdrop selection:not(.text-button):checked, + label:backdrop .caja-navigation-window .vertical selection:not(.text-button):checked, + .caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):checked, + progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):checked, + .caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):checked, + progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):checked, + .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label, + .caja-navigation-window .vertical label:backdrop selection:not(.text-button):checked label, + label:backdrop .caja-navigation-window .vertical selection:not(.text-button):checked label, + .caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):checked label, + progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):checked label, + .caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):checked label, + progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):checked label { color: #fefefe; } .caja-pathbar button { diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index b5d8420..37f2d5e 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -138,7 +138,8 @@ read if you used those and something break with a version upgrade you're on your /********* * Common * *********/ -* { +*, button:link, +button:visited { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #e60000; @@ -158,10 +159,13 @@ read if you used those and something break with a version upgrade you're on your /* komer: accessibility for keyboard navigation * needs to be enhanced with focus for specific selected widgets */ -*:focus { +*:focus, button:focus:link, +button:focus:visited { outline: 1px dashed rgba(255, 106, 0, 0.7); outline-offset: -2px; } - *:focus:active, *:focus:selected { + *:focus:active, button:active:link, + button:active:visited, *:focus:selected, button:selected:link, + button:selected:visited { outline-color: black; } /*********** @@ -176,14 +180,14 @@ read if you used those and something break with a version upgrade you're on your border-width: 1px 0 0 0; color: #BFC3CD; box-shadow: none; } - .action-bar:backdrop { + .action-bar:backdrop, progressbar:backdrop progress.action-bar, progressbar:backdrop trough.action-bar, label:backdrop selection.action-bar { background-color: black; box-shadow: none; -gtk-icon-effect: dim; } - .action-bar:first-child { + .action-bar:first-child, .linked.vertical > combobox:first-child > box > button.action-bar.combo, .linked:not(.vertical) > combobox:first-child > box > button.action-bar.combo, combobox.linked button.action-bar:nth-child(2):dir(rtl) { border-radius: 6px 6px 0px 0px; border-width: 1px 1px 0px 1px; } - .action-bar:last-child { + .action-bar:last-child, .linked.vertical > combobox:last-child > box > button.action-bar.combo, .linked:not(.vertical) > combobox:last-child > box > button.action-bar.combo, combobox.linked button.action-bar:nth-child(2):dir(ltr) { border-radius: 0 0 6px 6px; border-width: 0px 1px 1px 1px; } @@ -197,8 +201,11 @@ read if you used those and something break with a version upgrade you're on your background-color: rgba(20, 23, 26, 0.8); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } - .app-notification:backdrop, - .app-notification.frame:backdrop { + .app-notification:backdrop, progressbar:backdrop progress.app-notification, progressbar:backdrop trough.app-notification, label:backdrop selection.app-notification, + .app-notification.frame:backdrop, + progressbar:backdrop progress.frame, + progressbar:backdrop trough.frame, + label:backdrop selection.frame { background-image: none; transition: 200ms ease-out; } .app-notification border, @@ -211,7 +218,7 @@ read if you used those and something break with a version upgrade you're on your .background { color: #BFC3CD; background-color: #0E111D; } - .background:backdrop { + .background:backdrop, progressbar:backdrop progress.background, progressbar:backdrop trough.background, label:backdrop selection.background { color: #676a75; background-color: #0E111D; text-shadow: none; @@ -223,7 +230,8 @@ read if you used those and something break with a version upgrade you're on your or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ -*:disabled { +*:disabled, button:disabled:link, +button:disabled:visited, label:disabled selection { -gtk-icon-effect: dim; } .gtkstyle-fallback { @@ -235,7 +243,7 @@ read if you used those and something break with a version upgrade you're on your .gtkstyle-fallback:active { color: #BFC3CD; background-color: black; } - .gtkstyle-fallback:disabled { + .gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { color: #676a75; background-color: #0f1320; } .gtkstyle-fallback:selected { @@ -248,7 +256,7 @@ iconview text, textview text { color: #BFC3CD; background-color: #111524; } - .view:backdrop, iconview:backdrop, + .view:backdrop, progressbar:backdrop progress.view, progressbar:backdrop trough.view, label:backdrop selection.view, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { @@ -268,9 +276,9 @@ textview border { .rubberband, rubberband, -flowbox rubberband, +treeview.view rubberband, .content-view rubberband, -treeview.view rubberband { +flowbox rubberband { border: 1px solid #cc5500; background-color: rgba(204, 85, 0, 0.2); } @@ -284,27 +292,27 @@ label { caret-color: currentColor; } label.separator { color: #BFC3CD; } - label.separator:backdrop { + label.separator:backdrop, progressbar:backdrop progress.separator, progressbar:backdrop trough.separator, label:backdrop selection.separator { color: #676a75; } label selection { background-color: #ff6a00; color: #fefefe; } label:disabled { color: #676a75; } - label:disabled:backdrop { + label:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:backdrop selection:disabled { color: #272f51; } label:backdrop { color: #676a75; } -.dim-label, label.separator, .titlebar .subtitle, -headerbar .subtitle { +.dim-label, .titlebar .subtitle, +headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #111524; border-top: 1px solid rgba(255, 255, 255, 0.05); } - assistant .sidebar:backdrop { + assistant .sidebar:backdrop, assistant progressbar:backdrop progress.sidebar, progressbar:backdrop assistant progress.sidebar, assistant progressbar:backdrop trough.sidebar, progressbar:backdrop assistant trough.sidebar, assistant label:backdrop selection.sidebar, label:backdrop assistant selection.sidebar { background-color: #15192b; border-color: rgba(59, 62, 71, 0.145); } @@ -317,8 +325,8 @@ assistant .sidebar label { assistant .sidebar label.highlight { background-color: #313540; } -.app-notification, -.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { +.csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd .scale-popup, .app-notification, +.app-notification.frame, .osd { color: #fefefe; border: none; background-color: rgba(20, 23, 26, 0.8); @@ -326,11 +334,12 @@ assistant .sidebar label.highlight { outline-color: rgba(254, 254, 254, 0.3); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { + popover.background.osd:backdrop, progressbar:backdrop progress.osd, progressbar:backdrop trough.osd, popover.background.touch-selection:backdrop, progressbar:backdrop progress.touch-selection, progressbar:backdrop trough.touch-selection, popover.background.magnifier:backdrop, progressbar:backdrop progress.magnifier, progressbar:backdrop trough.magnifier, .osd .scale-popup:backdrop, .osd progressbar:backdrop progress.scale-popup, progressbar:backdrop .osd progress.scale-popup, .osd progressbar:backdrop trough.scale-popup, progressbar:backdrop .osd trough.scale-popup, .app-notification:backdrop, progressbar:backdrop progress.app-notification, progressbar:backdrop trough.app-notification, label:backdrop .osd selection.scale-popup, .osd label:backdrop selection.scale-popup, label:backdrop selection.app-notification, .osd:backdrop, label:backdrop selection.osd { text-shadow: none; -gtk-icon-shadow: none; } -*:selected { +*:selected, button:selected:link, +button:selected:visited { background: #ff6a00; color: #fefefe; } @@ -343,7 +352,7 @@ assistant .sidebar label.highlight { to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ff6a00), to(transparent)); } } -notebook > header > tabs > arrow, +notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode button.titlebutton, button { min-height: 20px; min-width: 16px; @@ -355,7 +364,7 @@ button { color: #BFC3CD; background-color: #181c31; text-shadow: none; } - notebook > header > tabs > arrow, + notebook > header > tabs > arrow.flat, notebook > header > tabs > arrow, combobox:drop(active) button.flat.combo, combobox:drop(active) .selection-mode button.combo.titlebutton, .selection-mode combobox:drop(active) button.combo.titlebutton, .selection-mode button.titlebutton, button.flat { background-color: transparent; background-image: none; @@ -364,24 +373,27 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition: none; } - notebook > header > tabs > arrow:hover, - button.flat:hover { + notebook > header > tabs > arrow:hover, combobox:drop(active) button.flat.combo:hover, combobox:drop(active) .selection-mode button.combo.titlebutton:hover, .selection-mode combobox:drop(active) button.combo.titlebutton:hover, + button.flat:hover, + .selection-mode button.titlebutton:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; color: #fefefe; background: rgba(255, 106, 0, 0.5); outline-color: rgba(254, 254, 254, 0.3); text-shadow: none; } - notebook > header > tabs > arrow:hover:active, - button.flat:hover:active { + notebook > header > tabs > arrow:hover:active, combobox:drop(active) button.flat.combo:hover:active, + button.flat:hover:active, + .selection-mode button.titlebutton:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:backdrop:hover, - button.flat:backdrop:hover { + progressbar:backdrop progress.flat:hover, progressbar:backdrop trough.flat:hover, notebook > header > tabs > arrow:backdrop:hover, combobox:drop(active) button.flat.combo:backdrop:hover, combobox:drop(active) progressbar:backdrop progress.combo:hover, progressbar:backdrop combobox:drop(active) progress.combo:hover, combobox:drop(active) progressbar:backdrop trough.combo:hover, progressbar:backdrop combobox:drop(active) trough.combo:hover, label:backdrop selection.flat:hover, + button.flat:backdrop:hover, + .selection-mode button.titlebutton:backdrop:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; color: inherit; background: inherit; } - notebook > header > tabs > arrow:hover, + notebook > header > tabs > arrow:hover, combobox:drop(active) button.combo:hover, .selection-mode button.titlebutton:hover, button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; @@ -390,7 +402,7 @@ button { outline-color: rgba(254, 254, 254, 0.3); text-shadow: none; -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + notebook > header > tabs > arrow:active, combobox:drop(active) button.combo:active, notebook > header > tabs > arrow:checked, combobox:drop(active) button.combo:checked, .selection-mode button.titlebutton:active, .selection-mode button.titlebutton:checked, button:active, button:checked { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -399,8 +411,12 @@ button { outline-color: rgba(254, 254, 254, 0.3); background-color: #e65f00; text-shadow: none; } - notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + .selection-mode button.titlebutton:backdrop, popover.background checkbutton:backdrop, + popover.background radiobutton:backdrop, notebook > header > tabs > arrow:backdrop, combobox:drop(active) button.combo:backdrop, combobox:drop(active) progressbar:backdrop progress.combo, progressbar:backdrop combobox:drop(active) progress.combo, combobox:drop(active) progressbar:backdrop trough.combo, progressbar:backdrop combobox:drop(active) trough.combo, popover.background checkbutton:backdrop, + popover.background radiobutton:backdrop, button:backdrop.flat, + popover.background checkbutton:backdrop, + popover.background radiobutton:backdrop, button:backdrop { transition: 200ms ease-out; color: #9da1ad; @@ -408,7 +424,9 @@ button { background-color: #15192b; text-shadow: none; -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + popover.background checkbutton:backdrop:active, + popover.background radiobutton:backdrop:active, popover.background checkbutton:backdrop:checked, + popover.background radiobutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, combobox:drop(active) button.combo:backdrop:active, combobox:drop(active) progressbar:backdrop progress.combo:active, progressbar:backdrop combobox:drop(active) progress.combo:active, combobox:drop(active) progressbar:backdrop trough.combo:active, progressbar:backdrop combobox:drop(active) trough.combo:active, notebook > header > tabs > arrow:backdrop:checked, combobox:drop(active) button.combo:backdrop:checked, combobox:drop(active) progressbar:backdrop progress.combo:checked, progressbar:backdrop combobox:drop(active) progress.combo:checked, combobox:drop(active) progressbar:backdrop trough.combo:checked, progressbar:backdrop combobox:drop(active) trough.combo:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, @@ -417,20 +435,25 @@ button { outline-color: rgba(191, 195, 205, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + popover.background checkbutton:backdrop:active label, + popover.background radiobutton:backdrop:active label, popover.background checkbutton:backdrop:checked label, + popover.background radiobutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, combobox:drop(active) button.combo:backdrop:active label, combobox:drop(active) progressbar:backdrop progress.combo:active label, progressbar:backdrop combobox:drop(active) progress.combo:active label, combobox:drop(active) progressbar:backdrop trough.combo:active label, progressbar:backdrop combobox:drop(active) trough.combo:active label, notebook > header > tabs > arrow:backdrop:checked label, combobox:drop(active) button.combo:backdrop:checked label, combobox:drop(active) progressbar:backdrop progress.combo:checked label, progressbar:backdrop combobox:drop(active) progress.combo:checked label, combobox:drop(active) progressbar:backdrop trough.combo:checked label, progressbar:backdrop combobox:drop(active) trough.combo:checked label, button:backdrop.flat:active label, button:backdrop.flat:checked label, button:backdrop:active label, button:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } - notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + popover.background checkbutton:backdrop:disabled, + popover.background radiobutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, combobox:drop(active) button.combo:backdrop:disabled, combobox:drop(active) progressbar:backdrop progress.combo:disabled, progressbar:backdrop combobox:drop(active) progress.combo:disabled, combobox:drop(active) progressbar:backdrop trough.combo:disabled, progressbar:backdrop combobox:drop(active) trough.combo:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #9da1ad; outline-color: rgba(191, 195, 205, 0.3); background-color: #0f1320; text-shadow: none; } - notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + popover.background checkbutton:backdrop:disabled:active, + popover.background radiobutton:backdrop:disabled:active, popover.background checkbutton:backdrop:disabled:checked, + popover.background radiobutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, combobox:drop(active) button.combo:backdrop:disabled:active, combobox:drop(active) progressbar:backdrop progress.combo:disabled:active, progressbar:backdrop combobox:drop(active) progress.combo:disabled:active, combobox:drop(active) progressbar:backdrop trough.combo:disabled:active, progressbar:backdrop combobox:drop(active) trough.combo:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, combobox:drop(active) button.combo:backdrop:disabled:checked, combobox:drop(active) progressbar:backdrop progress.combo:disabled:checked, progressbar:backdrop combobox:drop(active) progress.combo:disabled:checked, combobox:drop(active) progressbar:backdrop trough.combo:disabled:checked, progressbar:backdrop combobox:drop(active) trough.combo:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, @@ -439,20 +462,22 @@ button { outline-color: rgba(191, 195, 205, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - notebook > header > tabs > arrow:backdrop:backdrop, + notebook > header > tabs > arrow:backdrop:backdrop, combobox:drop(active) button.combo:backdrop:backdrop, combobox:drop(active) progressbar:backdrop progress.combo, progressbar:backdrop combobox:drop(active) progress.combo, combobox:drop(active) progressbar:backdrop trough.combo, progressbar:backdrop combobox:drop(active) trough.combo, button:backdrop:backdrop { color: inherit; } - notebook > header > tabs > arrow:backdrop:backdrop:hover, + notebook > header > tabs > arrow:backdrop:backdrop:hover, combobox:drop(active) button.combo:backdrop:backdrop:hover, combobox:drop(active) progressbar:backdrop progress.combo:hover, progressbar:backdrop combobox:drop(active) progress.combo:hover, combobox:drop(active) progressbar:backdrop trough.combo:hover, progressbar:backdrop combobox:drop(active) trough.combo:hover, button:backdrop:backdrop:hover { background: inherit; } - notebook > header > tabs > arrow:backdrop:backdrop:active, notebook > header > tabs > arrow:backdrop:backdrop:checked, notebook > header > tabs > arrow:backdrop:backdrop:selected, + notebook > header > tabs > arrow:backdrop:backdrop:active, combobox:drop(active) button.combo:backdrop:backdrop:active, combobox:drop(active) progressbar:backdrop progress.combo:active, progressbar:backdrop combobox:drop(active) progress.combo:active, combobox:drop(active) progressbar:backdrop trough.combo:active, progressbar:backdrop combobox:drop(active) trough.combo:active, notebook > header > tabs > arrow:backdrop:backdrop:checked, combobox:drop(active) button.combo:backdrop:backdrop:checked, combobox:drop(active) progressbar:backdrop progress.combo:checked, progressbar:backdrop combobox:drop(active) progress.combo:checked, combobox:drop(active) progressbar:backdrop trough.combo:checked, progressbar:backdrop combobox:drop(active) trough.combo:checked, notebook > header > tabs > arrow:backdrop:backdrop:selected, combobox:drop(active) button.combo:backdrop:backdrop:selected, combobox:drop(active) progressbar:backdrop progress.combo:selected, progressbar:backdrop combobox:drop(active) progress.combo:selected, combobox:drop(active) progressbar:backdrop trough.combo:selected, progressbar:backdrop combobox:drop(active) trough.combo:selected, button:backdrop:backdrop:active, button:backdrop:backdrop:checked, button:backdrop:backdrop:selected { background: rgba(255, 106, 0, 0.6); } - notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, notebook > header > tabs > arrow:backdrop, combobox:drop(active) button.flat.combo:backdrop, combobox:drop(active) .selection-mode button.combo.titlebutton:backdrop, .selection-mode combobox:drop(active) button.combo.titlebutton:backdrop, combobox:drop(active) progressbar:backdrop progress.combo, progressbar:backdrop combobox:drop(active) progress.combo, combobox:drop(active) progressbar:backdrop trough.combo, progressbar:backdrop combobox:drop(active) trough.combo, label:backdrop selection.flat, notebook > header > tabs > arrow:disabled, combobox:drop(active) button.flat.combo:disabled, combobox:drop(active) .selection-mode button.combo.titlebutton:disabled, .selection-mode combobox:drop(active) button.combo.titlebutton:disabled, label:disabled selection.flat, button.flat:backdrop, + .selection-mode button.titlebutton:backdrop, button.flat:disabled, + .selection-mode button.titlebutton:disabled, button.flat:backdrop:disabled { background-color: transparent; background-image: none; @@ -460,71 +485,70 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, + notebook > header > tabs > arrow:disabled, combobox:drop(active) button.combo:disabled, .selection-mode button.titlebutton:disabled, button:disabled { color: #9da1ad; outline-color: rgba(191, 195, 205, 0.3); background-color: #0f1320; text-shadow: none; } - notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + notebook > header > tabs > arrow:disabled:active, combobox:drop(active) button.combo:disabled:active, notebook > header > tabs > arrow:disabled:checked, combobox:drop(active) button.combo:disabled:checked, button:disabled:active, button:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(191, 195, 205, 0.3); background-color: #ff6a00; text-shadow: none; } - notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + notebook > header > tabs > arrow:disabled:active label, combobox:drop(active) button.combo:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, combobox:drop(active) button.combo:disabled:checked label, button:disabled:active label, button:disabled:checked label { color: rgba(254, 254, 254, 0.7); } - notebook > header > tabs > arrow.image-button, + notebook > header > tabs > arrow.image-button, combobox:drop(active) button.image-button.combo, .selection-mode button.image-button.titlebutton, button.image-button { min-width: 24px; padding-left: 4px; padding-right: 4px; } - notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button, + notebook > header > tabs > arrow.image-button.circular, combobox:drop(active) button.image-button.circular.combo, notebook > header > tabs > arrow.image-button.sidebar-button, combobox:drop(active) button.image-button.sidebar-button.combo, button.image-button.circular, button.image-button.sidebar-button { padding: 6px 4px; border-radius: 50px; box-shadow: none; } - notebook > header > tabs > arrow.image-button.sidebar-button, + notebook > header > tabs > arrow.image-button.sidebar-button, combobox:drop(active) button.image-button.sidebar-button.combo, button.image-button.sidebar-button { background-color: #1b2138; color: #fff; } - notebook > header > tabs > arrow.image-button.sidebar-button:hover, + notebook > header > tabs > arrow.image-button.sidebar-button:hover, combobox:drop(active) button.image-button.sidebar-button.combo:hover, button.image-button.sidebar-button:hover { background-color: #ff6a00; } - notebook > header > tabs > arrow.text-button, + notebook > header > tabs > arrow.text-button, combobox:drop(active) button.text-button.combo, .selection-mode button.text-button.titlebutton, button.text-button { padding-left: 3em; padding-right: 3em; border-radius: 0.4em; } - notebook > header > tabs > arrow.text-button.image-button, + notebook > header > tabs > arrow.text-button.image-button, combobox:drop(active) button.text-button.image-button.combo, button.text-button.image-button { padding-left: 8px; padding-right: 8px; border-radius: 0.4em; } - notebook > header > tabs > arrow.text-button.image-button label, + notebook > header > tabs > arrow.text-button.image-button label, combobox:drop(active) button.text-button.image-button.combo label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - button:drop(active) { + notebook > header > tabs > arrow:drop(active), combobox:drop(active) button.combo:drop(active), combobox:drop(active) button.combo, .selection-mode button.titlebutton:drop(active), combobox:drop(active) .selection-mode button.combo.titlebutton, .selection-mode combobox:drop(active) button.combo.titlebutton, + button:drop(active), + combobox:drop(active) button.combo { color: rgba(124, 183, 255, 0.5); border-color: rgba(124, 183, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(124, 183, 255, 0.5); } -row:selected -button.flat:not(:active):not(:checked):not(:hover):not(disabled) { +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected .selection-mode button.titlebutton:not(:active):not(:checked):not(:hover):not(disabled), .selection-mode row:selected button.titlebutton:not(:active):not(:checked):not(:hover):not(disabled) { color: #fefefe; border-color: transparent; } - row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + row:selected progressbar:backdrop progress:not(disabled), progressbar:backdrop row:selected progress:not(disabled), row:selected progressbar:backdrop trough:not(disabled), progressbar:backdrop row:selected trough:not(disabled), row:selected label:backdrop selection:not(disabled), label:backdrop row:selected selection:not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected .selection-mode button.titlebutton:not(:active):not(:checked):not(:hover):not(disabled):backdrop, .selection-mode row:selected button.titlebutton:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #676a75; background: #15192b; } - +.selection-mode button.osd.titlebutton, button.osd { min-width: 24px; min-height: 20px; @@ -569,7 +593,7 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } - + progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:backdrop selection.osd:disabled, label:disabled selection.osd, button.osd:disabled:backdrop, button.osd:disabled { color: #898b8c; @@ -580,7 +604,7 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } - + progressbar:backdrop progress.osd, progressbar:backdrop trough.osd, label:backdrop selection.osd, button.osd:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); @@ -591,10 +615,8 @@ button.osd { -gtk-icon-shadow: none; border: none; } -.app-notification button, -.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, -.osd -button { +.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 .selection-mode button.titlebutton, .selection-mode .osd button.titlebutton, .osd button { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(20, 23, 26, 0.8); @@ -603,9 +625,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, - .osd - button:hover { + popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); @@ -614,15 +634,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, - .osd - button:active:backdrop, - .osd - button:active, - .osd - button:checked:backdrop, - .osd - button:checked { + progressbar:backdrop progress:active, progressbar:backdrop trough:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, progressbar:backdrop progress:checked, progressbar:backdrop trough:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd label:backdrop selection:active, label:backdrop .osd selection:active, .osd label:backdrop selection:checked, label:backdrop .osd selection:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to right, #ff3300, #ffa100); @@ -631,11 +643,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, - .osd - button:disabled:backdrop, - .osd - button:disabled { + progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #898b8c; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); @@ -643,9 +651,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, - .osd - button:backdrop { + popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); @@ -653,9 +659,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, - .osd - button.flat { + popover.background.touch-selection button.flat, popover.background.touch-selection .selection-mode button.titlebutton, .selection-mode popover.background.touch-selection button.titlebutton, popover.background.magnifier button.flat, popover.background.magnifier .selection-mode button.titlebutton, .selection-mode popover.background.magnifier button.titlebutton, .app-notification button.flat, .app-notification .selection-mode button.titlebutton, .selection-mode .app-notification button.titlebutton, .osd button.flat, .osd .selection-mode button.titlebutton, .selection-mode .osd button.titlebutton { background-color: transparent; background-image: none; border-color: transparent; @@ -665,9 +669,7 @@ button { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, - .osd - button.flat:hover { + popover.background.touch-selection button.flat:hover, popover.background.touch-selection .selection-mode button.titlebutton:hover, .selection-mode popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier button.flat:hover, popover.background.magnifier .selection-mode button.titlebutton:hover, .selection-mode popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover, .app-notification .selection-mode button.titlebutton:hover, .selection-mode .app-notification button.titlebutton:hover, .osd button.flat:hover, .osd .selection-mode button.titlebutton:hover, .selection-mode .osd button.titlebutton:hover { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); @@ -676,9 +678,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, - .osd - button.flat:disabled { + popover.background.touch-selection button.flat:disabled, popover.background.touch-selection .selection-mode button.titlebutton:disabled, .selection-mode popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier button.flat:disabled, popover.background.magnifier .selection-mode button.titlebutton:disabled, .selection-mode popover.background.magnifier button.titlebutton:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat, .osd button.flat:disabled, .osd .selection-mode button.titlebutton:disabled, .selection-mode .osd button.titlebutton:disabled { color: #898b8c; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); @@ -689,20 +689,14 @@ button { background-image: none; border-color: transparent; box-shadow: none; } - .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, - .osd - button.flat:backdrop { + progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection .selection-mode button.titlebutton:backdrop, .selection-mode popover.background.touch-selection button.titlebutton:backdrop, popover.background.touch-selection progressbar:backdrop progress.flat, progressbar:backdrop popover.background.touch-selection progress.flat, popover.background.touch-selection progressbar:backdrop trough.flat, progressbar:backdrop popover.background.touch-selection trough.flat, popover.background.magnifier button.flat:backdrop, popover.background.magnifier .selection-mode button.titlebutton:backdrop, .selection-mode popover.background.magnifier button.titlebutton:backdrop, popover.background.magnifier progressbar:backdrop progress.flat, progressbar:backdrop popover.background.magnifier progress.flat, popover.background.magnifier progressbar:backdrop trough.flat, progressbar:backdrop popover.background.magnifier trough.flat, .osd label:backdrop selection.flat, label:backdrop .osd selection.flat, .osd button.flat:backdrop, .osd .selection-mode button.titlebutton:backdrop, .selection-mode .osd button.titlebutton:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, - .osd - button.flat:active, - .osd - button.flat:checked { + popover.background.touch-selection button.flat:active, popover.background.touch-selection .selection-mode button.titlebutton:active, .selection-mode popover.background.touch-selection button.titlebutton:active, popover.background.magnifier button.flat:active, popover.background.magnifier .selection-mode button.titlebutton:active, .selection-mode popover.background.magnifier button.titlebutton:active, .app-notification button.flat:active, .app-notification .selection-mode button.titlebutton:active, .selection-mode .app-notification button.titlebutton:active, popover.background.touch-selection button.flat:checked, popover.background.touch-selection .selection-mode button.titlebutton:checked, .selection-mode popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier button.flat:checked, popover.background.magnifier .selection-mode button.titlebutton:checked, .selection-mode popover.background.magnifier button.titlebutton:checked, .app-notification button.flat:checked, .app-notification .selection-mode button.titlebutton:checked, .selection-mode .app-notification button.titlebutton:checked, .osd button.flat:active, .osd .selection-mode button.titlebutton:active, .selection-mode .osd button.titlebutton:active, .osd button.flat:checked, .osd .selection-mode button.titlebutton:checked, .selection-mode .osd button.titlebutton:checked { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to right, #ff3300, #ffa100); @@ -712,79 +706,107 @@ button { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - +.selection-mode button.titlebutton, button.suggested-action { border: none; box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } - .selection-mode button.titlebutton, - button.suggested-action.flat { + .selection-mode button.titlebutton, popover.background checkbutton.suggested-action, + popover.background radiobutton.suggested-action, notebook > header > tabs > arrow.suggested-action, + button.suggested-action.flat, + popover.background checkbutton.suggested-action, + popover.background radiobutton.suggested-action { box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } - button.suggested-action:hover { + button.suggested-action:hover, + .selection-mode button.titlebutton:hover { color: white; background: rgba(204, 85, 0, 0.5); outline-color: rgba(255, 255, 255, 0.3); text-shadow: none; } button.suggested-action:active, - button.suggested-action:checked { + .selection-mode button.titlebutton:active, + button.suggested-action:checked, + .selection-mode button.titlebutton:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - .selection-mode button.titlebutton:backdrop, + progressbar:backdrop progress.suggested-action, progressbar:backdrop trough.suggested-action, label:backdrop selection.suggested-action, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background checkbutton.suggested-action:backdrop, popover.background progressbar:backdrop progress.suggested-action, progressbar:backdrop popover.background progress.suggested-action, popover.background progressbar:backdrop trough.suggested-action, progressbar:backdrop popover.background trough.suggested-action, + popover.background radiobutton.suggested-action:backdrop, notebook > header > tabs > arrow.suggested-action:backdrop, label:backdrop selection.flat, button.suggested-action:backdrop, + .selection-mode button.titlebutton:backdrop, button.suggested-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - .selection-mode button.titlebutton:backdrop label, + progressbar:backdrop progress.suggested-action label, progressbar:backdrop trough.suggested-action label, label:backdrop selection.suggested-action label, progressbar:backdrop progress.flat label, progressbar:backdrop trough.flat label, popover.background checkbutton.suggested-action:backdrop label, popover.background progressbar:backdrop progress.suggested-action label, progressbar:backdrop popover.background progress.suggested-action label, popover.background progressbar:backdrop trough.suggested-action label, progressbar:backdrop popover.background trough.suggested-action label, + popover.background radiobutton.suggested-action:backdrop label, notebook > header > tabs > arrow.suggested-action:backdrop label, label:backdrop selection.flat label, button.suggested-action:backdrop label, + .selection-mode button.titlebutton:backdrop label, button.suggested-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } - .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, + progressbar:backdrop progress.suggested-action:active, progressbar:backdrop trough.suggested-action:active, label:backdrop selection.suggested-action:active, progressbar:backdrop progress.suggested-action:checked, progressbar:backdrop trough.suggested-action:checked, label:backdrop selection.suggested-action:checked, progressbar:backdrop progress.flat:active, progressbar:backdrop trough.flat:active, popover.background checkbutton.suggested-action:backdrop:active, + popover.background radiobutton.suggested-action:backdrop:active, notebook > header > tabs > arrow.suggested-action:backdrop:active, label:backdrop selection.flat:active, progressbar:backdrop progress.flat:checked, progressbar:backdrop trough.flat:checked, popover.background checkbutton.suggested-action:backdrop:checked, + popover.background radiobutton.suggested-action:backdrop:checked, notebook > header > tabs > arrow.suggested-action:backdrop:checked, label:backdrop selection.flat:checked, button.suggested-action:backdrop:active, + .selection-mode button.titlebutton:backdrop:active, button.suggested-action:backdrop:checked, + .selection-mode button.titlebutton:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, + progressbar:backdrop progress.suggested-action:active label, progressbar:backdrop trough.suggested-action:active label, label:backdrop selection.suggested-action:active label, progressbar:backdrop progress.suggested-action:checked label, progressbar:backdrop trough.suggested-action:checked label, label:backdrop selection.suggested-action:checked label, progressbar:backdrop progress.flat:active label, progressbar:backdrop trough.flat:active label, popover.background checkbutton.suggested-action:backdrop:active label, + popover.background radiobutton.suggested-action:backdrop:active label, notebook > header > tabs > arrow.suggested-action:backdrop:active label, label:backdrop selection.flat:active label, progressbar:backdrop progress.flat:checked label, progressbar:backdrop trough.flat:checked label, popover.background checkbutton.suggested-action:backdrop:checked label, + popover.background radiobutton.suggested-action:backdrop:checked label, notebook > header > tabs > arrow.suggested-action:backdrop:checked label, label:backdrop selection.flat:checked label, button.suggested-action:backdrop:active label, + .selection-mode button.titlebutton:backdrop:active label, button.suggested-action:backdrop:checked label, + .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } - .selection-mode button.titlebutton:backdrop:disabled, + progressbar:backdrop progress.suggested-action:disabled, progressbar:backdrop trough.suggested-action:disabled, label:backdrop selection.suggested-action:disabled, label:disabled selection.suggested-action:backdrop, label:disabled progressbar:backdrop progress.suggested-action, progressbar:backdrop label:disabled progress.suggested-action, label:disabled progressbar:backdrop trough.suggested-action, progressbar:backdrop label:disabled trough.suggested-action, label:backdrop label:disabled selection.suggested-action, label:disabled label:backdrop selection.suggested-action, progressbar:backdrop progress.flat:disabled, progressbar:backdrop trough.flat:disabled, popover.background checkbutton.suggested-action:backdrop:disabled, + popover.background radiobutton.suggested-action:backdrop:disabled, notebook > header > tabs > arrow.suggested-action:backdrop:disabled, label:backdrop selection.flat:disabled, label:disabled selection.flat:backdrop, label:disabled progressbar:backdrop progress.flat, progressbar:backdrop label:disabled progress.flat, label:disabled progressbar:backdrop trough.flat, progressbar:backdrop label:disabled trough.flat, label:backdrop label:disabled selection.flat, label:disabled label:backdrop selection.flat, button.suggested-action:backdrop:disabled, + .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - .selection-mode button.titlebutton:backdrop:disabled label, + progressbar:backdrop progress.suggested-action:disabled label, progressbar:backdrop trough.suggested-action:disabled label, label:backdrop selection.suggested-action:disabled label, label:disabled selection.suggested-action:backdrop label, label:disabled progressbar:backdrop progress.suggested-action label, progressbar:backdrop label:disabled progress.suggested-action label, label:disabled progressbar:backdrop trough.suggested-action label, progressbar:backdrop label:disabled trough.suggested-action label, label:backdrop label:disabled selection.suggested-action label, label:disabled label:backdrop selection.suggested-action label, progressbar:backdrop progress.flat:disabled label, progressbar:backdrop trough.flat:disabled label, popover.background checkbutton.suggested-action:backdrop:disabled label, + popover.background radiobutton.suggested-action:backdrop:disabled label, notebook > header > tabs > arrow.suggested-action:backdrop:disabled label, label:backdrop selection.flat:disabled label, label:disabled selection.flat:backdrop label, label:disabled progressbar:backdrop progress.flat label, progressbar:backdrop label:disabled progress.flat label, label:disabled progressbar:backdrop trough.flat label, progressbar:backdrop label:disabled trough.flat label, label:backdrop label:disabled selection.flat label, label:disabled label:backdrop selection.flat label, button.suggested-action:backdrop:disabled label, + .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } - .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, + progressbar:backdrop progress.suggested-action:disabled:active, progressbar:backdrop trough.suggested-action:disabled:active, label:backdrop selection.suggested-action:disabled:active, label:disabled selection.suggested-action:backdrop:active, label:disabled progressbar:backdrop progress.suggested-action:active, progressbar:backdrop label:disabled progress.suggested-action:active, label:disabled progressbar:backdrop trough.suggested-action:active, progressbar:backdrop label:disabled trough.suggested-action:active, label:backdrop label:disabled selection.suggested-action:active, label:disabled label:backdrop selection.suggested-action:active, progressbar:backdrop progress.suggested-action:disabled:checked, progressbar:backdrop trough.suggested-action:disabled:checked, label:backdrop selection.suggested-action:disabled:checked, label:disabled selection.suggested-action:backdrop:checked, label:disabled progressbar:backdrop progress.suggested-action:checked, progressbar:backdrop label:disabled progress.suggested-action:checked, label:disabled progressbar:backdrop trough.suggested-action:checked, progressbar:backdrop label:disabled trough.suggested-action:checked, label:backdrop label:disabled selection.suggested-action:checked, label:disabled label:backdrop selection.suggested-action:checked, progressbar:backdrop progress.flat:disabled:active, progressbar:backdrop trough.flat:disabled:active, popover.background checkbutton.suggested-action:backdrop:disabled:active, + popover.background radiobutton.suggested-action:backdrop:disabled:active, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, label:backdrop selection.flat:disabled:active, label:disabled selection.flat:backdrop:active, label:disabled progressbar:backdrop progress.flat:active, progressbar:backdrop label:disabled progress.flat:active, label:disabled progressbar:backdrop trough.flat:active, progressbar:backdrop label:disabled trough.flat:active, label:backdrop label:disabled selection.flat:active, label:disabled label:backdrop selection.flat:active, progressbar:backdrop progress.flat:disabled:checked, progressbar:backdrop trough.flat:disabled:checked, popover.background checkbutton.suggested-action:backdrop:disabled:checked, + popover.background radiobutton.suggested-action:backdrop:disabled:checked, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked, label:backdrop selection.flat:disabled:checked, label:disabled selection.flat:backdrop:checked, label:disabled progressbar:backdrop progress.flat:checked, progressbar:backdrop label:disabled progress.flat:checked, label:disabled progressbar:backdrop trough.flat:checked, progressbar:backdrop label:disabled trough.flat:checked, label:backdrop label:disabled selection.flat:checked, label:disabled label:backdrop selection.flat:checked, button.suggested-action:backdrop:disabled:active, + .selection-mode button.titlebutton:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, + .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, + .selection-mode button.titlebutton:backdrop, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background checkbutton.suggested-action:backdrop, popover.background progressbar:backdrop progress.suggested-action, progressbar:backdrop popover.background progress.suggested-action, popover.background progressbar:backdrop trough.suggested-action, progressbar:backdrop popover.background trough.suggested-action, + popover.background radiobutton.suggested-action:backdrop, notebook > header > tabs > arrow.suggested-action:backdrop, progressbar:backdrop notebook > header > tabs > progress.suggested-action, progressbar:backdrop notebook > header > tabs > trough.suggested-action, label:backdrop selection.flat, .selection-mode button.titlebutton:disabled, popover.background checkbutton.suggested-action:disabled, + popover.background radiobutton.suggested-action:disabled, notebook > header > tabs > arrow.suggested-action:disabled, label:disabled selection.flat, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { @@ -795,25 +817,29 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 85, 0, 0.8); } - - button.suggested-action:disabled { + label:disabled selection.suggested-action, + button.suggested-action:disabled, + .selection-mode button.titlebutton:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - + label:disabled selection.suggested-action:active, label:disabled selection.suggested-action:checked, button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { + .selection-mode button.titlebutton:disabled:active, + button.suggested-action:disabled:checked, + .selection-mode button.titlebutton:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - + label:disabled selection.suggested-action:active label, label:disabled selection.suggested-action:checked label, button.suggested-action:disabled:active label, - button.suggested-action:disabled:checked label { + .selection-mode button.titlebutton:disabled:active label, + button.suggested-action:disabled:checked label, + .selection-mode button.titlebutton:disabled:checked label { color: rgba(254, 254, 254, 0.7); } - .osd - button.suggested-action { + .osd button.suggested-action, .osd .selection-mode button.titlebutton, .selection-mode .osd button.titlebutton { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(204, 85, 0, 0.5); @@ -822,8 +848,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.suggested-action:hover { + .osd button.suggested-action:hover, .osd .selection-mode button.titlebutton:hover, .selection-mode .osd button.titlebutton:hover { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.7), rgba(204, 85, 0, 0.7)); @@ -832,11 +857,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 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 progressbar:backdrop progress:active, progressbar:backdrop .osd progress:active, .osd progressbar:backdrop trough:active, progressbar:backdrop .osd trough:active, .osd label:backdrop selection:active, label:backdrop .osd selection:active, .osd progressbar:backdrop progress:checked, progressbar:backdrop .osd progress:checked, .osd progressbar:backdrop trough:checked, progressbar:backdrop .osd trough:checked, .osd label:backdrop selection:checked, label:backdrop .osd selection:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd .selection-mode button.titlebutton:active, .selection-mode .osd button.titlebutton:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked, .osd .selection-mode button.titlebutton:checked, .selection-mode .osd button.titlebutton:checked { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to right, #ff3300, #ffa100); @@ -845,9 +866,7 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { + .osd progressbar:backdrop progress:disabled, progressbar:backdrop .osd progress:disabled, .osd progressbar:backdrop trough:disabled, progressbar:backdrop .osd trough:disabled, .osd label:backdrop selection.suggested-action:disabled, label:backdrop .osd selection.suggested-action:disabled, .osd label:disabled selection.suggested-action, label:disabled .osd selection.suggested-action, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled, .osd .selection-mode button.titlebutton:disabled, .selection-mode .osd button.titlebutton:disabled { color: #898b8c; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); @@ -855,8 +874,7 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { + .osd progressbar:backdrop progress.suggested-action, progressbar:backdrop .osd progress.suggested-action, .osd progressbar:backdrop trough.suggested-action, progressbar:backdrop .osd trough.suggested-action, .osd label:backdrop selection.suggested-action, label:backdrop .osd selection.suggested-action, .osd button.suggested-action:backdrop, .osd .selection-mode button.titlebutton:backdrop, .selection-mode .osd button.titlebutton:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(204, 85, 0, 0.5), rgba(204, 85, 0, 0.5)); @@ -865,15 +883,18 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; } - +.selection-mode button.destructive-action.titlebutton, button.destructive-action { border: none; box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #FF416C, #FF4B2B); } - - button.destructive-action.flat { + .selection-mode button.destructive-action.titlebutton, popover.background checkbutton.destructive-action, + popover.background radiobutton.destructive-action, notebook > header > tabs > arrow.destructive-action, + button.destructive-action.flat, + popover.background checkbutton.destructive-action, + popover.background radiobutton.destructive-action { box-shadow: none; color: white; border-radius: 100px; @@ -891,18 +912,22 @@ button.destructive-action { outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - + progressbar:backdrop progress.destructive-action, progressbar:backdrop trough.destructive-action, label:backdrop selection.destructive-action, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background checkbutton.destructive-action:backdrop, popover.background progressbar:backdrop progress.destructive-action, progressbar:backdrop popover.background progress.destructive-action, popover.background progressbar:backdrop trough.destructive-action, progressbar:backdrop popover.background trough.destructive-action, + popover.background radiobutton.destructive-action:backdrop, notebook > header > tabs > arrow.destructive-action:backdrop, label:backdrop selection.flat, button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - + progressbar:backdrop progress.destructive-action label, progressbar:backdrop trough.destructive-action label, label:backdrop selection.destructive-action label, progressbar:backdrop progress.flat label, progressbar:backdrop trough.flat label, popover.background checkbutton.destructive-action:backdrop label, popover.background progressbar:backdrop progress.destructive-action label, progressbar:backdrop popover.background progress.destructive-action label, popover.background progressbar:backdrop trough.destructive-action label, progressbar:backdrop popover.background trough.destructive-action label, + popover.background radiobutton.destructive-action:backdrop label, notebook > header > tabs > arrow.destructive-action:backdrop label, label:backdrop selection.flat label, button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } - + progressbar:backdrop progress.destructive-action:active, progressbar:backdrop trough.destructive-action:active, label:backdrop selection.destructive-action:active, progressbar:backdrop progress.destructive-action:checked, progressbar:backdrop trough.destructive-action:checked, label:backdrop selection.destructive-action:checked, progressbar:backdrop progress.flat:active, progressbar:backdrop trough.flat:active, popover.background checkbutton.destructive-action:backdrop:active, + popover.background radiobutton.destructive-action:backdrop:active, notebook > header > tabs > arrow.destructive-action:backdrop:active, label:backdrop selection.flat:active, progressbar:backdrop progress.flat:checked, progressbar:backdrop trough.flat:checked, popover.background checkbutton.destructive-action:backdrop:checked, + popover.background radiobutton.destructive-action:backdrop:checked, notebook > header > tabs > arrow.destructive-action:backdrop:checked, label:backdrop selection.flat:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, @@ -911,24 +936,30 @@ button.destructive-action { outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - + progressbar:backdrop progress.destructive-action:active label, progressbar:backdrop trough.destructive-action:active label, label:backdrop selection.destructive-action:active label, progressbar:backdrop progress.destructive-action:checked label, progressbar:backdrop trough.destructive-action:checked label, label:backdrop selection.destructive-action:checked label, progressbar:backdrop progress.flat:active label, progressbar:backdrop trough.flat:active label, popover.background checkbutton.destructive-action:backdrop:active label, + popover.background radiobutton.destructive-action:backdrop:active label, notebook > header > tabs > arrow.destructive-action:backdrop:active label, label:backdrop selection.flat:active label, progressbar:backdrop progress.flat:checked label, progressbar:backdrop trough.flat:checked label, popover.background checkbutton.destructive-action:backdrop:checked label, + popover.background radiobutton.destructive-action:backdrop:checked label, notebook > header > tabs > arrow.destructive-action:backdrop:checked label, label:backdrop selection.flat:checked label, button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } - + progressbar:backdrop progress.destructive-action:disabled, progressbar:backdrop trough.destructive-action:disabled, label:backdrop selection.destructive-action:disabled, label:disabled selection.destructive-action:backdrop, label:disabled progressbar:backdrop progress.destructive-action, progressbar:backdrop label:disabled progress.destructive-action, label:disabled progressbar:backdrop trough.destructive-action, progressbar:backdrop label:disabled trough.destructive-action, label:backdrop label:disabled selection.destructive-action, label:disabled label:backdrop selection.destructive-action, progressbar:backdrop progress.flat:disabled, progressbar:backdrop trough.flat:disabled, popover.background checkbutton.destructive-action:backdrop:disabled, + popover.background radiobutton.destructive-action:backdrop:disabled, notebook > header > tabs > arrow.destructive-action:backdrop:disabled, label:backdrop selection.flat:disabled, label:disabled selection.flat:backdrop, label:disabled progressbar:backdrop progress.flat, progressbar:backdrop label:disabled progress.flat, label:disabled progressbar:backdrop trough.flat, progressbar:backdrop label:disabled trough.flat, label:backdrop label:disabled selection.flat, label:disabled label:backdrop selection.flat, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - + progressbar:backdrop progress.destructive-action:disabled label, progressbar:backdrop trough.destructive-action:disabled label, label:backdrop selection.destructive-action:disabled label, label:disabled selection.destructive-action:backdrop label, label:disabled progressbar:backdrop progress.destructive-action label, progressbar:backdrop label:disabled progress.destructive-action label, label:disabled progressbar:backdrop trough.destructive-action label, progressbar:backdrop label:disabled trough.destructive-action label, label:backdrop label:disabled selection.destructive-action label, label:disabled label:backdrop selection.destructive-action label, progressbar:backdrop progress.flat:disabled label, progressbar:backdrop trough.flat:disabled label, popover.background checkbutton.destructive-action:backdrop:disabled label, + popover.background radiobutton.destructive-action:backdrop:disabled label, notebook > header > tabs > arrow.destructive-action:backdrop:disabled label, label:backdrop selection.flat:disabled label, label:disabled selection.flat:backdrop label, label:disabled progressbar:backdrop progress.flat label, progressbar:backdrop label:disabled progress.flat label, label:disabled progressbar:backdrop trough.flat label, progressbar:backdrop label:disabled trough.flat label, label:backdrop label:disabled selection.flat label, label:disabled label:backdrop selection.flat label, button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } - + progressbar:backdrop progress.destructive-action:disabled:active, progressbar:backdrop trough.destructive-action:disabled:active, label:backdrop selection.destructive-action:disabled:active, label:disabled selection.destructive-action:backdrop:active, label:disabled progressbar:backdrop progress.destructive-action:active, progressbar:backdrop label:disabled progress.destructive-action:active, label:disabled progressbar:backdrop trough.destructive-action:active, progressbar:backdrop label:disabled trough.destructive-action:active, label:backdrop label:disabled selection.destructive-action:active, label:disabled label:backdrop selection.destructive-action:active, progressbar:backdrop progress.destructive-action:disabled:checked, progressbar:backdrop trough.destructive-action:disabled:checked, label:backdrop selection.destructive-action:disabled:checked, label:disabled selection.destructive-action:backdrop:checked, label:disabled progressbar:backdrop progress.destructive-action:checked, progressbar:backdrop label:disabled progress.destructive-action:checked, label:disabled progressbar:backdrop trough.destructive-action:checked, progressbar:backdrop label:disabled trough.destructive-action:checked, label:backdrop label:disabled selection.destructive-action:checked, label:disabled label:backdrop selection.destructive-action:checked, progressbar:backdrop progress.flat:disabled:active, progressbar:backdrop trough.flat:disabled:active, popover.background checkbutton.destructive-action:backdrop:disabled:active, + popover.background radiobutton.destructive-action:backdrop:disabled:active, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, label:backdrop selection.flat:disabled:active, label:disabled selection.flat:backdrop:active, label:disabled progressbar:backdrop progress.flat:active, progressbar:backdrop label:disabled progress.flat:active, label:disabled progressbar:backdrop trough.flat:active, progressbar:backdrop label:disabled trough.flat:active, label:backdrop label:disabled selection.flat:active, label:disabled label:backdrop selection.flat:active, progressbar:backdrop progress.flat:disabled:checked, progressbar:backdrop trough.flat:disabled:checked, popover.background checkbutton.destructive-action:backdrop:disabled:checked, + popover.background radiobutton.destructive-action:backdrop:disabled:checked, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked, label:backdrop selection.flat:disabled:checked, label:disabled selection.flat:backdrop:checked, label:disabled progressbar:backdrop progress.flat:checked, progressbar:backdrop label:disabled progress.flat:checked, label:disabled progressbar:backdrop trough.flat:checked, progressbar:backdrop label:disabled trough.flat:checked, label:backdrop label:disabled selection.flat:checked, label:disabled label:backdrop selection.flat:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, @@ -937,7 +968,9 @@ button.destructive-action { outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 106, 0, 0.6); text-shadow: none; } - + .selection-mode button.destructive-action.titlebutton:backdrop, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background checkbutton.destructive-action:backdrop, popover.background progressbar:backdrop progress.destructive-action, progressbar:backdrop popover.background progress.destructive-action, popover.background progressbar:backdrop trough.destructive-action, progressbar:backdrop popover.background trough.destructive-action, + popover.background radiobutton.destructive-action:backdrop, notebook > header > tabs > arrow.destructive-action:backdrop, progressbar:backdrop notebook > header > tabs > progress.destructive-action, progressbar:backdrop notebook > header > tabs > trough.destructive-action, label:backdrop selection.flat, .selection-mode button.destructive-action.titlebutton:disabled, popover.background checkbutton.destructive-action:disabled, + popover.background radiobutton.destructive-action:disabled, notebook > header > tabs > arrow.destructive-action:disabled, label:disabled selection.flat, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { @@ -948,25 +981,24 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(204, 0, 0, 0.8); } - + label:disabled selection.destructive-action, button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - + label:disabled selection.destructive-action:active, label:disabled selection.destructive-action:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - + label:disabled selection.destructive-action:active label, label:disabled selection.destructive-action:checked label, button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } - .osd - button.destructive-action { + .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(204, 0, 0, 0.5); @@ -975,8 +1007,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.destructive-action:hover { + .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(204, 0, 0, 0.7), rgba(204, 0, 0, 0.7)); @@ -985,11 +1016,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 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 progressbar:backdrop progress:active, progressbar:backdrop .osd progress:active, .osd progressbar:backdrop trough:active, progressbar:backdrop .osd trough:active, .osd label:backdrop selection:active, label:backdrop .osd selection:active, .osd progressbar:backdrop progress:checked, progressbar:backdrop .osd progress:checked, .osd progressbar:backdrop trough:checked, progressbar:backdrop .osd trough:checked, .osd label:backdrop selection:checked, label:backdrop .osd selection:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to right, #ff3300, #ffa100); @@ -998,9 +1025,7 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { + .osd progressbar:backdrop progress:disabled, progressbar:backdrop .osd progress:disabled, .osd progressbar:backdrop trough:disabled, progressbar:backdrop .osd trough:disabled, .osd label:backdrop selection.destructive-action:disabled, label:backdrop .osd selection.destructive-action:disabled, .osd label:disabled selection.destructive-action, label:disabled .osd selection.destructive-action, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #898b8c; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); @@ -1008,8 +1033,7 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { + .osd progressbar:backdrop progress.destructive-action, progressbar:backdrop .osd progress.destructive-action, .osd progressbar:backdrop trough.destructive-action, progressbar:backdrop .osd trough.destructive-action, .osd label:backdrop selection.destructive-action, label:backdrop .osd selection.destructive-action, .osd button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(204, 0, 0, 0.5), rgba(204, 0, 0, 0.5)); @@ -1018,67 +1042,52 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; } -.stack-switcher > -button { +.selection-mode .stack-switcher > button.titlebutton, .stack-switcher > button { outline-offset: -3px; } - .stack-switcher > - button > label { + .selection-mode .stack-switcher > button.titlebutton > label, .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > - button > image { + .selection-mode .stack-switcher > button.titlebutton > image, .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > - button.text-button { + .selection-mode .stack-switcher > button.text-button.titlebutton, .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } - .stack-switcher > - button.image-button { + .selection-mode .stack-switcher > button.image-button.titlebutton, .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } -.inline-toolbar -button, .inline-toolbar -button:backdrop { +.inline-toolbar .selection-mode button.titlebutton, .selection-mode .inline-toolbar button.titlebutton, .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 0.2em; border-width: 1px; } -.primary-toolbar -button, .primary-toolbar .raised -button { +.primary-toolbar .selection-mode button.titlebutton, .selection-mode .primary-toolbar button.titlebutton, .primary-toolbar button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } - .primary-toolbar - button:hover, .primary-toolbar .raised - button:hover { + .primary-toolbar button:hover, .primary-toolbar .raised button:hover { color: #fefefe; background: rgba(255, 106, 0, 0.5); outline-color: rgba(254, 254, 254, 0.3); text-shadow: none; } -.stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { +stacksidebar row.needs-attention > label, .selection-mode .stack-switcher > button.needs-attention.titlebutton > label, +.selection-mode .stack-switcher > button.needs-attention.titlebutton > image, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ff974d), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.932549)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .stack-switcher > button.needs-attention > label:backdrop, - .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } - .stack-switcher > button.needs-attention > label:dir(rtl), - .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } toolbar button:hover { @@ -1117,66 +1126,60 @@ toolbar button:active { .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: rgba(230, 95, 0, 0.3); } -toolbar.inline-toolbar toolbutton > button.flat:backdrop, +toolbar.inline-toolbar toolbutton > button.flat:backdrop, toolbar.inline-toolbar .selection-mode toolbutton > button.titlebutton:backdrop, .selection-mode toolbar.inline-toolbar toolbutton > button.titlebutton:backdrop, toolbar.inline-toolbar progressbar:backdrop toolbutton > progress.flat, progressbar:backdrop toolbar.inline-toolbar toolbutton > progress.flat, toolbar.inline-toolbar progressbar:backdrop toolbutton > trough.flat, progressbar:backdrop toolbar.inline-toolbar toolbutton > trough.flat, toolbar.inline-toolbar label:backdrop toolbutton > selection.flat, label:backdrop toolbar.inline-toolbar toolbutton > selection.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { border-color: transparent; box-shadow: none; } -.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, -.linked > button:hover, -.linked > button:active, -.linked > button:checked, -.linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .inline-toolbar .selection-mode button.titlebutton, .selection-mode .inline-toolbar button.titlebutton, .inline-toolbar button, .inline-toolbar button:backdrop, .selection-mode .linked > button.titlebutton, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop { border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 0; border-right-style: none; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } -.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { +.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:first-child, .linked:not(.vertical) > combobox:last-child > box > button.combo:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), combobox.linked button:first-child:nth-child(2):dir(ltr), combobox.linked .linked.vertical > combobox:first-child > box > button.combo:nth-child(2):dir(ltr), .inline-toolbar progressbar:backdrop progress:first-child, progressbar:backdrop .inline-toolbar progress:first-child, .inline-toolbar progressbar:backdrop trough:first-child, progressbar:backdrop .inline-toolbar trough:first-child, .inline-toolbar button:first-child, .inline-toolbar .linked.vertical > combobox:first-child > box > button.combo, .inline-toolbar button:first-child:backdrop, .selection-mode .linked > button.titlebutton:first-child, progressbar:backdrop .linked > progress:first-child, progressbar:backdrop .linked > trough:first-child, .linked > button:first-child, .linked.vertical > combobox:first-child > box.linked > button.combo, .linked > button:first-child:hover, .linked > button:first-child:active, .linked > button:first-child:checked, .linked > button:first-child:backdrop { border-top-left-radius: 0.4em; border-bottom-left-radius: 0.4em; } -.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { +.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > combobox:only-child > box > button.combo:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > combobox:first-child > box > button.combo:last-child, combobox.linked button:last-child:nth-child(2):dir(rtl), combobox.linked .linked.vertical > combobox:last-child > box > button.combo:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .inline-toolbar progressbar:backdrop progress:last-child, progressbar:backdrop .inline-toolbar progress:last-child, .inline-toolbar progressbar:backdrop trough:last-child, progressbar:backdrop .inline-toolbar trough:last-child, .inline-toolbar button:last-child, .inline-toolbar .linked.vertical > combobox:last-child > box > button.combo, .inline-toolbar button:last-child:backdrop, .selection-mode .linked > button.titlebutton:last-child, progressbar:backdrop .linked > progress:last-child, progressbar:backdrop .linked > trough:last-child, .linked > button:last-child, .linked.vertical > combobox:last-child > box.linked > button.combo, .linked > button:last-child:hover, .linked > button:last-child:active, .linked > button:last-child:checked, .linked > button:last-child:backdrop { border-top-right-radius: 0.4em; border-bottom-right-radius: 0.4em; border-right-style: solid; } -.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { +.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > combobox:last-child > box > button.combo:only-child, .linked:not(.vertical) > combobox:first-child > box > button.combo:only-child, combobox.linked button:only-child:nth-child(2):dir(rtl), combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(rtl), combobox.linked button:only-child:nth-child(2):dir(ltr), combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(ltr), .inline-toolbar progressbar:backdrop progress:only-child, progressbar:backdrop .inline-toolbar progress:only-child, .inline-toolbar progressbar:backdrop trough:only-child, progressbar:backdrop .inline-toolbar trough:only-child, .inline-toolbar button:only-child, .inline-toolbar .linked.vertical > combobox:only-child > box > button.combo, .inline-toolbar button:only-child:backdrop, .selection-mode .linked > button.titlebutton:only-child, progressbar:backdrop .linked > progress:only-child, progressbar:backdrop .linked > trough:only-child, .linked > button:only-child, .linked.vertical > combobox:only-child > box.linked > button.combo, .linked > button:only-child:hover, .linked > button:only-child:active, .linked > button:only-child:checked, .linked > button:only-child:backdrop { border-radius: 0.4em; border-style: solid; } -.linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked, -.linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > combobox:first-child > box > button.combo, .selection-mode .linked.vertical > button.titlebutton, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop { border-style: solid solid none solid; border-radius: 0; } -.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 > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:only-child > box > button.combo:first-child, .linked.vertical > combobox:last-child > box > button.combo:first-child, .linked.vertical > combobox:first-child > box > button.combo, combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(rtl), combobox.linked .linked.vertical > combobox:last-child > box > button.combo:nth-child(2):dir(rtl), .selection-mode .linked.vertical > button.titlebutton:first-child, combobox.linked label:backdrop .selection-mode .linked.vertical > button.titlebutton:nth-child(2):dir(rtl), .selection-mode combobox.linked label:backdrop .linked.vertical > button.titlebutton:nth-child(2):dir(rtl), .linked.vertical > button:first-child, .linked:not(.vertical) > combobox:first-child > box.linked.vertical > button.combo, combobox.linked .linked.vertical > button:nth-child(2):dir(rtl), .linked.vertical > button:first-child:hover, .linked.vertical > button:first-child:active, .linked.vertical > button:first-child:checked, .linked.vertical > button:first-child:backdrop, progressbar:backdrop .linked.vertical > progress:first-child, progressbar:backdrop .linked.vertical > trough:first-child { border-top-left-radius: 0.4em; border-top-right-radius: 0.4em; } -.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 > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:only-child > box > button.combo:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > combobox:first-child > box > button.combo:last-child, combobox.linked .linked.vertical > combobox:only-child > box > button.combo:nth-child(2):dir(ltr), combobox.linked .linked.vertical > combobox:first-child > box > button.combo:nth-child(2):dir(ltr), .selection-mode .linked.vertical > button.titlebutton:last-child, combobox.linked label:backdrop .selection-mode .linked.vertical > button.titlebutton:nth-child(2):dir(ltr), .selection-mode combobox.linked label:backdrop .linked.vertical > button.titlebutton:nth-child(2):dir(ltr), .linked.vertical > button:last-child, .linked:not(.vertical) > combobox:last-child > box.linked.vertical > button.combo, combobox.linked .linked.vertical > button:nth-child(2):dir(ltr), .linked.vertical > button:last-child:hover, .linked.vertical > button:last-child:active, .linked.vertical > button:last-child:checked, .linked.vertical > button:last-child:backdrop, progressbar:backdrop .linked.vertical > progress:last-child, progressbar:backdrop .linked.vertical > trough:last-child { border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em; border-style: solid; } -.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 > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > combobox:last-child > box > button.combo:only-child, .linked.vertical > combobox:first-child > box > button.combo:only-child, .selection-mode .linked.vertical > button.titlebutton:only-child, .linked.vertical > button:only-child, .linked:not(.vertical) > combobox:only-child > box.linked.vertical > button.combo, .linked.vertical > button:only-child:hover, .linked.vertical > button:only-child:active, .linked.vertical > button:only-child:checked, .linked.vertical > button:only-child:backdrop, progressbar:backdrop .linked.vertical > progress:only-child, progressbar:backdrop .linked.vertical > trough:only-child { border-radius: 0.4em; border-style: solid; } -modelbutton.flat, popover.background checkbutton, -popover.background radiobutton, -.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, -popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, -popover.background radiobutton:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, -button:visited, button:link:hover, button:link:active, button:link:checked, +.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, -button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { +button:visited:checked, button:link, +button:visited, calendar.button:disabled, label:disabled selection.button, calendar.button:backdrop, progressbar:backdrop progress.button, progressbar:backdrop trough.button, label:backdrop selection.button, calendar.button:hover, calendar.button, modelbutton.flat:backdrop, progressbar:backdrop progress.flat, progressbar:backdrop trough.flat, popover.background checkbutton.flat:backdrop, popover.background progressbar:backdrop progress.flat, progressbar:backdrop popover.background progress.flat, popover.background progressbar:backdrop trough.flat, progressbar:backdrop popover.background trough.flat, +popover.background radiobutton.flat:backdrop, modelbutton.flat:backdrop:hover, progressbar:backdrop progress.flat:hover, progressbar:backdrop trough.flat:hover, +label:backdrop selection.flat, modelbutton.flat, popover.background checkbutton.flat, +popover.background radiobutton.flat, +.menuitem.button.flat, +.selection-mode button.button.titlebutton, +popover.background checkbutton.button, +popover.background radiobutton.button, +notebook > header > tabs > arrow.button { background-color: transparent; background-image: none; border-color: transparent; @@ -1185,40 +1188,70 @@ button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop: -gtk-icon-shadow: none; } /* menu buttons */ -modelbutton.flat, popover.background checkbutton, -popover.background radiobutton, -.menuitem.button.flat { +modelbutton.flat, popover.background checkbutton.flat, +popover.background radiobutton.flat, +.menuitem.button.flat, +.selection-mode button.button.titlebutton, +popover.background checkbutton.button, +popover.background radiobutton.button, +notebook > header > tabs > arrow.button { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; } - modelbutton.flat:hover, popover.background checkbutton:hover, - popover.background radiobutton:hover, - .menuitem.button.flat:hover { + modelbutton.flat:hover, popover.background checkbutton.flat:hover, + popover.background radiobutton.flat:hover, + .menuitem.button.flat:hover, + .selection-mode button.button.titlebutton:hover, + popover.background checkbutton.button:hover, + popover.background radiobutton.button:hover, + notebook > header > tabs > arrow.button:hover { background-color: #161b2e; } - modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, + modelbutton.flat check:last-child, popover.background checkbutton.flat check:last-child, + popover.background radiobutton.flat check:last-child, modelbutton.flat radio:last-child, - popover.background checkbutton radio:last-child, - popover.background radiobutton radio:last-child, + popover.background checkbutton.flat radio:last-child, + popover.background radiobutton.flat radio:last-child, .menuitem.button.flat check:last-child, - .menuitem.button.flat radio:last-child { + .selection-mode button.button.titlebutton check:last-child, + popover.background checkbutton.button check:last-child, + popover.background radiobutton.button check:last-child, + notebook > header > tabs > arrow.button check:last-child, + .menuitem.button.flat radio:last-child, + .selection-mode button.button.titlebutton radio:last-child, + popover.background checkbutton.button radio:last-child, + popover.background radiobutton.button radio:last-child, + notebook > header > tabs > arrow.button radio:last-child { margin-left: 8px; } - modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, + modelbutton.flat check:first-child, popover.background checkbutton.flat check:first-child, + popover.background radiobutton.flat check:first-child, modelbutton.flat radio:first-child, - popover.background checkbutton radio:first-child, - popover.background radiobutton radio:first-child, + popover.background checkbutton.flat radio:first-child, + popover.background radiobutton.flat radio:first-child, .menuitem.button.flat check:first-child, - .menuitem.button.flat radio:first-child { + .selection-mode button.button.titlebutton check:first-child, + popover.background checkbutton.button check:first-child, + popover.background radiobutton.button check:first-child, + notebook > header > tabs > arrow.button check:first-child, + .menuitem.button.flat radio:first-child, + .selection-mode button.button.titlebutton radio:first-child, + popover.background checkbutton.button radio:first-child, + popover.background radiobutton.button radio:first-child, + notebook > header > tabs > arrow.button radio:first-child { margin-right: 8px; } -modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { +modelbutton.flat arrow, popover.background checkbutton.flat arrow, +popover.background radiobutton.flat arrow { background: none; } - modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { + modelbutton.flat arrow:hover, popover.background checkbutton.flat arrow:hover, + popover.background radiobutton.flat arrow:hover { background: none; } - modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { + modelbutton.flat arrow.left, popover.background checkbutton.flat arrow.left, + popover.background radiobutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { + modelbutton.flat arrow.right, popover.background checkbutton.flat arrow.right, + popover.background radiobutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { @@ -1246,7 +1279,7 @@ calendar { box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; font-weight: bold; } - calendar:selected:backdrop { + calendar:selected:backdrop, progressbar:backdrop progress:selected, progressbar:backdrop trough:selected, label:backdrop selection:selected { border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); @@ -1255,19 +1288,19 @@ calendar { calendar.header { border-bottom: 1px solid rgba(255, 255, 255, 0); border-radius: 1px; } - calendar.header:backdrop { + calendar.header:backdrop, progressbar:backdrop progress.header, progressbar:backdrop trough.header, label:backdrop selection.header { border-color: rgba(255, 255, 255, 0); } calendar.button { color: rgba(191, 195, 205, 0.45); } calendar.button:hover { color: #BFC3CD; } - calendar.button:backdrop { + calendar.button:backdrop, progressbar:backdrop progress.button, progressbar:backdrop trough.button, label:backdrop selection.button { color: rgba(103, 106, 117, 0.45); } - calendar.button:disabled { + calendar.button:disabled, label:disabled selection.button { color: rgba(103, 106, 117, 0.45); } - calendar:indeterminate, calendar:indeterminate:backdrop { + calendar:indeterminate, calendar:indeterminate:backdrop, progressbar:backdrop progress:indeterminate, progressbar:backdrop trough:indeterminate, label:backdrop selection:indeterminate { color: alpha(currentColor,0.55); } - calendar.highlight, calendar.highlight:backdrop { + calendar.highlight, calendar.highlight:backdrop, progressbar:backdrop progress.highlight, progressbar:backdrop trough.highlight, label:backdrop selection.highlight { font-size: smaller; color: #BFC3CD; } calendar:backdrop { @@ -1317,11 +1350,11 @@ radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } -check:disabled:backdrop { +check:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } -radio:disabled:backdrop { +radio:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } @@ -1349,27 +1382,27 @@ radio:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active@2.png")); -gtk-icon-shadow: none; } -check:checked:backdrop { +check:checked:backdrop, progressbar:backdrop progress:checked, progressbar:backdrop trough:checked, label:backdrop selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop@2.png")); -gtk-icon-shadow: none; } -radio:checked:backdrop { +radio:checked:backdrop, progressbar:backdrop progress:checked, progressbar:backdrop trough:checked, label:backdrop selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop@2.png")); -gtk-icon-shadow: none; } -check:checked:disabled { +check:checked:disabled, label:disabled selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } -radio:checked:disabled { +radio:checked:disabled, label:disabled selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } -check:checked:disabled:backdrop { +check:checked:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:checked:backdrop, label:disabled progressbar:backdrop progress:checked, progressbar:backdrop label:disabled progress:checked, label:disabled progressbar:backdrop trough:checked, progressbar:backdrop label:disabled trough:checked, label:backdrop selection:checked:disabled, label:disabled label:backdrop selection:checked, label:backdrop label:disabled selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } -radio:checked:disabled:backdrop { +radio:checked:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:checked:backdrop, label:disabled progressbar:backdrop progress:checked, progressbar:backdrop label:disabled progress:checked, label:disabled progressbar:backdrop trough:checked, progressbar:backdrop label:disabled trough:checked, label:backdrop selection:checked:disabled, label:disabled label:backdrop selection:checked, label:backdrop label:disabled selection:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } @@ -1397,27 +1430,27 @@ radio:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:backdrop { +check:indeterminate:backdrop, progressbar:backdrop progress:indeterminate, progressbar:backdrop trough:indeterminate, label:backdrop selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop.png"), url("../assets/checkbox-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:backdrop { +radio:indeterminate:backdrop, progressbar:backdrop progress:indeterminate, progressbar:backdrop trough:indeterminate, label:backdrop selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:disabled { +check:indeterminate:disabled, label:disabled selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:disabled { +radio:indeterminate:disabled, label:disabled selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:disabled:backdrop { +check:indeterminate:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:indeterminate:backdrop, label:disabled progressbar:backdrop progress:indeterminate, progressbar:backdrop label:disabled progress:indeterminate, label:disabled progressbar:backdrop trough:indeterminate, progressbar:backdrop label:disabled trough:indeterminate, label:backdrop selection:indeterminate:disabled, label:disabled label:backdrop selection:indeterminate, label:backdrop label:disabled selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive.png"), url("../assets/checkbox-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:disabled:backdrop { +radio:indeterminate:disabled:backdrop, progressbar:backdrop progress:disabled, progressbar:backdrop trough:disabled, label:disabled selection:indeterminate:backdrop, label:disabled progressbar:backdrop progress:indeterminate, progressbar:backdrop label:disabled progress:indeterminate, label:disabled progressbar:backdrop trough:indeterminate, progressbar:backdrop label:disabled trough:indeterminate, label:backdrop selection:indeterminate:disabled, label:disabled label:backdrop selection:indeterminate, label:backdrop label:disabled selection:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); -gtk-icon-shadow: none; } @@ -1461,11 +1494,11 @@ radio:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } -check:disabled:backdrop:selected { +check:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } -radio:disabled:backdrop:selected { +radio:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked@2.png")); -gtk-icon-shadow: none; } @@ -1493,27 +1526,27 @@ radio:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } -check:checked:backdrop:selected { +check:checked:backdrop:selected, progressbar:backdrop progress:checked:selected, progressbar:backdrop trough:checked:selected, label:backdrop selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } -radio:checked:backdrop:selected { +radio:checked:backdrop:selected, progressbar:backdrop progress:checked:selected, progressbar:backdrop trough:checked:selected, label:backdrop selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } -check:checked:disabled:selected { +check:checked:disabled:selected, label:disabled selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } -radio:checked:disabled:selected { +radio:checked:disabled:selected, label:disabled selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } -check:checked:disabled:backdrop:selected { +check:checked:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:checked:backdrop:selected, label:disabled progressbar:backdrop progress:checked:selected, progressbar:backdrop label:disabled progress:checked:selected, label:disabled progressbar:backdrop trough:checked:selected, progressbar:backdrop label:disabled trough:checked:selected, label:backdrop selection:checked:disabled:selected, label:disabled label:backdrop selection:checked:selected, label:backdrop label:disabled selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } -radio:checked:disabled:backdrop:selected { +radio:checked:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:checked:backdrop:selected, label:disabled progressbar:backdrop progress:checked:selected, progressbar:backdrop label:disabled progress:checked:selected, label:disabled progressbar:backdrop trough:checked:selected, progressbar:backdrop label:disabled trough:checked:selected, label:backdrop selection:checked:disabled:selected, label:disabled label:backdrop selection:checked:selected, label:backdrop label:disabled selection:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked@2.png")); -gtk-icon-shadow: none; } @@ -1541,27 +1574,27 @@ radio:indeterminate:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:backdrop:selected { +check:indeterminate:backdrop:selected, progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop trough:indeterminate:selected, label:backdrop selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:backdrop:selected { +radio:indeterminate:backdrop:selected, progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop trough:indeterminate:selected, label:backdrop selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:disabled:selected { +check:indeterminate:disabled:selected, label:disabled selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:disabled:selected { +radio:indeterminate:disabled:selected, label:disabled selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } -check:indeterminate:disabled:backdrop:selected { +check:indeterminate:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:indeterminate:backdrop:selected, label:disabled progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop label:disabled progress:indeterminate:selected, label:disabled progressbar:backdrop trough:indeterminate:selected, progressbar:backdrop label:disabled trough:indeterminate:selected, label:backdrop selection:indeterminate:disabled:selected, label:disabled label:backdrop selection:indeterminate:selected, label:backdrop label:disabled selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed.png"), url("../assets/selected-checkbox-mixed@2.png")); -gtk-icon-shadow: none; } -radio:indeterminate:disabled:backdrop:selected { +radio:indeterminate:disabled:backdrop:selected, progressbar:backdrop progress:disabled:selected, progressbar:backdrop trough:disabled:selected, label:disabled selection:indeterminate:backdrop:selected, label:disabled progressbar:backdrop progress:indeterminate:selected, progressbar:backdrop label:disabled progress:indeterminate:selected, label:disabled progressbar:backdrop trough:indeterminate:selected, progressbar:backdrop label:disabled trough:indeterminate:selected, label:backdrop selection:indeterminate:disabled:selected, label:disabled label:backdrop selection:indeterminate:selected, label:backdrop label:disabled selection:indeterminate:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed.png"), url("../assets/selected-radio-mixed@2.png")); -gtk-icon-shadow: none; } @@ -1603,46 +1636,48 @@ iconview.content-view.radio:active { .view.content-view check:backdrop, iconview.content-view check:backdrop, .view.content-view.check:backdrop, -iconview.content-view.check:backdrop { +progressbar:backdrop progress.check, +progressbar:backdrop trough.check { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:backdrop, iconview.content-view radio:backdrop, .view.content-view.radio:backdrop, -iconview.content-view.radio:backdrop { +progressbar:backdrop progress.radio, +progressbar:backdrop trough.radio { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled, iconview.content-view check:disabled, -.view.content-view.check:disabled, -iconview.content-view.check:disabled { +.view.content-view.check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled, iconview.content-view radio:disabled, -.view.content-view.radio:disabled, -iconview.content-view.radio:disabled { +.view.content-view.radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view check:disabled:backdrop, iconview.content-view check:disabled:backdrop, .view.content-view.check:disabled:backdrop, -iconview.content-view.check:disabled:backdrop { +progressbar:backdrop progress:disabled, +progressbar:backdrop trough:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop-insensitive.png"), url("../assets/checkbox-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view radio:disabled:backdrop, iconview.content-view radio:disabled:backdrop, .view.content-view.radio:disabled:backdrop, -iconview.content-view.radio:disabled:backdrop { +progressbar:backdrop progress:disabled, +progressbar:backdrop trough:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); -gtk-icon-shadow: none; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + checkbutton.text-button label:not(:only-child):first-child, checkbutton.text-button .linked.vertical > combobox:first-child > box > button.combo:not(:only-child), checkbutton.text-button .linked:not(.vertical) > combobox:first-child > box > button.combo:not(:only-child), checkbutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(rtl), combobox.linked checkbutton.text-button button:not(:only-child):nth-child(2):dir(rtl), radiobutton.text-button label:not(:only-child):first-child, radiobutton.text-button .linked.vertical > combobox:first-child > box > button.combo:not(:only-child), radiobutton.text-button .linked:not(.vertical) > combobox:first-child > box > button.combo:not(:only-child), radiobutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(rtl), combobox.linked radiobutton.text-button button:not(:only-child):nth-child(2):dir(rtl) { margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + checkbutton.text-button label:not(:only-child):last-child, checkbutton.text-button .linked.vertical > combobox:last-child > box > button.combo:not(:only-child), checkbutton.text-button .linked:not(.vertical) > combobox:last-child > box > button.combo:not(:only-child), checkbutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(ltr), combobox.linked checkbutton.text-button button:not(:only-child):nth-child(2):dir(ltr), radiobutton.text-button label:not(:only-child):last-child, radiobutton.text-button .linked.vertical > combobox:last-child > box > button.combo:not(:only-child), radiobutton.text-button .linked:not(.vertical) > combobox:last-child > box > button.combo:not(:only-child), radiobutton.text-button combobox.linked button:not(:only-child):nth-child(2):dir(ltr), combobox.linked radiobutton.text-button button:not(:only-child):nth-child(2):dir(ltr) { margin-right: 4px; } check, @@ -1651,13 +1686,9 @@ radio { min-height: 16px; min-width: 16px; border: 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 - radio, menu menuitem - radio:hover, menu menuitem - radio:disabled { + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { min-height: 14px; min-width: 14px; background-image: none; @@ -1736,7 +1767,7 @@ colorswatch overlay { colorswatch#add-color-button { border-radius: 5px 5px 0 0; } - colorswatch#add-color-button:only-child { + colorswatch#add-color-button:only-child, .linked.vertical > combobox:only-child > box > button#add-color-button.combo, .linked:not(.vertical) > combobox:only-child > box > button#add-color-button.combo { border-radius: 5px; } colorswatch#add-color-button overlay { font-weight: normal; @@ -1814,17 +1845,17 @@ messagedialog.csd .dialog-action-area button { messagedialog.csd .dialog-action-area button:hover { background-color: rgba(255, 106, 0, 0.9); color: white; } - messagedialog.csd .dialog-action-area button:first-child { + messagedialog.csd .dialog-action-area button:first-child, messagedialog.csd .dialog-action-area combobox.linked button:nth-child(2):dir(rtl), combobox.linked messagedialog.csd .dialog-action-area button:nth-child(2):dir(rtl), messagedialog.csd .dialog-action-area .linked:not(.vertical) > combobox:first-child > box > button.combo, messagedialog.csd .dialog-action-area .linked.vertical > combobox:first-child > box > button.combo { border-left-style: none; border-bottom-left-radius: 4px; } - messagedialog.csd .dialog-action-area button:last-child { + messagedialog.csd .dialog-action-area button:last-child, messagedialog.csd .dialog-action-area combobox.linked button:nth-child(2):dir(ltr), combobox.linked messagedialog.csd .dialog-action-area button:nth-child(2):dir(ltr), messagedialog.csd .dialog-action-area .linked:not(.vertical) > combobox:last-child > box > button.combo, messagedialog.csd .dialog-action-area .linked.vertical > combobox:last-child > box > button.combo { border-bottom-right-radius: 4px; } - messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action { + messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action, messagedialog.csd .dialog-action-area .selection-mode button.titlebutton, .selection-mode messagedialog.csd .dialog-action-area button.titlebutton { color: white; } filechooser .dialog-action-box { border-top: 1px solid rgba(255, 255, 255, 0.05); } - filechooser .dialog-action-box:backdrop { + filechooser .dialog-action-box:backdrop, filechooser progressbar:backdrop progress.dialog-action-box, progressbar:backdrop filechooser progress.dialog-action-box, filechooser progressbar:backdrop trough.dialog-action-box, progressbar:backdrop filechooser trough.dialog-action-box, filechooser label:backdrop selection.dialog-action-box, label:backdrop filechooser selection.dialog-action-box { border-top-color: rgba(59, 62, 71, 0.145); } filechooser #pathbarbox { @@ -1878,7 +1909,7 @@ entry { background-position: right center; border: none; box-shadow: none; } - spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat { min-height: 0; @@ -1919,7 +1950,7 @@ entry { spinbutton.error:focus:not(.vertical), entry.error:focus { border-color: #330000; } - spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + spinbutton.error:selected:not(.vertical), entry.error:selected:focus, entry.error:selected { background-color: #e60000; } @@ -1933,7 +1964,7 @@ entry { spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-color: #1a0b00; } - spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + spinbutton.warning:selected:not(.vertical), entry.warning:selected:focus, entry.warning:selected { background-color: #cc5500; } @@ -1949,29 +1980,26 @@ entry { spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #575a66; } - spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { border-color: rgba(124, 183, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(124, 183, 255, 0.5); } - .osd spinbutton:not(.vertical), .osd - entry { + .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.5); 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: #ff6a00; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; 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: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.5); @@ -1979,8 +2007,7 @@ 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: #898b8c; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(43, 46, 49, 0.5); @@ -1999,89 +2026,57 @@ entry progress { border-color: #ff6a00; border-style: solid; box-shadow: none; } - spinbutton:not(.vertical) progress:backdrop, - entry progress:backdrop { + spinbutton:not(.vertical) progress:backdrop, spinbutton:not(.vertical) progressbar:backdrop progress, progressbar:backdrop spinbutton:not(.vertical) progress, + entry progress:backdrop, + entry progressbar:backdrop progress, + progressbar:backdrop entry progress { 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) > -entry:focus + -entry { +.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) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { border-left-color: #cc5500; } -.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > -entry:focus { +.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > entry:focus { border-color: #cc5500; } -.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 { +.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) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: rgba(124, 183, 255, 0.5); } -.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: rgba(20, 24, 38, 0.715); background-image: linear-gradient(to bottom, #111524, #111524); } - .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) { + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, progressbar:backdrop .linked.vertical > spinbutton:not(:disabled):not(.vertical) + progress:not(:disabled), progressbar:backdrop .linked.vertical > spinbutton:not(:disabled):not(.vertical) + trough:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, progressbar:backdrop .linked.vertical > entry:not(:disabled) + progress:not(:disabled), progressbar:backdrop .linked.vertical > entry:not(:disabled) + trough:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: rgba(22, 26, 44, 0.7435); background-image: linear-gradient(to bottom, #15192b, #15192b); } -.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 { +.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: rgba(20, 24, 38, 0.715); } .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 > -entry + entry:focus:not(:only-child) { +.linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #cc5500; } .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 > -entry + entry:drop(active):not(:only-child) { +.linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: rgba(124, 183, 255, 0.5); } .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 > -entry:focus:not(:only-child) + entry, -.linked.vertical > -entry:focus:not(:only-child) + button, -.linked.vertical > -entry:focus:not(:only-child) + combobox > box > button.combo { +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #cc5500; } .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 > -entry:drop(active):not(:only-child) + entry, -.linked.vertical > -entry:drop(active):not(:only-child) + button, -.linked.vertical > -entry:drop(active):not(:only-child) + combobox > box > button.combo { +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: rgba(124, 183, 255, 0.5); } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { @@ -2127,7 +2122,7 @@ expander arrow { border-top-right-radius: 0; } .floating-bar > button { padding: 4px; } - .floating-bar:backdrop { + .floating-bar:backdrop, progressbar:backdrop progress.floating-bar, progressbar:backdrop trough.floating-bar, label:backdrop selection.floating-bar { background-color: #0E111D; border-color: rgba(59, 62, 71, 0.145); } @@ -2142,10 +2137,17 @@ frame > border, border-radius: 0; border: 1px solid rgba(255, 255, 255, 0.05); } frame > border.flat, - .frame.flat { + .frame.flat, + .selection-mode button.frame.titlebutton, + popover.background checkbutton.frame, + popover.background radiobutton.frame, + notebook > header > tabs > arrow.frame { border-style: none; } frame > border:backdrop, - .frame:backdrop { + .frame:backdrop, + progressbar:backdrop progress.frame, + progressbar:backdrop trough.frame, + label:backdrop selection.frame { border-color: rgba(59, 62, 71, 0.145); } actionbar > revealer > box { @@ -2165,7 +2167,7 @@ scrolledwindow overshoot.top { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.top:backdrop { + scrolledwindow overshoot.top:backdrop, scrolledwindow progressbar:backdrop progress.top, progressbar:backdrop scrolledwindow progress.top, scrolledwindow progressbar:backdrop trough.top, progressbar:backdrop scrolledwindow trough.top, scrolledwindow label:backdrop selection.top, label:backdrop scrolledwindow selection.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(59, 62, 71, 0.145)), to(rgba(59, 62, 71, 0))); background-size: 100% 5%; background-repeat: no-repeat; @@ -2182,7 +2184,7 @@ scrolledwindow overshoot.bottom { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.bottom:backdrop { + scrolledwindow overshoot.bottom:backdrop, scrolledwindow progressbar:backdrop progress.bottom, progressbar:backdrop scrolledwindow progress.bottom, scrolledwindow progressbar:backdrop trough.bottom, progressbar:backdrop scrolledwindow trough.bottom, scrolledwindow label:backdrop selection.bottom, label:backdrop scrolledwindow selection.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(59, 62, 71, 0.145)), to(rgba(59, 62, 71, 0))); background-size: 100% 5%; background-repeat: no-repeat; @@ -2199,7 +2201,7 @@ scrolledwindow overshoot.left { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.left:backdrop { + scrolledwindow overshoot.left:backdrop, scrolledwindow progressbar:backdrop progress.left, progressbar:backdrop scrolledwindow progress.left, scrolledwindow progressbar:backdrop trough.left, progressbar:backdrop scrolledwindow trough.left, scrolledwindow label:backdrop selection.left, label:backdrop scrolledwindow selection.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(59, 62, 71, 0.145)), to(rgba(59, 62, 71, 0))); background-size: 5% 100%; background-repeat: no-repeat; @@ -2216,7 +2218,7 @@ scrolledwindow overshoot.right { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.right:backdrop { + scrolledwindow overshoot.right:backdrop, scrolledwindow progressbar:backdrop progress.right, progressbar:backdrop scrolledwindow progress.right, scrolledwindow progressbar:backdrop trough.right, progressbar:backdrop scrolledwindow trough.right, scrolledwindow label:backdrop selection.right, label:backdrop scrolledwindow selection.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(59, 62, 71, 0.145)), to(rgba(59, 62, 71, 0))); background-size: 5% 100%; background-repeat: no-repeat; @@ -2346,7 +2348,7 @@ GraniteWidgetsWelcome { padding: 0 6px; margin: 0 3px; border-width: 0; } - .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { + .source-list .badge:selected:backdrop, .source-list progressbar:backdrop progress:selected, progressbar:backdrop .source-list progress:selected, .source-list progressbar:backdrop trough:selected, progressbar:backdrop .source-list trough:selected, .source-list label:backdrop selection:selected, label:backdrop .source-list selection:selected, .source-list .badge:selected:hover:backdrop, .source-list progressbar:backdrop progress:hover, progressbar:backdrop .source-list progress:hover, .source-list progressbar:backdrop trough:hover, progressbar:backdrop .source-list trough:hover, .source-list label:backdrop selection:hover, label:backdrop .source-list selection:hover { background-color: rgba(0, 0, 0, 0.2); color: #06070c; } .source-list row, @@ -2397,12 +2399,12 @@ GraniteWidgetsWelcome { box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; padding: 8px 6px; } - .storage-bar .fill-block:first-child { + .storage-bar .fill-block:first-child, .storage-bar combobox.linked button.fill-block:nth-child(2):dir(rtl), combobox.linked .storage-bar button.fill-block:nth-child(2):dir(rtl), .storage-bar .linked:not(.vertical) > combobox:first-child > box > button.fill-block.combo, .storage-bar .linked.vertical > combobox:first-child > box > button.fill-block.combo { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } - .storage-bar .fill-block:last-child { + .storage-bar .fill-block:last-child, .storage-bar combobox.linked button.fill-block:nth-child(2):dir(ltr), combobox.linked .storage-bar button.fill-block:nth-child(2):dir(ltr), .storage-bar .linked:not(.vertical) > combobox:last-child > box > button.fill-block.combo, .storage-bar .linked.vertical > combobox:last-child > box > button.fill-block.combo { border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } @@ -2423,14 +2425,14 @@ GraniteWidgetsWelcome { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), .titlebar, +.titlebar, .titlebar:not(headerbar), headerbar { padding: 0px 13px; min-height: 34px; background: #06070c; color: #BFC3CD; border-radius: 0; } - .titlebar:backdrop, + .titlebar:backdrop, progressbar:backdrop progress.titlebar, progressbar:backdrop trough.titlebar, label:backdrop selection.titlebar, headerbar:backdrop { border-color: rgba(59, 62, 71, 0.145); transition: 200ms ease-out; } @@ -2444,10 +2446,10 @@ headerbar { font-size: smaller; padding-left: 12px; padding-right: 12px; } - .titlebar:not(headerbar) entry, .titlebar entry, + .titlebar entry, .titlebar:not(headerbar) entry, headerbar entry { min-height: 24px; } - .titlebar:not(headerbar) button, .titlebar button, + .titlebar button, .titlebar:not(headerbar) button, headerbar button { color: #8b8b8b; text-shadow: none; @@ -2461,34 +2463,86 @@ headerbar { .titlebar button.image-button, headerbar button.image-button { padding: 3px 4px; } - .titlebar button.suggested-action, - headerbar button.suggested-action { + .titlebar button.suggested-action, .titlebar .selection-mode button.titlebutton, .selection-mode .titlebar button.titlebutton, + headerbar button.suggested-action, + headerbar .selection-mode button.titlebutton, + .selection-mode headerbar button.titlebutton { box-shadow: none; border: none; background-image: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } - .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop, + .titlebar button.suggested-action:disabled, .titlebar .selection-mode button.titlebutton:disabled, .selection-mode .titlebar button.titlebutton:disabled, .titlebar label:disabled selection.suggested-action, label:disabled .titlebar selection.suggested-action, .titlebar button.suggested-action:backdrop, .titlebar .selection-mode button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, .titlebar progressbar:backdrop progress.suggested-action, progressbar:backdrop .titlebar progress.suggested-action, .titlebar progressbar:backdrop trough.suggested-action, progressbar:backdrop .titlebar trough.suggested-action, .titlebar label:backdrop selection.suggested-action, label:backdrop .titlebar selection.suggested-action, headerbar button.suggested-action:disabled, - headerbar button.suggested-action:disabled:backdrop, - headerbar button.suggested-action:backdrop { + headerbar .selection-mode button.titlebutton:disabled, + .selection-mode headerbar button.titlebutton:disabled, + headerbar label:disabled selection.suggested-action, + label:disabled headerbar selection.suggested-action, + headerbar button.suggested-action:backdrop, + headerbar .selection-mode button.titlebutton:backdrop, + .selection-mode headerbar button.titlebutton:backdrop, + headerbar progressbar:backdrop progress.suggested-action, + progressbar:backdrop headerbar progress.suggested-action, + headerbar progressbar:backdrop trough.suggested-action, + progressbar:backdrop headerbar trough.suggested-action, + headerbar label:backdrop selection.suggested-action, + label:backdrop headerbar selection.suggested-action { border: none; background-image: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } - .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked, + .titlebar button.suggested-action:disabled:hover, .titlebar .selection-mode button.titlebutton:disabled:hover, .selection-mode .titlebar button.titlebutton:disabled:hover, .titlebar label:disabled selection.suggested-action:hover, label:disabled .titlebar selection.suggested-action:hover, .titlebar button.suggested-action:disabled:active, .titlebar .selection-mode button.titlebutton:disabled:active, .selection-mode .titlebar button.titlebutton:disabled:active, .titlebar label:disabled selection.suggested-action:active, label:disabled .titlebar selection.suggested-action:active, .titlebar button.suggested-action:disabled:checked, .titlebar .selection-mode button.titlebutton:disabled:checked, .selection-mode .titlebar button.titlebutton:disabled:checked, .titlebar label:disabled selection.suggested-action:checked, label:disabled .titlebar selection.suggested-action:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar .selection-mode button.titlebutton:backdrop:hover, .selection-mode .titlebar button.titlebutton:backdrop:hover, .titlebar progressbar:backdrop progress.suggested-action:hover, progressbar:backdrop .titlebar progress.suggested-action:hover, .titlebar progressbar:backdrop trough.suggested-action:hover, progressbar:backdrop .titlebar trough.suggested-action:hover, .titlebar label:backdrop selection.suggested-action:hover, label:backdrop .titlebar selection.suggested-action:hover, .titlebar button.suggested-action:backdrop:active, .titlebar .selection-mode button.titlebutton:backdrop:active, .selection-mode .titlebar button.titlebutton:backdrop:active, .titlebar progressbar:backdrop progress.suggested-action:active, progressbar:backdrop .titlebar progress.suggested-action:active, .titlebar progressbar:backdrop trough.suggested-action:active, progressbar:backdrop .titlebar trough.suggested-action:active, .titlebar label:backdrop selection.suggested-action:active, label:backdrop .titlebar selection.suggested-action:active, .titlebar button.suggested-action:backdrop:checked, .titlebar .selection-mode button.titlebutton:backdrop:checked, .selection-mode .titlebar button.titlebutton:backdrop:checked, .titlebar progressbar:backdrop progress.suggested-action:checked, progressbar:backdrop .titlebar progress.suggested-action:checked, .titlebar progressbar:backdrop trough.suggested-action:checked, progressbar:backdrop .titlebar trough.suggested-action:checked, .titlebar label:backdrop selection.suggested-action:checked, label:backdrop .titlebar selection.suggested-action:checked, headerbar button.suggested-action:disabled:hover, + headerbar .selection-mode button.titlebutton:disabled:hover, + .selection-mode headerbar button.titlebutton:disabled:hover, + headerbar label:disabled selection.suggested-action:hover, + label:disabled headerbar selection.suggested-action:hover, headerbar button.suggested-action:disabled:active, + headerbar .selection-mode button.titlebutton:disabled:active, + .selection-mode headerbar button.titlebutton:disabled:active, + headerbar label:disabled selection.suggested-action:active, + label:disabled headerbar selection.suggested-action:active, headerbar button.suggested-action:disabled:checked, - headerbar button.suggested-action:disabled:backdrop:hover, - headerbar button.suggested-action:disabled:backdrop:active, - headerbar button.suggested-action:disabled:backdrop:checked, + headerbar .selection-mode button.titlebutton:disabled:checked, + .selection-mode headerbar button.titlebutton:disabled:checked, + headerbar label:disabled selection.suggested-action:checked, + label:disabled headerbar selection.suggested-action:checked, headerbar button.suggested-action:backdrop:hover, + headerbar .selection-mode button.titlebutton:backdrop:hover, + .selection-mode headerbar button.titlebutton:backdrop:hover, + headerbar progressbar:backdrop progress.suggested-action:hover, + progressbar:backdrop headerbar progress.suggested-action:hover, + headerbar progressbar:backdrop trough.suggested-action:hover, + progressbar:backdrop headerbar trough.suggested-action:hover, + headerbar label:backdrop selection.suggested-action:hover, + label:backdrop headerbar selection.suggested-action:hover, headerbar button.suggested-action:backdrop:active, - headerbar button.suggested-action:backdrop:checked { + headerbar .selection-mode button.titlebutton:backdrop:active, + .selection-mode headerbar button.titlebutton:backdrop:active, + headerbar progressbar:backdrop progress.suggested-action:active, + progressbar:backdrop headerbar progress.suggested-action:active, + headerbar progressbar:backdrop trough.suggested-action:active, + progressbar:backdrop headerbar trough.suggested-action:active, + headerbar label:backdrop selection.suggested-action:active, + label:backdrop headerbar selection.suggested-action:active, + headerbar button.suggested-action:backdrop:checked, + headerbar .selection-mode button.titlebutton:backdrop:checked, + .selection-mode headerbar button.titlebutton:backdrop:checked, + headerbar progressbar:backdrop progress.suggested-action:checked, + progressbar:backdrop headerbar progress.suggested-action:checked, + headerbar progressbar:backdrop trough.suggested-action:checked, + progressbar:backdrop headerbar trough.suggested-action:checked, + headerbar label:backdrop selection.suggested-action:checked, + label:backdrop headerbar selection.suggested-action:checked { border: none; background-image: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } - .titlebar button.appmenu:backdrop, - headerbar button.appmenu:backdrop { + .titlebar button.appmenu:backdrop, .titlebar progressbar:backdrop progress.appmenu, progressbar:backdrop .titlebar progress.appmenu, .titlebar progressbar:backdrop trough.appmenu, progressbar:backdrop .titlebar trough.appmenu, .titlebar label:backdrop selection.appmenu, label:backdrop .titlebar selection.appmenu, + headerbar button.appmenu:backdrop, + headerbar progressbar:backdrop progress.appmenu, + progressbar:backdrop headerbar progress.appmenu, + headerbar progressbar:backdrop trough.appmenu, + progressbar:backdrop headerbar trough.appmenu, + headerbar label:backdrop selection.appmenu, + label:backdrop headerbar selection.appmenu { background: transparent; } .titlebar button:hover, .titlebar button:active, .titlebar button:checked, headerbar button:hover, @@ -2498,10 +2552,9 @@ headerbar { color: #ff6a00; box-shadow: none; border: none; } - .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, + .titlebar button:backdrop, .titlebar button:disabled, headerbar button:backdrop, - headerbar button:disabled, - headerbar button:backdrop:disabled { + headerbar button:disabled { color: rgba(191, 195, 205, 0.2); background-color: transparent; border-radius: 0; @@ -2520,8 +2573,10 @@ headerbar { headerbar button:backdrop:active label, headerbar button:backdrop:checked label { color: #ff6a00; } - .titlebar button.suggested-action, - headerbar button.suggested-action { + .titlebar button.suggested-action, .titlebar .selection-mode button.titlebutton, .selection-mode .titlebar button.titlebutton, + headerbar button.suggested-action, + headerbar .selection-mode button.titlebutton, + .selection-mode headerbar button.titlebutton { font-weight: bold; min-height: 24px; margin-top: 5px; @@ -2532,36 +2587,78 @@ headerbar { background-color: #181c31; text-shadow: none; box-shadow: none; } - .titlebar button.suggested-action:hover, - headerbar button.suggested-action:hover { + .titlebar button.suggested-action:hover, .titlebar .selection-mode button.titlebutton:hover, .selection-mode .titlebar button.titlebutton:hover, + headerbar button.suggested-action:hover, + headerbar .selection-mode button.titlebutton:hover, + .selection-mode headerbar button.titlebutton:hover { color: white; background: rgba(204, 85, 0, 0.5); outline-color: rgba(255, 255, 255, 0.3); text-shadow: none; } - .titlebar button.suggested-action:active, - headerbar button.suggested-action:active { + .titlebar button.suggested-action:active, .titlebar .selection-mode button.titlebutton:active, .selection-mode .titlebar button.titlebutton:active, + headerbar button.suggested-action:active, + headerbar .selection-mode button.titlebutton:active, + .selection-mode headerbar button.titlebutton:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - .titlebar button.suggested-action:disabled, - headerbar button.suggested-action:disabled { + .titlebar button.suggested-action:disabled, .titlebar .selection-mode button.titlebutton:disabled, .selection-mode .titlebar button.titlebutton:disabled, .titlebar label:disabled selection.suggested-action, label:disabled .titlebar selection.suggested-action, + headerbar button.suggested-action:disabled, + headerbar .selection-mode button.titlebutton:disabled, + .selection-mode headerbar button.titlebutton:disabled, + headerbar label:disabled selection.suggested-action, + label:disabled headerbar selection.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; } - .titlebar button.suggested-action:disabled label, - headerbar button.suggested-action:disabled label { + .titlebar button.suggested-action:disabled label, .titlebar .selection-mode button.titlebutton:disabled label, .selection-mode .titlebar button.titlebutton:disabled label, .titlebar label:disabled selection.suggested-action label, label:disabled .titlebar selection.suggested-action label, + headerbar button.suggested-action:disabled label, + headerbar .selection-mode button.titlebutton:disabled label, + .selection-mode headerbar button.titlebutton:disabled label, + headerbar label:disabled selection.suggested-action label, + label:disabled headerbar selection.suggested-action label { color: rgba(255, 255, 255, 0.5); } - .titlebar button.suggested-action:backdrop, - headerbar button.suggested-action:backdrop { + .titlebar button.suggested-action:backdrop, .titlebar .selection-mode button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, .titlebar progressbar:backdrop progress.suggested-action, progressbar:backdrop .titlebar progress.suggested-action, .titlebar progressbar:backdrop trough.suggested-action, progressbar:backdrop .titlebar trough.suggested-action, .titlebar label:backdrop selection.suggested-action, label:backdrop .titlebar selection.suggested-action, + headerbar button.suggested-action:backdrop, + headerbar .selection-mode button.titlebutton:backdrop, + .selection-mode headerbar button.titlebutton:backdrop, + headerbar progressbar:backdrop progress.suggested-action, + progressbar:backdrop headerbar progress.suggested-action, + headerbar progressbar:backdrop trough.suggested-action, + progressbar:backdrop headerbar trough.suggested-action, + headerbar label:backdrop selection.suggested-action, + label:backdrop headerbar selection.suggested-action { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; text-shadow: none; border-radius: 3px; } - .titlebar button.suggested-action:backdrop:disabled, - headerbar button.suggested-action:backdrop:disabled { + .titlebar button.suggested-action:backdrop:disabled, .titlebar .selection-mode button.titlebutton:backdrop:disabled, .selection-mode .titlebar button.titlebutton:backdrop:disabled, .titlebar progressbar:backdrop progress.suggested-action:disabled, progressbar:backdrop .titlebar progress.suggested-action:disabled, .titlebar progressbar:backdrop trough.suggested-action:disabled, progressbar:backdrop .titlebar trough.suggested-action:disabled, .titlebar label:backdrop selection.suggested-action:disabled, label:backdrop .titlebar selection.suggested-action:disabled, .titlebar label:disabled selection.suggested-action:backdrop, .titlebar label:disabled progressbar:backdrop progress.suggested-action, progressbar:backdrop .titlebar label:disabled progress.suggested-action, .titlebar label:disabled progressbar:backdrop trough.suggested-action, progressbar:backdrop .titlebar label:disabled trough.suggested-action, label:disabled .titlebar selection.suggested-action:backdrop, label:disabled .titlebar progressbar:backdrop progress.suggested-action, progressbar:backdrop label:disabled .titlebar progress.suggested-action, label:disabled .titlebar progressbar:backdrop trough.suggested-action, progressbar:backdrop label:disabled .titlebar trough.suggested-action, .titlebar label:backdrop label:disabled selection.suggested-action, label:backdrop label:disabled .titlebar selection.suggested-action, .titlebar label:disabled label:backdrop selection.suggested-action, label:disabled label:backdrop .titlebar selection.suggested-action, + headerbar button.suggested-action:backdrop:disabled, + headerbar .selection-mode button.titlebutton:backdrop:disabled, + .selection-mode headerbar button.titlebutton:backdrop:disabled, + headerbar progressbar:backdrop progress.suggested-action:disabled, + progressbar:backdrop headerbar progress.suggested-action:disabled, + headerbar progressbar:backdrop trough.suggested-action:disabled, + progressbar:backdrop headerbar trough.suggested-action:disabled, + headerbar label:backdrop selection.suggested-action:disabled, + label:backdrop headerbar selection.suggested-action:disabled, + headerbar label:disabled selection.suggested-action:backdrop, + headerbar label:disabled progressbar:backdrop progress.suggested-action, + progressbar:backdrop headerbar label:disabled progress.suggested-action, + headerbar label:disabled progressbar:backdrop trough.suggested-action, + progressbar:backdrop headerbar label:disabled trough.suggested-action, + label:disabled headerbar selection.suggested-action:backdrop, + label:disabled headerbar progressbar:backdrop progress.suggested-action, + progressbar:backdrop label:disabled headerbar progress.suggested-action, + label:disabled headerbar progressbar:backdrop trough.suggested-action, + progressbar:backdrop label:disabled headerbar trough.suggested-action, + headerbar label:backdrop label:disabled selection.suggested-action, + label:backdrop label:disabled headerbar selection.suggested-action, + headerbar label:disabled label:backdrop selection.suggested-action, + label:disabled label:backdrop headerbar selection.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc5500; @@ -2590,24 +2687,54 @@ headerbar { outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - .titlebar button.destructive-action:disabled, - headerbar button.destructive-action:disabled { + .titlebar button.destructive-action:disabled, .titlebar label:disabled selection.destructive-action, label:disabled .titlebar selection.destructive-action, + headerbar button.destructive-action:disabled, + headerbar label:disabled selection.destructive-action, + label:disabled headerbar selection.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; } - .titlebar button.destructive-action:disabled label, - headerbar button.destructive-action:disabled label { + .titlebar button.destructive-action:disabled label, .titlebar label:disabled selection.destructive-action label, label:disabled .titlebar selection.destructive-action label, + headerbar button.destructive-action:disabled label, + headerbar label:disabled selection.destructive-action label, + label:disabled headerbar selection.destructive-action label { color: rgba(255, 255, 255, 0.5); } - .titlebar button.destructive-action:backdrop, - headerbar button.destructive-action:backdrop { + .titlebar button.destructive-action:backdrop, .titlebar progressbar:backdrop progress.destructive-action, progressbar:backdrop .titlebar progress.destructive-action, .titlebar progressbar:backdrop trough.destructive-action, progressbar:backdrop .titlebar trough.destructive-action, .titlebar label:backdrop selection.destructive-action, label:backdrop .titlebar selection.destructive-action, + headerbar button.destructive-action:backdrop, + headerbar progressbar:backdrop progress.destructive-action, + progressbar:backdrop headerbar progress.destructive-action, + headerbar progressbar:backdrop trough.destructive-action, + progressbar:backdrop headerbar trough.destructive-action, + headerbar label:backdrop selection.destructive-action, + label:backdrop headerbar selection.destructive-action { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; text-shadow: none; border-radius: 3px; } - .titlebar button.destructive-action:backdrop:disabled, - headerbar button.destructive-action:backdrop:disabled { + .titlebar button.destructive-action:backdrop:disabled, .titlebar progressbar:backdrop progress.destructive-action:disabled, progressbar:backdrop .titlebar progress.destructive-action:disabled, .titlebar progressbar:backdrop trough.destructive-action:disabled, progressbar:backdrop .titlebar trough.destructive-action:disabled, .titlebar label:backdrop selection.destructive-action:disabled, label:backdrop .titlebar selection.destructive-action:disabled, .titlebar label:disabled selection.destructive-action:backdrop, .titlebar label:disabled progressbar:backdrop progress.destructive-action, progressbar:backdrop .titlebar label:disabled progress.destructive-action, .titlebar label:disabled progressbar:backdrop trough.destructive-action, progressbar:backdrop .titlebar label:disabled trough.destructive-action, label:disabled .titlebar selection.destructive-action:backdrop, label:disabled .titlebar progressbar:backdrop progress.destructive-action, progressbar:backdrop label:disabled .titlebar progress.destructive-action, label:disabled .titlebar progressbar:backdrop trough.destructive-action, progressbar:backdrop label:disabled .titlebar trough.destructive-action, .titlebar label:backdrop label:disabled selection.destructive-action, label:backdrop label:disabled .titlebar selection.destructive-action, .titlebar label:disabled label:backdrop selection.destructive-action, label:disabled label:backdrop .titlebar selection.destructive-action, + headerbar button.destructive-action:backdrop:disabled, + headerbar progressbar:backdrop progress.destructive-action:disabled, + progressbar:backdrop headerbar progress.destructive-action:disabled, + headerbar progressbar:backdrop trough.destructive-action:disabled, + progressbar:backdrop headerbar trough.destructive-action:disabled, + headerbar label:backdrop selection.destructive-action:disabled, + label:backdrop headerbar selection.destructive-action:disabled, + headerbar label:disabled selection.destructive-action:backdrop, + headerbar label:disabled progressbar:backdrop progress.destructive-action, + progressbar:backdrop headerbar label:disabled progress.destructive-action, + headerbar label:disabled progressbar:backdrop trough.destructive-action, + progressbar:backdrop headerbar label:disabled trough.destructive-action, + label:disabled headerbar selection.destructive-action:backdrop, + label:disabled headerbar progressbar:backdrop progress.destructive-action, + progressbar:backdrop label:disabled headerbar progress.destructive-action, + label:disabled headerbar progressbar:backdrop trough.destructive-action, + progressbar:backdrop label:disabled headerbar trough.destructive-action, + headerbar label:backdrop label:disabled selection.destructive-action, + label:backdrop label:disabled headerbar selection.destructive-action, + headerbar label:disabled label:backdrop selection.destructive-action, + label:disabled label:backdrop headerbar selection.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #cc0000; @@ -2620,34 +2747,36 @@ headerbar { background-color: transparent; background-image: none; background-repeat: no-repeat; } - .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar button.titlebutton *, + .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar progressbar:backdrop progress.titlebutton, progressbar:backdrop .titlebar progress.titlebutton, .titlebar progressbar:backdrop trough.titlebutton, progressbar:backdrop .titlebar trough.titlebutton, .titlebar label:backdrop selection.titlebutton, label:backdrop .titlebar selection.titlebutton, .titlebar button.titlebutton *, .titlebar button.titlebutton button:link, + .titlebar button.titlebutton button:visited, headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, - headerbar button.titlebutton:backdrop:hover, - headerbar button.titlebutton * { + headerbar progressbar:backdrop progress.titlebutton, + progressbar:backdrop headerbar progress.titlebutton, + headerbar progressbar:backdrop trough.titlebutton, + progressbar:backdrop headerbar trough.titlebutton, + headerbar label:backdrop selection.titlebutton, + label:backdrop headerbar selection.titlebutton, + headerbar button.titlebutton *, + headerbar button.titlebutton button:link, + headerbar button.titlebutton button:visited { color: transparent; box-shadow: none; background-color: transparent; } - .titlebar .linked > button, - .titlebar headerbar .linked > button, .titlebar .linked > button:active, .titlebar .linked > button:checked, .titlebar .linked > button:hover, + .titlebar .linked > button:hover, .titlebar .linked > button:backdrop, - headerbar .titlebar .linked > button, - .titlebar headerbar .linked > button, - headerbar .linked > button, - headerbar .titlebar .linked > button:active, - .titlebar headerbar .linked > button:active, - headerbar .linked > button:active, - headerbar .titlebar .linked > button:checked, - .titlebar headerbar .linked > button:checked, - headerbar .linked > button:checked, - headerbar .titlebar .linked > button:hover, .titlebar headerbar .linked > button:hover, - headerbar .titlebar .linked > button:backdrop, - .titlebar headerbar .linked > button:backdrop, + .titlebar headerbar .linked > button:backdrop, .titlebar .linked > button:checked, + .titlebar headerbar .linked > button:checked, .titlebar .linked > button:active, + .titlebar headerbar .linked > button:active, .titlebar .linked > button, + .titlebar headerbar .linked > button, headerbar .linked > button:hover, - headerbar .linked > button:backdrop { + headerbar .linked > button:backdrop, + headerbar .linked > button:checked, + headerbar .linked > button:active, + headerbar .linked > button { border-radius: 1em; border-right-style: none; border: none; @@ -2655,10 +2784,18 @@ headerbar { margin: 10px 0px; min-height: 20px; transition: all .1s ease-in; } - .titlebar .linked > button:only-child, - .titlebar headerbar .linked > button:only-child, - headerbar .titlebar .linked > button:only-child, - headerbar .linked > button:only-child { + .titlebar .linked > button:only-child, .titlebar .linked:not(.vertical) > combobox:only-child > box.linked > button.combo, .titlebar .linked.vertical > combobox:only-child > box.linked > button.combo, + headerbar .linked > button:only-child:hover, + headerbar .linked > button:only-child:backdrop, + headerbar progressbar:backdrop .linked > progress:only-child, + progressbar:backdrop headerbar .linked > progress:only-child, + headerbar progressbar:backdrop .linked > trough:only-child, + progressbar:backdrop headerbar .linked > trough:only-child, + headerbar .linked > button:only-child:checked, + headerbar .linked > button:only-child:active, + headerbar .linked > button:only-child, + headerbar .linked:not(.vertical) > combobox:only-child > box.linked > button.combo, + headerbar .linked.vertical > combobox:only-child > box.linked > button.combo { border-radius: 13px; border-style: none; } .titlebar .linked > button:active, @@ -2671,41 +2808,61 @@ headerbar { background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: #fefefe; } - .titlebar .linked > button:checked:backdrop, - headerbar .linked > button:checked:backdrop { + .titlebar .linked > button:checked:backdrop, .titlebar progressbar:backdrop .linked > progress:checked, progressbar:backdrop .titlebar .linked > progress:checked, .titlebar progressbar:backdrop .linked > trough:checked, progressbar:backdrop .titlebar .linked > trough:checked, .titlebar label:backdrop .linked > selection:checked, label:backdrop .titlebar .linked > selection:checked, + headerbar .linked > button:checked:backdrop, + headerbar progressbar:backdrop .linked > progress:checked, + progressbar:backdrop headerbar .linked > progress:checked, + headerbar progressbar:backdrop .linked > trough:checked, + progressbar:backdrop headerbar .linked > trough:checked, + headerbar label:backdrop .linked > selection:checked, + label:backdrop headerbar .linked > selection:checked { box-shadow: none; background: rgba(255, 106, 0, 0.6); color: rgba(254, 254, 254, 0.5); } - .titlebar .linked > button:checked:backdrop label, - headerbar .linked > button:checked:backdrop label { + .titlebar .linked > button:checked:backdrop label, .titlebar progressbar:backdrop .linked > progress:checked label, progressbar:backdrop .titlebar .linked > progress:checked label, .titlebar progressbar:backdrop .linked > trough:checked label, progressbar:backdrop .titlebar .linked > trough:checked label, .titlebar label:backdrop .linked > selection:checked label, label:backdrop .titlebar .linked > selection:checked label, + headerbar .linked > button:checked:backdrop label, + headerbar progressbar:backdrop .linked > progress:checked label, + progressbar:backdrop headerbar .linked > progress:checked label, + headerbar progressbar:backdrop .linked > trough:checked label, + progressbar:backdrop headerbar .linked > trough:checked label, + headerbar label:backdrop .linked > selection:checked label, + label:backdrop headerbar .linked > selection:checked label { color: rgba(254, 254, 254, 0.5); } - .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked, + .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode popover.background checkbutton:backdrop:active, + popover.background headerbar.selection-mode checkbutton:backdrop:active, + headerbar.selection-mode popover.background radiobutton:backdrop:active, + popover.background headerbar.selection-mode radiobutton:backdrop:active, + headerbar.selection-mode notebook > header > tabs > arrow:backdrop:active, headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode popover.background checkbutton:backdrop:checked, + popover.background headerbar.selection-mode checkbutton:backdrop:checked, + headerbar.selection-mode popover.background radiobutton:backdrop:checked, + popover.background headerbar.selection-mode radiobutton:backdrop:checked, + headerbar.selection-mode notebook > header > tabs > arrow:backdrop:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #cc5500; } - .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, + .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode popover.background checkbutton:backdrop:active label, + popover.background headerbar.selection-mode checkbutton:backdrop:active label, + headerbar.selection-mode popover.background radiobutton:backdrop:active label, + popover.background headerbar.selection-mode radiobutton:backdrop:active label, + headerbar.selection-mode notebook > header > tabs > arrow:backdrop:active label, headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode popover.background checkbutton:backdrop:checked label, + popover.background headerbar.selection-mode checkbutton:backdrop:checked label, + headerbar.selection-mode popover.background radiobutton:backdrop:checked label, + popover.background headerbar.selection-mode radiobutton:backdrop:checked label, + headerbar.selection-mode notebook > header > tabs > arrow:backdrop:checked label, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { color: rgba(255, 106, 0, 0.6); } - .tiled .titlebar, - .maximized .titlebar, .tiled - headerbar.titlebar, - .maximized - headerbar.titlebar { + .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - .tiled .titlebar:backdrop, .tiled .titlebar, - .maximized .titlebar:backdrop, - .maximized .titlebar, .tiled - headerbar:backdrop, .tiled - headerbar, - .maximized - headerbar:backdrop, - .maximized - headerbar { + .tiled .titlebar, .maximized .titlebar, .tiled headerbar, .maximized headerbar { border-radius: 0; } .default-decoration.titlebar, headerbar.default-decoration { @@ -2737,12 +2894,10 @@ headerbar separator { border-top-left-radius: 4px; border-top-right-radius: 4px; } -window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, -window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, -window:not(.tiled):not(.maximized) headerbar:first-child { +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) progressbar:backdrop progress:first-child, progressbar:backdrop window:not(.tiled):not(.maximized) progress:first-child, window:not(.tiled):not(.maximized) progressbar:backdrop trough:first-child, progressbar:backdrop window:not(.tiled):not(.maximized) trough:first-child, window:not(.tiled):not(.maximized) headerbar:first-child { border-top-left-radius: 4px; } -window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) progressbar:backdrop progress:last-child, progressbar:backdrop window:not(.tiled):not(.maximized) progress:last-child, window:not(.tiled):not(.maximized) progressbar:backdrop trough:last-child, progressbar:backdrop window:not(.tiled):not(.maximized) trough:last-child, window:not(.tiled):not(.maximized) headerbar:last-child { border-top-right-radius: 4px; } window { @@ -2763,7 +2918,7 @@ window.csd > .titlebar:not(headerbar) { /************** * GtkInfoBar * **************/ -.info, .warning, .question, .error, +.error, .question, .warning, .info, infobar { text-shadow: none; color: #BFC3CD; @@ -2771,66 +2926,66 @@ infobar { border-bottom: 1px solid black; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } -.info, .warning, .question, .error { +.error, .question, .warning, .info { text-shadow: none; color: #fefefe; border: none; } - .info .label, .warning .label, .question .label, .error .label { + .error .label, .question .label, .warning .label, .info .label { color: #fefefe; } - .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + .error .label:backdrop, .error progressbar:backdrop progress.label, progressbar:backdrop .error progress.label, .error progressbar:backdrop trough.label, progressbar:backdrop .error trough.label, .question .label:backdrop, .question progressbar:backdrop progress.label, progressbar:backdrop .question progress.label, .question progressbar:backdrop trough.label, progressbar:backdrop .question trough.label, .warning .label:backdrop, .warning progressbar:backdrop progress.label, progressbar:backdrop .warning progress.label, .warning progressbar:backdrop trough.label, progressbar:backdrop .warning trough.label, .info .label:backdrop, .info progressbar:backdrop progress.label, progressbar:backdrop .info progress.label, .info progressbar:backdrop trough.label, progressbar:backdrop .info trough.label, .error label:backdrop selection.label, .question label:backdrop selection.label, .warning label:backdrop selection.label, .info label:backdrop selection.label, label:backdrop .error selection.label, label:backdrop .question selection.label, label:backdrop .warning selection.label, label:backdrop .info selection.label { color: rgba(254, 254, 254, 0.5); } - .info button, .warning button, .question button, .error button { + .error button, .question button, .warning button, .info button { border-radius: 2px; border: none; background: rgba(17, 21, 36, 0.98); color: #BFC3CD; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } - .info button .label, .warning button .label, .question button .label, .error button .label { + .error button .label, .question button .label, .warning button .label, .info button .label { color: #BFC3CD; } - .info button:active, .warning button:active, .question button:active, .error button:active { + .error button:active, .question button:active, .warning button:active, .info button:active { background: #111524; color: #BFC3CD; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { + .error button:active:backdrop, .error progressbar:backdrop progress:active, progressbar:backdrop .error progress:active, .error progressbar:backdrop trough:active, progressbar:backdrop .error trough:active, .question button:active:backdrop, .question progressbar:backdrop progress:active, progressbar:backdrop .question progress:active, .question progressbar:backdrop trough:active, progressbar:backdrop .question trough:active, .warning button:active:backdrop, .warning progressbar:backdrop progress:active, progressbar:backdrop .warning progress:active, .warning progressbar:backdrop trough:active, progressbar:backdrop .warning trough:active, .info button:active:backdrop, .info progressbar:backdrop progress:active, progressbar:backdrop .info progress:active, .info progressbar:backdrop trough:active, progressbar:backdrop .info trough:active, .error label:backdrop selection:active, .question label:backdrop selection:active, .warning label:backdrop selection:active, .info label:backdrop selection:active, label:backdrop .error selection:active, label:backdrop .question selection:active, label:backdrop .warning selection:active, label:backdrop .info selection:active { background: rgba(17, 21, 36, 0.8); color: rgba(191, 195, 205, 0.5); box-shadow: none; } - .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { + .error button:hover, .question button:hover, .warning button:hover, .info button:hover, .error button:focus, .question button:focus, .warning button:focus, .info button:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } - .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { + .error button:disabled, .question button:disabled, .warning button:disabled, .info button:disabled { background: rgba(17, 21, 36, 0.6); color: rgba(191, 195, 205, 0.5); box-shadow: none; } - .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + .error button:disabled:backdrop, .error progressbar:backdrop progress:disabled, progressbar:backdrop .error progress:disabled, .error progressbar:backdrop trough:disabled, progressbar:backdrop .error trough:disabled, .question button:disabled:backdrop, .question progressbar:backdrop progress:disabled, progressbar:backdrop .question progress:disabled, .question progressbar:backdrop trough:disabled, progressbar:backdrop .question trough:disabled, .warning button:disabled:backdrop, .warning progressbar:backdrop progress:disabled, progressbar:backdrop .warning progress:disabled, .warning progressbar:backdrop trough:disabled, progressbar:backdrop .warning trough:disabled, .info button:disabled:backdrop, .info progressbar:backdrop progress:disabled, progressbar:backdrop .info progress:disabled, .info progressbar:backdrop trough:disabled, progressbar:backdrop .info trough:disabled { background: rgba(17, 21, 36, 0.5); color: rgba(191, 195, 205, 0.5); box-shadow: none; } - .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + .error button:backdrop, .question button:backdrop, .warning button:backdrop, .info button:backdrop { background: rgba(17, 21, 36, 0.8); color: rgba(191, 195, 205, 0.5); box-shadow: none; } .info { background-color: #ff6a00; } - .info:backdrop { + .info:backdrop, progressbar:backdrop progress.info, progressbar:backdrop trough.info, label:backdrop selection.info { background-color: #ff8833; color: rgba(254, 254, 254, 0.5); } .warning { background-color: #cc5500; } - .warning:backdrop { + .warning:backdrop, progressbar:backdrop progress.warning, progressbar:backdrop trough.warning, label:backdrop selection.warning { background-color: #ff6a00; color: rgba(254, 254, 254, 0.5); } .question { background-color: #00c1e4; } - .question:backdrop { + .question:backdrop, progressbar:backdrop progress.question, progressbar:backdrop trough.question, label:backdrop selection.question { background-color: #18dcff; color: rgba(254, 254, 254, 0.5); } .error { background-color: #e60000; } - .error:backdrop { + .error:backdrop, progressbar:backdrop progress.error, progressbar:backdrop trough.error, label:backdrop selection.error { background-color: #ff1a1a; color: rgba(254, 254, 254, 0.5); } @@ -2853,7 +3008,7 @@ levelbar trough { border-radius: 3px; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } - levelbar trough:backdrop { + levelbar trough:backdrop, levelbar progressbar:backdrop trough, progressbar:backdrop levelbar trough { background-color: rgba(255, 255, 255, 0.06); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } @@ -2869,15 +3024,15 @@ levelbar block { box-shadow: none; } levelbar block.low { background-color: #cc5500; } - levelbar block.low:backdrop { + levelbar block.low:backdrop, levelbar progressbar:backdrop progress.low, progressbar:backdrop levelbar progress.low, levelbar progressbar:backdrop trough.low, progressbar:backdrop levelbar trough.low, levelbar label:backdrop selection.low, label:backdrop levelbar selection.low { border-color: #cc5500; } levelbar block.high, levelbar block:not(.empty) { background-color: #00c1e4; } - levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + levelbar block.high:backdrop, levelbar progressbar:backdrop progress.high, progressbar:backdrop levelbar progress.high, levelbar progressbar:backdrop trough.high, progressbar:backdrop levelbar trough.high, levelbar label:backdrop selection.high, label:backdrop levelbar selection.high, levelbar block:not(.empty):backdrop, levelbar progressbar:backdrop progress:not(.empty), progressbar:backdrop levelbar progress:not(.empty), levelbar progressbar:backdrop trough:not(.empty), progressbar:backdrop levelbar trough:not(.empty), levelbar label:backdrop selection:not(.empty), label:backdrop levelbar selection:not(.empty) { border-color: #00c1e4; } levelbar block.full { background-color: #0096b1; } - levelbar block.full:backdrop { + levelbar block.full:backdrop, levelbar progressbar:backdrop progress.full, progressbar:backdrop levelbar progress.full, levelbar progressbar:backdrop trough.full, progressbar:backdrop levelbar trough.full, levelbar label:backdrop selection.full, label:backdrop levelbar selection.full { border-color: #0096b1; } levelbar block.empty { background-color: rgba(0, 0, 0, 0.35); @@ -2892,31 +3047,42 @@ button:visited { *:link:visited, button:visited { color: rgba(124, 183, 255, 0.5); } - *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited { + *:selected *:link:visited, + *:selected button:visited, button:selected:link *:link:visited, + button:selected:visited *:link:visited, + button:selected:link button:visited, + button:selected:visited button:visited { color: #fec398; } *:link:hover, button:hover:link, button:hover:visited { color: #afd3ff; } *:selected *:link:hover, *:selected button:hover:link, - *:selected button:hover:visited { + *:selected button:hover:visited, button:selected:link *:link:hover, + button:selected:visited *:link:hover, button:selected:link button:hover:link, + button:selected:visited button:hover:link, + button:selected:link button:hover:visited, + button:selected:visited button:hover:visited { color: #feefe5; } *:link:active, button:active:link, button:active:visited { color: #7cb7ff; } *:selected *:link:active, *:selected button:active:link, - *:selected button:active:visited { + *:selected button:active:visited, button:selected:link *:link:active, + button:selected:visited *:link:active, button:selected:link button:active:link, + button:selected:visited button:active:link, + button:selected:link button:active:visited, + button:selected:visited button:active:visited { color: #fee0cb; } - *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, - button:backdrop:visited { + *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop, progressbar:backdrop progress:link, progressbar:backdrop trough:link, button:backdrop:link, + button:backdrop:visited, label:backdrop selection:link { color: #ff6a00; } *:link:selected, button:selected:link, - button:selected:visited, - *:selected *:link, - *:selected button:link, - *:selected button:visited { + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited, button:selected:link *:link, + button:selected:visited *:link, button:selected:link button:link, + button:selected:visited button:link, + button:selected:link button:visited, + button:selected:visited button:visited { color: #fee0cb; } button:link, @@ -2955,15 +3121,15 @@ row { background-color: rgba(191, 195, 205, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover { + row.activatable:backdrop:hover, progressbar:backdrop progress.activatable:hover, progressbar:backdrop trough.activatable:hover, label:backdrop selection.activatable:hover { background-color: transparent; } row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: rgba(255, 106, 0, 0.5); } - row.activatable:selected:backdrop { + row.activatable:selected:backdrop, progressbar:backdrop progress:selected, progressbar:backdrop trough:selected, label:backdrop selection:selected { background-color: rgba(255, 106, 0, 0.6); } - row.activatable button.flat { + row.activatable button.flat, row.activatable .selection-mode button.titlebutton, .selection-mode row.activatable button.titlebutton { background-color: transparent; } /********* @@ -2997,13 +3163,17 @@ menu, background: linear-gradient(to bottom, #111524, #0b0d16); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 5px; } - .csd menu, .csd - .menu, .csd - .context-menu { + .csd menu, .csd .menu, .csd .context-menu { border: none; } menu:backdrop, .menu:backdrop, - .context-menu:backdrop { + progressbar:backdrop progress.menu, + progressbar:backdrop trough.menu, + label:backdrop selection.menu, + .context-menu:backdrop, + progressbar:backdrop progress.context-menu, + progressbar:backdrop trough.context-menu, + label:backdrop selection.context-menu { background-color: #131728; } menu menuitem, .menu menuitem, @@ -3021,9 +3191,17 @@ menu, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #676a75; } - menu menuitem:disabled:backdrop, + menu menuitem:disabled:backdrop, menu progressbar:backdrop progress:disabled, progressbar:backdrop menu progress:disabled, menu progressbar:backdrop trough:disabled, progressbar:backdrop menu trough:disabled, .menu menuitem:disabled:backdrop, - .context-menu menuitem:disabled:backdrop { + .menu progressbar:backdrop progress:disabled, + progressbar:backdrop .menu progress:disabled, + .menu progressbar:backdrop trough:disabled, + progressbar:backdrop .menu trough:disabled, + .context-menu menuitem:disabled:backdrop, + .context-menu progressbar:backdrop progress:disabled, + progressbar:backdrop .context-menu progress:disabled, + .context-menu progressbar:backdrop trough:disabled, + progressbar:backdrop .context-menu trough:disabled { color: #272f51; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, @@ -3118,10 +3296,10 @@ menuitem radio { background-color: #020305; } .content-view:hover { -gtk-icon-effect: highlight; } - .content-view:backdrop { + .content-view:backdrop, progressbar:backdrop progress.content-view, progressbar:backdrop trough.content-view, label:backdrop selection.content-view { background-color: #020305; } -.osd .scale-popup button.flat { +.osd .scale-popup button.flat, .osd .scale-popup .selection-mode button.titlebutton, .selection-mode .osd .scale-popup button.titlebutton { border-style: none; border-radius: 5px; } @@ -3139,7 +3317,7 @@ assistant { background-color: #111524; border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom-left-radius: 4px; } - assistant .sidebar:backdrop { + assistant .sidebar:backdrop, assistant progressbar:backdrop progress.sidebar, progressbar:backdrop assistant progress.sidebar, assistant progressbar:backdrop trough.sidebar, progressbar:backdrop assistant trough.sidebar, assistant label:backdrop selection.sidebar, label:backdrop assistant selection.sidebar { background-color: #15192b; border-color: rgba(59, 62, 71, 0.145); } assistant.csd .sidebar { @@ -3278,17 +3456,17 @@ notebook > header { notebook > header tab:backdrop:checked.reorderable-page { border-color: rgba(59, 62, 71, 0.145); background-color: #15192b; } - notebook > header tab button.flat { + notebook > header tab button.flat, notebook > header tab .selection-mode button.titlebutton, .selection-mode notebook > header tab button.titlebutton { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } - notebook > header tab button.flat:hover { + notebook > header tab button.flat:hover, notebook > header tab .selection-mode button.titlebutton:hover, .selection-mode notebook > header tab button.titlebutton:hover { background: transparent; box-shadow: none; color: #FF0000; } - notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + notebook > header tab button.flat, notebook > header tab .selection-mode button.titlebutton, .selection-mode notebook > header tab button.titlebutton, notebook > header tab button.flat:backdrop, notebook > header tab progressbar:backdrop progress.flat, progressbar:backdrop notebook > header tab progress.flat, notebook > header tab progressbar:backdrop trough.flat, progressbar:backdrop notebook > header tab trough.flat { color: alpha(currentColor,0.3); } notebook > header.top tabs, notebook > header.bottom tabs { padding-left: 0px; @@ -3331,7 +3509,7 @@ notebook > header { notebook > stack:not(:only-child) { background-color: #111524; } - notebook > stack:not(:only-child):backdrop { + notebook > stack:not(:only-child):backdrop, progressbar:backdrop notebook > progress:not(:only-child), progressbar:backdrop notebook > trough:not(:only-child) { background-color: #15192b; } /********* @@ -3355,7 +3533,7 @@ paned > separator { background-color: #0E111D; background-image: image(rgba(255, 255, 255, 0.05)), image(rgba(255, 255, 255, 0.05)); background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { + paned > separator.wide:backdrop, progressbar:backdrop paned > progress.wide, progressbar:backdrop paned > trough.wide, label:backdrop paned > selection.wide { background-color: #0E111D; background-image: image(rgba(59, 62, 71, 0.145)), image(rgba(59, 62, 71, 0.145)); } @@ -3421,7 +3599,7 @@ popover.background { box-shadow: 0 4px 6px rgba(255, 255, 255, 0.05); } .csd popover.background, popover.background { border: 1px solid rgba(255, 255, 255, 0.05); } - popover.background:backdrop { + popover.background:backdrop, progressbar:backdrop progress.background, progressbar:backdrop trough.background, label:backdrop selection.background { background-color: #0E111D; box-shadow: none; } popover.background > list, @@ -3473,31 +3651,31 @@ progressbar { /************ * GtkScale * ************/ -progressbar trough, scale trough, scale fill { +scale fill, scale trough, progressbar trough, progressbar:backdrop trough { background-color: rgba(255, 255, 255, 0.14); border: none; border-radius: 3px; margin: 0; } - progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + scale fill:disabled, scale trough:disabled { background-color: rgba(255, 255, 255, 0.06); } - progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + scale fill:backdrop, scale trough:backdrop { background-color: rgba(255, 255, 255, 0.06); transition: 200ms ease-out; } - progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } -progressbar progress, scale highlight { +scale highlight, progressbar progress, progressbar:backdrop progress { border: none; background: linear-gradient(to right, #ff3300, #ffa100); border-radius: 3px; margin: 0; } - progressbar progress:disabled, scale highlight:disabled { + scale highlight:disabled { border: none; background-color: rgba(255, 255, 255, 0.14); } - progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + scale highlight:backdrop { border-color: #ff791a; background-color: #ff791a; } - progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + scale highlight:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } scale { @@ -3523,7 +3701,7 @@ scale { transition-property: background, border, box-shadow; } scale slider:active { background-color: #ff6a00; } - scale slider:active:disabled { + scale slider:active:disabled, scale label:disabled selection:active, label:disabled scale selection:active { background-color: #0f1320; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.fine-tune.horizontal { @@ -3913,7 +4091,7 @@ scale { background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } - scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { + scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal label:backdrop selection:dir(ltr), label:backdrop scale.color.horizontal selection:dir(ltr), scale.color.horizontal progressbar:backdrop trough:dir(ltr), progressbar:backdrop scale.color.horizontal trough:dir(ltr), scale.color.horizontal progressbar:backdrop progress:dir(ltr), progressbar:backdrop scale.color.horizontal progress:dir(ltr), scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal label:disabled selection:dir(ltr), label:disabled scale.color.horizontal selection:dir(ltr), scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal label:backdrop selection:dir(rtl), label:backdrop scale.color.horizontal selection:dir(rtl), scale.color.horizontal progressbar:backdrop trough:dir(rtl), progressbar:backdrop scale.color.horizontal trough:dir(rtl), scale.color.horizontal progressbar:backdrop progress:dir(rtl), progressbar:backdrop scale.color.horizontal progress:dir(rtl), scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal label:disabled selection:dir(rtl), label:disabled scale.color.horizontal selection:dir(rtl), scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } scale.color.vertical:dir(ltr) { @@ -3967,7 +4145,8 @@ scale { scrollbar { background-color: #101320; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { + *, button:link, + button:visited { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } scrollbar.top { @@ -4117,13 +4296,13 @@ treeview ~ scrollbar.vertical { background-color: #06070c; } .sidebar .frame { border: none; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { border-right: none; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(255, 255, 255, 0.05); border-right-style: none; } - .sidebar:backdrop { + .sidebar:backdrop, label:backdrop selection.sidebar, progressbar:backdrop trough.sidebar, progressbar:backdrop progress.sidebar { background-color: #111524; border-color: rgba(59, 62, 71, 0.145); } .sidebar row { @@ -4133,28 +4312,28 @@ treeview ~ scrollbar.vertical { color: rgba(191, 195, 205, 0.8); } .sidebar row:selected { color: #fefefe; } - .sidebar row:selected:backdrop { + .sidebar row:selected:backdrop, .sidebar label:backdrop selection:selected, label:backdrop .sidebar selection:selected, .sidebar progressbar:backdrop trough:selected, progressbar:backdrop .sidebar trough:selected, .sidebar progressbar:backdrop progress:selected, progressbar:backdrop .sidebar progress:selected { color: rgba(254, 254, 254, 0.5); background: rgba(255, 106, 0, 0.6); } - .sidebar row:selected:backdrop label { + .sidebar row:selected:backdrop label, .sidebar label:backdrop selection:selected label, label:backdrop .sidebar selection:selected label, .sidebar progressbar:backdrop trough:selected label, progressbar:backdrop .sidebar trough:selected label, .sidebar progressbar:backdrop progress:selected label, progressbar:backdrop .sidebar progress:selected label { color: #fefefe; } .sidebar row:selected label { color: #fefefe; } .sidebar.source-list { background: #06070c; padding: 4px 0px; } - .sidebar.source-list.view, iconview.sidebar.source-list { + .sidebar.source-list.view, iconview.source-list { transition: all .12s ease-in; } - .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { + .sidebar.source-list.view:selected, iconview.source-list:selected { background-color: #ff6a00; color: #fefefe; } - .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { + .sidebar.source-list.view:selected:active, iconview.source-list:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { + .sidebar.source-list.view:selected.has-open-popup, iconview.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.source-list:selected:hover { background-color: rgba(255, 106, 0, 0.9); } - .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { + .sidebar.source-list.view:selected:backdrop { background-color: rgba(255, 106, 0, 0.6); } - .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { + .sidebar.source-list.view:hover, iconview.source-list:hover, .sidebar.source-list.view iconview.source-list:hover { background-color: rgba(0, 0, 0, 0.13); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; @@ -4200,11 +4379,11 @@ placessidebar.sidebar { background-color: rgba(191, 195, 205, 0.05); } placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon { color: #ffffff; } - placessidebar.sidebar row.sidebar-row:selected:backdrop { + placessidebar.sidebar row.sidebar-row:selected:backdrop, placessidebar.sidebar label:backdrop selection:selected, label:backdrop placessidebar.sidebar selection:selected, placessidebar.sidebar progressbar:backdrop trough:selected, progressbar:backdrop placessidebar.sidebar trough:selected, placessidebar.sidebar progressbar:backdrop progress:selected, progressbar:backdrop placessidebar.sidebar progress:selected { color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(to right, #ff6a00 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } - placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon { + placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, placessidebar.sidebar label:backdrop selection:selected .sidebar-icon, label:backdrop placessidebar.sidebar selection:selected .sidebar-icon, placessidebar.sidebar progressbar:backdrop trough:selected .sidebar-icon, progressbar:backdrop placessidebar.sidebar trough:selected .sidebar-icon, placessidebar.sidebar progressbar:backdrop progress:selected .sidebar-icon, progressbar:backdrop placessidebar.sidebar progress:selected .sidebar-icon { color: rgba(254, 254, 254, 0.5); -gtk-icon-shadow: 0 1px rgba(254, 254, 254, 0.3); } placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { @@ -4212,13 +4391,13 @@ placessidebar.sidebar { color: inherit; } placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: #FFD400; } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled), combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled) { box-shadow: inset 0 1px rgba(124, 183, 255, 0.5), inset 0 -1px rgba(124, 183, 255, 0.5); } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled), combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled) label, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled) image, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled) image { color: rgba(124, 183, 255, 0.5); } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled):selected, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled):selected { background: rgba(124, 183, 255, 0.5); } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled):selected, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled):selected label, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image, placessidebar.sidebar combobox:drop(active) button.sidebar-row.combo:not(:disabled):selected image, combobox:drop(active) placessidebar.sidebar button.sidebar-row.combo:not(:disabled):selected image { color: #fefefe; } placessidebar list { @@ -4273,7 +4452,7 @@ spinbutton:not(.vertical) { box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } - spinbutton:not(.vertical) button:last-child { + spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) combobox.linked button:nth-child(2):dir(ltr), combobox.linked spinbutton:not(.vertical) button:nth-child(2):dir(ltr), spinbutton:not(.vertical) .linked:not(.vertical) > combobox:last-child > box > button.combo, spinbutton:not(.vertical) .linked.vertical > combobox:last-child > box > button.combo { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } @@ -4326,18 +4505,18 @@ spinbutton:not(.vertical) { border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } - .osd spinbutton:not(.vertical) button:last-child { + .osd spinbutton:not(.vertical) button:last-child, .osd spinbutton:not(.vertical) combobox.linked button:nth-child(2):dir(ltr), combobox.linked .osd spinbutton:not(.vertical) button:nth-child(2):dir(ltr), .osd spinbutton:not(.vertical) .linked:not(.vertical) > combobox:last-child > box > button.combo, .osd spinbutton:not(.vertical) .linked.vertical > combobox:last-child > box > button.combo { border-radius: 0 3px 3px 0; } - .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + .osd spinbutton:not(.vertical) button:dir(rtl):first-child, .osd spinbutton:not(.vertical) combobox.linked button:dir(rtl):nth-child(2), combobox.linked .osd spinbutton:not(.vertical) button:dir(rtl):nth-child(2), .osd spinbutton:not(.vertical) .linked:not(.vertical) > combobox:first-child > box > button.combo:dir(rtl), .osd spinbutton:not(.vertical) .linked.vertical > combobox:first-child > box > button.combo:dir(rtl) { border-radius: 3px 0 0 3px; } -spinbutton.vertical:disabled { +spinbutton.vertical:disabled, label:disabled selection.vertical { color: #676a75; } spinbutton.vertical:backdrop:disabled { color: #272f51; } -spinbutton.vertical:drop(active) { +spinbutton.vertical:drop(active), combobox:drop(active) button.vertical.combo { border-color: transparent; box-shadow: none; } @@ -4371,7 +4550,7 @@ spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } -.osd spinbutton.vertical button:first-child { +.osd spinbutton.vertical button:first-child, .osd spinbutton.vertical combobox.linked button:nth-child(2):dir(rtl), combobox.linked .osd spinbutton.vertical button:nth-child(2):dir(rtl), .osd spinbutton.vertical .linked:not(.vertical) > combobox:first-child > box > button.combo, .osd spinbutton.vertical .linked.vertical > combobox:first-child > box > button.combo { color: #fefefe; border-color: rgba(0, 0, 0, 0.15); background-color: rgba(20, 23, 26, 0.8); @@ -4380,7 +4559,7 @@ spinbutton.vertical button.down { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd spinbutton.vertical button:first-child:hover { + .osd spinbutton.vertical button:first-child:hover, .osd spinbutton.vertical combobox.linked button:hover:nth-child(2):dir(rtl), combobox.linked .osd spinbutton.vertical button:hover:nth-child(2):dir(rtl), .osd spinbutton.vertical .linked:not(.vertical) > combobox:first-child > box > button.combo:hover, .osd spinbutton.vertical .linked.vertical > combobox:first-child > box > button.combo:hover { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); @@ -4389,7 +4568,7 @@ spinbutton.vertical button.down { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd spinbutton.vertical button:first-child:active { + .osd spinbutton.vertical button:first-child:active, .osd spinbutton.vertical combobox.linked button:active:nth-child(2):dir(rtl), combobox.linked .osd spinbutton.vertical button:active:nth-child(2):dir(rtl), .osd spinbutton.vertical .linked:not(.vertical) > combobox:first-child > box > button.combo:active, .osd spinbutton.vertical .linked.vertical > combobox:first-child > box > button.combo:active { color: white; border-color: rgba(0, 0, 0, 0.15); background-image: linear-gradient(to right, #ff3300, #ffa100); @@ -4443,7 +4622,7 @@ spinner { spinner:checked { opacity: 1; animation: spin 1s linear infinite; } - spinner:checked:disabled { + spinner:checked:disabled, label:disabled selection:checked { opacity: 0.5; } /********** @@ -4471,9 +4650,9 @@ switch { background: linear-gradient(to right, #ff3300, #ffa100); } switch:active slider, switch:checked slider { background: #fff; } - switch:active:backdrop, switch:checked:backdrop { + switch:active:backdrop, label:backdrop selection:active, progressbar:backdrop trough:active, progressbar:backdrop progress:active, switch:checked:backdrop, label:backdrop selection:checked, progressbar:backdrop trough:checked, progressbar:backdrop progress:checked { background: linear-gradient(to right, #e62e00, #e69100); } - switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + switch:active:backdrop slider:backdrop, label:backdrop selection:active slider:backdrop, progressbar:backdrop trough:active slider:backdrop, progressbar:backdrop progress:active slider:backdrop, switch:checked:backdrop slider:backdrop, label:backdrop selection:checked slider:backdrop, progressbar:backdrop trough:checked slider:backdrop, progressbar:backdrop progress:checked slider:backdrop { box-shadow: none; background-color: rgba(17, 21, 36, 0.9); border: none; } @@ -4491,14 +4670,14 @@ switch { background-color: #111524; } switch trough:active, switch trough:checked { background-color: #ff6a00; } - switch trough:active:backdrop, switch trough:checked:backdrop { + switch trough:active:backdrop, switch label:backdrop selection:active, label:backdrop switch selection:active, switch progressbar:backdrop trough:active, progressbar:backdrop switch trough:active, switch progressbar:backdrop progress:active, progressbar:backdrop switch progress:active, switch trough:checked:backdrop, switch label:backdrop selection:checked, label:backdrop switch selection:checked, switch progressbar:backdrop trough:checked, progressbar:backdrop switch trough:checked, switch progressbar:backdrop progress:checked, progressbar:backdrop switch progress:checked { background-color: rgba(255, 106, 0, 0.6); } /************ * Toolbars * ************/ -toolbar, .primary-toolbar, .inline-toolbar, searchbar, -.location-bar { +searchbar, +.location-bar, .inline-toolbar, toolbar, .primary-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #06070c; } @@ -4545,12 +4724,6 @@ searchbar, border-style: solid; border-color: rgba(255, 255, 255, 0.05); background-color: rgba(17, 20, 31, 0.715); } - .inline-toolbar:backdrop, searchbar:backdrop, - .location-bar:backdrop { - border-color: rgba(59, 62, 71, 0.145); - background-color: rgba(16, 19, 31, 0.70075); - box-shadow: none; - transition: 200ms ease-out; } searchbar { background: #111524; } @@ -4570,7 +4743,8 @@ tooltip { border: 1px solid #15161b; } tooltip decoration { background-color: transparent; } - tooltip * { + tooltip *, tooltip button:link, + tooltip button:visited { padding: 4px; background-color: transparent; color: white; } @@ -4581,7 +4755,8 @@ tooltip { treeview.view { border-left-color: #686c78; border-top-color: #0E111D; } - * { + *, button:link, + button:visited { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; @@ -4681,7 +4856,7 @@ treeview.view { treeview.view header button:active { color: #BFC3CD; transition: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + treeview.view header button:last-child:backdrop, treeview.view header button:last-child, treeview.view header combobox.linked button:nth-child(2):dir(ltr), combobox.linked treeview.view header button:nth-child(2):dir(ltr), treeview.view header .linked:not(.vertical) > combobox:last-child > box > button.combo, treeview.view header .linked.vertical > combobox:last-child > box > button.combo { border-right-style: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; @@ -4704,18 +4879,6 @@ treeview.view header button, treeview.view header button:hover, treeview.view he border-width: 1px; border-style: none solid solid none; border-color: #0E111D; } - treeview.view header button:disabled { - border-color: #0E111D; - background-image: none; } - treeview.view header button:backdrop { - border-color: #0E111D; - border-style: none solid solid none; - color: #3b3e49; - background-image: none; - background-color: #15192b; } - treeview.view header button:backdrop:disabled { - border-color: #0E111D; - background-image: none; } /********************** * Window Decorations * @@ -4733,9 +4896,7 @@ decoration { transition: 200ms ease-out; border: 2px solid #15161b; background: #15161b; } - .maximized decoration, - .fullscreen decoration, - .tiled decoration { + .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; @@ -4780,62 +4941,59 @@ button.titlebutton { background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } button.titlebutton.minimize:hover, button.titlebutton.minimize:active { background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } - button.titlebutton:backdrop { + button.titlebutton:backdrop, label:backdrop selection.titlebutton, progressbar:backdrop trough.titlebutton, progressbar:backdrop progress.titlebutton { -gtk-icon-shadow: none; background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } - button.titlebutton:backdrop:hover, button.titlebutton:backdrop:active { + button.titlebutton:backdrop:hover, label:backdrop selection.titlebutton:hover, progressbar:backdrop trough.titlebutton:hover, progressbar:backdrop progress.titlebutton:hover, button.titlebutton:backdrop:active, label:backdrop selection.titlebutton:active, progressbar:backdrop trough.titlebutton:active, progressbar:backdrop progress.titlebutton:active { background-image: inherit; } headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6); } - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { + headerbar.selection-mode button.titlebutton:backdrop, headerbar.selection-mode label:backdrop selection.titlebutton, label:backdrop headerbar.selection-mode selection.titlebutton, headerbar.selection-mode progressbar:backdrop trough.titlebutton, progressbar:backdrop headerbar.selection-mode trough.titlebutton, headerbar.selection-mode progressbar:backdrop progress.titlebutton, progressbar:backdrop headerbar.selection-mode progress.titlebutton, + .titlebar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode label:backdrop selection.titlebutton, + label:backdrop .titlebar.selection-mode selection.titlebutton, + .titlebar.selection-mode progressbar:backdrop trough.titlebutton, + progressbar:backdrop .titlebar.selection-mode trough.titlebutton, + .titlebar.selection-mode progressbar:backdrop progress.titlebutton, + progressbar:backdrop .titlebar.selection-mode progress.titlebutton { -gtk-icon-shadow: none; } -.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, +.view:selected:focus, .view:selected, +.view text:selected:focus, +textview text:selected:focus, +.view text:selected, +textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, +textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, label:disabled selection, label:backdrop selection, modelbutton.flat:selected, +.menuitem.button.flat:selected, entry selection:focus, -entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { +entry selection, row:selected, +notebook > header > tabs > arrow.button:selected, popover.background checkbutton.flat:selected, +popover.background radiobutton.flat:selected, +popover.background checkbutton.button:selected, +popover.background radiobutton.button:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, +.selection-mode button.button.titlebutton:selected { background-color: #ff6a00; } - 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, + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, + .view text:selected:focus, + textview text:selected:focus, + .view text:selected, + textview text:selected, .view text selection:focus, .view text selection, textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, + textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected, label:disabled selection, label:backdrop selection, modelbutton.flat:selected, + .menuitem.button.flat:selected, entry selection:focus, - entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { + entry selection, row:selected, + notebook > header > tabs > arrow.button:selected, popover.background checkbutton.flat:selected, + popover.background radiobutton.flat:selected, + popover.background checkbutton.button:selected, + popover.background radiobutton.button:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, + .selection-mode button.button.titlebutton:selected { color: #fefefe; font-weight: normal; } - 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, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled:focus, spinbutton:not(.vertical) selection:disabled, - entry selection:disabled, row:disabled:selected { - color: #ffb47f; } - 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, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, - entry selection:backdrop, row:backdrop:selected { - color: rgba(254, 254, 254, 0.5); } - 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, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, - entry selection:backdrop:disabled, row:backdrop:disabled:selected { - color: rgba(255, 125, 32, 0.85); } .monospace { font-family: Monospace; } @@ -4848,7 +5006,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec *********/ .budgie-container { background-color: transparent; } - .budgie-container:backdrop { + .budgie-container:backdrop, label:backdrop selection.budgie-container, progressbar:backdrop trough.budgie-container, progressbar:backdrop progress.budgie-container { background-color: transparent; } .budgie-container popover list, .budgie-container popover row { @@ -4943,9 +5101,9 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec background: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } .budgie-menu .category-button:checked:hover { color: rgba(254, 254, 254, 0.9); } - .budgie-menu .category-button:checked:disabled { + .budgie-menu .category-button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { opacity: 0.5; } - .budgie-menu .category-button:checked:disabled label { + .budgie-menu .category-button:checked:disabled label, .budgie-menu label:disabled selection:checked label, label:disabled .budgie-menu selection:checked label { color: rgba(254, 254, 254, 0.7); } .budgie-menu scrollbar { background-color: transparent; @@ -4973,12 +5131,12 @@ button.budgie-menu-launcher { color: white; } button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { color: white; } - button.budgie-menu-launcher:backdrop { + button.budgie-menu-launcher:backdrop, label:backdrop selection.budgie-menu-launcher, progressbar:backdrop trough.budgie-menu-launcher, progressbar:backdrop progress.budgie-menu-launcher { color: white; background-color: transparent; } - button.budgie-menu-launcher:backdrop:hover { + button.budgie-menu-launcher:backdrop:hover, label:backdrop selection.budgie-menu-launcher:hover, progressbar:backdrop trough.budgie-menu-launcher:hover, progressbar:backdrop progress.budgie-menu-launcher:hover { color: white; } - button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + button.budgie-menu-launcher:backdrop:active, label:backdrop selection.budgie-menu-launcher:active, progressbar:backdrop trough.budgie-menu-launcher:active, progressbar:backdrop progress.budgie-menu-launcher:active, button.budgie-menu-launcher:backdrop:checked, label:backdrop selection.budgie-menu-launcher:checked, progressbar:backdrop trough.budgie-menu-launcher:checked, progressbar:backdrop progress.budgie-menu-launcher:checked { color: #ff6a00; box-shadow: none; background-color: #111423; } @@ -4991,36 +5149,36 @@ button.budgie-menu-launcher { .user-menu button { margin: 5px; } -.user-menu > box.vertical row.activatable:first-child .indicator-item, +.user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); background-color: #ff6a00; transition-duration: 0.2s; } - .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(ltr), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(ltr), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item:dir(ltr), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { padding-left: 7px; background-position: left center; background-repeat: no-repeat; background-size: 38px auto; } - .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), + .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(rtl), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(rtl), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item:dir(rtl), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item:dir(rtl), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(rtl) { padding-right: 7px; background-position: right center; background-repeat: no-repeat; background-size: 38px auto; } - .user-menu > box.vertical row.activatable:first-child .indicator-item label, + .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item label, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item label, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item label, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item label, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { color: #fefefe; } - .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(ltr), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(ltr), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(ltr), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { padding-left: 5px; } - .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), + .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(rtl), .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(rtl), combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item label:dir(rtl), .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(rtl), .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item label:dir(rtl), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(rtl) { padding-right: 5px; } - .user-menu > box.vertical row.activatable:first-child .indicator-item image, + .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item image, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item image, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item image, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item image, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { color: #fefefe; } - .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, + .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > box.vertical combobox.linked button.activatable:nth-child(2):dir(rtl) .indicator-item image:first-child, combobox.linked .user-menu > box.vertical button.activatable:nth-child(2):dir(rtl) .indicator-item image:first-child, .user-menu > box.vertical .linked:not(.vertical) > combobox:first-child > box > button.activatable.combo .indicator-item image:first-child, .user-menu > box.vertical .linked.vertical > combobox:first-child > box > button.activatable.combo .indicator-item image:first-child, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { min-width: 24px; min-height: 20px; } @@ -5037,11 +5195,11 @@ button.raven-trigger { box-shadow: none; background-color: transparent; color: #ff6a00; } - button.raven-trigger:backdrop { + button.raven-trigger:backdrop, label:backdrop selection.raven-trigger, progressbar:backdrop trough.raven-trigger, progressbar:backdrop progress.raven-trigger { color: white; } - button.raven-trigger:backdrop:hover { + button.raven-trigger:backdrop:hover, label:backdrop selection.raven-trigger:hover, progressbar:backdrop trough.raven-trigger:hover, progressbar:backdrop progress.raven-trigger:hover { color: white; } - button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + button.raven-trigger:backdrop:active, label:backdrop selection.raven-trigger:active, progressbar:backdrop trough.raven-trigger:active, progressbar:backdrop progress.raven-trigger:active, button.raven-trigger:backdrop:checked, label:backdrop selection.raven-trigger:checked, progressbar:backdrop trough.raven-trigger:checked, progressbar:backdrop progress.raven-trigger:checked { box-shadow: none; color: #ff6a00; background-color: transparent; } @@ -5125,7 +5283,7 @@ button.raven-trigger { transition: all 150ms ease-in; } .budgie-panel .alert { color: #FF0000; } - .budgie-panel:backdrop { + .budgie-panel:backdrop, label:backdrop selection.budgie-panel, progressbar:backdrop trough.budgie-panel, progressbar:backdrop progress.budgie-panel { color: white; background-color: rgba(0, 0, 0, 0.95); } .budgie-panel button { @@ -5194,7 +5352,8 @@ button.raven-trigger { box-shadow: none; } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, -.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { padding-bottom: 2px; border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running) { @@ -5205,15 +5364,19 @@ button.raven-trigger { .top .budgie-panel .pinned button.flat.launcher.running { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, - .top .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .top button.flat.launcher.running:hover { + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { border-top: 2px solid rgba(255, 255, 255, 0.25); } .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, - .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, - .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { border-top: 2px solid #ff6a00; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, -.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { padding-top: 2px; border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { @@ -5224,15 +5387,19 @@ button.raven-trigger { .bottom .budgie-panel .pinned button.flat.launcher.running { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, - .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { border-bottom: 2px solid rgba(255, 255, 255, 0.25); } .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, - .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, - .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { border-bottom: 2px solid #ff6a00; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, -.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { padding-right: 2px; border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running) { @@ -5243,15 +5410,19 @@ button.raven-trigger { .left .budgie-panel .pinned button.flat.launcher.running { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, - .left .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .left button.flat.launcher.running:hover { + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { border-left: 2px solid rgba(255, 255, 255, 0.25); } .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, - .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, - .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { border-left: 2px solid #ff6a00; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, -.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { padding-left: 2px; border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running) { @@ -5262,11 +5433,14 @@ button.raven-trigger { .right .budgie-panel .pinned button.flat.launcher.running { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, - .right .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .right button.flat.launcher.running:hover { + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { border-right: 2px solid rgba(255, 255, 255, 0.25); } .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, - .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, - .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { border-right: 2px solid #ff6a00; } .top .budgie-panel { @@ -5335,8 +5509,9 @@ button.raven-trigger { color: #BFC3CD; border: solid rgba(0, 0, 0, 0.95); border-width: 1px 0; - background-color: rgba(8, 8, 8, 0.45); } - .raven .raven-header * { + background-color: rgba(5, 6, 10, 0.45); } + .raven .raven-header *, .raven .raven-header button:link, + .raven .raven-header button:visited { padding-top: 0; padding-bottom: 0; } .raven .raven-header.top { @@ -5397,7 +5572,7 @@ button.raven-trigger { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { - background-color: rgba(38, 38, 38, 0.25); } + background-color: rgba(26, 30, 51, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(255, 106, 0, 0.9); } @@ -5427,17 +5602,17 @@ button.raven-trigger { .raven .powerstrip button.image-button:active { background: #c74ded; color: #fefefe; } - .raven .powerstrip button.image-button:first-child { + .raven .powerstrip button.image-button:first-child, .raven .powerstrip combobox.linked button.image-button:nth-child(2):dir(rtl), combobox.linked .raven .powerstrip button.image-button:nth-child(2):dir(rtl), .raven .powerstrip .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo, .raven .powerstrip .linked.vertical > combobox:first-child > box > button.image-button.combo { background: linear-gradient(to right, #e87e33 0%, #ff6a00 100%); } - .raven .powerstrip button.image-button:first-child:hover { + .raven .powerstrip button.image-button:first-child:hover, .raven .powerstrip combobox.linked button.image-button:hover:nth-child(2):dir(rtl), combobox.linked .raven .powerstrip button.image-button:hover:nth-child(2):dir(rtl), .raven .powerstrip .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo:hover, .raven .powerstrip .linked.vertical > combobox:first-child > box > button.image-button.combo:hover { background: rgba(255, 106, 0, 0.85); } - .raven .powerstrip button.image-button:first-child:active { + .raven .powerstrip button.image-button:first-child:active, .raven .powerstrip combobox.linked button.image-button:active:nth-child(2):dir(rtl), combobox.linked .raven .powerstrip button.image-button:active:nth-child(2):dir(rtl), .raven .powerstrip .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo:active, .raven .powerstrip .linked.vertical > combobox:first-child > box > button.image-button.combo:active { background: #ff6a00; } - .raven .powerstrip button.image-button:last-child { + .raven .powerstrip button.image-button:last-child, .raven .powerstrip combobox.linked button.image-button:nth-child(2):dir(ltr), combobox.linked .raven .powerstrip button.image-button:nth-child(2):dir(ltr), .raven .powerstrip .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo, .raven .powerstrip .linked.vertical > combobox:last-child > box > button.image-button.combo { background: linear-gradient(to right, #FF416C, #FF4B2B); } - .raven .powerstrip button.image-button:last-child:hover { + .raven .powerstrip button.image-button:last-child:hover, .raven .powerstrip combobox.linked button.image-button:hover:nth-child(2):dir(ltr), combobox.linked .raven .powerstrip button.image-button:hover:nth-child(2):dir(ltr), .raven .powerstrip .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo:hover, .raven .powerstrip .linked.vertical > combobox:last-child > box > button.image-button.combo:hover { background: rgba(255, 0, 0, 0.85); } - .raven .powerstrip button.image-button:last-child:active { + .raven .powerstrip button.image-button:last-child:active, .raven .powerstrip combobox.linked button.image-button:active:nth-child(2):dir(ltr), combobox.linked .raven .powerstrip button.image-button:active:nth-child(2):dir(ltr), .raven .powerstrip .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo:active, .raven .powerstrip .linked.vertical > combobox:last-child > box > button.image-button.combo:active { background: #FF0000; } .raven .option-subtitle { font-size: 13px; } @@ -5453,7 +5628,7 @@ calendar.raven-calendar { background: transparent; color: #eb6200; font-weight: bold; } - calendar.raven-calendar:backdrop { + calendar.raven-calendar:backdrop, label:backdrop selection.raven-calendar, progressbar:backdrop trough.raven-calendar, progressbar:backdrop progress.raven-calendar { background-color: transparent; } calendar.raven-calendar.header { color: #BFC3CD; @@ -5481,50 +5656,50 @@ calendar.raven-calendar { background-color: #ff6a00; } .raven-mpris button.image-button:active { background-color: #e65f00; } - .raven-mpris button.image-button:first-child { + .raven-mpris button.image-button:first-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(rtl), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(rtl), .raven-mpris .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:first-child > box > button.image-button.combo { margin-right: 4px; } - .raven-mpris button.image-button:last-child { + .raven-mpris button.image-button:last-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(ltr), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(ltr), .raven-mpris .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:last-child > box > button.image-button.combo { margin-left: 4px; } - .raven-mpris button.image-button:last-child, .raven-mpris button.image-button:first-child { + .raven-mpris button.image-button:last-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(ltr), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(ltr), .raven-mpris .linked:not(.vertical) > combobox:last-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:last-child > box > button.image-button.combo, .raven-mpris button.image-button:first-child, .raven-mpris combobox.linked button.image-button:nth-child(2):dir(rtl), combobox.linked .raven-mpris button.image-button:nth-child(2):dir(rtl), .raven-mpris .linked:not(.vertical) > combobox:first-child > box > button.image-button.combo, .raven-mpris .linked.vertical > combobox:first-child > box > button.image-button.combo { padding: 4px; margin-top: 6px; margin-bottom: 6px; } -.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { +.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window { background: none; border-radius: 1px; } - .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { + .budgie-notification-window button, .budgie-switcher-window button, .budgie-osd-window button { background-color: #ff6a00; color: #fefefe; border: none; } - .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + .budgie-notification-window button:hover, .budgie-switcher-window button:hover, .budgie-osd-window button:hover { background-color: #e65f00; border: none; } - .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { + .budgie-notification-window button:active, .budgie-switcher-window button:active, .budgie-osd-window button:active, .budgie-notification-window button:checked, .budgie-switcher-window button:checked, .budgie-osd-window button:checked { background-color: #e65f00; } -.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { +.budgie-notification.background, .background.budgie-switcher, .background.budgie-osd { border-radius: 1px; } -.budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { +.budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-osd .notification-title { font-size: 110%; color: #BFC3CD; } -.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { +.budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-osd .notification-body { color: rgba(191, 195, 205, 0.7); } -.budgie-notification button, .budgie-osd button, .budgie-switcher button { +.budgie-notification button, .budgie-switcher button, .budgie-osd button { background-color: transparent; color: #fefefe; } - .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + .budgie-notification button:hover, .budgie-switcher button:hover, .budgie-osd button:hover { background-color: transparent; color: #FF0000; box-shadow: none; } - .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { + .budgie-notification button:active, .budgie-switcher button:active, .budgie-osd button:active, .budgie-notification button:checked, .budgie-switcher button:checked, .budgie-osd button:checked { background-color: transparent; color: #e60000; } -.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { +.drop-shadow, .budgie-session-dialog.background, .background.budgie-run-dialog, .background.budgie-polkit-dialog { color: #BFC3CD; background-color: rgba(14, 17, 29, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); @@ -5548,20 +5723,20 @@ calendar.raven-calendar { color: #fefefe; } .budgie-switcher-window flowboxchild:selected:hover { background-color: #e65f00; } - .budgie-switcher-window flowboxchild:selected:disabled { + .budgie-switcher-window flowboxchild:selected:disabled, .budgie-switcher-window label:disabled selection:selected, label:disabled .budgie-switcher-window selection:selected { color: rgba(254, 254, 254, 0.7); background-color: rgba(255, 106, 0, 0.7); } - .budgie-switcher-window flowboxchild:selected:disabled label { + .budgie-switcher-window flowboxchild:selected:disabled label, .budgie-switcher-window label:disabled selection:selected label, label:disabled .budgie-switcher-window selection:selected label { color: rgba(254, 254, 254, 0.7); } -.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { +.budgie-session-dialog, .budgie-run-dialog, .budgie-polkit-dialog { color: #BFC3CD; background-color: rgba(0, 0, 0, 0.95); } - .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + .budgie-session-dialog label:backdrop, .budgie-run-dialog label:backdrop, .budgie-polkit-dialog label:backdrop { color: rgba(191, 195, 205, 0.8); } - .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + .budgie-session-dialog .dialog-title, .budgie-run-dialog .dialog-title, .budgie-polkit-dialog .dialog-title { font-size: 120%; } - .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + .budgie-session-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button { margin-bottom: 0; min-height: 32px; border-bottom: none; @@ -5570,36 +5745,36 @@ calendar.raven-calendar { color: #fff; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } - .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + .budgie-session-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label { font-weight: 700; } - .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-session-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(rtl), .budgie-run-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(rtl), .budgie-polkit-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(rtl), combobox.linked .budgie-session-dialog .linked.horizontal > button:nth-child(2):dir(rtl), combobox.linked .budgie-run-dialog .linked.horizontal > button:nth-child(2):dir(rtl), combobox.linked .budgie-polkit-dialog .linked.horizontal > button:nth-child(2):dir(rtl), .budgie-session-dialog .linked:not(.vertical) > combobox:first-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked:not(.vertical) > combobox:first-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked:not(.vertical) > combobox:first-child > box.linked.horizontal > button.combo, .budgie-session-dialog .linked.vertical > combobox:first-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked.vertical > combobox:first-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked.vertical > combobox:first-child > box.linked.horizontal > button.combo { border-left: none; border-bottom-left-radius: 2px; } - .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-session-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(ltr), .budgie-run-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(ltr), .budgie-polkit-dialog combobox.linked .linked.horizontal > button:nth-child(2):dir(ltr), combobox.linked .budgie-session-dialog .linked.horizontal > button:nth-child(2):dir(ltr), combobox.linked .budgie-run-dialog .linked.horizontal > button:nth-child(2):dir(ltr), combobox.linked .budgie-polkit-dialog .linked.horizontal > button:nth-child(2):dir(ltr), .budgie-session-dialog .linked:not(.vertical) > combobox:last-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked:not(.vertical) > combobox:last-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked:not(.vertical) > combobox:last-child > box.linked.horizontal > button.combo, .budgie-session-dialog .linked.vertical > combobox:last-child > box.linked.horizontal > button.combo, .budgie-run-dialog .linked.vertical > combobox:last-child > box.linked.horizontal > button.combo, .budgie-polkit-dialog .linked.vertical > combobox:last-child > box.linked.horizontal > button.combo { border-right: none; border-bottom-right-radius: 2px; } - .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover { background-color: rgba(255, 106, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { + .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-session-dialog label:backdrop .linked.horizontal > selection:hover label, .budgie-run-dialog label:backdrop .linked.horizontal > selection:hover label, .budgie-polkit-dialog label:backdrop .linked.horizontal > selection:hover label, label:backdrop .budgie-session-dialog .linked.horizontal > selection:hover label, label:backdrop .budgie-run-dialog .linked.horizontal > selection:hover label, label:backdrop .budgie-polkit-dialog .linked.horizontal > selection:hover label, .budgie-session-dialog progressbar:backdrop .linked.horizontal > trough:hover label, .budgie-run-dialog progressbar:backdrop .linked.horizontal > trough:hover label, .budgie-polkit-dialog progressbar:backdrop .linked.horizontal > trough:hover label, progressbar:backdrop .budgie-session-dialog .linked.horizontal > trough:hover label, progressbar:backdrop .budgie-run-dialog .linked.horizontal > trough:hover label, progressbar:backdrop .budgie-polkit-dialog .linked.horizontal > trough:hover label, .budgie-session-dialog progressbar:backdrop .linked.horizontal > progress:hover label, .budgie-run-dialog progressbar:backdrop .linked.horizontal > progress:hover label, .budgie-polkit-dialog progressbar:backdrop .linked.horizontal > progress:hover label, progressbar:backdrop .budgie-session-dialog .linked.horizontal > progress:hover label, progressbar:backdrop .budgie-run-dialog .linked.horizontal > progress:hover label, progressbar:backdrop .budgie-polkit-dialog .linked.horizontal > progress:hover label { color: rgba(255, 255, 255, 0.5); } - .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { + .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-session-dialog .selection-mode .linked.horizontal > button.titlebutton, .budgie-run-dialog .selection-mode .linked.horizontal > button.titlebutton, .budgie-polkit-dialog .selection-mode .linked.horizontal > button.titlebutton, .selection-mode .budgie-session-dialog .linked.horizontal > button.titlebutton, .selection-mode .budgie-run-dialog .linked.horizontal > button.titlebutton, .selection-mode .budgie-polkit-dialog .linked.horizontal > button.titlebutton { background-color: rgba(204, 85, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { + .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-session-dialog .selection-mode .linked.horizontal > button.titlebutton:hover, .budgie-run-dialog .selection-mode .linked.horizontal > button.titlebutton:hover, .budgie-polkit-dialog .selection-mode .linked.horizontal > button.titlebutton:hover, .selection-mode .budgie-session-dialog .linked.horizontal > button.titlebutton:hover, .selection-mode .budgie-run-dialog .linked.horizontal > button.titlebutton:hover, .selection-mode .budgie-polkit-dialog .linked.horizontal > button.titlebutton:hover { background-color: rgba(230, 95, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { + .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .selection-mode .linked.horizontal > button.titlebutton:active, .budgie-run-dialog .selection-mode .linked.horizontal > button.titlebutton:active, .budgie-polkit-dialog .selection-mode .linked.horizontal > button.titlebutton:active, .selection-mode .budgie-session-dialog .linked.horizontal > button.titlebutton:active, .selection-mode .budgie-run-dialog .linked.horizontal > button.titlebutton:active, .selection-mode .budgie-polkit-dialog .linked.horizontal > button.titlebutton:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-session-dialog .selection-mode .linked.horizontal > button.titlebutton:checked, .budgie-run-dialog .selection-mode .linked.horizontal > button.titlebutton:checked, .budgie-polkit-dialog .selection-mode .linked.horizontal > button.titlebutton:checked, .selection-mode .budgie-session-dialog .linked.horizontal > button.titlebutton:checked, .selection-mode .budgie-run-dialog .linked.horizontal > button.titlebutton:checked, .selection-mode .budgie-polkit-dialog .linked.horizontal > button.titlebutton:checked { background-color: rgba(230, 95, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { + .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action { background-color: rgba(204, 0, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { + .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover { background-color: rgba(230, 0, 0, 0.9); } - .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { + .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked { background-color: rgba(230, 0, 0, 0.9); } - .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + .budgie-session-dialog entry, .budgie-run-dialog entry, .budgie-polkit-dialog entry { background-color: #505359; color: #BFC3CD; } - .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { + .budgie-session-dialog entry:focus, .budgie-run-dialog entry:focus, .budgie-polkit-dialog entry:focus { background-color: #505359; } - .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { + .budgie-session-dialog entry:backdrop, .budgie-run-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop { background-color: #505359; } .budgie-polkit-dialog .message { @@ -5622,8 +5797,9 @@ calendar.raven-calendar { padding-left: 12px; padding-right: 8px; } -.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle, -.budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle { +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle { opacity: 1; } .budgie-run-dialog scrolledwindow { @@ -5661,40 +5837,25 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .workspace-switcher .workspace-layout { border: 0 solid rgba(0, 0, 0, 0.95); } - .top .workspace-switcher .workspace-layout:dir(ltr), - .bottom .workspace-switcher .workspace-layout:dir(ltr) { + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } - .top .workspace-switcher .workspace-layout:dir(rtl), - .bottom .workspace-switcher .workspace-layout:dir(rtl) { + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } - .left .workspace-switcher .workspace-layout, - .right .workspace-switcher .workspace-layout { + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(26, 26, 26, 0.95); } - .top .workspace-switcher .workspace-item:dir(ltr), - .bottom .workspace-switcher .workspace-item:dir(ltr), .top - .workspace-switcher .workspace-add-button:dir(ltr), - .bottom - .workspace-switcher .workspace-add-button:dir(ltr) { + border: 0 solid rgba(17, 20, 34, 0.95); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } - .top .workspace-switcher .workspace-item:dir(rtl), - .bottom .workspace-switcher .workspace-item:dir(rtl), .top - .workspace-switcher .workspace-add-button:dir(rtl), - .bottom - .workspace-switcher .workspace-add-button:dir(rtl) { + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } - .left .workspace-switcher .workspace-item, - .right .workspace-switcher .workspace-item, .left - .workspace-switcher .workspace-add-button, - .right - .workspace-switcher .workspace-add-button { + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(13, 13, 13, 0.95); } + background-color: rgba(9, 10, 17, 0.95); } .workspace-switcher .workspace-add-button { border: none; @@ -5716,10 +5877,12 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled /************ * Nautilus * ************/ -.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { +.nautilus-window .frame *:selected, .nautilus-window .frame button:selected:link, +.nautilus-window .frame button:selected:visited, .nautilus-window .frame *:selected:backdrop { background: transparent; color: #ff6a00; } - .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { + .nautilus-window .frame *:selected label, .nautilus-window .frame button:selected:link label, + .nautilus-window .frame button:selected:visited label, .nautilus-window .frame *:selected:backdrop label { color: #ff6a00; } .nautilus-window paned > separator { @@ -5727,7 +5890,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .sidebar { background-color: transparent; } - .nautilus-window .sidebar:backdrop { + .nautilus-window .sidebar:backdrop, .nautilus-window label:backdrop selection.sidebar, label:backdrop .nautilus-window selection.sidebar, .nautilus-window progressbar:backdrop trough.sidebar, progressbar:backdrop .nautilus-window trough.sidebar, .nautilus-window progressbar:backdrop progress.sidebar, progressbar:backdrop .nautilus-window progress.sidebar { background-color: transparent; } .nautilus-window .sidebar .list-row button { border: none; @@ -5745,7 +5908,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window.background { background-color: rgba(12, 15, 26, 0.95); } - .nautilus-window.background:backdrop { + .nautilus-window.background:backdrop, label:backdrop selection.background, progressbar:backdrop trough.background, progressbar:backdrop progress.background { background-color: rgba(12, 15, 26, 0.95); } .nautilus-window notebook > stack:only-child { @@ -5769,7 +5932,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box .dim-label, .nautilus-window .titlebar .path-bar-box label.separator, .nautilus-window .titlebar .path-bar-box .subtitle { color: transparent; } -.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child, +.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child, .nautilus-window .titlebar .path-bar-box combobox.linked widget > button.text-button:nth-child(2):dir(ltr), combobox.linked .nautilus-window .titlebar .path-bar-box widget > button.text-button:nth-child(2):dir(ltr), .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { @@ -5783,10 +5946,22 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked:backdrop label, .nautilus-window .titlebar .path-bar-box button:active:backdrop, - .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label { + .nautilus-window .titlebar .path-bar-box label:backdrop selection:active, + label:backdrop .nautilus-window .titlebar .path-bar-box selection:active, + .nautilus-window .titlebar .path-bar-box progressbar:backdrop trough:active, + progressbar:backdrop .nautilus-window .titlebar .path-bar-box trough:active, + .nautilus-window .titlebar .path-bar-box progressbar:backdrop progress:active, + progressbar:backdrop .nautilus-window .titlebar .path-bar-box progress:active, + .nautilus-window .titlebar .path-bar-box button:active:backdrop label, + .nautilus-window .titlebar .path-bar-box label:backdrop selection:active label, + label:backdrop .nautilus-window .titlebar .path-bar-box selection:active label, + .nautilus-window .titlebar .path-bar-box progressbar:backdrop trough:active label, + progressbar:backdrop .nautilus-window .titlebar .path-bar-box trough:active label, + .nautilus-window .titlebar .path-bar-box progressbar:backdrop progress:active label, + progressbar:backdrop .nautilus-window .titlebar .path-bar-box progress:active label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box label:backdrop selection:checked, label:backdrop .nautilus-window .titlebar .path-bar-box selection:checked, .nautilus-window .titlebar .path-bar-box progressbar:backdrop trough:checked, progressbar:backdrop .nautilus-window .titlebar .path-bar-box trough:checked, .nautilus-window .titlebar .path-bar-box progressbar:backdrop progress:checked, progressbar:backdrop .nautilus-window .titlebar .path-bar-box progress:checked, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label, .nautilus-window .titlebar .path-bar-box label:backdrop selection:checked label, label:backdrop .nautilus-window .titlebar .path-bar-box selection:checked label, .nautilus-window .titlebar .path-bar-box progressbar:backdrop trough:checked label, progressbar:backdrop .nautilus-window .titlebar .path-bar-box trough:checked label, .nautilus-window .titlebar .path-bar-box progressbar:backdrop progress:checked label, progressbar:backdrop .nautilus-window .titlebar .path-bar-box progress:checked label { color: whitesmoke; } -.nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop { +.nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) label:backdrop selection:active, label:backdrop .nautilus-window .titlebar .linked:not(.path-bar) selection:active, .nautilus-window .titlebar .linked:not(.path-bar) progressbar:backdrop trough:active, progressbar:backdrop .nautilus-window .titlebar .linked:not(.path-bar) trough:active, .nautilus-window .titlebar .linked:not(.path-bar) progressbar:backdrop progress:active, progressbar:backdrop .nautilus-window .titlebar .linked:not(.path-bar) progress:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) label:backdrop selection:checked, label:backdrop .nautilus-window .titlebar .linked:not(.path-bar) selection:checked, .nautilus-window .titlebar .linked:not(.path-bar) progressbar:backdrop trough:checked, progressbar:backdrop .nautilus-window .titlebar .linked:not(.path-bar) trough:checked, .nautilus-window .titlebar .linked:not(.path-bar) progressbar:backdrop progress:checked, progressbar:backdrop .nautilus-window .titlebar .linked:not(.path-bar) progress:checked { background: transparent; color: #ff6a00; box-shadow: none; @@ -5829,11 +6004,13 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-desktop .nautilus-canvas-item:selected { color: #fefefe; text-shadow: none; } - .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { color: #fefefe; } - .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected { color: #fefefe; } /********* @@ -5988,12 +6165,30 @@ wnck-pager { color: #BFC3CD; } #whiskermenu-window treeview:hover { background-color: rgba(255, 106, 0, 0.4); - color: #fefefe; } + color: #fefefe; + border-radius: 0.4em; } #whiskermenu-window treeview:selected { + -gtk-icon-effect: highlight; background-color: #ff6a00; color: #fefefe; outline-color: rgba(255, 255, 255, 0.05); } +#whiskermenu-window iconview { + background-color: transparent; + color: #BFC3CD; } + #whiskermenu-window iconview:hover { + border-radius: 0.4em; + background-color: rgba(255, 255, 255, 0.05); + border: 2px solid rgba(255, 255, 255, 0.05); + -gtk-icon-effect: highlight; } + #whiskermenu-window iconview:selected { + background-color: rgba(255, 255, 255, 0.05); + color: #fefefe; + outline-color: rgba(255, 255, 255, 0.05); + border-radius: 0.4em; + -gtk-icon-effect: highlight; + border: 2px solid rgba(255, 106, 0, 0.4); } + /********** * thunar * **********/ @@ -6021,7 +6216,7 @@ wnck-pager { background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } - .thunar toolbar button:selected:backdrop, .thunar toolbar button:active:backdrop, .thunar toolbar button:checked:backdrop { + .thunar toolbar button:selected:backdrop, .thunar toolbar label:backdrop selection:selected, label:backdrop .thunar toolbar selection:selected, .thunar toolbar progressbar:backdrop trough:selected, progressbar:backdrop .thunar toolbar trough:selected, .thunar toolbar progressbar:backdrop progress:selected, progressbar:backdrop .thunar toolbar progress:selected, .thunar toolbar button:active:backdrop, .thunar toolbar label:backdrop selection:active, label:backdrop .thunar toolbar selection:active, .thunar toolbar progressbar:backdrop trough:active, progressbar:backdrop .thunar toolbar trough:active, .thunar toolbar progressbar:backdrop progress:active, progressbar:backdrop .thunar toolbar progress:active, .thunar toolbar button:checked:backdrop, .thunar toolbar label:backdrop selection:checked, label:backdrop .thunar toolbar selection:checked, .thunar toolbar progressbar:backdrop trough:checked, progressbar:backdrop .thunar toolbar trough:checked, .thunar toolbar progressbar:backdrop progress:checked, progressbar:backdrop .thunar toolbar progress:checked { border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); @@ -6092,7 +6287,8 @@ window.thunar statusbar { background: #06070c; } .thunar :not(decoration):not(window):drop(active):focus, -:not(decoration):not(window):drop(active) { +:not(decoration):not(window):drop(active), +combobox:drop(active) button.combo:not(window) { border-color: rgba(124, 183, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(124, 183, 255, 0.5); caret-color: rgba(124, 183, 255, 0.5); } @@ -6297,7 +6493,7 @@ LibraryWindow .the-button-in-the-combobox { /************ * Level bar * *************/ -.source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, iconview.source-list.level-bar:selected, .source-list.view.level-bar:selected:focus, iconview.source-list.level-bar:selected:focus { +.source-list.view.level-bar, iconview.source-list.level-bar, .source-list.view.level-bar:selected, .source-list.view.level-bar:selected:focus { background: linear-gradient(#272f51, #272f51); border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); @@ -6305,7 +6501,7 @@ LibraryWindow .the-button-in-the-combobox { .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block { border: none; } - .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus { + .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus { background: linear-gradient(to right, #ff3300, #ffa100); } /************************** @@ -6347,67 +6543,43 @@ radiobutton.color-button:active > radio { color: #111524; -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); } -.color-button.red check, -.color-button.red radio, -.color-button.strawberry check, -.color-button.strawberry radio { +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { background-color: @STRAWBERRY_300; -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } -.color-button.orange check, -.color-button.orange radio { +.color-button.orange check, .color-button.orange radio { background-color: @ORANGE_300; -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } -.color-button.yellow check, -.color-button.yellow radio, -.color-button.banana check, -.color-button.banana radio { +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { background-color: @BANANA_500; -gtk-icon-shadow: 0 1px 1px @BANANA_700; } -.color-button.green check, -.color-button.green radio, -.color-button.lime check, -.color-button.lime radio { +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { background-color: @LIME_500; -gtk-icon-shadow: 0 1px 1px @LIME_700; } -.color-button.blue check, -.color-button.blue radio, -.color-button.blueberry check, -.color-button.blueberry radio { +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { background-color: @BLUEBERRY_500; -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } -.color-button.purple check, -.color-button.purple radio, -.color-button.grape check, -.color-button.grape radio { +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { background-color: @GRAPE_500; -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } -.color-button.brown check, -.color-button.brown radio, -.color-button.cocoa check, -.color-button.cocoa radio { +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { background-color: @COCOA_300; -gtk-icon-shadow: 0 1px 1px @COCOA_500; } -.color-button.mint check, -.color-button.mint radio { +.color-button.mint check, .color-button.mint radio { background-color: @MINT_500; -gtk-icon-shadow: 0 1px 1px @MINT_700; } -.color-button.pink check, -.color-button.pink radio, -.color-button.bubblegum check, -.color-button.bubblegum radio { +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { background-color: @BUBBLEGUM_500; -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } -.color-button.slate check, -.color-button.slate radio { +.color-button.slate check, .color-button.slate radio { background-color: @SLATE_300; -gtk-icon-shadow: 0 1px 1px @SLATE_500; } @@ -6466,13 +6638,13 @@ UnityDecoration { background-color: #eeeeee; color: #31363D; border-top: 1px solid rgba(255, 255, 255, 0.1); } - UnityDecoration .top:backdrop { + UnityDecoration .top:backdrop, UnityDecoration label:backdrop selection.top, label:backdrop UnityDecoration selection.top, UnityDecoration progressbar:backdrop trough.top, progressbar:backdrop UnityDecoration trough.top, UnityDecoration progressbar:backdrop progress.top, progressbar:backdrop UnityDecoration progress.top { border-bottom-width: 0; color: #1a1d21; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top .menuitem { color: #31363D; } - UnityDecoration .top .menuitem:backdrop { + UnityDecoration .top .menuitem:backdrop, UnityDecoration .top label:backdrop selection.menuitem, label:backdrop UnityDecoration .top selection.menuitem, UnityDecoration .top progressbar:backdrop trough.menuitem, progressbar:backdrop UnityDecoration .top trough.menuitem, UnityDecoration .top progressbar:backdrop progress.menuitem, progressbar:backdrop UnityDecoration .top progress.menuitem { color: #1a1d21; } UnityDecoration.left, @@ -6488,9 +6660,15 @@ UnityDecoration.bottom { background-repeat: repeat-x; background-color: #ececec; } -UnityDecoration.left:backdrop, +UnityDecoration.left:backdrop, label:backdrop selection.left, progressbar:backdrop trough.left, progressbar:backdrop progress.left, UnityDecoration.right:backdrop, -UnityDecoration.bottom:backdrop { +label:backdrop selection.right, +progressbar:backdrop trough.right, +progressbar:backdrop progress.right, +UnityDecoration.bottom:backdrop, +label:backdrop selection.bottom, +progressbar:backdrop trough.bottom, +progressbar:backdrop progress.bottom { background-size: 1px; background-repeat: repeat-x; } @@ -6503,7 +6681,10 @@ UnityPanelWidget, color: #31363D; } UnityPanelWidget:backdrop, -.unity-panel:backdrop { +.unity-panel:backdrop, +label:backdrop selection.unity-panel, +progressbar:backdrop trough.unity-panel, +progressbar:backdrop progress.unity-panel { color: #1a1d21; } .unity-panel.menuitem, @@ -6520,7 +6701,7 @@ UnityPanelWidget:backdrop, background-color: #d5d5d5; color: #31363D; } -.unity-panel.menubar:backdrop, +.unity-panel.menubar:backdrop, label:backdrop selection.menubar, progressbar:backdrop trough.menubar, progressbar:backdrop progress.menubar, .unity-panel .menubar *:backdrop { color: #676a75; } @@ -6541,7 +6722,8 @@ UnityPanelWidget:backdrop, color: #31363D; box-shadow: none; } -.unity-panel.menubar .menuitem *:hover { +.unity-panel.menubar .menuitem *:hover, .unity-panel.menubar .menuitem button:hover:link, +.unity-panel.menubar .menuitem button:hover:visited { color: white; box-shadow: none; } @@ -6579,7 +6761,7 @@ ConversationListView { ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { background-color: #ff6a00; color: #fefefe; } - ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + ConversationListView .view:active:backdrop, ConversationListView .view:selected:backdrop { background-color: rgba(255, 106, 0, 0.6); color: rgba(254, 254, 254, 0.5); } ConversationListView .view .cell, ConversationListView iconview .cell { @@ -6598,18 +6780,19 @@ ConversationListView { font-weight: normal; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85); } #panel_window .menubar, - #panel_window .menubar > .menuitem menubar, + #panel_window .menubar > .menuitem +menubar, #panel_window menubar > menuitem { background-color: transparent; color: white; font-weight: bold; } - #panel_window .menubar .menuitem:disabled, + #panel_window .menubar .menuitem:disabled, #panel_window .menubar label:disabled selection.menuitem, label:disabled #panel_window .menubar selection.menuitem, #panel_window menubar menuitem:disabled { color: rgba(255, 255, 255, 0.5); } - #panel_window .menubar .menuitem:disabled GtkLabel, + #panel_window .menubar .menuitem:disabled GtkLabel, #panel_window .menubar label:disabled selection.menuitem GtkLabel, label:disabled #panel_window .menubar selection.menuitem GtkLabel, #panel_window menubar menuitem:disabled GtkLabel { color: inherit; } - #panel_window .menubar .menuitem:disabled label, + #panel_window .menubar .menuitem:disabled label, #panel_window .menubar label:disabled selection.menuitem label, label:disabled #panel_window .menubar selection.menuitem label, #panel_window menubar menuitem:disabled label { color: inherit; } #panel_window .menubar .menu > .menuitem, @@ -6739,12 +6922,12 @@ ConversationListView { transition-duration: 50ms; color: #fefefe; background: #ff6a00; } - .nemo-window .sidebar .view:backdrop, .nemo-window .sidebar iconview:backdrop, .nemo-window .sidebar .iconview:backdrop, .nemo-window .sidebar row:backdrop, .nemo-window statusbar .view:backdrop, .nemo-window statusbar iconview:backdrop, .nemo-window statusbar .iconview:backdrop, .nemo-window statusbar row:backdrop, .nemo-window box.toolbar .view:backdrop, .nemo-window box.toolbar iconview:backdrop, .nemo-window box.toolbar .iconview:backdrop, .nemo-window box.toolbar row:backdrop, .nemo-window toolbar.primary-toolbar .view:backdrop, .nemo-window toolbar.primary-toolbar iconview:backdrop, .nemo-window toolbar.primary-toolbar .iconview:backdrop, .nemo-window toolbar.primary-toolbar row:backdrop { + .nemo-window .sidebar .view:backdrop, .nemo-window .sidebar .iconview:backdrop, .nemo-window .sidebar label:backdrop selection.iconview, label:backdrop .nemo-window .sidebar selection.iconview, .nemo-window .sidebar progressbar:backdrop trough.iconview, progressbar:backdrop .nemo-window .sidebar trough.iconview, .nemo-window .sidebar progressbar:backdrop progress.iconview, progressbar:backdrop .nemo-window .sidebar progress.iconview, .nemo-window .sidebar row:backdrop, .nemo-window statusbar .view:backdrop, .nemo-window statusbar .iconview:backdrop, .nemo-window statusbar label:backdrop selection.iconview, label:backdrop .nemo-window statusbar selection.iconview, .nemo-window statusbar progressbar:backdrop trough.iconview, progressbar:backdrop .nemo-window statusbar trough.iconview, .nemo-window statusbar progressbar:backdrop progress.iconview, progressbar:backdrop .nemo-window statusbar progress.iconview, .nemo-window statusbar row:backdrop, .nemo-window box.toolbar .view:backdrop, .nemo-window box.toolbar .iconview:backdrop, .nemo-window box.toolbar label:backdrop selection.iconview, label:backdrop .nemo-window box.toolbar selection.iconview, .nemo-window box.toolbar progressbar:backdrop trough.iconview, progressbar:backdrop .nemo-window box.toolbar trough.iconview, .nemo-window box.toolbar progressbar:backdrop progress.iconview, progressbar:backdrop .nemo-window box.toolbar progress.iconview, .nemo-window box.toolbar row:backdrop, .nemo-window toolbar.primary-toolbar .view:backdrop, .nemo-window toolbar.primary-toolbar .iconview:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection.iconview, label:backdrop .nemo-window toolbar.primary-toolbar selection.iconview, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough.iconview, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough.iconview, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress.iconview, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress.iconview, .nemo-window toolbar.primary-toolbar row:backdrop { transition: 200ms ease-out; transition-duration: 500ms; color: #676a75; background-color: inherit; } - .nemo-window .sidebar .view:backdrop:selected, .nemo-window .sidebar iconview:backdrop:selected, .nemo-window .sidebar .iconview:backdrop:selected, .nemo-window .sidebar row:backdrop:selected, .nemo-window statusbar .view:backdrop:selected, .nemo-window statusbar iconview:backdrop:selected, .nemo-window statusbar .iconview:backdrop:selected, .nemo-window statusbar row:backdrop:selected, .nemo-window box.toolbar .view:backdrop:selected, .nemo-window box.toolbar iconview:backdrop:selected, .nemo-window box.toolbar .iconview:backdrop:selected, .nemo-window box.toolbar row:backdrop:selected, .nemo-window toolbar.primary-toolbar .view:backdrop:selected, .nemo-window toolbar.primary-toolbar iconview:backdrop:selected, .nemo-window toolbar.primary-toolbar .iconview:backdrop:selected, .nemo-window toolbar.primary-toolbar row:backdrop:selected { + .nemo-window .sidebar .view:backdrop:selected, .nemo-window .sidebar .iconview:backdrop:selected, .nemo-window .sidebar label:backdrop selection.iconview:selected, label:backdrop .nemo-window .sidebar selection.iconview:selected, .nemo-window .sidebar progressbar:backdrop trough.iconview:selected, progressbar:backdrop .nemo-window .sidebar trough.iconview:selected, .nemo-window .sidebar progressbar:backdrop progress.iconview:selected, progressbar:backdrop .nemo-window .sidebar progress.iconview:selected, .nemo-window .sidebar row:backdrop:selected, .nemo-window statusbar .view:backdrop:selected, .nemo-window statusbar .iconview:backdrop:selected, .nemo-window statusbar label:backdrop selection.iconview:selected, label:backdrop .nemo-window statusbar selection.iconview:selected, .nemo-window statusbar progressbar:backdrop trough.iconview:selected, progressbar:backdrop .nemo-window statusbar trough.iconview:selected, .nemo-window statusbar progressbar:backdrop progress.iconview:selected, progressbar:backdrop .nemo-window statusbar progress.iconview:selected, .nemo-window statusbar row:backdrop:selected, .nemo-window box.toolbar .view:backdrop:selected, .nemo-window box.toolbar .iconview:backdrop:selected, .nemo-window box.toolbar label:backdrop selection.iconview:selected, label:backdrop .nemo-window box.toolbar selection.iconview:selected, .nemo-window box.toolbar progressbar:backdrop trough.iconview:selected, progressbar:backdrop .nemo-window box.toolbar trough.iconview:selected, .nemo-window box.toolbar progressbar:backdrop progress.iconview:selected, progressbar:backdrop .nemo-window box.toolbar progress.iconview:selected, .nemo-window box.toolbar row:backdrop:selected, .nemo-window toolbar.primary-toolbar .view:backdrop:selected, .nemo-window toolbar.primary-toolbar .iconview:backdrop:selected, .nemo-window toolbar.primary-toolbar label:backdrop selection.iconview:selected, label:backdrop .nemo-window toolbar.primary-toolbar selection.iconview:selected, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough.iconview:selected, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough.iconview:selected, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress.iconview:selected, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress.iconview:selected, .nemo-window toolbar.primary-toolbar row:backdrop:selected { color: rgba(254, 254, 254, 0.5); background-color: rgba(255, 106, 0, 0.6); } .nemo-window .sidebar button, .nemo-window statusbar button, .nemo-window box.toolbar button, .nemo-window toolbar.primary-toolbar button { @@ -6773,7 +6956,7 @@ ConversationListView { background: linear-gradient(to right, #ff3300, #ffa100); box-shadow: 0px 0px 5px rgba(255, 106, 0, 0.98); color: white; } - .nemo-window .sidebar button:selected:backdrop, .nemo-window .sidebar button:active:backdrop, .nemo-window .sidebar button:checked:backdrop, .nemo-window statusbar button:selected:backdrop, .nemo-window statusbar button:active:backdrop, .nemo-window statusbar button:checked:backdrop, .nemo-window box.toolbar button:selected:backdrop, .nemo-window box.toolbar button:active:backdrop, .nemo-window box.toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { + .nemo-window .sidebar button:selected:backdrop, .nemo-window .sidebar label:backdrop selection:selected, label:backdrop .nemo-window .sidebar selection:selected, .nemo-window .sidebar progressbar:backdrop trough:selected, progressbar:backdrop .nemo-window .sidebar trough:selected, .nemo-window .sidebar progressbar:backdrop progress:selected, progressbar:backdrop .nemo-window .sidebar progress:selected, .nemo-window .sidebar button:active:backdrop, .nemo-window .sidebar label:backdrop selection:active, label:backdrop .nemo-window .sidebar selection:active, .nemo-window .sidebar progressbar:backdrop trough:active, progressbar:backdrop .nemo-window .sidebar trough:active, .nemo-window .sidebar progressbar:backdrop progress:active, progressbar:backdrop .nemo-window .sidebar progress:active, .nemo-window .sidebar button:checked:backdrop, .nemo-window .sidebar label:backdrop selection:checked, label:backdrop .nemo-window .sidebar selection:checked, .nemo-window .sidebar progressbar:backdrop trough:checked, progressbar:backdrop .nemo-window .sidebar trough:checked, .nemo-window .sidebar progressbar:backdrop progress:checked, progressbar:backdrop .nemo-window .sidebar progress:checked, .nemo-window statusbar button:selected:backdrop, .nemo-window statusbar label:backdrop selection:selected, label:backdrop .nemo-window statusbar selection:selected, .nemo-window statusbar progressbar:backdrop trough:selected, progressbar:backdrop .nemo-window statusbar trough:selected, .nemo-window statusbar progressbar:backdrop progress:selected, progressbar:backdrop .nemo-window statusbar progress:selected, .nemo-window statusbar button:active:backdrop, .nemo-window statusbar label:backdrop selection:active, label:backdrop .nemo-window statusbar selection:active, .nemo-window statusbar progressbar:backdrop trough:active, progressbar:backdrop .nemo-window statusbar trough:active, .nemo-window statusbar progressbar:backdrop progress:active, progressbar:backdrop .nemo-window statusbar progress:active, .nemo-window statusbar button:checked:backdrop, .nemo-window statusbar label:backdrop selection:checked, label:backdrop .nemo-window statusbar selection:checked, .nemo-window statusbar progressbar:backdrop trough:checked, progressbar:backdrop .nemo-window statusbar trough:checked, .nemo-window statusbar progressbar:backdrop progress:checked, progressbar:backdrop .nemo-window statusbar progress:checked, .nemo-window box.toolbar button:selected:backdrop, .nemo-window box.toolbar label:backdrop selection:selected, label:backdrop .nemo-window box.toolbar selection:selected, .nemo-window box.toolbar progressbar:backdrop trough:selected, progressbar:backdrop .nemo-window box.toolbar trough:selected, .nemo-window box.toolbar progressbar:backdrop progress:selected, progressbar:backdrop .nemo-window box.toolbar progress:selected, .nemo-window box.toolbar button:active:backdrop, .nemo-window box.toolbar label:backdrop selection:active, label:backdrop .nemo-window box.toolbar selection:active, .nemo-window box.toolbar progressbar:backdrop trough:active, progressbar:backdrop .nemo-window box.toolbar trough:active, .nemo-window box.toolbar progressbar:backdrop progress:active, progressbar:backdrop .nemo-window box.toolbar progress:active, .nemo-window box.toolbar button:checked:backdrop, .nemo-window box.toolbar label:backdrop selection:checked, label:backdrop .nemo-window box.toolbar selection:checked, .nemo-window box.toolbar progressbar:backdrop trough:checked, progressbar:backdrop .nemo-window box.toolbar trough:checked, .nemo-window box.toolbar progressbar:backdrop progress:checked, progressbar:backdrop .nemo-window box.toolbar progress:checked, .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection:selected, label:backdrop .nemo-window toolbar.primary-toolbar selection:selected, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough:selected, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough:selected, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress:selected, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress:selected, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection:active, label:backdrop .nemo-window toolbar.primary-toolbar selection:active, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough:active, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough:active, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress:active, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress:active, .nemo-window toolbar.primary-toolbar button:checked:backdrop, .nemo-window toolbar.primary-toolbar label:backdrop selection:checked, label:backdrop .nemo-window toolbar.primary-toolbar selection:checked, .nemo-window toolbar.primary-toolbar progressbar:backdrop trough:checked, progressbar:backdrop .nemo-window toolbar.primary-toolbar trough:checked, .nemo-window toolbar.primary-toolbar progressbar:backdrop progress:checked, progressbar:backdrop .nemo-window toolbar.primary-toolbar progress:checked { border-radius: 1em; color: rgba(191, 195, 205, 0.4); background: rgba(255, 106, 0, 0.6); @@ -6791,10 +6974,10 @@ ConversationListView { background-color: #ff6a00; color: #fefefe; } -.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, .nemo-window .nemo-inactive-pane iconview { +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview { color: rgba(191, 195, 205, 0.85); background-color: #06070c; } - .nemo-window .nemo-inactive-pane .view:backdrop, .nemo-window .nemo-inactive-pane iconview:backdrop, .nemo-window .nemo-inactive-pane iconview:backdrop { + .nemo-window .nemo-inactive-pane .view:backdrop, .nemo-window .nemo-inactive-pane iconview:backdrop { color: #676a75; } /* * * * * * * * * * * @@ -6845,7 +7028,13 @@ ConversationListView { .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button), -.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop { +.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop, +.caja-navigation-window .vertical label:backdrop selection:not(.text-button), +label:backdrop .caja-navigation-window .vertical selection:not(.text-button), +.caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button), +progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button), +.caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button), +progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button) { background-color: transparent; background-image: none; border-color: transparent; @@ -6865,16 +7054,52 @@ ConversationListView { .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, -.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked { +.caja-navigation-window .vertical label:backdrop selection:not(.text-button):active, +label:backdrop .caja-navigation-window .vertical selection:not(.text-button):active, +.caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):active, +progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):active, +.caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):active, +progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):active, +.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked, +.caja-navigation-window .vertical label:backdrop selection:not(.text-button):checked, +label:backdrop .caja-navigation-window .vertical selection:not(.text-button):checked, +.caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):checked, +progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):checked, +.caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):checked, +progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):checked { background: linear-gradient(to right, #ff3300 0%, #ffa100 100%); box-shadow: none; } .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active, + .caja-navigation-window .vertical label:backdrop selection:not(.text-button):active, + label:backdrop .caja-navigation-window .vertical selection:not(.text-button):active, + .caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):active, + progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):active, + .caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):active, + progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):active, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active label, + .caja-navigation-window .vertical label:backdrop selection:not(.text-button):active label, + label:backdrop .caja-navigation-window .vertical selection:not(.text-button):active label, + .caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):active label, + progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):active label, + .caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):active label, + progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):active label, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked, - .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label { + .caja-navigation-window .vertical label:backdrop selection:not(.text-button):checked, + label:backdrop .caja-navigation-window .vertical selection:not(.text-button):checked, + .caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):checked, + progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):checked, + .caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):checked, + progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):checked, + .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label, + .caja-navigation-window .vertical label:backdrop selection:not(.text-button):checked label, + label:backdrop .caja-navigation-window .vertical selection:not(.text-button):checked label, + .caja-navigation-window .vertical progressbar:backdrop trough:not(.text-button):checked label, + progressbar:backdrop .caja-navigation-window .vertical trough:not(.text-button):checked label, + .caja-navigation-window .vertical progressbar:backdrop progress:not(.text-button):checked label, + progressbar:backdrop .caja-navigation-window .vertical progress:not(.text-button):checked label { color: #fefefe; } .caja-pathbar button { diff --git a/gtk-4.0/apps/_xfce.scss b/gtk-4.0/apps/_xfce.scss index 1b4e299..f18d32b 100755 --- a/gtk-4.0/apps/_xfce.scss +++ b/gtk-4.0/apps/_xfce.scss @@ -117,7 +117,7 @@ wnck-pager { color: $fg_color; background-color: $bg_color; border-radius: 0.5em; - box-shadow: 4px 4px 10px 3px $borders_color; + box-shadow: 5px 10px 8px 10px $borders_color; } // corner triangle