diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index c32a39e3..16a2ec70 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css @@ -94,10 +94,10 @@ textview border { .rubberband, rubberband, -flowbox rubberband, -treeview.view rubberband, .content-view rubberband, -.content-view .rubberband { +.content-view .rubberband, +treeview.view rubberband, +flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } @@ -132,8 +132,8 @@ label { button label:disabled:backdrop { color: inherit; } -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle { +.dim-label, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } @@ -153,8 +153,8 @@ assistant .sidebar label { assistant .sidebar label.highlight { background-color: #4b4d54; } -.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, -.app-notification.frame, .osd .scale-popup, +.osd .scale-popup, .app-notification, +.app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; @@ -162,7 +162,7 @@ assistant .sidebar label.highlight { background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, + .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } @@ -247,11 +247,10 @@ entry { spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } - spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.flat:not(.vertical), + spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, - entry.flat:backdrop:disabled, entry.flat { min-height: 0; padding: 2px; @@ -315,13 +314,12 @@ entry { spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #75777c; } - 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: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } - .osd spinbutton:not(.vertical), .osd - entry { + .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); @@ -329,8 +327,7 @@ entry { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), .osd - entry:focus { + .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); @@ -338,8 +335,7 @@ entry { box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd - entry:backdrop { + .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); @@ -347,8 +343,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: #88898b; border-color: black; background-color: rgba(41, 42, 46, 0.5); @@ -371,108 +366,63 @@ entry progress { entry progress:backdrop { background-color: transparent; } -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:focus + button, -.linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > -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: #00348d; } -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:focus.error + button, -.linked:not(.vertical) > -entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > -entry:focus.error + -entry { +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #200404; } -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:drop(active) + button, -.linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > -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: #0a814b; } -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #1f222a; } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, - .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #22242d; } -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), -.linked.vertical > -entry:disabled + entry:disabled { +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #1f222a; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus:not(:only-child) { +.linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #00348d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus.error:not(:only-child) { +.linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #200404; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:drop(active):not(:only-child) { +.linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #0a814b; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -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: #00348d; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:focus.error:not(:only-child) + entry, -.linked.vertical > -entry:focus.error:not(:only-child) + button, -.linked.vertical > -entry:focus.error:not(:only-child) + combobox > box > button.combo { +.linked.vertical > entry:focus.error:not(:only-child) + entry, +.linked.vertical > entry:focus.error:not(:only-child) + button, +.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #200404; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -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: #0a814b; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { @@ -523,7 +473,7 @@ treeview entry.flat, treeview entry { to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } -notebook > header > tabs > arrow, button.titlebutton, +button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; @@ -539,7 +489,7 @@ button { text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } - notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, notebook > header > tabs > arrow.flat, button.flat.titlebutton, + button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; @@ -548,14 +498,14 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition: none; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, notebook > header > tabs > arrow.flat:hover, button.flat.titlebutton:hover, + button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, notebook > header > tabs > arrow.flat:hover:active, button.flat.titlebutton:hover:active, + button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, button.titlebutton:hover, + notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -566,7 +516,7 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #eeeeec; @@ -577,7 +527,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop.flat, button:backdrop.flat.titlebutton, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #888a8d; @@ -588,7 +538,7 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop.flat:active, button:backdrop.flat.titlebutton:active, notebook > header > tabs > arrow:backdrop.flat:checked, button:backdrop.flat.titlebutton:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, @@ -597,7 +547,7 @@ button { border-color: #111217; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled, button:backdrop.flat.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #43495a; @@ -606,7 +556,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled:active, button:backdrop.flat.titlebutton:disabled:active, notebook > header > tabs > arrow:backdrop.flat:disabled:checked, button:backdrop.flat.titlebutton:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, @@ -615,7 +565,7 @@ button { border-color: #111217; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow.flat:backdrop, button.flat.titlebutton:backdrop, notebook > header > tabs > arrow.flat:disabled, button.flat.titlebutton:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, button.flat.titlebutton:backdrop:disabled, + button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { @@ -625,7 +575,7 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, + notebook > header > tabs > arrow:disabled, button:disabled { color: #888a8d; border-color: #0d0e11; @@ -633,42 +583,40 @@ button { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #888a8d; border-color: #0d0e11; background-image: image(#16181d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, + notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } - notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, + notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, + notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, + notebook > header > tabs > arrow.text-button.image-button 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.titlebutton:drop(active), + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #0a814b; border-color: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected -button.flat:not(:active):not(:checked):not(:hover):not(disabled) { +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #888a8d; } @@ -742,10 +690,8 @@ button.osd { -gtk-icon-shadow: none; border: none; } -.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, -.app-notification.frame button, -.osd -button { +.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 { color: white; border-color: black; background-color: transparent; @@ -755,9 +701,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, - .osd - button:hover { + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; @@ -767,15 +711,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, - .osd - button:active:backdrop, - .osd - button:active, - .osd - button:checked:backdrop, - .osd - button:checked { + .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .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 { color: white; border-color: black; background-color: transparent; @@ -785,11 +721,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, - .osd - button:disabled:backdrop, - .osd - button:disabled { + .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #88898b; border-color: black; background-color: transparent; @@ -798,9 +730,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, - .osd - button:backdrop { + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; @@ -809,9 +739,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, - .osd - button.flat { + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -821,9 +749,7 @@ button { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, - .osd - button.flat:hover { + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; @@ -833,9 +759,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, - .osd - button.flat:disabled { + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #88898b; border-color: black; background-color: transparent; @@ -847,20 +771,14 @@ button { background-image: none; border-color: transparent; box-shadow: none; } - popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, - .osd - button.flat:backdrop { + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, - .osd - button.flat:active, - .osd - button.flat:checked { + .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 { color: white; border-color: black; background-color: transparent; @@ -972,8 +890,7 @@ button.suggested-action { border-color: #005af3; background-image: image(#1c5ecd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd - button.suggested-action { + .osd button.suggested-action { color: white; border-color: black; background-color: transparent; @@ -983,8 +900,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.suggested-action:hover { + .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; @@ -994,11 +910,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; @@ -1008,9 +920,7 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #88898b; border-color: black; background-color: transparent; @@ -1019,8 +929,7 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { + .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; @@ -1131,8 +1040,7 @@ button.destructive-action { border-color: #790e0e; background-image: image(#791314); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd - button.destructive-action { + .osd button.destructive-action { color: white; border-color: black; background-color: transparent; @@ -1142,8 +1050,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.destructive-action:hover { + .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; @@ -1153,11 +1060,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; @@ -1167,9 +1070,7 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #88898b; border-color: black; background-color: transparent; @@ -1178,8 +1079,7 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { + .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; @@ -1189,34 +1089,25 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; } -.stack-switcher > -button { +.stack-switcher > button { outline-offset: -3px; } - .stack-switcher > - button > label { + .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > - button > image { + .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > - button.text-button { + .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } - .stack-switcher > - button.image-button { + .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } @@ -1229,14 +1120,11 @@ button.file separator { button.font > box > box > label { font-weight: bold; } -.inline-toolbar -button, .inline-toolbar -button:backdrop { +.inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } -.primary-toolbar -button { +.primary-toolbar button { -gtk-icon-shadow: none; } @@ -1275,18 +1163,18 @@ button.circular { background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); border-color: transparent; } -.stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { +stacksidebar row.needs-attention > label, .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(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .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, .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image: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; } .inline-toolbar toolbutton > button { @@ -1352,18 +1240,13 @@ button.circular { background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, -.linked > button:hover, -.linked > button:active, -.linked > button:checked, -.linked > button:backdrop, filechooser .path-bar.linked > button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat { border-radius: 0; border-right-style: none; -gtk-outline-radius: 0; } -toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, filechooser .path-bar.linked > button:first-child:dir(ltr), filechooser .path-bar.linked > button:last-child:dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .inline-toolbar button:first-child:backdrop, .linked > button:first-child, .linked > button:first-child:hover, .linked > button:first-child:active, .linked > button:first-child:checked, .linked > button:first-child:backdrop, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; @@ -1374,8 +1257,7 @@ toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:no -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; } -toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, filechooser .path-bar.linked > button:last-child:dir(ltr), filechooser .path-bar.linked > button:first-child:dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .inline-toolbar button:last-child:backdrop, .linked > button:last-child, .linked > button:last-child:hover, .linked > button:last-child:active, .linked > button:last-child:checked, .linked > button:last-child:backdrop, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; @@ -1386,41 +1268,34 @@ toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not -gtk-outline-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; } -toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .inline-toolbar button:only-child:backdrop, .linked > button:only-child, .linked > button:only-child:hover, .linked > button:only-child:active, .linked > button:only-child:checked, .linked > button:only-child:backdrop, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-radius: 5px; border-style: solid; -gtk-outline-radius: 5px; } -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked, -.linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > button:first-child:hover, .linked.vertical > button:first-child:active, .linked.vertical > button:first-child:checked, .linked.vertical > button:first-child:backdrop { border-top-left-radius: 5px; border-top-right-radius: 5px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > button:last-child:hover, .linked.vertical > button:last-child:active, .linked.vertical > button:last-child:checked, .linked.vertical > button:last-child:backdrop { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-style: solid; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > button:only-child:hover, .linked.vertical > button:only-child:active, .linked.vertical > button:only-child:checked, .linked.vertical > button:only-child:backdrop { border-radius: 5px; border-style: solid; } -modelbutton.flat, -.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, list row button.image-button:not(.flat), 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, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, -button:visited:checked, calendar.button, .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, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, +.menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; @@ -1479,71 +1354,58 @@ list row button.image-button:not(.flat) { /********* * Links * *********/ -button:link, -button:visited, button:link > label, -button:visited > label, +button:link > label, +button:visited > label, button:link, +button:visited, *:link { color: #8db7ff; } - - button:visited, button:link > label:visited, + button:link > label:visited, button:visited > label:visited, + button:visited, *:link:visited { color: #5a97ff; } - - *:selected button:visited, *:selected button:link > label:visited, - *:selected button:visited > label:visited, *:selected - *:link:visited { + *:selected button:link > label:visited, + *:selected button:visited > label:visited, + *:selected button:visited, *:selected *:link:visited { color: #bdd5ff; } - button:hover:link, - button:hover:visited, button:link > label:hover, - button:visited > label:hover, + button:link > label:hover, + button:visited > label:hover, button:hover:link, + button:hover:visited, *:link:hover { color: #c0d7ff; } - *:selected button:hover:link, - *:selected button:hover:visited, *:selected button:link > label:hover, - *:selected button:visited > label:hover, *:selected - *:link:hover { + *:selected button:link > label:hover, + *:selected button:visited > label:hover, *:selected button:hover:link, + *:selected button:hover:visited, *:selected *:link:hover { color: #f9fbff; } - button:active:link, - button:active:visited, button:link > label:active, - button:visited > label:active, + button:link > label:active, + button:visited > label:active, button:active:link, + button:active:visited, *:link:active { color: #8db7ff; } - *:selected button:active:link, - *:selected button:active:visited, *:selected button:link > label:active, - *:selected button:visited > label:active, *:selected - *:link:active { + *:selected button:link > label:active, + *:selected button:visited > label:active, *:selected button:active:link, + *:selected button:active:visited, *:selected *:link:active { color: #e8f1ff; } - button:disabled:link, - button:disabled:visited, button:link > label:disabled, - button:visited > label:disabled, button:disabled:backdrop:link, - button:disabled:backdrop:visited, button:link > label:disabled:backdrop, - button:visited > label:disabled:backdrop, + button:link > label:disabled, + button:visited > label:disabled, button:disabled:link, + button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(198, 198, 198, 0.8); } - button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, button:link > label:backdrop:backdrop:hover, - button:visited > label:backdrop:backdrop:hover, button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, button:link > label:backdrop:backdrop:hover:selected, - button:visited > label:backdrop:backdrop:hover:selected, button:backdrop:link, - button:backdrop:visited, button:link > label:backdrop, - button:visited > label:backdrop, + button:link > label:backdrop, + button:visited > label:backdrop, button:backdrop:link, + button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(141, 183, 255, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, - headerbar.selection-mode .subtitle:link, button:selected:link, - button:selected:visited, button:link > label:selected, - button:visited > label:selected, - *:selected button:link, + headerbar.selection-mode .subtitle:link, button:link > label:selected, + button:visited > label:selected, button:selected:link, + button:selected:visited, *:selected button:link > label, + *:selected button:visited > label, *:selected button:link, *:selected button:visited, - *:selected button:link > label, - *:selected button:visited > label, - *:link:selected, - *:selected - *:link { + *:link:selected, *:selected *:link { color: #e8f1ff; } button:link, @@ -1563,7 +1425,7 @@ button:visited { *****************/ spinbutton:not(.vertical) { padding: 0; } - spinbutton:not(.vertical) entry, .osd spinbutton:not(.vertical) entry { + .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; @@ -1766,8 +1628,8 @@ combobox:drop(active) { /************ * Toolbars * ************/ -toolbar, .inline-toolbar, searchbar > revealer > box, -.location-bar { +searchbar > revealer > box, +.location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #23252e; } @@ -1864,27 +1726,23 @@ headerbar { border-color: #111217; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode - headerbar, + .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #00348d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #3b84ff, #468aff); box-shadow: inset 0 1px rgba(46, 123, 254, 0.535); } - .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode - headerbar:backdrop, + .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(49, 125, 254, 0.442); } - .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode - headerbar:backdrop label, + .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } - .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode - headerbar button, + .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -1894,8 +1752,7 @@ headerbar { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } - .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode - headerbar button.flat, + .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; @@ -1903,8 +1760,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode - headerbar button:hover, + .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -1914,11 +1770,7 @@ headerbar { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } - .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode .titlebar:not(headerbar) button.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active, .selection-mode - headerbar button:active, .selection-mode - headerbar button:checked, .selection-mode - headerbar button.toggle:checked, .selection-mode - headerbar button.toggle:active, + .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, @@ -1930,9 +1782,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode - headerbar button:backdrop.flat, .selection-mode - headerbar button:backdrop, + .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; @@ -1943,11 +1793,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode - headerbar button:backdrop.flat:active, .selection-mode - headerbar button:backdrop.flat:checked, .selection-mode - headerbar button:backdrop:active, .selection-mode - headerbar button:backdrop:checked, + .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, @@ -1957,9 +1803,7 @@ headerbar { background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode - headerbar button:backdrop.flat:disabled, .selection-mode - headerbar button:backdrop:disabled, + .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #739fec; @@ -1969,13 +1813,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode - headerbar button:backdrop.flat:disabled:active, .selection-mode - headerbar button:backdrop.flat:disabled:checked, .selection-mode - headerbar button:backdrop:disabled:active, .selection-mode - headerbar button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop.flat:disabled:active, - headerbar.selection-mode button:backdrop.flat:disabled:checked, + .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6d99e4; @@ -1983,10 +1821,7 @@ headerbar { background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode - headerbar button.flat:backdrop, .selection-mode - headerbar button.flat:disabled, .selection-mode - headerbar button.flat:backdrop:disabled, + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { @@ -1996,8 +1831,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode - headerbar button:disabled, + .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #93b6f0; border-color: #005af3; @@ -2005,17 +1839,14 @@ headerbar { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode - headerbar button:disabled:active, .selection-mode - headerbar button:disabled:checked, + .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a4bfeb; border-color: #005af3; background-image: image(#1c5ecd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode - headerbar button.suggested-action, + .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -2026,8 +1857,7 @@ headerbar { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode - headerbar button.suggested-action:hover, + .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -2038,8 +1868,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode - headerbar button.suggested-action:active, + .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -2049,8 +1878,7 @@ headerbar { text-shadow: none; -gtk-icon-shadow: none; border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode - headerbar button.suggested-action:disabled, + .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #888a8d; border-color: #0d0e11; @@ -2059,8 +1887,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode - headerbar button.suggested-action:backdrop, + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #888a8d; border-color: #111217; @@ -2069,8 +1896,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode - headerbar button.suggested-action:backdrop:disabled, + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #43495a; border-color: #111217; @@ -2079,9 +1905,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode - headerbar .selection-menu:backdrop, .selection-mode - headerbar .selection-menu, + .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); @@ -2090,59 +1914,17 @@ headerbar { box-shadow: none; min-height: 20px; padding: 4px 10px; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode - headerbar .selection-menu:backdrop arrow, .selection-mode - headerbar .selection-menu arrow, + .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode - headerbar .selection-menu:backdrop .arrow, .selection-mode - headerbar .selection-menu .arrow, + .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } - .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), - .tiled-top .titlebar:backdrop:not(headerbar), - .tiled-top .titlebar:not(headerbar), - .tiled-right .titlebar:backdrop:not(headerbar), - .tiled-right .titlebar:not(headerbar), - .tiled-bottom .titlebar:backdrop:not(headerbar), - .tiled-bottom .titlebar:not(headerbar), - .tiled-left .titlebar:backdrop:not(headerbar), - .tiled-left .titlebar:not(headerbar), - .maximized .titlebar:backdrop:not(headerbar), - .maximized .titlebar:not(headerbar), - .fullscreen .titlebar:backdrop:not(headerbar), - .fullscreen .titlebar:not(headerbar), .tiled - headerbar:backdrop, .tiled - headerbar, - .tiled-top - headerbar:backdrop, - .tiled-top - headerbar, - .tiled-right - headerbar:backdrop, - .tiled-right - headerbar, - .tiled-bottom - headerbar:backdrop, - .tiled-bottom - headerbar, - .tiled-left - headerbar:backdrop, - .tiled-left - headerbar, - .maximized - headerbar:backdrop, - .maximized - headerbar, - .fullscreen - headerbar:backdrop, - .fullscreen - headerbar { + .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { @@ -2157,11 +1939,7 @@ headerbar { .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } - .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd - headerbar:backdrop:dir(rtl), .solid-csd - headerbar:backdrop:dir(ltr), .solid-csd - headerbar:dir(rtl), .solid-csd - headerbar:dir(ltr) { + .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; @@ -2203,9 +1981,7 @@ headerbar.titlebar headerbar:not(.titlebar) { border-top-left-radius: 0; border-top-right-radius: 0; } -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, -window headerbar:first-child:backdrop, -window headerbar:first-child { +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { @@ -2215,63 +1991,7 @@ window stack headerbar:first-child:backdrop, window stack headerbar:first-child, border-top-left-radius: 7px; border-top-right-radius: 7px; } -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, -window.tiled-top headerbar, -window.tiled-top headerbar:first-child, -window.tiled-top headerbar:last-child, -window.tiled-top headerbar:only-child, -window.tiled-top headerbar:backdrop, -window.tiled-top headerbar:backdrop:first-child, -window.tiled-top headerbar:backdrop:last-child, -window.tiled-top headerbar:backdrop:only-child, -window.tiled-right headerbar, -window.tiled-right headerbar:first-child, -window.tiled-right headerbar:last-child, -window.tiled-right headerbar:only-child, -window.tiled-right headerbar:backdrop, -window.tiled-right headerbar:backdrop:first-child, -window.tiled-right headerbar:backdrop:last-child, -window.tiled-right headerbar:backdrop:only-child, -window.tiled-bottom headerbar, -window.tiled-bottom headerbar:first-child, -window.tiled-bottom headerbar:last-child, -window.tiled-bottom headerbar:only-child, -window.tiled-bottom headerbar:backdrop, -window.tiled-bottom headerbar:backdrop:first-child, -window.tiled-bottom headerbar:backdrop:last-child, -window.tiled-bottom headerbar:backdrop:only-child, -window.tiled-left headerbar, -window.tiled-left headerbar:first-child, -window.tiled-left headerbar:last-child, -window.tiled-left headerbar:only-child, -window.tiled-left headerbar:backdrop, -window.tiled-left headerbar:backdrop:first-child, -window.tiled-left headerbar:backdrop:last-child, -window.tiled-left headerbar:backdrop:only-child, -window.maximized headerbar, -window.maximized headerbar:first-child, -window.maximized headerbar:last-child, -window.maximized headerbar:only-child, -window.maximized headerbar:backdrop, -window.maximized headerbar:backdrop:first-child, -window.maximized headerbar:backdrop:last-child, -window.maximized headerbar:backdrop:only-child, -window.fullscreen headerbar, -window.fullscreen headerbar:first-child, -window.fullscreen headerbar:last-child, -window.fullscreen headerbar:only-child, -window.fullscreen headerbar:backdrop, -window.fullscreen headerbar:backdrop:first-child, -window.fullscreen headerbar:backdrop:last-child, -window.fullscreen headerbar:backdrop:only-child, -window.solid-csd headerbar, -window.solid-csd headerbar:first-child, -window.solid-csd headerbar:last-child, -window.solid-csd headerbar:only-child, -window.solid-csd headerbar:backdrop, -window.solid-csd headerbar:backdrop:first-child, -window.solid-csd headerbar:backdrop:last-child, -window.solid-csd headerbar:backdrop:only-child { +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -2442,7 +2162,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he treeview.view header button:backdrop:disabled { border-color: #23252e; background-image: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + treeview.view header button:last-child { border-right-style: none; } /********* @@ -2487,9 +2207,7 @@ menu, padding: 4px 0px; background-color: #1f222a; border: 1px solid #0d0e11; } - .csd menu, .csd - .menu, .csd - .context-menu { + .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, @@ -3188,12 +2906,10 @@ radio { check:only-child, radio:only-child { margin: 0; } - popover check.left:dir(rtl), popover - radio.left:dir(rtl) { + popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } - popover check.right:dir(ltr), popover - radio.right:dir(ltr) { + popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, @@ -3277,8 +2993,7 @@ radio { check:backdrop, radio:backdrop { transition: 200ms ease-out; } - .osd check, .osd - radio { + .osd check, .osd radio { color: white; border-color: black; background-color: transparent; @@ -3288,8 +3003,7 @@ radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd check:hover, .osd - radio:hover { + .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; @@ -3299,8 +3013,7 @@ radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd check:active, .osd - radio:active { + .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; @@ -3310,8 +3023,7 @@ radio { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - .osd check:backdrop, .osd - radio:backdrop { + .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; @@ -3320,8 +3032,7 @@ radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd check:disabled, .osd - radio:disabled { + .osd check:disabled, .osd radio:disabled { color: #88898b; border-color: black; background-color: transparent; @@ -3330,19 +3041,9 @@ radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem - radio { + menu menuitem check, menu menuitem radio { margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem - radio, menu menuitem - radio:hover, menu menuitem - radio:disabled, menu menuitem - radio:checked, menu menuitem - radio:checked:hover, menu menuitem - radio:checked:disabled, menu menuitem - radio:indeterminate, menu menuitem - radio:indeterminate:hover, menu menuitem - radio:indeterminate:disabled { + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; @@ -3400,43 +3101,43 @@ treeview.view radio:selected { /************ * GtkScale * ************/ -scale trough, scale fill, progressbar trough { +progressbar trough, scale fill, scale trough { border: 1px solid #0d0e11; border-radius: 3px; background-color: #1b1d24; } - scale trough:disabled, scale fill:disabled, progressbar trough:disabled { + progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #242731; } - scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { + progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #1c1f26; border-color: #111217; transition: 200ms ease-out; } - scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { + progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #242731; } - row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { + row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #00348d; } - .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { + .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } - .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { + .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(41, 42, 46, 0.5); } -scale highlight, progressbar progress { +progressbar progress, scale highlight { border: 1px solid #00348d; border-radius: 3px; background-color: #2777ff; } - scale highlight:disabled, progressbar progress:disabled { + progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } - scale highlight:backdrop, progressbar progress:backdrop { + progressbar progress:backdrop, scale highlight:backdrop { border-color: #00348d; } - scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { + progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } - row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { + row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #00348d; } - .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { + .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } - .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { + .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { @@ -4428,7 +4129,7 @@ filechooserbutton:drop(active) { .sidebar { border-style: none; background-color: #252831; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #0d0e11; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { @@ -4455,8 +4156,7 @@ separator.sidebar { background-color: #0d0e11; } separator.sidebar:backdrop { background-color: #111217; } - separator.sidebar.selection-mode, - .selection-mode separator.sidebar { + separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** @@ -4822,13 +4522,7 @@ decoration { decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.9); transition: 200ms ease-out; } - .maximized decoration, - .fullscreen decoration, - .tiled decoration, - .tiled-top decoration, - .tiled-right decoration, - .tiled-bottom decoration, - .tiled-left decoration { + .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } @@ -4877,39 +4571,50 @@ headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton:backdrop { -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, 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, entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { +.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } - 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, + 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, 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, entry selection, modelbutton.flat:selected, - .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { + .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } - label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, - textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, - textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, - textview text selection:disabled, flowbox flowboxchild:disabled:selected, spinbutton:not(.vertical) selection:disabled, + label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, + textview text:disabled:selected:focus, + .view text:disabled:selected, + textview text:disabled:selected, .view text selection:disabled, + textview text selection:disabled:focus, + textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, - .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { + .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } - label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, - textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected, - textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, - textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + textview text:backdrop:selected, .view text selection:backdrop, + textview text selection:backdrop:focus, + textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, - .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { + .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d4d5d7; } - label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, - textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, + textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { + .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #5b93f3; } .monospace { @@ -5063,11 +4768,11 @@ popover.emoji-completion .emoji:hover { * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.07); } -.titlebar stackswitcher button:checked:active, .titlebar stackswitcher button:checked, +.titlebar stackswitcher button:checked:checked, .titlebar button.toggle:active, .titlebar button.toggle:checked, headerbar stackswitcher button:checked:active, -headerbar stackswitcher button:checked, +headerbar stackswitcher button:checked:checked, headerbar button.toggle:active, headerbar button.toggle:checked, button:active, @@ -5075,7 +4780,7 @@ button:checked { background: #1b1d24; box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); } -switch:hover slider, scale slider:active { +scale slider:active, switch:hover slider { background-image: image(#0f1014); } /********** @@ -5114,39 +4819,29 @@ switch { * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, -radio, menu menuitem -radio, menu menuitem:hover -radio { +radio, menu menuitem radio, menu menuitem:hover radio { background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%); border-color: black; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, -radio:indeterminate, menu menuitem -radio:checked, menu menuitem -radio:indeterminate { +radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); border-color: #00348d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, - radio:indeterminate:active, menu menuitem - radio:checked:active, menu menuitem - radio:indeterminate:active { + radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, - radio:indeterminate:backdrop, menu menuitem - radio:checked:backdrop, menu menuitem - radio:indeterminate:backdrop { + radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); } check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled, radio:checked:disabled, -radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:backdrop:checked:disabled, check:backdrop:indeterminate:disabled, -radio:backdrop:checked:disabled, -radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop, +radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:disabled, check:disabled:backdrop, radio:disabled, radio:disabled:backdrop { border-color: #0d0e11; @@ -5405,13 +5100,7 @@ decoration { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); } - .maximized decoration, - .fullscreen decoration, - .tiled decoration, - .tiled-top decoration, - .tiled-right decoration, - .tiled-bottom decoration, - .tiled-left decoration { + .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-width: 0; } .popup decoration { border-width: 0; } @@ -5472,6 +5161,40 @@ wnck-pager { wnck-pager:hover { background-color: black; } +/* LightDM */ +.lightdm-gtk-greeter #panel_window { + background: rgba(35, 37, 46, 0.8); + color: #eeeeec; + text-shadow: none; + -gtk-icon-shadow: none; } + +.lightdm-gtk-greeter #login_window { + border: 0; + background-color: rgba(35, 37, 46, 0.8); + border-radius: 5px; + box-shadow: inset 1px 1px rgba(255, 255, 255, 0.05); } + .lightdm-gtk-greeter #login_window entry { + background: white; + border-color: transparent; + min-height: 32px; } + .lightdm-gtk-greeter #login_window #buttonbox_frame { + padding-top: 20px; + background: rgba(35, 37, 46, 0.8); + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2); } + .lightdm-gtk-greeter #login_window #buttonbox_frame button { + border: 0; + color: white; + text-shadow: none; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { + background: rgba(0, 0, 0, 0.5); + box-shadow: none; + color: #eeeeec; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { + background: #2777ff; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } + /* GTK NAMED COLORS ---------------- use responsibly! */ diff --git a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css index c32a39e3..16a2ec70 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css @@ -94,10 +94,10 @@ textview border { .rubberband, rubberband, -flowbox rubberband, -treeview.view rubberband, .content-view rubberband, -.content-view .rubberband { +.content-view .rubberband, +treeview.view rubberband, +flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } @@ -132,8 +132,8 @@ label { button label:disabled:backdrop { color: inherit; } -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle { +.dim-label, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } @@ -153,8 +153,8 @@ assistant .sidebar label { assistant .sidebar label.highlight { background-color: #4b4d54; } -.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, -.app-notification.frame, .osd .scale-popup, +.osd .scale-popup, .app-notification, +.app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; @@ -162,7 +162,7 @@ assistant .sidebar label.highlight { background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, + .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } @@ -247,11 +247,10 @@ entry { spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } - spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.flat:not(.vertical), + spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, - entry.flat:backdrop:disabled, entry.flat { min-height: 0; padding: 2px; @@ -315,13 +314,12 @@ entry { spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #75777c; } - 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: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } - .osd spinbutton:not(.vertical), .osd - entry { + .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); @@ -329,8 +327,7 @@ entry { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), .osd - entry:focus { + .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); @@ -338,8 +335,7 @@ entry { box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd - entry:backdrop { + .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); @@ -347,8 +343,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: #88898b; border-color: black; background-color: rgba(41, 42, 46, 0.5); @@ -371,108 +366,63 @@ entry progress { entry progress:backdrop { background-color: transparent; } -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:focus + button, -.linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > -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: #00348d; } -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:focus.error + button, -.linked:not(.vertical) > -entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > -entry:focus.error + -entry { +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #200404; } -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:drop(active) + button, -.linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > -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: #0a814b; } -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #1f222a; } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, - .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #22242d; } -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), -.linked.vertical > -entry:disabled + entry:disabled { +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #1f222a; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus:not(:only-child) { +.linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #00348d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus.error:not(:only-child) { +.linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #200404; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:drop(active):not(:only-child) { +.linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #0a814b; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -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: #00348d; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:focus.error:not(:only-child) + entry, -.linked.vertical > -entry:focus.error:not(:only-child) + button, -.linked.vertical > -entry:focus.error:not(:only-child) + combobox > box > button.combo { +.linked.vertical > entry:focus.error:not(:only-child) + entry, +.linked.vertical > entry:focus.error:not(:only-child) + button, +.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #200404; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -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: #0a814b; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { @@ -523,7 +473,7 @@ treeview entry.flat, treeview entry { to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } -notebook > header > tabs > arrow, button.titlebutton, +button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; @@ -539,7 +489,7 @@ button { text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } - notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, notebook > header > tabs > arrow.flat, button.flat.titlebutton, + button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; @@ -548,14 +498,14 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition: none; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, notebook > header > tabs > arrow.flat:hover, button.flat.titlebutton:hover, + button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, notebook > header > tabs > arrow.flat:hover:active, button.flat.titlebutton:hover:active, + button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, button.titlebutton:hover, + notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -566,7 +516,7 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #eeeeec; @@ -577,7 +527,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop.flat, button:backdrop.flat.titlebutton, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #888a8d; @@ -588,7 +538,7 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop.flat:active, button:backdrop.flat.titlebutton:active, notebook > header > tabs > arrow:backdrop.flat:checked, button:backdrop.flat.titlebutton:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, @@ -597,7 +547,7 @@ button { border-color: #111217; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled, button:backdrop.flat.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #43495a; @@ -606,7 +556,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled:active, button:backdrop.flat.titlebutton:disabled:active, notebook > header > tabs > arrow:backdrop.flat:disabled:checked, button:backdrop.flat.titlebutton:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, @@ -615,7 +565,7 @@ button { border-color: #111217; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow.flat:backdrop, button.flat.titlebutton:backdrop, notebook > header > tabs > arrow.flat:disabled, button.flat.titlebutton:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, button.flat.titlebutton:backdrop:disabled, + button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { @@ -625,7 +575,7 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, + notebook > header > tabs > arrow:disabled, button:disabled { color: #888a8d; border-color: #0d0e11; @@ -633,42 +583,40 @@ button { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #888a8d; border-color: #0d0e11; background-image: image(#16181d); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, + notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } - notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, + notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, + notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, + notebook > header > tabs > arrow.text-button.image-button 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.titlebutton:drop(active), + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #0a814b; border-color: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected -button.flat:not(:active):not(:checked):not(:hover):not(disabled) { +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #888a8d; } @@ -742,10 +690,8 @@ button.osd { -gtk-icon-shadow: none; border: none; } -.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, -.app-notification.frame button, -.osd -button { +.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 { color: white; border-color: black; background-color: transparent; @@ -755,9 +701,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, - .osd - button:hover { + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; @@ -767,15 +711,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, - .osd - button:active:backdrop, - .osd - button:active, - .osd - button:checked:backdrop, - .osd - button:checked { + .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .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 { color: white; border-color: black; background-color: transparent; @@ -785,11 +721,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, - .osd - button:disabled:backdrop, - .osd - button:disabled { + .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #88898b; border-color: black; background-color: transparent; @@ -798,9 +730,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, - .osd - button:backdrop { + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; @@ -809,9 +739,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, - .osd - button.flat { + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -821,9 +749,7 @@ button { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, - .osd - button.flat:hover { + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; @@ -833,9 +759,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, - .osd - button.flat:disabled { + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #88898b; border-color: black; background-color: transparent; @@ -847,20 +771,14 @@ button { background-image: none; border-color: transparent; box-shadow: none; } - popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, - .osd - button.flat:backdrop { + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, - .osd - button.flat:active, - .osd - button.flat:checked { + .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 { color: white; border-color: black; background-color: transparent; @@ -972,8 +890,7 @@ button.suggested-action { border-color: #005af3; background-image: image(#1c5ecd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd - button.suggested-action { + .osd button.suggested-action { color: white; border-color: black; background-color: transparent; @@ -983,8 +900,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.suggested-action:hover { + .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; @@ -994,11 +910,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; @@ -1008,9 +920,7 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #88898b; border-color: black; background-color: transparent; @@ -1019,8 +929,7 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { + .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; @@ -1131,8 +1040,7 @@ button.destructive-action { border-color: #790e0e; background-image: image(#791314); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd - button.destructive-action { + .osd button.destructive-action { color: white; border-color: black; background-color: transparent; @@ -1142,8 +1050,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.destructive-action:hover { + .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; @@ -1153,11 +1060,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; @@ -1167,9 +1070,7 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #88898b; border-color: black; background-color: transparent; @@ -1178,8 +1079,7 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { + .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; @@ -1189,34 +1089,25 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; } -.stack-switcher > -button { +.stack-switcher > button { outline-offset: -3px; } - .stack-switcher > - button > label { + .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > - button > image { + .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > - button.text-button { + .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } - .stack-switcher > - button.image-button { + .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } @@ -1229,14 +1120,11 @@ button.file separator { button.font > box > box > label { font-weight: bold; } -.inline-toolbar -button, .inline-toolbar -button:backdrop { +.inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } -.primary-toolbar -button { +.primary-toolbar button { -gtk-icon-shadow: none; } @@ -1275,18 +1163,18 @@ button.circular { background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); border-color: transparent; } -.stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { +stacksidebar row.needs-attention > label, .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(#74a7ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .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, .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image: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; } .inline-toolbar toolbutton > button { @@ -1352,18 +1240,13 @@ button.circular { background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, -.linked > button:hover, -.linked > button:active, -.linked > button:checked, -.linked > button:backdrop, filechooser .path-bar.linked > button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat { border-radius: 0; border-right-style: none; -gtk-outline-radius: 0; } -toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, filechooser .path-bar.linked > button:first-child:dir(ltr), filechooser .path-bar.linked > button:last-child:dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .inline-toolbar button:first-child:backdrop, .linked > button:first-child, .linked > button:first-child:hover, .linked > button:first-child:active, .linked > button:first-child:checked, .linked > button:first-child:backdrop, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; @@ -1374,8 +1257,7 @@ toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:no -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; } -toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, filechooser .path-bar.linked > button:last-child:dir(ltr), filechooser .path-bar.linked > button:first-child:dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .inline-toolbar button:last-child:backdrop, .linked > button:last-child, .linked > button:last-child:hover, .linked > button:last-child:active, .linked > button:last-child:checked, .linked > button:last-child:backdrop, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; @@ -1386,41 +1268,34 @@ toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not -gtk-outline-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; } -toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .inline-toolbar button:only-child:backdrop, .linked > button:only-child, .linked > button:only-child:hover, .linked > button:only-child:active, .linked > button:only-child:checked, .linked > button:only-child:backdrop, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-radius: 5px; border-style: solid; -gtk-outline-radius: 5px; } -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked, -.linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > button:first-child:hover, .linked.vertical > button:first-child:active, .linked.vertical > button:first-child:checked, .linked.vertical > button:first-child:backdrop { border-top-left-radius: 5px; border-top-right-radius: 5px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > button:last-child:hover, .linked.vertical > button:last-child:active, .linked.vertical > button:last-child:checked, .linked.vertical > button:last-child:backdrop { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-style: solid; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > button:only-child:hover, .linked.vertical > button:only-child:active, .linked.vertical > button:only-child:checked, .linked.vertical > button:only-child:backdrop { border-radius: 5px; border-style: solid; } -modelbutton.flat, -.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, list row button.image-button:not(.flat), 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, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, -button:visited:checked, calendar.button, .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, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, +.menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; @@ -1479,71 +1354,58 @@ list row button.image-button:not(.flat) { /********* * Links * *********/ -button:link, -button:visited, button:link > label, -button:visited > label, +button:link > label, +button:visited > label, button:link, +button:visited, *:link { color: #8db7ff; } - - button:visited, button:link > label:visited, + button:link > label:visited, button:visited > label:visited, + button:visited, *:link:visited { color: #5a97ff; } - - *:selected button:visited, *:selected button:link > label:visited, - *:selected button:visited > label:visited, *:selected - *:link:visited { + *:selected button:link > label:visited, + *:selected button:visited > label:visited, + *:selected button:visited, *:selected *:link:visited { color: #bdd5ff; } - button:hover:link, - button:hover:visited, button:link > label:hover, - button:visited > label:hover, + button:link > label:hover, + button:visited > label:hover, button:hover:link, + button:hover:visited, *:link:hover { color: #c0d7ff; } - *:selected button:hover:link, - *:selected button:hover:visited, *:selected button:link > label:hover, - *:selected button:visited > label:hover, *:selected - *:link:hover { + *:selected button:link > label:hover, + *:selected button:visited > label:hover, *:selected button:hover:link, + *:selected button:hover:visited, *:selected *:link:hover { color: #f9fbff; } - button:active:link, - button:active:visited, button:link > label:active, - button:visited > label:active, + button:link > label:active, + button:visited > label:active, button:active:link, + button:active:visited, *:link:active { color: #8db7ff; } - *:selected button:active:link, - *:selected button:active:visited, *:selected button:link > label:active, - *:selected button:visited > label:active, *:selected - *:link:active { + *:selected button:link > label:active, + *:selected button:visited > label:active, *:selected button:active:link, + *:selected button:active:visited, *:selected *:link:active { color: #e8f1ff; } - button:disabled:link, - button:disabled:visited, button:link > label:disabled, - button:visited > label:disabled, button:disabled:backdrop:link, - button:disabled:backdrop:visited, button:link > label:disabled:backdrop, - button:visited > label:disabled:backdrop, + button:link > label:disabled, + button:visited > label:disabled, button:disabled:link, + button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(198, 198, 198, 0.8); } - button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, button:link > label:backdrop:backdrop:hover, - button:visited > label:backdrop:backdrop:hover, button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, button:link > label:backdrop:backdrop:hover:selected, - button:visited > label:backdrop:backdrop:hover:selected, button:backdrop:link, - button:backdrop:visited, button:link > label:backdrop, - button:visited > label:backdrop, + button:link > label:backdrop, + button:visited > label:backdrop, button:backdrop:link, + button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(141, 183, 255, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, - headerbar.selection-mode .subtitle:link, button:selected:link, - button:selected:visited, button:link > label:selected, - button:visited > label:selected, - *:selected button:link, + headerbar.selection-mode .subtitle:link, button:link > label:selected, + button:visited > label:selected, button:selected:link, + button:selected:visited, *:selected button:link > label, + *:selected button:visited > label, *:selected button:link, *:selected button:visited, - *:selected button:link > label, - *:selected button:visited > label, - *:link:selected, - *:selected - *:link { + *:link:selected, *:selected *:link { color: #e8f1ff; } button:link, @@ -1563,7 +1425,7 @@ button:visited { *****************/ spinbutton:not(.vertical) { padding: 0; } - spinbutton:not(.vertical) entry, .osd spinbutton:not(.vertical) entry { + .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; @@ -1766,8 +1628,8 @@ combobox:drop(active) { /************ * Toolbars * ************/ -toolbar, .inline-toolbar, searchbar > revealer > box, -.location-bar { +searchbar > revealer > box, +.location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #23252e; } @@ -1864,27 +1726,23 @@ headerbar { border-color: #111217; background-image: image(#1a1d23); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode - headerbar, + .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #00348d; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #3b84ff, #468aff); box-shadow: inset 0 1px rgba(46, 123, 254, 0.535); } - .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode - headerbar:backdrop, + .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(49, 125, 254, 0.442); } - .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode - headerbar:backdrop label, + .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } - .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode - headerbar button, + .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -1894,8 +1752,7 @@ headerbar { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } - .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode - headerbar button.flat, + .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; @@ -1903,8 +1760,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode - headerbar button:hover, + .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -1914,11 +1770,7 @@ headerbar { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } - .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode .titlebar:not(headerbar) button.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active, .selection-mode - headerbar button:active, .selection-mode - headerbar button:checked, .selection-mode - headerbar button.toggle:checked, .selection-mode - headerbar button.toggle:active, + .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, @@ -1930,9 +1782,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode - headerbar button:backdrop.flat, .selection-mode - headerbar button:backdrop, + .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; @@ -1943,11 +1793,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode - headerbar button:backdrop.flat:active, .selection-mode - headerbar button:backdrop.flat:checked, .selection-mode - headerbar button:backdrop:active, .selection-mode - headerbar button:backdrop:checked, + .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, @@ -1957,9 +1803,7 @@ headerbar { background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode - headerbar button:backdrop.flat:disabled, .selection-mode - headerbar button:backdrop:disabled, + .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #739fec; @@ -1969,13 +1813,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode - headerbar button:backdrop.flat:disabled:active, .selection-mode - headerbar button:backdrop.flat:disabled:checked, .selection-mode - headerbar button:backdrop:disabled:active, .selection-mode - headerbar button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop.flat:disabled:active, - headerbar.selection-mode button:backdrop.flat:disabled:checked, + .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6d99e4; @@ -1983,10 +1821,7 @@ headerbar { background-image: image(#1e62d6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode - headerbar button.flat:backdrop, .selection-mode - headerbar button.flat:disabled, .selection-mode - headerbar button.flat:backdrop:disabled, + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { @@ -1996,8 +1831,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode - headerbar button:disabled, + .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #93b6f0; border-color: #005af3; @@ -2005,17 +1839,14 @@ headerbar { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode - headerbar button:disabled:active, .selection-mode - headerbar button:disabled:checked, + .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a4bfeb; border-color: #005af3; background-image: image(#1c5ecd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode - headerbar button.suggested-action, + .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -2026,8 +1857,7 @@ headerbar { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode - headerbar button.suggested-action:hover, + .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -2038,8 +1868,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); background-image: linear-gradient(to top, #20232b, #252831 1px); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode - headerbar button.suggested-action:active, + .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); @@ -2049,8 +1878,7 @@ headerbar { text-shadow: none; -gtk-icon-shadow: none; border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode - headerbar button.suggested-action:disabled, + .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #888a8d; border-color: #0d0e11; @@ -2059,8 +1887,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode - headerbar button.suggested-action:backdrop, + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #888a8d; border-color: #111217; @@ -2069,8 +1896,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode - headerbar button.suggested-action:backdrop:disabled, + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #43495a; border-color: #111217; @@ -2079,9 +1905,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #00348d; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode - headerbar .selection-menu:backdrop, .selection-mode - headerbar .selection-menu, + .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); @@ -2090,59 +1914,17 @@ headerbar { box-shadow: none; min-height: 20px; padding: 4px 10px; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode - headerbar .selection-menu:backdrop arrow, .selection-mode - headerbar .selection-menu arrow, + .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode - headerbar .selection-menu:backdrop .arrow, .selection-mode - headerbar .selection-menu .arrow, + .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } - .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), - .tiled-top .titlebar:backdrop:not(headerbar), - .tiled-top .titlebar:not(headerbar), - .tiled-right .titlebar:backdrop:not(headerbar), - .tiled-right .titlebar:not(headerbar), - .tiled-bottom .titlebar:backdrop:not(headerbar), - .tiled-bottom .titlebar:not(headerbar), - .tiled-left .titlebar:backdrop:not(headerbar), - .tiled-left .titlebar:not(headerbar), - .maximized .titlebar:backdrop:not(headerbar), - .maximized .titlebar:not(headerbar), - .fullscreen .titlebar:backdrop:not(headerbar), - .fullscreen .titlebar:not(headerbar), .tiled - headerbar:backdrop, .tiled - headerbar, - .tiled-top - headerbar:backdrop, - .tiled-top - headerbar, - .tiled-right - headerbar:backdrop, - .tiled-right - headerbar, - .tiled-bottom - headerbar:backdrop, - .tiled-bottom - headerbar, - .tiled-left - headerbar:backdrop, - .tiled-left - headerbar, - .maximized - headerbar:backdrop, - .maximized - headerbar, - .fullscreen - headerbar:backdrop, - .fullscreen - headerbar { + .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { @@ -2157,11 +1939,7 @@ headerbar { .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } - .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd - headerbar:backdrop:dir(rtl), .solid-csd - headerbar:backdrop:dir(ltr), .solid-csd - headerbar:dir(rtl), .solid-csd - headerbar:dir(ltr) { + .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; @@ -2203,9 +1981,7 @@ headerbar.titlebar headerbar:not(.titlebar) { border-top-left-radius: 0; border-top-right-radius: 0; } -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, -window headerbar:first-child:backdrop, -window headerbar:first-child { +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { @@ -2215,63 +1991,7 @@ window stack headerbar:first-child:backdrop, window stack headerbar:first-child, border-top-left-radius: 7px; border-top-right-radius: 7px; } -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, -window.tiled-top headerbar, -window.tiled-top headerbar:first-child, -window.tiled-top headerbar:last-child, -window.tiled-top headerbar:only-child, -window.tiled-top headerbar:backdrop, -window.tiled-top headerbar:backdrop:first-child, -window.tiled-top headerbar:backdrop:last-child, -window.tiled-top headerbar:backdrop:only-child, -window.tiled-right headerbar, -window.tiled-right headerbar:first-child, -window.tiled-right headerbar:last-child, -window.tiled-right headerbar:only-child, -window.tiled-right headerbar:backdrop, -window.tiled-right headerbar:backdrop:first-child, -window.tiled-right headerbar:backdrop:last-child, -window.tiled-right headerbar:backdrop:only-child, -window.tiled-bottom headerbar, -window.tiled-bottom headerbar:first-child, -window.tiled-bottom headerbar:last-child, -window.tiled-bottom headerbar:only-child, -window.tiled-bottom headerbar:backdrop, -window.tiled-bottom headerbar:backdrop:first-child, -window.tiled-bottom headerbar:backdrop:last-child, -window.tiled-bottom headerbar:backdrop:only-child, -window.tiled-left headerbar, -window.tiled-left headerbar:first-child, -window.tiled-left headerbar:last-child, -window.tiled-left headerbar:only-child, -window.tiled-left headerbar:backdrop, -window.tiled-left headerbar:backdrop:first-child, -window.tiled-left headerbar:backdrop:last-child, -window.tiled-left headerbar:backdrop:only-child, -window.maximized headerbar, -window.maximized headerbar:first-child, -window.maximized headerbar:last-child, -window.maximized headerbar:only-child, -window.maximized headerbar:backdrop, -window.maximized headerbar:backdrop:first-child, -window.maximized headerbar:backdrop:last-child, -window.maximized headerbar:backdrop:only-child, -window.fullscreen headerbar, -window.fullscreen headerbar:first-child, -window.fullscreen headerbar:last-child, -window.fullscreen headerbar:only-child, -window.fullscreen headerbar:backdrop, -window.fullscreen headerbar:backdrop:first-child, -window.fullscreen headerbar:backdrop:last-child, -window.fullscreen headerbar:backdrop:only-child, -window.solid-csd headerbar, -window.solid-csd headerbar:first-child, -window.solid-csd headerbar:last-child, -window.solid-csd headerbar:only-child, -window.solid-csd headerbar:backdrop, -window.solid-csd headerbar:backdrop:first-child, -window.solid-csd headerbar:backdrop:last-child, -window.solid-csd headerbar:backdrop:only-child { +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -2442,7 +2162,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he treeview.view header button:backdrop:disabled { border-color: #23252e; background-image: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + treeview.view header button:last-child { border-right-style: none; } /********* @@ -2487,9 +2207,7 @@ menu, padding: 4px 0px; background-color: #1f222a; border: 1px solid #0d0e11; } - .csd menu, .csd - .menu, .csd - .context-menu { + .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, @@ -3188,12 +2906,10 @@ radio { check:only-child, radio:only-child { margin: 0; } - popover check.left:dir(rtl), popover - radio.left:dir(rtl) { + popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } - popover check.right:dir(ltr), popover - radio.right:dir(ltr) { + popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, @@ -3277,8 +2993,7 @@ radio { check:backdrop, radio:backdrop { transition: 200ms ease-out; } - .osd check, .osd - radio { + .osd check, .osd radio { color: white; border-color: black; background-color: transparent; @@ -3288,8 +3003,7 @@ radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd check:hover, .osd - radio:hover { + .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; @@ -3299,8 +3013,7 @@ radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd check:active, .osd - radio:active { + .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; @@ -3310,8 +3023,7 @@ radio { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - .osd check:backdrop, .osd - radio:backdrop { + .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; @@ -3320,8 +3032,7 @@ radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd check:disabled, .osd - radio:disabled { + .osd check:disabled, .osd radio:disabled { color: #88898b; border-color: black; background-color: transparent; @@ -3330,19 +3041,9 @@ radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem - radio { + menu menuitem check, menu menuitem radio { margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem - radio, menu menuitem - radio:hover, menu menuitem - radio:disabled, menu menuitem - radio:checked, menu menuitem - radio:checked:hover, menu menuitem - radio:checked:disabled, menu menuitem - radio:indeterminate, menu menuitem - radio:indeterminate:hover, menu menuitem - radio:indeterminate:disabled { + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; @@ -3400,43 +3101,43 @@ treeview.view radio:selected { /************ * GtkScale * ************/ -scale trough, scale fill, progressbar trough { +progressbar trough, scale fill, scale trough { border: 1px solid #0d0e11; border-radius: 3px; background-color: #1b1d24; } - scale trough:disabled, scale fill:disabled, progressbar trough:disabled { + progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #242731; } - scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { + progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #1c1f26; border-color: #111217; transition: 200ms ease-out; } - scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { + progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #242731; } - row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { + row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #00348d; } - .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { + .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } - .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { + .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(41, 42, 46, 0.5); } -scale highlight, progressbar progress { +progressbar progress, scale highlight { border: 1px solid #00348d; border-radius: 3px; background-color: #2777ff; } - scale highlight:disabled, progressbar progress:disabled { + progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } - scale highlight:backdrop, progressbar progress:backdrop { + progressbar progress:backdrop, scale highlight:backdrop { border-color: #00348d; } - scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { + progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } - row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { + row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #00348d; } - .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { + .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } - .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { + .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { @@ -4428,7 +4129,7 @@ filechooserbutton:drop(active) { .sidebar { border-style: none; background-color: #252831; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #0d0e11; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { @@ -4455,8 +4156,7 @@ separator.sidebar { background-color: #0d0e11; } separator.sidebar:backdrop { background-color: #111217; } - separator.sidebar.selection-mode, - .selection-mode separator.sidebar { + separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** @@ -4822,13 +4522,7 @@ decoration { decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.9); transition: 200ms ease-out; } - .maximized decoration, - .fullscreen decoration, - .tiled decoration, - .tiled-top decoration, - .tiled-right decoration, - .tiled-bottom decoration, - .tiled-left decoration { + .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } @@ -4877,39 +4571,50 @@ headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton:backdrop { -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, 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, entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { +.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } - 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, + 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, 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, entry selection, modelbutton.flat:selected, - .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { + .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } - label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, - textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, - textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, - textview text selection:disabled, flowbox flowboxchild:disabled:selected, spinbutton:not(.vertical) selection:disabled, + label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, + textview text:disabled:selected:focus, + .view text:disabled:selected, + textview text:disabled:selected, .view text selection:disabled, + textview text selection:disabled:focus, + textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, - .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { + .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } - label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, - textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected, - textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, - textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + textview text:backdrop:selected, .view text selection:backdrop, + textview text selection:backdrop:focus, + textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, - .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { + .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #d4d5d7; } - label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, - textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, + textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { + .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #5b93f3; } .monospace { @@ -5063,11 +4768,11 @@ popover.emoji-completion .emoji:hover { * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.07); } -.titlebar stackswitcher button:checked:active, .titlebar stackswitcher button:checked, +.titlebar stackswitcher button:checked:checked, .titlebar button.toggle:active, .titlebar button.toggle:checked, headerbar stackswitcher button:checked:active, -headerbar stackswitcher button:checked, +headerbar stackswitcher button:checked:checked, headerbar button.toggle:active, headerbar button.toggle:checked, button:active, @@ -5075,7 +4780,7 @@ button:checked { background: #1b1d24; box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3); } -switch:hover slider, scale slider:active { +scale slider:active, switch:hover slider { background-image: image(#0f1014); } /********** @@ -5114,39 +4819,29 @@ switch { * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, -radio, menu menuitem -radio, menu menuitem:hover -radio { +radio, menu menuitem radio, menu menuitem:hover radio { background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%); border-color: black; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, -radio:indeterminate, menu menuitem -radio:checked, menu menuitem -radio:indeterminate { +radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); border-color: #00348d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, - radio:indeterminate:active, menu menuitem - radio:checked:active, menu menuitem - radio:indeterminate:active { + radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, - radio:indeterminate:backdrop, menu menuitem - radio:checked:backdrop, menu menuitem - radio:indeterminate:backdrop { + radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); } check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled, radio:checked:disabled, -radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:backdrop:checked:disabled, check:backdrop:indeterminate:disabled, -radio:backdrop:checked:disabled, -radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop, +radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:disabled, check:disabled:backdrop, radio:disabled, radio:disabled:backdrop { border-color: #0d0e11; @@ -5405,13 +5100,7 @@ decoration { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); } - .maximized decoration, - .fullscreen decoration, - .tiled decoration, - .tiled-top decoration, - .tiled-right decoration, - .tiled-bottom decoration, - .tiled-left decoration { + .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-width: 0; } .popup decoration { border-width: 0; } @@ -5472,6 +5161,40 @@ wnck-pager { wnck-pager:hover { background-color: black; } +/* LightDM */ +.lightdm-gtk-greeter #panel_window { + background: rgba(35, 37, 46, 0.8); + color: #eeeeec; + text-shadow: none; + -gtk-icon-shadow: none; } + +.lightdm-gtk-greeter #login_window { + border: 0; + background-color: rgba(35, 37, 46, 0.8); + border-radius: 5px; + box-shadow: inset 1px 1px rgba(255, 255, 255, 0.05); } + .lightdm-gtk-greeter #login_window entry { + background: white; + border-color: transparent; + min-height: 32px; } + .lightdm-gtk-greeter #login_window #buttonbox_frame { + padding-top: 20px; + background: rgba(35, 37, 46, 0.8); + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2); } + .lightdm-gtk-greeter #login_window #buttonbox_frame button { + border: 0; + color: white; + text-shadow: none; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { + background: rgba(0, 0, 0, 0.5); + box-shadow: none; + color: #eeeeec; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { + background: #2777ff; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } + /* GTK NAMED COLORS ---------------- use responsibly! */ diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index 7561459c..0b3a427b 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk.css @@ -94,10 +94,10 @@ textview border { .rubberband, rubberband, -flowbox rubberband, -treeview.view rubberband, .content-view rubberband, -.content-view .rubberband { +.content-view .rubberband, +treeview.view rubberband, +flowbox rubberband { border: 1px solid #005af3; background-color: rgba(0, 90, 243, 0.2); } @@ -132,8 +132,8 @@ label { button label:disabled:backdrop { color: inherit; } -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle { +.dim-label, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle, label.separator { opacity: 0.55; text-shadow: none; } @@ -153,8 +153,8 @@ assistant .sidebar label { assistant .sidebar label.highlight { background-color: #dedfe2; } -.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, -.app-notification.frame, .osd .scale-popup, +.osd .scale-popup, .app-notification, +.app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .osd { color: white; border: none; @@ -162,7 +162,7 @@ assistant .sidebar label.highlight { background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, + .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } @@ -247,11 +247,10 @@ entry { spinbutton:not(.vertical) image.right, entry image.right { margin-left: 6px; } - spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.flat:not(.vertical), + spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, - entry.flat:backdrop:disabled, entry.flat { min-height: 0; padding: 2px; @@ -315,13 +314,12 @@ entry { spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: #bdbec3; } - 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: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } - .osd spinbutton:not(.vertical), .osd - entry { + .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); @@ -329,8 +327,7 @@ entry { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), .osd - entry:focus { + .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; border-color: #2777ff; background-color: rgba(0, 0, 0, 0.5); @@ -338,8 +335,7 @@ entry { box-shadow: inset 0 0 0 1px #2777ff; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd - entry:backdrop { + .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { color: white; border-color: black; background-color: rgba(0, 0, 0, 0.5); @@ -347,8 +343,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: #93959a; border-color: black; background-color: rgba(61, 63, 72, 0.5); @@ -371,108 +366,63 @@ entry progress { entry progress:backdrop { background-color: transparent; } -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:focus + button, -.linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > -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: #2777ff; } -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:focus.error + button, -.linked:not(.vertical) > -entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > -entry:focus.error + -entry { +.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #bf1717; } -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:drop(active) + button, -.linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > -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: #0a814b; } -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #f0f0f0; } - .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, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #f0f0f0; } -.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: #f0f0f0; } .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: #2777ff; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus.error:not(:only-child) { +.linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #bf1717; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:drop(active):not(:only-child) { +.linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #0a814b; } .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -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: #2777ff; } .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:focus.error:not(:only-child) + entry, -.linked.vertical > -entry:focus.error:not(:only-child) + button, -.linked.vertical > -entry:focus.error:not(:only-child) + combobox > box > button.combo { +.linked.vertical > entry:focus.error:not(:only-child) + entry, +.linked.vertical > entry:focus.error:not(:only-child) + button, +.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #bf1717; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -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: #0a814b; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { @@ -523,7 +473,7 @@ treeview entry.flat, treeview entry { to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2777ff), to(transparent)); } } -notebook > header > tabs > arrow, button.titlebutton, +button.titlebutton, notebook > header > tabs > arrow, button { min-height: 24px; min-width: 16px; @@ -539,7 +489,7 @@ button { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } - notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, notebook > header > tabs > arrow.flat, button.flat.titlebutton, + button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; @@ -548,14 +498,14 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition: none; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, notebook > header > tabs > arrow.flat:hover, button.flat.titlebutton:hover, + button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, notebook > header > tabs > arrow.flat:hover:active, button.flat.titlebutton:hover:active, + button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, button.titlebutton:hover, + notebook > header > tabs > arrow:hover, button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); @@ -566,7 +516,7 @@ button { box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ffffff, white 1px); -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #5c616c; @@ -577,7 +527,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop.flat, button:backdrop.flat.titlebutton, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { color: #aeb0b6; @@ -588,7 +538,7 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop.flat:active, button:backdrop.flat.titlebutton:active, notebook > header > tabs > arrow:backdrop.flat:checked, button:backdrop.flat.titlebutton:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, @@ -597,7 +547,7 @@ button { border-color: #e0e0e0; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled, button:backdrop.flat.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { color: #d9d9d9; @@ -606,7 +556,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop.flat:disabled:active, button:backdrop.flat.titlebutton:disabled:active, notebook > header > tabs > arrow:backdrop.flat:disabled:checked, button:backdrop.flat.titlebutton:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, @@ -615,7 +565,7 @@ button { border-color: #e0e0e0; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow.flat:backdrop, button.flat.titlebutton:backdrop, notebook > header > tabs > arrow.flat:disabled, button.flat.titlebutton:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, button.flat.titlebutton:backdrop:disabled, + button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { @@ -625,7 +575,7 @@ button { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, + notebook > header > tabs > arrow:disabled, button:disabled { color: #aeb0b6; border-color: #d9d9d9; @@ -633,46 +583,43 @@ button { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #aeb0b6; border-color: #d9d9d9; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, + notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 2px; padding-right: 2px; } - notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, + notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, + notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, + notebook > header > tabs > arrow.text-button.image-button 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.titlebutton:drop(active), + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #0a814b; border-color: #0a814b; box-shadow: inset 0 0 0 1px #0a814b; } -row:selected -button { +row:selected button { border-color: #0051da; } -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected -button.flat:not(:active):not(:checked):not(:hover):not(disabled) { +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #f7f7f7; } @@ -746,10 +693,8 @@ button.osd { -gtk-icon-shadow: none; border: none; } -.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, -.app-notification.frame button, -.osd -button { +.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 { color: white; border-color: black; background-color: transparent; @@ -759,9 +704,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, - .osd - button:hover { + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: black; background-color: transparent; @@ -771,15 +714,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, - .osd - button:active:backdrop, - .osd - button:active, - .osd - button:checked:backdrop, - .osd - button:checked { + .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .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 { color: white; border-color: black; background-color: transparent; @@ -789,11 +724,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, - .osd - button:disabled:backdrop, - .osd - button:disabled { + .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #93959a; border-color: black; background-color: transparent; @@ -802,9 +733,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, - .osd - button:backdrop { + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { color: white; border-color: black; background-color: transparent; @@ -813,9 +742,7 @@ button { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, - .osd - button.flat { + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -825,9 +752,7 @@ button { box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, - .osd - button.flat:hover { + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: black; background-color: transparent; @@ -837,9 +762,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, - .osd - button.flat:disabled { + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #93959a; border-color: black; background-color: transparent; @@ -851,20 +774,14 @@ button { background-image: none; border-color: transparent; box-shadow: none; } - popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, - .osd - button.flat:backdrop { + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, - .osd - button.flat:active, - .osd - button.flat:checked { + .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 { color: white; border-color: black; background-color: transparent; @@ -976,8 +893,7 @@ button.suggested-action { border-color: #005af3; background-image: image(#1e71fe); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd - button.suggested-action { + .osd button.suggested-action { color: white; border-color: black; background-color: transparent; @@ -987,8 +903,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.suggested-action:hover { + .osd button.suggested-action:hover { color: white; border-color: black; background-color: transparent; @@ -998,11 +913,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: black; background-color: transparent; @@ -1012,9 +923,7 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #93959a; border-color: black; background-color: transparent; @@ -1023,8 +932,7 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { + .osd button.suggested-action:backdrop { color: white; border-color: black; background-color: transparent; @@ -1135,8 +1043,7 @@ button.destructive-action { border-color: #a61414; background-image: image(#c72626); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd - button.destructive-action { + .osd button.destructive-action { color: white; border-color: black; background-color: transparent; @@ -1146,8 +1053,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.destructive-action:hover { + .osd button.destructive-action:hover { color: white; border-color: black; background-color: transparent; @@ -1157,11 +1063,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: black; background-color: transparent; @@ -1171,9 +1073,7 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #93959a; border-color: black; background-color: transparent; @@ -1182,8 +1082,7 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { + .osd button.destructive-action:backdrop { color: white; border-color: black; background-color: transparent; @@ -1193,34 +1092,25 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; } -.stack-switcher > -button { +.stack-switcher > button { outline-offset: -3px; } - .stack-switcher > - button > label { + .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > - button > image { + .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > - button.text-button { + .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } - .stack-switcher > - button.image-button { + .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } @@ -1233,14 +1123,11 @@ button.file separator { button.font > box > box > label { font-weight: bold; } -.inline-toolbar -button, .inline-toolbar -button:backdrop { +.inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } -.primary-toolbar -button { +.primary-toolbar button { -gtk-icon-shadow: none; } @@ -1279,18 +1166,18 @@ button.circular { background-image: linear-gradient(to top, #ffffff, white 1px), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); border-color: transparent; } -.stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { +stacksidebar row.needs-attention > label, .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(#2777ff), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .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, .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image: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 4px; } .inline-toolbar toolbutton > button { @@ -1356,18 +1243,13 @@ button.circular { background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, -.linked > button:hover, -.linked > button:active, -.linked > button:checked, -.linked > button:backdrop, filechooser .path-bar.linked > button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat { border-radius: 0; border-right-style: none; -gtk-outline-radius: 0; } -toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, filechooser .path-bar.linked > button:first-child:dir(ltr), filechooser .path-bar.linked > button:last-child:dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { +.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .inline-toolbar button:first-child:backdrop, .linked > button:first-child, .linked > button:first-child:hover, .linked > button:first-child:active, .linked > button:first-child:checked, .linked > button:first-child:backdrop, toolbar.inline-toolbar toolbutton:first-child > button.flat { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; @@ -1378,8 +1260,7 @@ toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, .linked:no -gtk-outline-top-right-radius: 0; -gtk-outline-bottom-right-radius: 0; } -toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, filechooser .path-bar.linked > button:last-child:dir(ltr), filechooser .path-bar.linked > button:first-child:dir(rtl), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { +.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .inline-toolbar button:last-child:backdrop, .linked > button:last-child, .linked > button:last-child:hover, .linked > button:last-child:active, .linked > button:last-child:checked, .linked > button:last-child:backdrop, toolbar.inline-toolbar toolbutton:last-child > button.flat { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 5px; @@ -1390,41 +1271,34 @@ toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, .linked:not -gtk-outline-bottom-left-radius: 0; -gtk-outline-top-left-radius: 0; } -toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { +.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .inline-toolbar button:only-child:backdrop, .linked > button:only-child, .linked > button:only-child:hover, .linked > button:only-child:active, .linked > button:only-child:checked, .linked > button:only-child:backdrop, toolbar.inline-toolbar toolbutton:only-child > button.flat { border-radius: 5px; border-style: solid; -gtk-outline-radius: 5px; } -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked, -.linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { +.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { +.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > button:first-child:hover, .linked.vertical > button:first-child:active, .linked.vertical > button:first-child:checked, .linked.vertical > button:first-child:backdrop { border-top-left-radius: 5px; border-top-right-radius: 5px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { +.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > button:last-child:hover, .linked.vertical > button:last-child:active, .linked.vertical > button:last-child:checked, .linked.vertical > button:last-child:backdrop { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-style: solid; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { +.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > button:only-child:hover, .linked.vertical > button:only-child:active, .linked.vertical > button:only-child:checked, .linked.vertical > button:only-child:backdrop { border-radius: 5px; border-style: solid; } -modelbutton.flat, -.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, list row button.image-button:not(.flat), 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, calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, -button:visited:checked, calendar.button, .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, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, +.menuitem.button.flat { background-color: transparent; background-image: none; border-color: transparent; @@ -1489,71 +1363,58 @@ list row button.image-button:not(.flat) { /********* * Links * *********/ -button:link, -button:visited, button:link > label, -button:visited > label, +button:link > label, +button:visited > label, button:link, +button:visited, *:link { color: #005af3; } - - button:visited, button:link > label:visited, + button:link > label:visited, button:visited > label:visited, + button:visited, *:link:visited { color: #0047c0; } - - *:selected button:visited, *:selected button:link > label:visited, - *:selected button:visited > label:visited, *:selected - *:link:visited { + *:selected button:link > label:visited, + *:selected button:visited > label:visited, + *:selected button:visited, *:selected *:link:visited { color: #99b5e6; } - button:hover:link, - button:hover:visited, button:link > label:hover, - button:visited > label:hover, + button:link > label:hover, + button:visited > label:hover, button:hover:link, + button:hover:visited, *:link:hover { color: #2777ff; } - *:selected button:hover:link, - *:selected button:hover:visited, *:selected button:link > label:hover, - *:selected button:visited > label:hover, *:selected - *:link:hover { + *:selected button:link > label:hover, + *:selected button:visited > label:hover, *:selected button:hover:link, + *:selected button:hover:visited, *:selected *:link:hover { color: #e9f1ff; } - button:active:link, - button:active:visited, button:link > label:active, - button:visited > label:active, + button:link > label:active, + button:visited > label:active, button:active:link, + button:active:visited, *:link:active { color: #005af3; } - *:selected button:active:link, - *:selected button:active:visited, *:selected button:link > label:active, - *:selected button:visited > label:active, *:selected - *:link:active { + *:selected button:link > label:active, + *:selected button:visited > label:active, *:selected button:active:link, + *:selected button:active:visited, *:selected *:link:active { color: #ccdefd; } - button:disabled:link, - button:disabled:visited, button:link > label:disabled, - button:visited > label:disabled, button:disabled:backdrop:link, - button:disabled:backdrop:visited, button:link > label:disabled:backdrop, - button:visited > label:disabled:backdrop, + button:link > label:disabled, + button:visited > label:disabled, button:disabled:link, + button:disabled:visited, *:link:disabled, *:link:disabled:backdrop { color: rgba(122, 122, 122, 0.8); } - button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, button:link > label:backdrop:backdrop:hover, - button:visited > label:backdrop:backdrop:hover, button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, button:link > label:backdrop:backdrop:hover:selected, - button:visited > label:backdrop:backdrop:hover:selected, button:backdrop:link, - button:backdrop:visited, button:link > label:backdrop, - button:visited > label:backdrop, + button:link > label:backdrop, + button:visited > label:backdrop, button:backdrop:link, + button:backdrop:visited, *:link:backdrop:backdrop:hover, *:link:backdrop:backdrop:hover:selected, *:link:backdrop { color: rgba(0, 90, 243, 0.9); } .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, - headerbar.selection-mode .subtitle:link, button:selected:link, - button:selected:visited, button:link > label:selected, - button:visited > label:selected, - *:selected button:link, + headerbar.selection-mode .subtitle:link, button:link > label:selected, + button:visited > label:selected, button:selected:link, + button:selected:visited, *:selected button:link > label, + *:selected button:visited > label, *:selected button:link, *:selected button:visited, - *:selected button:link > label, - *:selected button:visited > label, - *:link:selected, - *:selected - *:link { + *:link:selected, *:selected *:link { color: #ccdefd; } button:link, @@ -1573,7 +1434,7 @@ button:visited { *****************/ spinbutton:not(.vertical) { padding: 0; } - spinbutton:not(.vertical) entry, .osd spinbutton:not(.vertical) entry { + .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; @@ -1776,8 +1637,8 @@ combobox:drop(active) { /************ * Toolbars * ************/ -toolbar, .inline-toolbar, searchbar > revealer > box, -.location-bar { +searchbar > revealer > box, +.location-bar, .inline-toolbar, toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #ffffff; } @@ -1874,27 +1735,23 @@ headerbar { border-color: #e0e0e0; background-image: image(#eaeaea); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode - headerbar, + .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #0051da; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #2777ff linear-gradient(to top, #1d71ff, #2c7aff); box-shadow: inset 0 1px rgba(125, 173, 255, 0.9); } - .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode - headerbar:backdrop, + .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #2777ff; background-image: none; box-shadow: inset 0 1px rgba(147, 187, 255, 0.88); } - .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode - headerbar:backdrop label, + .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; } - .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode - headerbar button, + .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -1904,8 +1761,7 @@ headerbar { text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } - .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode - headerbar button.flat, + .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; @@ -1913,8 +1769,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode - headerbar button:hover, + .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -1924,11 +1779,7 @@ headerbar { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); } - .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode .titlebar:not(headerbar) button.toggle:checked, .selection-mode .titlebar:not(headerbar) button.toggle:active, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button.toggle:checked, .selection-mode.titlebar:not(headerbar) button.toggle:active, .selection-mode - headerbar button:active, .selection-mode - headerbar button:checked, .selection-mode - headerbar button.toggle:checked, .selection-mode - headerbar button.toggle:active, + .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, @@ -1940,9 +1791,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode - headerbar button:backdrop.flat, .selection-mode - headerbar button:backdrop, + .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { color: #d4e4ff; @@ -1953,11 +1802,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode - headerbar button:backdrop.flat:active, .selection-mode - headerbar button:backdrop.flat:checked, .selection-mode - headerbar button:backdrop:active, .selection-mode - headerbar button:backdrop:checked, + .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, @@ -1967,9 +1812,7 @@ headerbar { background-image: image(#1e71fe); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode - headerbar button:backdrop.flat:disabled, .selection-mode - headerbar button:backdrop:disabled, + .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { color: #87b4fe; @@ -1979,13 +1822,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode - headerbar button:backdrop.flat:disabled:active, .selection-mode - headerbar button:backdrop.flat:disabled:checked, .selection-mode - headerbar button:backdrop:disabled:active, .selection-mode - headerbar button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop.flat:disabled:active, - headerbar.selection-mode button:backdrop.flat:disabled:checked, + .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { color: #6da3fe; @@ -1993,10 +1830,7 @@ headerbar { background-image: image(#1e71fe); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode - headerbar button.flat:backdrop, .selection-mode - headerbar button.flat:disabled, .selection-mode - headerbar button.flat:backdrop:disabled, + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { @@ -2006,8 +1840,7 @@ headerbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode - headerbar button:disabled, + .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { color: #a3c5ff; border-color: #005af3; @@ -2015,17 +1848,14 @@ headerbar { text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode - headerbar button:disabled:active, .selection-mode - headerbar button:disabled:checked, + .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #a5c6ff; border-color: #005af3; background-image: image(#1e71fe); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode - headerbar button.suggested-action, + .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); @@ -2036,8 +1866,7 @@ headerbar { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode - headerbar button.suggested-action:hover, + .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); @@ -2048,8 +1877,7 @@ headerbar { box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ffffff, white 1px); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode - headerbar button.suggested-action:active, + .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); @@ -2059,8 +1887,7 @@ headerbar { text-shadow: none; -gtk-icon-shadow: none; border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode - headerbar button.suggested-action:disabled, + .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #aeb0b6; border-color: #d9d9d9; @@ -2069,8 +1896,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode - headerbar button.suggested-action:backdrop, + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #aeb0b6; border-color: #e0e0e0; @@ -2079,8 +1905,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode - headerbar button.suggested-action:backdrop:disabled, + .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d9d9d9; border-color: #e0e0e0; @@ -2089,9 +1914,7 @@ headerbar { -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0051da; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode - headerbar .selection-menu:backdrop, .selection-mode - headerbar .selection-menu, + .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(39, 119, 255, 0); @@ -2100,59 +1923,17 @@ headerbar { box-shadow: none; min-height: 20px; padding: 4px 10px; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode - headerbar .selection-menu:backdrop arrow, .selection-mode - headerbar .selection-menu arrow, + .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, headerbar.selection-mode .selection-menu:backdrop arrow, headerbar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } - .selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode - headerbar .selection-menu:backdrop .arrow, .selection-mode - headerbar .selection-menu .arrow, + .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } - .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), - .tiled-top .titlebar:backdrop:not(headerbar), - .tiled-top .titlebar:not(headerbar), - .tiled-right .titlebar:backdrop:not(headerbar), - .tiled-right .titlebar:not(headerbar), - .tiled-bottom .titlebar:backdrop:not(headerbar), - .tiled-bottom .titlebar:not(headerbar), - .tiled-left .titlebar:backdrop:not(headerbar), - .tiled-left .titlebar:not(headerbar), - .maximized .titlebar:backdrop:not(headerbar), - .maximized .titlebar:not(headerbar), - .fullscreen .titlebar:backdrop:not(headerbar), - .fullscreen .titlebar:not(headerbar), .tiled - headerbar:backdrop, .tiled - headerbar, - .tiled-top - headerbar:backdrop, - .tiled-top - headerbar, - .tiled-right - headerbar:backdrop, - .tiled-right - headerbar, - .tiled-bottom - headerbar:backdrop, - .tiled-bottom - headerbar, - .tiled-left - headerbar:backdrop, - .tiled-left - headerbar, - .maximized - headerbar:backdrop, - .maximized - headerbar, - .fullscreen - headerbar:backdrop, - .fullscreen - headerbar { + .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { @@ -2167,11 +1948,7 @@ headerbar { .titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; } - .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd - headerbar:backdrop:dir(rtl), .solid-csd - headerbar:backdrop:dir(ltr), .solid-csd - headerbar:dir(rtl), .solid-csd - headerbar:dir(ltr) { + .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; @@ -2213,9 +1990,7 @@ headerbar.titlebar headerbar:not(.titlebar) { border-top-left-radius: 0; border-top-right-radius: 0; } -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, -window headerbar:first-child:backdrop, -window headerbar:first-child { +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { border-top-left-radius: 7px; } window headerbar:last-child:backdrop, window headerbar:last-child { @@ -2225,63 +2000,7 @@ window stack headerbar:first-child:backdrop, window stack headerbar:first-child, border-top-left-radius: 7px; border-top-right-radius: 7px; } -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, -window.tiled-top headerbar, -window.tiled-top headerbar:first-child, -window.tiled-top headerbar:last-child, -window.tiled-top headerbar:only-child, -window.tiled-top headerbar:backdrop, -window.tiled-top headerbar:backdrop:first-child, -window.tiled-top headerbar:backdrop:last-child, -window.tiled-top headerbar:backdrop:only-child, -window.tiled-right headerbar, -window.tiled-right headerbar:first-child, -window.tiled-right headerbar:last-child, -window.tiled-right headerbar:only-child, -window.tiled-right headerbar:backdrop, -window.tiled-right headerbar:backdrop:first-child, -window.tiled-right headerbar:backdrop:last-child, -window.tiled-right headerbar:backdrop:only-child, -window.tiled-bottom headerbar, -window.tiled-bottom headerbar:first-child, -window.tiled-bottom headerbar:last-child, -window.tiled-bottom headerbar:only-child, -window.tiled-bottom headerbar:backdrop, -window.tiled-bottom headerbar:backdrop:first-child, -window.tiled-bottom headerbar:backdrop:last-child, -window.tiled-bottom headerbar:backdrop:only-child, -window.tiled-left headerbar, -window.tiled-left headerbar:first-child, -window.tiled-left headerbar:last-child, -window.tiled-left headerbar:only-child, -window.tiled-left headerbar:backdrop, -window.tiled-left headerbar:backdrop:first-child, -window.tiled-left headerbar:backdrop:last-child, -window.tiled-left headerbar:backdrop:only-child, -window.maximized headerbar, -window.maximized headerbar:first-child, -window.maximized headerbar:last-child, -window.maximized headerbar:only-child, -window.maximized headerbar:backdrop, -window.maximized headerbar:backdrop:first-child, -window.maximized headerbar:backdrop:last-child, -window.maximized headerbar:backdrop:only-child, -window.fullscreen headerbar, -window.fullscreen headerbar:first-child, -window.fullscreen headerbar:last-child, -window.fullscreen headerbar:only-child, -window.fullscreen headerbar:backdrop, -window.fullscreen headerbar:backdrop:first-child, -window.fullscreen headerbar:backdrop:last-child, -window.fullscreen headerbar:backdrop:only-child, -window.solid-csd headerbar, -window.solid-csd headerbar:first-child, -window.solid-csd headerbar:last-child, -window.solid-csd headerbar:only-child, -window.solid-csd headerbar:backdrop, -window.solid-csd headerbar:backdrop:first-child, -window.solid-csd headerbar:backdrop:last-child, -window.solid-csd headerbar:backdrop:only-child { +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -2454,7 +2173,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he treeview.view header button:backdrop:disabled { border-color: #ffffff; background-image: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + treeview.view header button:last-child { border-right-style: none; } /********* @@ -2499,9 +2218,7 @@ menu, padding: 4px 0px; background-color: #fafafa; border: 1px solid #d9d9d9; } - .csd menu, .csd - .menu, .csd - .context-menu { + .csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; } menu:backdrop, @@ -3208,12 +2925,10 @@ radio { check:only-child, radio:only-child { margin: 0; } - popover check.left:dir(rtl), popover - radio.left:dir(rtl) { + popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; } - popover check.right:dir(ltr), popover - radio.right:dir(ltr) { + popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; } check, @@ -3297,11 +3012,9 @@ radio { check:backdrop, radio:backdrop { transition: 200ms ease-out; } - row:selected check, row:selected - radio { + row:selected check, row:selected radio { border-color: #0051da; } - .osd check, .osd - radio { + .osd check, .osd radio { color: white; border-color: black; background-color: transparent; @@ -3311,8 +3024,7 @@ radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd check:hover, .osd - radio:hover { + .osd check:hover, .osd radio:hover { color: white; border-color: black; background-color: transparent; @@ -3322,8 +3034,7 @@ radio { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(255, 255, 255, 0.3); } - .osd check:active, .osd - radio:active { + .osd check:active, .osd radio:active { color: white; border-color: black; background-color: transparent; @@ -3333,8 +3044,7 @@ radio { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(255, 255, 255, 0.3); } - .osd check:backdrop, .osd - radio:backdrop { + .osd check:backdrop, .osd radio:backdrop { color: white; border-color: black; background-color: transparent; @@ -3343,8 +3053,7 @@ radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd check:disabled, .osd - radio:disabled { + .osd check:disabled, .osd radio:disabled { color: #93959a; border-color: black; background-color: transparent; @@ -3353,19 +3062,9 @@ radio { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem - radio { + menu menuitem check, menu menuitem radio { margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem - radio, menu menuitem - radio:hover, menu menuitem - radio:disabled, menu menuitem - radio:checked, menu menuitem - radio:checked:hover, menu menuitem - radio:checked:disabled, menu menuitem - radio:indeterminate, menu menuitem - radio:indeterminate:hover, menu menuitem - radio:indeterminate:disabled { + menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { min-height: 14px; min-width: 14px; background-image: none; @@ -3424,43 +3123,43 @@ treeview.view radio:selected { /************ * GtkScale * ************/ -scale trough, scale fill, progressbar trough { +progressbar trough, scale fill, scale trough { border: 1px solid #d9d9d9; border-radius: 3px; background-color: #f2f2f2; } - scale trough:disabled, scale fill:disabled, progressbar trough:disabled { + progressbar trough:disabled, scale fill:disabled, scale trough:disabled { background-color: #fdfdfd; } - scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { + progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { background-color: #f4f4f4; border-color: #e0e0e0; transition: 200ms ease-out; } - scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { + progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { background-color: #fdfdfd; } - row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { + row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { border-color: #0051da; } - .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { + .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { border-color: black; background-color: rgba(0, 0, 0, 0.8); } - .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { + .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { background-color: rgba(61, 63, 72, 0.5); } -scale highlight, progressbar progress { +progressbar progress, scale highlight { border: 1px solid #0051da; border-radius: 3px; background-color: #2777ff; } - scale highlight:disabled, progressbar progress:disabled { + progressbar progress:disabled, scale highlight:disabled { background-color: transparent; border-color: transparent; } - scale highlight:backdrop, progressbar progress:backdrop { + progressbar progress:backdrop, scale highlight:backdrop { border-color: #2777ff; } - scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { + progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { background-color: transparent; border-color: transparent; } - row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { + row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { border-color: #0051da; } - .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { + .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { border-color: black; } - .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { + .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { border-color: transparent; } scale { @@ -4452,7 +4151,7 @@ filechooserbutton:drop(active) { .sidebar { border-style: none; background-color: #fcfcfc; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { + stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { border-right: 1px solid #d9d9d9; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { @@ -4479,8 +4178,7 @@ separator.sidebar { background-color: #d9d9d9; } separator.sidebar:backdrop { background-color: #e0e0e0; } - separator.sidebar.selection-mode, - .selection-mode separator.sidebar { + separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #0047c0; } /**************** @@ -4846,13 +4544,7 @@ decoration { decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } - .maximized decoration, - .fullscreen decoration, - .tiled decoration, - .tiled-top decoration, - .tiled-right decoration, - .tiled-bottom decoration, - .tiled-left decoration { + .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-radius: 0; } .popup decoration { box-shadow: none; } @@ -4901,39 +4593,50 @@ headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton:backdrop { -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, 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, entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { +.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #2777ff; } - 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, + 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, 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, entry selection, modelbutton.flat:selected, - .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { + .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; } - label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, - textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, - textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, - textview text selection:disabled, flowbox flowboxchild:disabled:selected, spinbutton:not(.vertical) selection:disabled, + label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, + textview text:disabled:selected:focus, + .view text:disabled:selected, + textview text:disabled:selected, .view text selection:disabled, + textview text selection:disabled:focus, + textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected, - .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { + .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #93bbff; } - label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, - textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected, - textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, - textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, + label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + textview text:backdrop:selected, .view text selection:backdrop, + textview text selection:backdrop:focus, + textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, entry selection:backdrop, modelbutton.flat:backdrop:selected, - .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { + .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #f7f7f7; } - label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, - textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, + label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, + textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { + .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #669efd; } .monospace { @@ -5087,11 +4790,11 @@ popover.emoji-completion .emoji:hover { * button, * button:hover, * button:active, * button:checked, * button:focus { outline-color: alpha(currentColor,0.15); } -.titlebar stackswitcher button:checked:active, .titlebar stackswitcher button:checked, +.titlebar stackswitcher button:checked:checked, .titlebar button.toggle:active, .titlebar button.toggle:checked, headerbar stackswitcher button:checked:active, -headerbar stackswitcher button:checked, +headerbar stackswitcher button:checked:checked, headerbar button.toggle:active, headerbar button.toggle:checked, button:active, @@ -5099,7 +4802,7 @@ button:checked { background: #f2f2f2; box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1); } -switch:hover slider, scale slider:active { +scale slider:active, switch:hover slider { background-image: image(white); } /********** @@ -5138,39 +4841,29 @@ switch { * Check and Radio items * *************************/ check, menu menuitem check, menu menuitem:hover check, -radio, menu menuitem -radio, menu menuitem:hover -radio { +radio, menu menuitem radio, menu menuitem:hover radio { background-image: linear-gradient(to bottom, white 20%, #fafafa 90%); border-color: #c2c2c2; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, radio:checked, -radio:indeterminate, menu menuitem -radio:checked, menu menuitem -radio:indeterminate { +radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); border-color: #0051da; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, radio:checked:active, - radio:indeterminate:active, menu menuitem - radio:checked:active, menu menuitem - radio:indeterminate:active { + radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { box-shadow: none; } check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, radio:checked:backdrop, - radio:indeterminate:backdrop, menu menuitem - radio:checked:backdrop, menu menuitem - radio:indeterminate:backdrop { + radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { background-image: image(#2777ff); } check:checked:disabled, check:indeterminate:disabled, menu menuitem check:checked:disabled, menu menuitem check:indeterminate:disabled, radio:checked:disabled, -radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:backdrop:checked:disabled, check:backdrop:indeterminate:disabled, -radio:backdrop:checked:disabled, -radio:backdrop:indeterminate:disabled, check:disabled, check:disabled:backdrop, +radio:indeterminate:disabled, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate:disabled, check:disabled, check:disabled:backdrop, radio:disabled, radio:disabled:backdrop { border-color: #d9d9d9; @@ -5429,13 +5122,7 @@ decoration { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); } decoration:backdrop { box-shadow: 0 2px 8px 0 transparent, 0 0 0 3px rgba(0, 0, 0, 0.15); } - .maximized decoration, - .fullscreen decoration, - .tiled decoration, - .tiled-top decoration, - .tiled-right decoration, - .tiled-bottom decoration, - .tiled-left decoration { + .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { border-width: 0; } .popup decoration { border-width: 0; } @@ -5496,6 +5183,40 @@ wnck-pager { wnck-pager:hover { background-color: #cccccc; } +/* LightDM */ +.lightdm-gtk-greeter #panel_window { + background: rgba(255, 255, 255, 0.9); + color: #5c616c; + text-shadow: none; + -gtk-icon-shadow: none; } + +.lightdm-gtk-greeter #login_window { + border: 0; + background-color: rgba(255, 255, 255, 0.9); + border-radius: 5px; + box-shadow: inset 1px 1px rgba(255, 255, 255, 0.05); } + .lightdm-gtk-greeter #login_window entry { + background: rgba(0, 0, 0, 0.7); + border-color: transparent; + min-height: 32px; } + .lightdm-gtk-greeter #login_window #buttonbox_frame { + padding-top: 20px; + background: rgba(255, 255, 255, 0.9); + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0 0 5px 5px; + box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2); } + .lightdm-gtk-greeter #login_window #buttonbox_frame button { + border: 0; + color: white; + text-shadow: none; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { + background: rgba(0, 0, 0, 0.05); + box-shadow: none; + color: #5c616c; } + .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { + background: #2777ff; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } + /* GTK NAMED COLORS ---------------- use responsibly! */ diff --git a/src/themes/Kali/sass/gtk-sass/_applications.scss b/src/themes/Kali/sass/gtk-sass/_applications.scss index 6f206d88..fbc8663b 100644 --- a/src/themes/Kali/sass/gtk-sass/_applications.scss +++ b/src/themes/Kali/sass/gtk-sass/_applications.scss @@ -1,3 +1,4 @@ +$panel_bg : transparentize($bg_color, if($variant=='light', .1, .2)); /* Nautilus */ @import url('applications/nautilus/Adwaita.css'); @@ -8,9 +9,7 @@ /* XFCE4 PANEL */ .xfce4-panel { - &.background { - background: transparentize($bg_color, if($variant=='light', .1, .2)); - } + &.background { background: $panel_bg; } button { border: 0; @@ -55,3 +54,52 @@ wnck-pager { &:hover { background-color: darken($bg_color, 20%); } } +/* LightDM */ + +.lightdm-gtk-greeter { + #panel_window { + background: $panel_bg; + color: $fg_color; + text-shadow: none; + -gtk-icon-shadow: none; + } + + #login_window { + border: 0; + background-color: $panel_bg; + border-radius: $button_radius; + box-shadow: inset 1px 1px transparentize(white, .95); + + entry { + background: if($variant=='light', transparentize(black, .3), white); + border-color: transparent; + min-height: 32px; + } + + #buttonbox_frame { + padding-top: 20px; + background: $panel_bg; + border-top: 1px solid transparentize(black, .9); + border-radius: 0 0 $button_radius $button_radius; + box-shadow: inset 0 -4px transparentize(black, .8); + + button { + border: 0; + color: white; + text-shadow: none; + } + + #cancel_button { + background: transparentize(black, if($variant=='light', .95, .5)); + box-shadow: none; + color: $fg_color; + } + + #login_button { + background: $selected_bg_color; + box-shadow: inset 0 -2px transparentize(black, 0.8); + } + } + } +} + diff --git a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss index ab143782..07b5fcef 100644 --- a/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss +++ b/src/themes/Kali/sass/gtk-sass/_common-tweaks.scss @@ -245,7 +245,7 @@ infobar { .app-notification.frame { padding: 5px 10px; margin: 20px; - border-radius: 5px; + border-radius: $button_radius; box-shadow: 0 2px 8px 0 transparentize(black, .6); background-image: none;