diff options
Diffstat (limited to 'themes/.themes/Matcha-dark-azul/gtk-4.0/gtk-dark.css')
| -rw-r--r-- | themes/.themes/Matcha-dark-azul/gtk-4.0/gtk-dark.css | 10955 |
1 files changed, 10955 insertions, 0 deletions
diff --git a/themes/.themes/Matcha-dark-azul/gtk-4.0/gtk-dark.css b/themes/.themes/Matcha-dark-azul/gtk-4.0/gtk-dark.css new file mode 100644 index 0000000..83be4ee --- /dev/null +++ b/themes/.themes/Matcha-dark-azul/gtk-4.0/gtk-dark.css @@ -0,0 +1,10955 @@ +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #14161b 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #14161b 100%, transparent 0%); + } +} + +@keyframes ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor,0.1) 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor,0.1) 100%, transparent 0%); + } +} + +.background { + color: #bbc3c8; + background-color: #1b1d24; +} + +.background.csd { + border-radius: 2px; +} + +.background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; +} + +dnd { + color: #bbc3c8; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +.view, iconview, textview > text { + color: #afb4ba; + background-color: #22252c; +} + +.view:hover, iconview:hover, textview > text:hover { + color: #bbc3c8; +} + +.view:selected:focus, .view:selected, iconview:selected:focus, textview > text:selected:focus, iconview:selected, textview > text:selected { + border-radius: 2px; +} + +.view:selected:hover, iconview:selected:hover, textview > text:selected:hover { + background-color: #22252e; +} + +textview:drop(active) { + caret-color: #F08437; +} + +textview border { + background-color: #1f2128; +} + +iconview { + outline: 0 solid transparent; + outline-offset: 4px; +} + +iconview:focus:focus-visible { + outline-color: rgba(52, 152, 219, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +iconview:hover, iconview:active, iconview:selected { + border-radius: 2px; +} + +iconview:drop(active) { + box-shadow: none; +} + +iconview > dndtarget:drop(active) { + border-style: solid; + border-width: 1px; + border-color: #196090; +} + +rubberband, XfdesktopIconView.view .rubberband, .content-view > rubberband, columnview.view > rubberband, +treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #217dbb; + background-color: rgba(33, 125, 187, 0.2); +} + +flowbox > flowboxchild { + padding: 3px; + border-radius: 2px; +} + +flowbox > flowboxchild { + outline: 0 solid transparent; + outline-offset: 4px; +} + +flowbox > flowboxchild:focus:focus-visible { + outline-color: rgba(52, 152, 219, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +flowbox > flowboxchild:selected { + outline-color: rgba(255, 255, 255, 0.3); +} + +gridview > child { + padding: 3px; + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +gridview > child { + outline: 0 solid transparent; + outline-offset: 4px; +} + +gridview > child:focus:focus-visible { + outline-color: rgba(52, 152, 219, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +gridview > child:selected { + outline-color: rgba(255, 255, 255, 0.3); +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: #afb4ba; + background-color: #22252c; + border: 1px solid black; +} + +label { + outline: 0 solid transparent; + outline-offset: 4px; +} + +label:focus:focus-visible { + outline-color: rgba(52, 152, 219, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +label > selection { + color: #ffffff; + background-color: #3498db; +} + +label:disabled { + color: rgba(187, 195, 200, 0.45); +} + +button label:disabled { + color: inherit; +} + +label:disabled selection { + color: #9acced; +} + +label.error { + color: #FC4138; +} + +label.error:disabled { + color: rgba(252, 65, 56, 0.5); +} + +.dim-label, .slate-notification .notification-body, +.budgie-notification .notification-body, +.budgie-switcher .notification-body, popover.background label.separator, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, +entry > text > placeholder, label.separator { + opacity: 0.55; + text-shadow: none; +} + +window.assistant .sidebar { + padding: 3px; + background-color: #22252c; + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +window.assistant.csd .sidebar { + border-top-style: none; +} + +window.assistant .sidebar > label { + padding: 6px 12px; +} + +window.assistant .sidebar > label.highlight { + background-color: #3498db; + color: #ffffff; + border-radius: 2px; +} + +window.aboutdialog image.large-icons { + -gtk-icon-size: 128px; +} + +.osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents, .osd { + color: #c6cbcf; + background-color: rgba(20, 22, 27, 0.95); + background-clip: padding-box; + border-radius: 3px; +} + +.osd { + border: 1px solid rgba(12, 13, 16, 0.95); + padding: 6px; + margin: 6px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35); +} + +.osd.circular { + border-radius: 100%; +} + +@keyframes spin { + to { + transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +spinbutton.vertical > text, spinbutton:not(.vertical), +entry { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + border-spacing: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-clip: padding-box; + color: #afb4ba; + border-color: rgba(0, 0, 0, 0.25); + background-color: #22252c; +} + +spinbutton.vertical > text.search, spinbutton.search:not(.vertical), +entry.search { + border-radius: 1000px; +} + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, +entry > image { + color: #9ca3a9; +} + +spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, +entry > image.left { + margin-right: 6px; +} + +spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, +entry > image.right { + margin-left: 6px; +} + +.raven .raven-background spinbutton:not(.vertical), spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), +entry.flat { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), +entry:focus-within { + background-clip: padding-box; + color: #afb4ba; + border-color: #3498db; + background-color: #22252c; +} + +spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, +entry:focus-within > placeholder { + opacity: 0; + /* We hide placeholders on focus */ +} + +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), +entry:disabled { + color: rgba(187, 195, 200, 0.45); + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(34, 37, 44, 0.55); +} + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), +entry.warning { + color: white; + border-color: rgba(0, 0, 0, 0.25); + background-color: #9f5731; +} + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), +entry.warning { + outline: 0 solid transparent; + outline-offset: 4px; +} + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + outline-color: rgba(242, 120, 53, 0.5); + outline-width: 2px; + outline-offset: -2px; +} + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), +entry.warning:focus-within { + color: white; + background-color: #F27835; + box-shadow: none; +} + +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, +entry.warning > selection { + background-color: white; + color: #F27835; +} + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), +entry.error { + color: white; + border-color: rgba(0, 0, 0, 0.25); + background-color: #a53633; +} + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), +entry.error { + outline: 0 solid transparent; + outline-offset: 4px; +} + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + outline-color: rgba(252, 65, 56, 0.5); + outline-width: 2px; + outline-offset: -2px; +} + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), +entry.error:focus-within { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, +entry.error > selection { + background-color: white; + color: #FC4138; +} + +spinbutton.vertical > text.search-missing, spinbutton.search-missing:not(.vertical), +entry.search-missing { + color: white; + border-color: rgba(0, 0, 0, 0.25); + background-color: #a53633; +} + +spinbutton.vertical > text.search-missing, spinbutton.search-missing:not(.vertical), +entry.search-missing { + outline: 0 solid transparent; + outline-offset: 4px; +} + +spinbutton.vertical > text.search-missing:focus-within, spinbutton.search-missing:focus-within:not(.vertical), +entry.search-missing:focus-within { + outline-color: rgba(252, 65, 56, 0.5); + outline-width: 2px; + outline-offset: -2px; +} + +spinbutton.vertical > text.search-missing:focus-within, spinbutton.search-missing:focus-within:not(.vertical), +entry.search-missing:focus-within { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +spinbutton.vertical > text.search-missing > selection, spinbutton.search-missing:not(.vertical) > selection, +entry.search-missing > selection { + background-color: white; + color: #FC4138; +} + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, +entry > image { + color: #9ca3a9; +} + +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, +entry > image:hover { + color: #bbc3c8; +} + +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, +entry > image:active { + color: #3498db; +} + +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, +entry.password image.caps-lock-indicator { + color: rgba(116, 122, 128, 0.56); +} + +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), +entry:drop(active):focus-within, +entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.95); +} + +.osd spinbutton.vertical > text image, .osd spinbutton:not(.vertical) image, .osd entry image { + color: inherit; +} + +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { + color: #ffffff; + border-color: rgba(12, 13, 16, 0.95); + background-color: #3498db; +} + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { + color: rgba(198, 203, 207, 0.55); + background-color: rgba(27, 29, 36, 0.85); +} + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, +entry > progress { + margin-bottom: 2px; +} + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, +entry progress > trough > progress { + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #4586D8; + border-style: solid; + box-shadow: none; +} + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { + border-left-color: #F08437; +} + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: rgba(32, 35, 41, 0.775); +} + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { + border-top-color: rgba(32, 35, 41, 0.775); +} + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > entry + entry:drop(active):not(:only-child) { + border-top-color: #F08437; +} + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .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) + menubutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, +.linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; +} + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), +entry.error { + color: #FC4138; +} + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #22252c; + transition-property: color, background; +} + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #22252c; +} + +treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: #3498db; +} + +editablelabel > stack > text { + color: #afb4ba; + border-color: rgba(0, 0, 0, 0.25); + background-color: #22252c; +} + +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #75b9e7 0%, rgba(117, 185, 231, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #75b9e7 95%, rgba(117, 185, 231, 0)); + } +} + + +button { + min-height: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + background-clip: padding-box; + color: #bbc3c8; + border-color: rgba(0, 0, 0, 0.25); + background-color: #262a32; +} + + +button { + outline: 0 solid transparent; + outline-offset: 4px; +} + + +button:focus:focus-visible { + outline-color: rgba(52, 152, 219, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +#tasklist-button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, PanelToplevel.mate-panel-menu-bar > grid.horizontal > button, tabbox > tab button, placessidebar .navigation-sidebar > row button.sidebar-button, +button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + transition: none; +} + +#tasklist-button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:hover, tabbox > tab button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, +button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +#tasklist-button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:active, tabbox > tab button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, #tasklist-button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:checked, tabbox > tab button:checked, placessidebar .navigation-sidebar > row button.sidebar-button:checked, +button.flat:active, +button.flat:checked { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +#tasklist-button:backdrop, .budgie-panel button.flat.launcher:backdrop, button.budgie-menu-launcher:backdrop, PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:backdrop, tabbox > tab button:backdrop, placessidebar .navigation-sidebar > row button.sidebar-button:backdrop, #tasklist-button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:disabled, tabbox > tab button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, +button.flat:backdrop, +button.flat:disabled, +button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; +} + + +button:hover { + color: #919ea6; + border-color: rgba(0, 0, 0, 0.25); + background-color: #383d49; + background-clip: padding-box; + -gtk-icon-filter: brightness(1.2); +} + + +button:active, +button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.25); + background-color: #3498db; + background-clip: padding-box; + transition-duration: 50ms; +} + + +button:active:not(:disabled) label:disabled, +button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + + +button:active { + color: #bbc3c8; +} + + +button:active:hover, +button:checked { + color: #ffffff; +} + + +button.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; +} + + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(38, 42, 50, 0.55); + background-clip: padding-box; +} + + +button:disabled label, +button:disabled { + color: rgba(187, 195, 200, 0.45); +} + + +button:disabled:active, +button:disabled:checked { + border-color: rgba(52, 152, 219, 0.75); + background-color: rgba(52, 152, 219, 0.75); + opacity: 0.6; +} + + +button:disabled:active label, +button:disabled:active, +button:disabled:checked label, +button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + + +button.image-button { + min-width: 24px; + padding-left: 5px; + padding-right: 5px; +} + + +button.text-button { + padding-left: 12px; + padding-right: 12px; +} + + +button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; +} + + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + + +button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; +} + +dropdown:drop(active) button.combo, +combobox:drop(active) button.combo, +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + + +button.osd { + color: #c6cbcf; + background-color: rgba(20, 22, 27, 0.95); + border-color: rgba(3, 3, 4, 0.95); +} + + +button.osd.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; +} + + +button.osd:hover { + color: #3498db; +} + + +button.osd:active, +button.osd:checked { + color: #ffffff; + border-color: rgba(12, 13, 16, 0.95); + background-color: #3498db; +} + + +button.osd:disabled { + color: #4a4c51; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.85); +} + +popover.background.touch-selection button, popover.background.magnifier button, .osd button { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.95); +} + +popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(198, 203, 207, 0.1); +} + +popover.background.touch-selection button:active, popover.background.magnifier button:active, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(12, 13, 16, 0.95); + background-color: #3498db; +} + +popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled { + color: #4a4c51; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.85); +} + +popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(198, 203, 207, 0.1); +} + +popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { + color: #4a4c51; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.85); + background-image: none; +} + +popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { + color: #ffffff; + border-color: rgba(12, 13, 16, 0.95); + background-color: #3498db; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #4586D8; + border-color: #4586D8; +} + + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4586D8; +} + + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #5a94dc; + border-color: #5a94dc; +} + + +button.suggested-action:active, +button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #6fa1e1; + border-color: #6fa1e1; +} + + +button.suggested-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(187, 195, 200, 0.45); +} + + +button.suggested-action:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(38, 42, 50, 0.55); +} + + +button.suggested-action:disabled label, +button.suggested-action:disabled { + color: rgba(187, 195, 200, 0.45); +} + + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #db5b5b; + border-color: #db5b5b; +} + + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #db5b5b; +} + + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #e07070; + border-color: #e07070; +} + + +button.destructive-action:active, +button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #e48585; + border-color: #e48585; +} + + +button.destructive-action.flat:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(187, 195, 200, 0.45); +} + + +button.destructive-action:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(38, 42, 50, 0.55); +} + + +button.destructive-action:disabled label, +button.destructive-action:disabled { + color: rgba(187, 195, 200, 0.45); +} + +stackswitcher > button { + outline-offset: -3px; +} + +stackswitcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +stackswitcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; +} + +stackswitcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +stackswitcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +stackswitcher > button.needs-attention:active > label, stackswitcher > button.needs-attention:active > image, stackswitcher > button.needs-attention:checked > label, stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + + +button.font separator, +button.file separator { + background-color: transparent; +} + + +button.font > box, +button.file > box { + border-spacing: 6px; +} + + +button.font > box > box > label, +button.file > box > box > label { + font-weight: bold; +} + +.slate-notification-window button.image-button, +.budgie-notification-window button.image-button, +.budgie-switcher-window button.image-button, +.budgie-osd-window button.image-button, box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button, box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, button.nautilus-circular-button.image-button, +button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; + border-radius: 1000px; +} + +.slate-notification-window button.image-button label, +.budgie-notification-window button.image-button label, +.budgie-switcher-window button.image-button label, +.budgie-osd-window button.image-button label, box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button label, box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button label, button.nautilus-circular-button.image-button label, +button.circular label { + padding: 0; +} + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(farthest-side, #75b9e7 96%, rgba(117, 185, 231, 0)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { + background-size: 6px 6px, 0 0; +} + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(0, 0, 0, 0.3); +} + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: #f75d37; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus-within:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus-within:last-child { + border-left-color: #3498db; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #3498db; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus-within:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus-within:last-child { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus-within:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus-within:last-child { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #3498db; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.25); +} + +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.25); +} + +.linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.linked:not(.vertical):not(.path-bar) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked:not(.vertical):not(.path-bar) { + box-shadow: none; +} + +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; +} + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: none; +} + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: none; +} + +.osd .linked:not(.vertical) > entry + entry { + border-left-color: rgba(12, 13, 16, 0.3); +} + +.osd .linked:not(.vertical) > entry.error + entry, +.osd .linked:not(.vertical) > entry + entry.error { + border-left-color: #FC4138; +} + +.osd .linked:not(.vertical) > entry.warning + entry, +.osd .linked:not(.vertical) > entry + entry.warning { + border-left-color: #F27835; +} + +.osd .linked:not(.vertical) > entry.error + entry.warning, +.osd .linked:not(.vertical) > entry.warning + entry.error { + border-left-color: #f75d37; +} + +.osd .linked:not(.vertical) > entry + entry:focus-within:not(:last-child), +.osd .linked:not(.vertical) > entry + entry:focus-within:last-child { + border-left-color: #3498db; +} + +.osd .linked:not(.vertical) > entry:focus-within:not(:only-child) + entry, +.osd .linked:not(.vertical) > entry:focus-within:not(:only-child) + button, +.osd .linked:not(.vertical) > entry:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #3498db; +} + +.osd .linked:not(.vertical) > entry + entry:drop(active):not(:last-child), +.osd .linked:not(.vertical) > entry + entry:drop(active):last-child { + border-left-color: #F08437; +} + +.osd .linked:not(.vertical) > entry:drop(active):not(:only-child) + entry, +.osd .linked:not(.vertical) > entry:drop(active):not(:only-child) + button, +.osd .linked:not(.vertical) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; +} + +.osd .linked:not(.vertical) > entry + entry.warning:focus-within:not(:last-child), +.osd .linked:not(.vertical) > entry + entry.warning:focus-within:last-child { + border-left-color: #F27835; +} + +.osd .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + entry, +.osd .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + button, +.osd .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; +} + +.osd .linked:not(.vertical) > entry + entry.error:focus-within:not(:last-child), +.osd .linked:not(.vertical) > entry + entry.error:focus-within:last-child { + border-left-color: #FC4138; +} + +.osd .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + entry, +.osd .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + button, +.osd .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; +} + +.osd .linked:not(.vertical) > button:active + entry, +.osd .linked:not(.vertical) > button:checked + entry { + border-left-color: #3498db; +} + +.osd .linked:not(.vertical) > button + button { + border-left-style: none; +} + +.osd .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.osd .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 1px 0 rgba(12, 13, 16, 0.95); +} + +.osd .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.osd .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 1px 0 rgba(12, 13, 16, 0.95); +} + +.osd .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.osd .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.osd .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.osd .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.osd .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.osd .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.osd .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.osd .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.osd .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.osd .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.osd .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.osd .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.osd .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.osd .linked:not(.vertical) { + box-shadow: none; +} + +.linked.vertical > entry + entry { + border-top-color: rgba(0, 0, 0, 0.3); +} + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: #FC4138; +} + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: #F27835; +} + +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: #f75d37; +} + +.linked.vertical > entry + entry:focus-within:not(:last-child), +.linked.vertical > entry + entry:focus-within:last-child { + border-top-color: #3498db; +} + +.linked.vertical > entry:focus-within:not(:only-child) + entry, +.linked.vertical > entry:focus-within:not(:only-child) + button, +.linked.vertical > entry:focus-within:not(:only-child) + combobox > box > button.combo { + border-top-color: #3498db; +} + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; +} + +.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: #F08437; +} + +.linked.vertical > entry + entry.warning:focus-within:not(:last-child), +.linked.vertical > entry + entry.warning:focus-within:last-child { + border-top-color: #F27835; +} + +.linked.vertical > entry.warning:focus-within:not(:only-child) + entry, +.linked.vertical > entry.warning:focus-within:not(:only-child) + button, +.linked.vertical > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; +} + +.linked.vertical > entry + entry.error:focus-within:not(:last-child), +.linked.vertical > entry + entry.error:focus-within:last-child { + border-top-color: #FC4138; +} + +.linked.vertical > entry.error:focus-within:not(:only-child) + entry, +.linked.vertical > entry.error:focus-within:not(:only-child) + button, +.linked.vertical > entry.error:focus-within:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; +} + +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #3498db; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); +} + +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); +} + +.linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.linked.vertical > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.linked.vertical > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.linked.vertical { + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, +headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, +headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, +headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error, .titlebar .linked:not(.vertical):not(.path-bar) > entry + entry, +.titlebar .linked:not(.vertical):not(.path-bar) > entry.error + entry, +.titlebar .linked:not(.vertical):not(.path-bar) > entry + entry.error, +.titlebar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.titlebar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, +.titlebar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.titlebar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus-within:not(:last-child), +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus-within:last-child, .titlebar .linked:not(.vertical):not(.path-bar) > entry + entry:focus-within:not(:last-child), +.titlebar .linked:not(.vertical):not(.path-bar) > entry + entry:focus-within:last-child { + border-left-color: #3498db; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + entry, .titlebar .linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + button:not(:hover):not(:active):not(:checked), +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked), .titlebar .linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + button:not(:hover):not(:active):not(:checked), +.titlebar .linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked) { + border-left-color: transparent; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + button:hover, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + combobox > box > button.combo:hover, .titlebar .linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + button:hover, +.titlebar .linked:not(.vertical):not(.path-bar) > entry:focus-within:not(:only-child) + combobox > box > button.combo:hover { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, .titlebar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.titlebar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .titlebar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button:not(:hover):not(:active):not(:checked), +headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked), .titlebar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button:not(:hover):not(:active):not(:checked), +.titlebar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked) { + border-left-color: transparent; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button:hover, +headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo:hover, .titlebar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button:hover, +.titlebar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo:hover { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus-within:not(:last-child), +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus-within:last-child, .titlebar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus-within:not(:last-child), +.titlebar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus-within:last-child { + border-left-color: #F27835; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + entry, .titlebar .linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + button:not(:hover):not(:active):not(:checked), +headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked), .titlebar .linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + button:not(:hover):not(:active):not(:checked), +.titlebar .linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked) { + border-left-color: transparent; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + button:hover, +headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo:hover, .titlebar .linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + button:hover, +.titlebar .linked:not(.vertical):not(.path-bar) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo:hover { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus-within:not(:last-child), +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus-within:last-child, .titlebar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus-within:not(:last-child), +.titlebar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus-within:last-child { + border-left-color: #FC4138; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + entry, .titlebar .linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + button:not(:hover):not(:active):not(:checked), +headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked), .titlebar .linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + button:not(:hover):not(:active):not(:checked), +.titlebar .linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked) { + border-left-color: transparent; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + button:hover, +headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo:hover, .titlebar .linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + button:hover, +.titlebar .linked:not(.vertical):not(.path-bar) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo:hover { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, +headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .titlebar .linked:not(.vertical):not(.path-bar) > button:active + entry, +.titlebar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > button + button, .titlebar .linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: solid; +} + +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), .titlebar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.titlebar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), .titlebar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.titlebar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: none; +} + +.linked:not(.vertical) > dropdown > box > button.combo:dir(ltr), .linked:not(.vertical) > dropdown > box > button.combo:dir(rtl), .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), .budgie-settings-window buttonbox.inline-toolbar button, spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button { + border-radius: 0; + border-right-style: none; + background-clip: padding-box; +} + +.budgie-settings-window buttonbox.inline-toolbar button:first-child, spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.budgie-settings-window buttonbox.inline-toolbar button:last-child, spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button:only-child, spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 3px; + border-style: solid; +} + +spinbutton.vertical.linked > text, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical.linked > text:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} + +spinbutton.vertical.linked > text:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; +} + +spinbutton.vertical.linked > text:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 3px; + border-style: solid; +} + +.nemo-window .floating-bar button, .app-notification button.flat, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.flat:hover, .toolbar button, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, +list > row button.image-button:not(.flat), modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, +.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, +.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, +.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, +.linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, +.linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, +.linked.vertical > dropdown:not(:first-child) > button, +.linked.vertical > colorbutton:not(:first-child) > button, +.linked.vertical > fontbutton:not(:first-child) > button, +.linked.vertical > filechooserbutton:not(:first-child) > button { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, +.linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, +.linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, +.linked.vertical > dropdown:not(:last-child) > button, +.linked.vertical > colorbutton:not(:last-child) > button, +.linked.vertical > fontbutton:not(:last-child) > button, +.linked.vertical > filechooserbutton:not(:last-child) > button { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +modelbutton.flat { + min-height: 24px; + padding-left: 6px; + padding-right: 6px; + outline-offset: -3px; + border-radius: 2px; +} + +modelbutton.flat:hover { + background-color: #262933; + color: #bbc3c8; +} + +modelbutton.flat:active { + color: #bbc3c8; + background-color: #313441; +} + +modelbutton.flat:disabled { + color: rgba(187, 195, 200, 0.45); +} + +modelbutton.flat arrow { + background: none; + min-width: 16px; + min-height: 16px; + opacity: 0.3; +} + +modelbutton.flat arrow:hover, modelbutton.flat arrow:selected, modelbutton.flat arrow:focus { + background: none; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, +list > row button.image-button:not(.flat) { + border: 1px solid rgba(0, 0, 0, 0); +} + +popover.menu box.circular-buttons button.circular.image-button.model:hover, +list > row button.image-button:not(.flat):hover { + color: #919ea6; + border-color: rgba(0, 0, 0, 0.25); + background-color: #383d49; +} + +popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.25); + background-color: #3498db; +} + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, +list > row button.image-button:not(.flat).suggested-action { + background-clip: border-box; + color: white; + background-color: #3498db; + border-color: #3498db; +} + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, +list > row button.image-button:not(.flat).suggested-action { + outline: 0 solid transparent; + outline-offset: 4px; +} + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, +list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); + outline-width: 2px; + outline-offset: -2px; +} + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, +list > row button.image-button:not(.flat).destructive-action { + background-clip: border-box; + color: white; + background-color: #db5b5b; + border-color: #db5b5b; +} + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, +list > row button.image-button:not(.flat).destructive-action { + outline: 0 solid transparent; + outline-offset: 4px; +} + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, +list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); + outline-width: 2px; + outline-offset: -2px; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, link:selected, *:selected link, button.link:selected, *:selected button.link { + color: #d6eaf8; +} + +link, button.link { + color: #8bc4ea; + text-decoration: underline; +} + +link:visited, button.link:visited { + color: #caced2; +} + +*:selected link:visited, *:selected button.link:visited { + color: #aed6f1; +} + +link:hover, button.link:hover { + color: #b6daf2; +} + +*:selected link:hover, *:selected button.link:hover { + color: #ebf5fb; +} + +link:active, button.link:active { + color: #8bc4ea; +} + +*:selected link:active, *:selected button.link:active { + color: #d6eaf8; +} + +link { + outline: 0 solid transparent; + outline-offset: 4px; +} + +link:focus:focus-visible { + outline-color: rgba(52, 152, 219, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +button.link, button.link:hover, button.link:active, button.link:checked { + text-shadow: none; +} + +button.link > label { + text-decoration: underline; +} + +.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; +} + +.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { + background-color: transparent; +} + +spinbutton { + font-feature-settings: "tnum"; +} + +spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; +} + +spinbutton:not(.vertical) > text { + padding: 6px 0 6px 12px; +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat), +spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #acb3b8; + background-image: none; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + box-shadow: none; +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), +spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, +spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + color: #bbc3c8; + background-color: rgba(187, 195, 200, 0.1); +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, +spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(187, 195, 200, 0); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.15); +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, +spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: rgba(187, 195, 200, 0.2); +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, +spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 2px 2px 0; +} + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, +spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 2px 0 0 2px; +} + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), +.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #c6cbcf; + border-style: none none none solid; + border-color: rgba(12, 13, 16, 0.65); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; +} + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), +.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; +} + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, +.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.5); + background-color: rgba(0, 0, 0, 0.95); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, +.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4a4c51; + border-color: rgba(12, 13, 16, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, +.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 2px 2px 0; +} + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, +.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 2px 0 0 2px; +} + +spinbutton.vertical:disabled { + color: rgba(187, 195, 200, 0.45); +} + +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; +} + +spinbutton.vertical > text { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; +} + +spinbutton.vertical > text > block-cursor { + color: #22252c; + background-color: #afb4ba; +} + +spinbutton.vertical > button { + min-height: 32px; + min-width: 32px; + padding: 0; +} + +spinbutton.vertical > button.up { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +spinbutton.vertical > button.down { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.osd spinbutton.vertical > button:first-child { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.95); +} + +.osd spinbutton.vertical > button:first-child:hover { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(198, 203, 207, 0.1); +} + +.osd spinbutton.vertical > button:first-child:active { + color: #ffffff; + border-color: rgba(12, 13, 16, 0.95); + background-color: #3498db; +} + +.osd spinbutton.vertical > button:first-child:disabled { + color: #4a4c51; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.85); +} + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) > text { + min-height: 0; + padding: 1px 2px; +} + +dropdown > popover.menu.background > contents { + padding: 0; +} + +dropdown > button > box { + border-spacing: 6px; +} + +dropdown button.combo, +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +dropdown:drop(active), +combobox:drop(active) { + box-shadow: none; +} + +dropdown popover, +combobox popover { + margin-top: 4px; + padding: 0; +} + +dropdown popover listview, +combobox popover listview { + margin: 6px 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + outline-color: rgba(255, 255, 255, 0.3); + color: #afb4ba; + background-color: #262933; +} + +dropdown popover .dropdown-searchbar, +combobox popover .dropdown-searchbar { + padding: 6px; + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +.linked:not(.vertical) > dropdown:first-child > box > button.combo, .linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.linked:not(.vertical) > dropdown:last-child > box > button.combo, .linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; +} + +.linked:not(.vertical) > dropdown:only-child > box > button.combo, .linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; +} + +.linked.vertical > dropdown:first-child > box > button.combo, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} + +.linked.vertical > dropdown:last-child > box > button.combo, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; +} + +.linked.vertical > dropdown:only-child > box > button.combo, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; +} + +.toolbar, +toolbar { + padding: 4px; + border-spacing: 4px; + background-color: #1b1d24; + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +.toolbar separator, +toolbar separator { + background: none; +} + +.toolbar.horizontal separator, +toolbar.horizontal separator { + margin: 0 6px; +} + +.toolbar.vertical separator, +toolbar.vertical separator { + margin: 6px 0; +} + +.osd .toolbar, .osd toolbar { + background-color: transparent; +} + +.toolbar.osd, +toolbar.osd { + padding: 8px; + border: 1px solid rgba(12, 13, 16, 0.95); + border-radius: 3px; + background-color: rgba(20, 22, 27, 0.9); +} + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, +toolbar.osd.left, +toolbar.osd.right, +toolbar.osd.top, +toolbar.osd.bottom { + border-radius: 0; +} + +.toolbar.osd.top, +toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.toolbar.osd.bottom, +toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.toolbar.osd.left, +toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.toolbar.osd.right, +toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.toolbar button { + margin: 1px; +} + +.toolbar button:hover { + color: #919ea6; + border-color: rgba(0, 0, 0, 0.25); + background-color: #383d49; +} + +.toolbar button:active { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.25); + background-color: #3498db; +} + +.toolbar button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(38, 42, 50, 0.55); +} + +.toolbar button:disabled label, .toolbar button:disabled { + color: rgba(187, 195, 200, 0.45); +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-style: solid; + border-color: #14161b; + background-color: #1b1d24; + border-width: 0 0 1px; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.25); + background-color: #14161b; +} + +headerbar { + min-height: 42px; + padding: 0 10px; + color: #c6cbcf; + background-color: #14161b; +} + +headerbar:backdrop { + transition: 200ms ease-out; + color: rgba(198, 203, 207, 0.7); + background-color: #1f222a; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; +} + +headerbar.selection-mode { + color: #ffffff; + background-color: rgba(52, 152, 219, 0.95); + border-color: rgba(38, 143, 213, 0.95); + box-shadow: none; +} + +headerbar.selection-mode:backdrop { + background-color: rgba(52, 152, 219, 0.95); + color: rgba(255, 255, 255, 0.6); +} + +headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized headerbar.selection-mode { + background-color: #3498db; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; +} + +.maximized headerbar { + background-color: #14161b; + border-color: #0c0d10; +} + +.maximized headerbar:backdrop { + background-color: #1f222a; +} + +headerbar.default-decoration { + min-height: 28px; + padding: 0 6px; + background-color: #14161b; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration windowcontrols button, +headerbar.default-decoration windowcontrols menubutton { + border: none; + min-height: 22px; + min-width: 22px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.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; + border-radius: 0; + box-shadow: none; +} + +.titlebar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + color: #c6cbcf; + border-radius: 0; + box-shadow: none; + border: none; + margin: 0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 0%, transparent 0%) 0 0 0/0 0 0; +} + +.titlebar.windowhandle viewswitcher button:checked:not(.titlebutton):not(.suggested-action):not(.destructive-action), .titlebar.windowhandle viewswitcher button:active:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + color: #c6cbcf; + background-color: rgba(198, 203, 207, 0.15); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.titlebar.windowhandle viewswitcher button:disabled:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + color: rgba(198, 203, 207, 0.4); +} + +.titlebar.windowhandle viewswitcher button:checked:disabled:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + color: rgba(198, 203, 207, 0.4); + background-color: rgba(198, 203, 207, 0.05); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(52, 152, 219, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.titlebar { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 0; + margin-top: 0; + margin-bottom: 0; +} + +window.thunar toolbar entry, .nemo-window .primary-toolbar entry, headerbar entry { + color: #c6cbcf; + border-color: rgba(0, 0, 0, 0.42); + background-color: rgba(69, 74, 91, 0.42); +} + +window.thunar toolbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image { + color: inherit; +} + +window.thunar toolbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; +} + +window.thunar toolbar entry:focus-within, .nemo-window .primary-toolbar entry:focus-within, headerbar entry:focus-within { + color: #fdfefe; + border-color: #3498db; + background-color: rgba(55, 60, 74, 0.42); + background-clip: padding-box; +} + +window.thunar toolbar entry:focus-within image, .nemo-window .primary-toolbar entry:focus-within image, headerbar entry:focus-within image { + color: #3498db; +} + +window.thunar toolbar entry:disabled, .nemo-window .primary-toolbar entry:disabled, headerbar entry:disabled { + color: rgba(198, 203, 207, 0.55); + border-color: rgba(0, 0, 0, 0.42); + background-color: rgba(69, 74, 91, 0.85); +} + +window.thunar toolbar entry selection:focus-within, .nemo-window .primary-toolbar entry selection:focus-within, headerbar entry selection:focus-within { + background-color: #ffffff; + color: #3498db; +} + +window.thunar toolbar button, .caja-navigation-window toolbar#Toolbar.primary-toolbar button, .nemo-window .primary-toolbar button, headerbar button { + color: #c6cbcf; + outline-offset: -3px; + background-color: transparent; + border-color: transparent; + border-width: 0; +} + +window.thunar toolbar button:backdrop, .caja-navigation-window toolbar#Toolbar.primary-toolbar button:backdrop, .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.8; +} + +window.thunar toolbar button:hover, .caja-navigation-window toolbar#Toolbar.primary-toolbar button:hover, .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #c6cbcf; + border-color: rgba(0, 0, 0, 0.25); + background-color: rgba(198, 203, 207, 0.18); +} + +window.thunar toolbar button:active, .caja-navigation-window toolbar#Toolbar.primary-toolbar button:active, .nemo-window .primary-toolbar button:active, headerbar button:active, window.thunar toolbar button:checked, .caja-navigation-window toolbar#Toolbar.primary-toolbar button:checked, .nemo-window .primary-toolbar button:checked, headerbar button:checked { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #ffffff; + border-color: transparent; + background-color: #3498db; + background-clip: padding-box; +} + +window.thunar toolbar button:disabled, .caja-navigation-window toolbar#Toolbar.primary-toolbar button:disabled, .nemo-window .primary-toolbar button:disabled, headerbar button:disabled { + background-color: transparent; + border-color: transparent; +} + +window.thunar toolbar button:disabled label, .caja-navigation-window toolbar#Toolbar.primary-toolbar button:disabled label, .nemo-window .primary-toolbar button:disabled label, headerbar button:disabled label, window.thunar toolbar button:disabled, .caja-navigation-window toolbar#Toolbar.primary-toolbar button:disabled, .nemo-window .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(198, 203, 207, 0.45); +} + +window.thunar toolbar button:disabled:active, .caja-navigation-window toolbar#Toolbar.primary-toolbar button:disabled:active, .nemo-window .primary-toolbar button:disabled:active, headerbar button:disabled:active, window.thunar toolbar button:disabled:checked, .caja-navigation-window toolbar#Toolbar.primary-toolbar button:disabled:checked, .nemo-window .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(52, 152, 219, 0.75); + background-color: rgba(52, 152, 219, 0.75); +} + +window.thunar toolbar .linked.raised > button:not(:last-child):not(:only-child), .caja-navigation-window toolbar#Toolbar.primary-toolbar .linked.raised > button:not(:last-child):not(:only-child), .nemo-window .primary-toolbar .linked.raised > button:not(:last-child):not(:only-child), headerbar .linked.raised > button:not(:last-child):not(:only-child) { + margin-left: 1px; +} + +window.thunar toolbar .linked.raised > button, .caja-navigation-window toolbar#Toolbar.primary-toolbar .linked.raised > button, .nemo-window .primary-toolbar .linked.raised > button, headerbar .linked.raised > button { + border-radius: 3px; + border-style: solid; + border-width: 0; + box-shadow: none; +} + +window.thunar toolbar .linked.raised > button:last-child, .caja-navigation-window toolbar#Toolbar.primary-toolbar .linked.raised > button:last-child, .nemo-window .primary-toolbar .linked.raised > button:last-child, headerbar .linked.raised > button:last-child { + border-left-style: solid; + border-left-width: 0; + border-color: transparent; +} + +window.thunar toolbar .linked.raised > button:last-child:hover, .caja-navigation-window toolbar#Toolbar.primary-toolbar .linked.raised > button:last-child:hover, .nemo-window .primary-toolbar .linked.raised > button:last-child:hover, headerbar .linked.raised > button:last-child:hover, window.thunar toolbar .linked.raised > button:last-child:active, .caja-navigation-window toolbar#Toolbar.primary-toolbar .linked.raised > button:last-child:active, .nemo-window .primary-toolbar .linked.raised > button:last-child:active, headerbar .linked.raised > button:last-child:active { + border-color: rgba(0, 0, 0, 0.25); +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button { + margin-top: 0px; + margin-bottom: 0px; +} + +headerbar entry progress { + border-color: #4586D8; + background-image: none; + background-color: transparent; +} + +headerbar entry.warning { + color: white; + border-color: rgba(0, 0, 0, 0.42); + background-color: #99512b; +} + +headerbar entry.warning:focus-within { + color: white; + background-color: #F27835; +} + +headerbar entry.warning selection, headerbar entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +headerbar entry.error { + color: white; + border-color: rgba(0, 0, 0, 0.42); + background-color: #9f302d; +} + +headerbar entry.error:focus-within { + color: white; + background-color: #FC4138; +} + +headerbar entry.error selection, headerbar entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); +} + +headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); +} + +headerbar.selection-mode button:hover { + background-color: alpha(#ffffff,0.3); +} + +headerbar.selection-mode button:active, headerbar.selection-mode button:checked { + color: #3498db; + background-color: #ffffff; + border-color: #ffffff; +} + +headerbar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.42); +} + +headerbar.selection-mode button:disabled label { + color: rgba(255, 255, 255, 0.42); +} + +headerbar.selection-mode button:disabled:checked, headerbar.selection-mode button:disabled:active { + color: #3498db; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.42); +} + +headerbar.selection-mode button:backdrop { + opacity: 0.7; + background: none; +} + +headerbar buttonbox.linked > button, +headerbar .linked > button.toggle, +headerbar stackswitcher.linked > button { + background-color: #2a2d38; + color: #c6cbcf; + border-width: 0; + border-color: rgba(0, 0, 0, 0.25); +} + +headerbar buttonbox.linked > button:hover, +headerbar .linked > button.toggle:hover, +headerbar stackswitcher.linked > button:hover { + background-color: #3a3d47; +} + +headerbar buttonbox.linked > button:active, headerbar buttonbox.linked > button:checked, +headerbar .linked > button.toggle:active, +headerbar .linked > button.toggle:checked, +headerbar stackswitcher.linked > button:active, +headerbar stackswitcher.linked > button:checked { + color: #ffffff; + border-color: transparent; + background-color: #3498db; +} + +headerbar buttonbox.linked > button:disabled, +headerbar .linked > button.toggle:disabled, +headerbar stackswitcher.linked > button:disabled { + color: rgba(198, 203, 207, 0.4); +} + +headerbar buttonbox.linked > button:disabled label, +headerbar .linked > button.toggle:disabled label, +headerbar stackswitcher.linked > button:disabled label { + color: rgba(198, 203, 207, 0.4); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry { + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus-within { + border-color: #3498db; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: #F27835; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: #FC4138; +} + +headerbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #4586D8; + border-color: #4586D8; +} + +headerbar button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4586D8; +} + +headerbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #5a94dc; + border-color: #5a94dc; +} + +headerbar button.suggested-action:active, headerbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #6fa1e1; + border-color: #6fa1e1; +} + +headerbar button.suggested-action.flat:disabled, headerbar button.suggested-action:disabled { + background-color: transparent; + border-color: transparent; +} + +headerbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled, headerbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled { + color: rgba(198, 203, 207, 0.45); +} + +headerbar button.suggested-action:backdrop, +headerbar button.suggested-action:backdrop { + opacity: 0.8; +} + +headerbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #db5b5b; + border-color: #db5b5b; +} + +headerbar button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #db5b5b; +} + +headerbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #e07070; + border-color: #e07070; +} + +headerbar button.destructive-action:active, headerbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #e48585; + border-color: #e48585; +} + +headerbar button.destructive-action.flat:disabled, headerbar button.destructive-action:disabled { + background-color: transparent; + border-color: transparent; +} + +headerbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled, headerbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled { + color: rgba(198, 203, 207, 0.45); +} + +headerbar button.destructive-action:backdrop, +headerbar button.destructive-action:backdrop { + opacity: 0.8; +} + +headerbar spinbutton:not(.vertical):focus-within { + color: #ffffff; + caret-color: #ffffff; +} + +headerbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button:disabled { + color: #c6cbcf; + border-color: rgba(0, 0, 0, 0.25); + background-color: rgba(198, 203, 207, 0.18); +} + +headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(101, 109, 135, 0.42); +} + +headerbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + border-color: transparent; + background-color: #3498db; +} + +headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(198, 203, 207, 0.42); +} + +headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +headerbar spinbutton:not(.vertical) > button:hover:not(:active), +headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.42); +} + +headerbar spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +headerbar spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.42); +} + +headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), +headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +headerbar spinbutton:not(.vertical) > entry:focus-within + button { + border-left-color: #3498db; +} + +headerbar combobox:disabled { + color: rgba(198, 203, 207, 0.42); +} + +headerbar combobox > .linked > button.combo { + color: #c6cbcf; + border-color: rgba(0, 0, 0, 0.42); + background-color: rgba(69, 74, 91, 0.42); +} + +headerbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image:hover { + color: inherit; +} + +headerbar combobox > .linked > button.combo:hover { + color: #fdfefe; + border-color: #3498db; + background-color: rgba(55, 60, 74, 0.42); + box-shadow: none; +} + +headerbar combobox > .linked > button.combo:disabled { + color: rgba(198, 203, 207, 0.55); + border-color: rgba(0, 0, 0, 0.42); + background-color: rgba(69, 74, 91, 0.85); +} + +headerbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; +} + +headerbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: 1px 0 #3498db; +} + +headerbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; +} + +headerbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: -1px 0 #3498db; +} + +headerbar combobox > .linked > button.combo:dir(ltr), headerbar combobox > .linked > button.combo:dir(ltr):hover, headerbar combobox > .linked > button.combo:dir(ltr):active, headerbar combobox > .linked > button.combo:dir(ltr):checked, headerbar combobox > .linked > button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +headerbar combobox > .linked > button.combo:dir(rtl), headerbar combobox > .linked > button.combo:dir(rtl):hover, headerbar combobox > .linked > button.combo:dir(rtl):active, headerbar combobox > .linked > button.combo:dir(rtl):checked, headerbar combobox > .linked > button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar progressbar trough { + background-color: rgba(0, 0, 0, 0.42); +} + +headerbar progressbar:backdrop { + opacity: 0.75; +} + +headerbar scale:backdrop { + opacity: 0.75; +} + +headerbar scale slider { + background-color: #2a2d38; + border-color: rgba(0, 0, 0, 0.72); +} + +headerbar scale slider:hover { + background-color: #353947; + border-color: rgba(0, 0, 0, 0.72); +} + +headerbar scale slider:active { + background-color: #3498db; + border-color: #3498db; +} + +headerbar scale slider:disabled { + background-color: #242630; + border-color: rgba(0, 0, 0, 0.72); +} + +headerbar scale trough { + background-color: rgba(0, 0, 0, 0.42); +} + +headerbar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.9); +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 2px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 2px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar: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-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar: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-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; +} + +.titlebar:not(headerbar) > separator { + background-image: linear-gradient(to bottom, #14161b, #14161b); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.titlebar:not(headerbar) > separator:backdrop { + transition: 200ms ease-out; + background-image: linear-gradient(to bottom, #1f222a, #1f222a); + box-shadow: none; +} + +headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background: none; + border-width: 0 0; + border-image: linear-gradient(to bottom, rgba(198, 203, 207, 0) 25%, rgba(198, 203, 207, 0.35) 25%, rgba(198, 203, 207, 0.35) 75%, rgba(198, 203, 207, 0) 75%) 0 1/0 0 stretch; +} + +headerbar separator.titlebutton:backdrop { + opacity: 0.6; +} + +window.devel headerbar.titlebar { + background: #1b1d24 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(52, 152, 219, 0.1)), linear-gradient(to top, #0c0d10 3px, #101115); +} + +window.devel headerbar.titlebar:backdrop { + background: #1b1d24 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#1b1d24); + /* background-color would flash */ +} + +.path-bar > button:hover { + background-color: rgba(187, 195, 200, 0.06); +} + +.path-bar > button:checked, .path-bar > button:active { + background-color: #3498db; + border-color: #3498db; +} + +.path-bar > button:checked:hover, .path-bar > button:active:hover { + background-color: #4aa3df; + border-color: #4aa3df; +} + +.path-bar > button.text-button, .path-bar > button.image-button, .path-bar > button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar > button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar > button.text-button.image-button label:last-child, .path-bar > button label:last-child { + padding-right: 10px; +} + +.path-bar > button.text-button.image-button label:first-child, .path-bar > button label:first-child { + padding-left: 10px; +} + +.path-bar > button.slider-button, .path-bar > button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar > button image { + padding-left: 4px; + padding-right: 4px; +} + +columnview.view, +treeview.view { + border-left-color: #41454b; + border-top-color: #41454b; +} + +columnview.view, +treeview.view { + outline: 0 solid transparent; + outline-offset: 4px; +} + +columnview.view:focus:focus-visible, +treeview.view:focus:focus-visible { + outline-color: rgba(52, 152, 219, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #3498db; +} + +columnview.view:selected, columnview.view:selected:focus, +treeview.view:selected, +treeview.view:selected:focus { + border-radius: 0; + outline-color: rgba(255, 255, 255, 0.3); +} + +columnview.view:disabled, +treeview.view:disabled { + color: rgba(187, 195, 200, 0.45); +} + +columnview.view:disabled:selected, +treeview.view:disabled:selected { + color: rgba(187, 195, 200, 0.45); +} + +columnview.view.separator, +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #78aed2; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #196090; +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #858c91; +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +columnview.view.expander:hover, +treeview.view.expander:hover { + color: #bbc3c8; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: #afb4ba; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: #bbc3c8; +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.progressbar, +treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-color: #4586D8; + background-image: image(#4586D8); +} + +columnview.view.progressbar:selected, columnview.view.progressbar:selected:focus, +treeview.view.progressbar:selected, +treeview.view.progressbar:selected:focus { + color: #3498db; + border-radius: 3px; + box-shadow: none; + background-color: #ffffff; + background-image: image(#ffffff); +} + +columnview.view.trough, +treeview.view.trough { + color: #bbc3c8; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 3px; + border-width: 0; +} + +columnview.view.trough:selected, columnview.view.trough:selected:focus, +treeview.view.trough:selected, +treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; +} + +columnview.view > header > button, +treeview.view > header > button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #9ca3a9; + background-color: #22252c; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #22252c 20%, rgba(255, 255, 255, 0.12) 20%, rgba(255, 255, 255, 0.12) 80%, #22252c 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +columnview.view > header > button:hover, +treeview.view > header > button:hover { + color: #3498db; +} + +columnview.view > header > button:active, +treeview.view > header > button:active { + color: #bbc3c8; +} + +columnview.view > header > button:active, columnview.view > header > button:hover, +treeview.view > header > button:active, +treeview.view > header > button:hover { + background-color: #22252c; +} + +columnview.view > header > button:active:hover, +treeview.view > header > button:active:hover { + color: #bbc3c8; +} + +columnview.view > header > button:disabled, +treeview.view > header > button:disabled { + border-color: #1b1d24; + background-image: none; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; + border-image: none; +} + +columnview.view button.dnd, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd:active, +columnview.view header.button.dnd, +columnview.view header.button.dnd:selected, +columnview.view header.button.dnd:hover, +columnview.view header.button.dnd:active, +treeview.view button.dnd, +treeview.view button.dnd:selected, +treeview.view button.dnd:hover, +treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #3498db; + border-radius: 0; + border-style: none; +} + +menubar { + padding: 0; + background-color: #14161b; + color: #c6cbcf; +} + +menubar:backdrop { + color: rgba(198, 203, 207, 0.7); +} + +menubar > item { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 6px 10px; + border: none; + border-radius: 0; + min-height: 16px; +} + +menubar > item:selected { + background-color: #3498db; + color: #ffffff; +} + +menubar > item:disabled { + color: rgba(198, 203, 207, 0.45); + border-color: transparent; +} + +menubar > item popover.menu.background > contents { + padding: 5px; + border-radius: 0 0 3px 3px; +} + +menubar > item popover.menu popover.menu { + padding: 0 0 4px 0; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 3px; +} + +popover.background { + background-color: transparent; + font: initial; +} + +popover.background > arrow, +popover.background > contents { + background-color: #1b1d24; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35); +} + +popover.background:backdrop { + background-color: transparent; +} + +popover.background > contents { + padding: 6px; + border-radius: 3px; +} + +popover.background > contents > list, +popover.background > contents > .view, +popover.background > contents > toolbar { + border-style: none; + background-color: transparent; +} + +popover.background > contents separator { + background-color: rgba(20, 22, 27, 0.475); + margin: 3px; +} + +popover.background > contents list separator { + margin: 0; +} + +popover.background label.separator { + color: #bbc3c8; +} + +popover.background > list, +popover.background > .view, +popover.background > toolbar, +popover.background > scrolledwindow > viewport > list { + border-style: none; + background-color: transparent; +} + +popover.background > scrolledwindow > viewport > list { + margin: 6px; +} + +popover.background > scrolledwindow > viewport > list row { + padding: 6px 12px; + border-radius: 2px; +} + +popover.background scale > trough > fill:disabled { + background-color: transparent; +} + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { + background-color: transparent; +} + +.osd popover.background > arrow, +.osd popover.background > contents, popover.background.touch-selection > arrow, +popover.background.touch-selection > contents, popover.background.magnifier > arrow, +popover.background.magnifier > contents { + background-clip: padding-box; + border: 1px solid rgba(12, 13, 16, 0.95); +} + +magnifier { + background-color: #22252c; +} + +popover.menu { + padding: 0; +} + +popover.menu box.inline-buttons { + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + border-color: transparent; + background-color: transparent; + background-image: none; + min-height: 30px; + min-width: 30px; + padding: 0; + border: none; + outline: none; + transition: none; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background-image: image(#262933); +} + +popover.menu box.circular-buttons { + padding: 6px 6px 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 10px; + border: none; +} + +popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: #262933; +} + +popover.menu box.circular-buttons button.circular.image-button.model:active:focus { + color: #bbc3c8; + background-color: #313441; +} + +popover.menu > arrow, popover.menu.background > contents { + background-color: #1b1d24; + padding: 5px; +} + +popover.menu.background separator { + margin: 6px 0; +} + +popover.menu accelerator { + color: alpha(currentColor,0.55); +} + +popover.menu accelerator:dir(ltr) { + margin-left: 6px; +} + +popover.menu accelerator:dir(rtl) { + margin-right: 6px; +} + +popover.menu radio { + border-color: rgba(0, 0, 0, 0.25); +} + +popover.menu radio:active { + border-color: rgba(0, 0, 0, 0); +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: -2px; + margin-right: 6px; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 6px; + margin-right: -2px; +} + +popover.menu modelbutton { + min-height: 30px; + min-width: 40px; + padding: 0 6px; + border-radius: 2px; +} + +popover.menu modelbutton:selected { + color: #afb4ba; + background-color: #262933; +} + +popover.menu modelbutton:selected:active { + color: #bbc3c8; + background-color: #313441; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +notebook { + padding: 0; +} + +notebook > header > tabs > tab:checked { + outline: 0 solid transparent; + outline-offset: 4px; +} + +notebook:focus:focus-visible > header > tabs > tab:checked { + outline-color: rgba(52, 152, 219, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +notebook.frame { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +notebook > stack:not(:only-child) { + background-color: #22252c; +} + +notebook > header { + padding: 0; + background-color: #1b1d24; +} + +notebook > header.top { + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +notebook > header.top > tabs > tab { + padding: 6px 16px; + min-width: 16px; + min-height: 16px; + border-radius: 0; + outline-offset: -4px; + border: none; + border-bottom: none; +} + +notebook > header.top > tabs > tab:not(:only-child):first-child { + margin-left: 6px; +} + +notebook > header.top > tabs > tab:not(:only-child):last-child { + margin-right: 6px; +} + +notebook > header.top > tabs > tab:hover { + box-shadow: inset 0 -2px alpha(#3498db,0.6), 0 1px alpha(#3498db,0.6); +} + +notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -2px #3498db, 0 1px #3498db; +} + +notebook > header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +notebook > header.bottom > tabs > tab { + padding: 6px 16px; + min-width: 16px; + min-height: 16px; + border-radius: 0; + outline-offset: -4px; + border: none; + border-top: none; +} + +notebook > header.bottom > tabs > tab:not(:only-child):first-child { + margin-left: 6px; +} + +notebook > header.bottom > tabs > tab:not(:only-child):last-child { + margin-right: 6px; +} + +notebook > header.bottom > tabs > tab:hover { + box-shadow: inset 0 2px alpha(#3498db,0.6), 0 -1px alpha(#3498db,0.6); +} + +notebook > header.bottom > tabs > tab:checked { + box-shadow: inset 0 2px #3498db, 0 -1px #3498db; +} + +notebook > header.right { + border-left: 1px solid rgba(0, 0, 0, 0.25); +} + +notebook > header.right > tabs > tab { + padding: 6px 16px; + min-width: 16px; + min-height: 16px; + border-radius: 0; + outline-offset: -4px; + border: none; + border-left: none; +} + +notebook > header.right > tabs > tab:not(:only-child):first-child { + margin-top: 6px; +} + +notebook > header.right > tabs > tab:not(:only-child):last-child { + margin-bottom: 6px; +} + +notebook > header.right > tabs > tab:hover { + box-shadow: inset 2px 0 alpha(#3498db,0.6), -1px 0 alpha(#3498db,0.6); +} + +notebook > header.right > tabs > tab:checked { + box-shadow: inset 2px 0 #3498db, -1px 0 #3498db; +} + +notebook > header.left { + border-right: 1px solid rgba(0, 0, 0, 0.25); +} + +notebook > header.left > tabs > tab { + padding: 6px 16px; + min-width: 16px; + min-height: 16px; + border-radius: 0; + outline-offset: -4px; + border: none; + border-right: none; +} + +notebook > header.left > tabs > tab:not(:only-child):first-child { + margin-top: 6px; +} + +notebook > header.left > tabs > tab:not(:only-child):last-child { + margin-bottom: 6px; +} + +notebook > header.left > tabs > tab:hover { + box-shadow: inset -2px 0 alpha(#3498db,0.6), 1px 0 alpha(#3498db,0.6); +} + +notebook > header.left > tabs > tab:checked { + box-shadow: inset -2px 0 #3498db, 1px 0 #3498db; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(187, 195, 200, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(187, 195, 200, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #bbc3c8; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(187, 195, 200, 0.7); +} + +notebook > header > tabs > tab { + color: rgba(187, 195, 200, 0.45); + background-color: rgba(27, 29, 36, 0); +} + +notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(187, 195, 200, 0.725); + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +notebook > header > tabs > tab:checked { + color: #bbc3c8; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +notebook > header > tabs > tab button.flat { + border-radius: 100%; + min-height: 16px; + min-width: 16px; + padding: 0; + margin: 4px 0; + color: #83898f; +} + +notebook > header > tabs > tab button.flat:hover { + color: #ff4d4d; + background-color: #101115; +} + +notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:active:hover { + color: #3498db; + background-color: #0a0a0d; +} + +notebook > header button { + margin: 2px; +} + +scrollbar { + background-color: #202329; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +scrollbar.top { + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +scrollbar.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +scrollbar.left { + border-right: 1px solid rgba(0, 0, 0, 0.25); +} + +scrollbar.right { + border-left: 1px solid rgba(0, 0, 0, 0.25); +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar > range > trough > slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #5b5f66; +} + +scrollbar > range > trough > slider:hover { + background-color: #4b4f55; +} + +scrollbar > range > trough > slider:hover:active { + background-color: #3498db; +} + +scrollbar > range > trough > slider:disabled { + background-color: transparent; +} + +scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + border-width: 5px 4px; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #8b9197; + border: 1px solid rgba(0, 0, 0, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + margin: 0 2px; + min-width: 40px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + margin: 2px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.8; +} + +scrollbar.horizontal > range > trough > slider { + min-width: 40px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 40px; +} + +treeview ~ scrollbar.vertical { + border-top: 1px solid rgba(0, 0, 0, 0.25); + margin-top: -1px; +} + +switch { + font-size: 0; + min-width: 52px; + min-height: 24px; + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: center center; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +switch > slider { + min-width: 0; + min-height: 0; +} + +switch, switch > slider { + outline-color: transparent; + color: transparent; + border: none; + box-shadow: none; +} + +switch { + background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); +} + +menuitem:hover switch, +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); +} + +headerbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); +} + +switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); +} + +menuitem:hover switch:checked, +row:selected switch:checked, +infobar switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); +} + +headerbar switch:checked { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); +} + +switch:hover { + background-image: -gtk-scaled(url("assets/switch-hover-dark.png"), url("assets/switch-hover-dark@2.png")); +} + +menuitem:hover switch:hover, +row:selected switch:hover, +infobar switch:hover { + background-image: -gtk-scaled(url("assets/switch-hover-selected.png"), url("assets/switch-hover-selected@2.png")); +} + +headerbar switch:hover { + background-image: -gtk-scaled(url("assets/switch-hover-header-dark.png"), url("assets/switch-hover-header-dark@2.png")); +} + +switch:checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover-dark.png"), url("assets/switch-active-hover-dark@2.png")); +} + +menuitem:hover switch:checked:hover, +row:selected switch:checked:hover, +infobar switch:checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover-selected.png"), url("assets/switch-active-hover-selected@2.png")); +} + +headerbar switch:checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover-header-dark.png"), url("assets/switch-active-hover-header-dark@2.png")); +} + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); +} + +menuitem:hover switch:disabled, +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); +} + +headerbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); +} + +switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); +} + +menuitem:hover switch:checked:disabled, +row:selected switch:checked:disabled, +infobar switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); +} + +headerbar switch:checked:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +menuitem check:hover, +.view check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +menuitem check:disabled:hover, +.view check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +menuitem check:checked:hover, +.view check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +menuitem radio:hover, +.view radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +menuitem radio:disabled:hover, +.view radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +menuitem radio:checked:hover, +.view radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #919ea6; +} + +checkbutton.text-button:disabled, radiobutton.text-button:disabled { + color: rgba(187, 195, 200, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale > trough > fill, scale > trough, popover.background scale > trough, popover.background scale > trough > fill { + border: none; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.25); +} + +scale > trough > fill:disabled, scale > trough:disabled, popover.background scale > trough:disabled, popover.background scale > trough > fill:disabled { + background-color: rgba(0, 0, 0, 0.15); +} + +.osd scale > trough > fill, .osd scale > trough, .osd popover.background scale > trough, popover.background .osd scale > trough, .osd popover.background scale > trough > fill, popover.background .osd scale > trough > fill { + background-color: rgba(0, 0, 0, 0.25); +} + +.osd scale > trough > fill:disabled, .osd scale > trough:disabled, .osd popover.background scale > trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale > trough > highlight, popover.background scale > trough > highlight { + border: none; + border-radius: 3px; + background-color: #3498db; +} + +scale > trough > highlight:disabled, popover.background scale > trough > highlight:disabled { + background-color: rgba(52, 152, 219, 0.5); +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + min-height: 15px; + min-width: 15px; + margin: -6px; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale > trough > slider:hover { + background-clip: border-box; + background-color: #3498db; + border-color: #2791d9; +} + +scale > trough > slider:active { + background-clip: border-box; + background-color: #2791d9; + border-color: #2489cc; +} + +scale > trough > slider:disabled { + background-color: #e6e6e6; + border-color: rgba(0, 0, 0, 0.25); +} + +scale > value { + color: alpha(currentColor,0.45); + font-feature-settings: "tnum"; +} + +scale > marks { + color: alpha(currentColor,0.45); +} + +scale > marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale > marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale > marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale > marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune > marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune > marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune > marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune > marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +infobar.info trough, infobar.question trough, infobar.warning trough, infobar.error trough, scale:selected trough { + background-color: rgba(0, 0, 0, 0.2); +} + +infobar.info trough highlight, infobar.question trough highlight, infobar.warning trough highlight, infobar.error trough highlight, scale:selected trough highlight { + background-color: #4ea5e0; +} + +infobar.info trough highlight:disabled, infobar.question trough highlight:disabled, infobar.warning trough highlight:disabled, infobar.error trough highlight:disabled, scale:selected trough highlight:disabled { + background-color: #a4d1ef; +} + +infobar.info trough:disabled, infobar.question trough:disabled, infobar.warning trough:disabled, infobar.error trough:disabled, scale:selected trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +progressbar { + font-size: smaller; + color: rgba(187, 195, 200, 0.7); + font-feature-settings: "tnum"; +} + +progressbar.horizontal > trough { + min-width: 150px; +} + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { + min-height: 4px; + border-radius: 2px; +} + +progressbar.vertical > trough { + min-height: 80px; +} + +progressbar.vertical > trough, progressbar.vertical > trough > progress { + min-width: 4px; + border-radius: 2px; +} + +progressbar.horizontal > trough > progress { + margin: 0 -1px; +} + +progressbar.vertical > trough > progress { + margin: -1px 0; +} + +progressbar.osd { + min-width: 4px; + min-height: 4px; + background-color: transparent; +} + +progressbar.osd > trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar.osd > progress { + border-style: none; + border-radius: 0; +} + +progressbar > trough > progress { + background-color: #4586D8; + border: none; + border-radius: 3px; + box-shadow: none; + border-radius: 1.5px; +} + +row:selected progressbar > trough > progress, infobar progressbar > trough > progress { + background-color: #ffffff; +} + +progressbar > trough > progress:disabled { + background-color: rgba(187, 195, 200, 0.45); + border-color: rgba(187, 195, 200, 0.45); +} + +progressbar > trough > progress.left { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +progressbar > trough > progress.right { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} + +progressbar > trough > progress.top { + border-top-right-radius: 5px; + border-top-left-radius: 5px; +} + +progressbar > trough > progress.bottom { + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +progressbar > trough { + border: none; + border-radius: 3px; + background-color: #101115; +} + +row:selected progressbar > trough, infobar progressbar > trough { + background-color: rgba(0, 0, 0, 0.2); +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal trough > block { + min-height: 4px; + border-radius: 3px; +} + +levelbar.horizontal trough > block:dir(rtl) { + border-radius: 0 3px 3px 0; +} + +levelbar.horizontal trough > block:dir(ltr) { + border-radius: 3px 0 0 3px; +} + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { + border-radius: 3px; +} + +levelbar.horizontal.discrete trough > block { + min-height: 2px; + margin: 1px; + min-width: 24px; + border-radius: 0; +} + +levelbar.horizontal.discrete trough > block:first-child { + border-radius: 2px 0 0 2px; +} + +levelbar.horizontal.discrete trough > block:last-child { + border-radius: 0 2px 2px 0; +} + +levelbar.vertical trough > block { + min-width: 4px; + border-radius: 3px; +} + +levelbar.vertical.discrete > trough > block { + min-width: 4px; + margin: 1px 0; + min-height: 32px; +} + +levelbar > trough { + padding: 0; +} + +levelbar > trough > block { + border: 1px solid; +} + +levelbar > trough > block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + border-color: #3498db; + background-color: #3498db; +} + +levelbar > trough > block.full { + border-color: #2eb398; + background-color: #2eb398; +} + +levelbar > trough > block.empty { + background-color: #101115; + border-color: #101115; +} + +window.dialog.print drawing { + color: #bbc3c8; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + border: 1px solid rgba(0, 0, 0, 0.25); + background: #22252c; + padding: 0; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +frame, +.frame { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +frame { + border-radius: 2px; +} + +frame > label { + margin: 4px; +} + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.25) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, rgba(187, 195, 200, 0.07), rgba(187, 195, 200, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.25) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, rgba(187, 195, 200, 0.07), rgba(187, 195, 200, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.left { + background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.25) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, rgba(187, 195, 200, 0.07), rgba(187, 195, 200, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.right { + background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.25) 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, rgba(187, 195, 200, 0.07), rgba(187, 195, 200, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow > undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow > undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow > undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +scrolledwindow > junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #202329; +} + +scrolledwindow > junction:dir(rtl) { + border-image-slice: 0 1 0 0; +} + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; +} + +listview, +list { + background-color: #22252c; + border-color: rgba(0, 0, 0, 0.25); + border-radius: 2px; +} + +listview > row, +list > row { + padding: 2px; +} + +listview > row:first-child, +list > row:first-child { + border-radius: 2px 2px 0 0; +} + +listview > row:last-child, +list > row:last-child { + border-radius: 0 0 2px 2px; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.separators.horizontal, +list.separators.horizontal { + border-left: none; +} + +listview.separators:not(.horizontal), +list.separators:not(.horizontal) { + border-bottom: none; +} + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), +list.horizontal row.separator, +list.separators.horizontal > row:not(.separator) { + border-left: 1px solid rgba(0, 0, 0, 0.25); +} + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), +list:not(.horizontal) row.separator, +list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +treeview.has-open-popup.view.sidebar.source-list, .panel popover .sidebar .has-open-popup.view, .budgie-menu button.has-open-popup, .nemo-window .nemo-places-sidebar .has-open-popup.places-treeview, row.has-open-popup.activatable, treeview.view.sidebar.source-list:hover, .panel popover .sidebar .view:hover, .budgie-menu button:hover, .nemo-window .nemo-places-sidebar .places-treeview:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +treeview.view.sidebar.source-list:active, .panel popover .sidebar .view:active, .budgie-menu button:active, .nemo-window .nemo-places-sidebar .places-treeview:active, row.activatable:active { + color: #bbc3c8; +} + +treeview.view.sidebar.source-list:disabled, .panel popover .sidebar .view:disabled, .budgie-menu button:disabled, .nemo-window .nemo-places-sidebar .places-treeview:disabled, row.activatable:disabled { + color: rgba(187, 195, 200, 0.45); +} + +treeview.view.sidebar.source-list:disabled image, .panel popover .sidebar .view:disabled image, .budgie-menu button:disabled image, .nemo-window .nemo-places-sidebar .places-treeview:disabled image, row.activatable:disabled image { + color: inherit; +} + +treeview.view.sidebar.source-list:selected:active, .panel popover .sidebar .view:selected:active, .budgie-menu button:selected:active, .nemo-window .nemo-places-sidebar .places-treeview:selected:active, row.activatable:selected:active { + color: #bbc3c8; +} + +treeview.view.sidebar.source-list:selected.has-open-popup, .panel popover .sidebar .view:selected.has-open-popup, .budgie-menu button:selected.has-open-popup, .nemo-window .nemo-places-sidebar .places-treeview:selected.has-open-popup, row.activatable:selected.has-open-popup, treeview.view.sidebar.source-list:selected:hover, .panel popover .sidebar .view:selected:hover, .budgie-menu button:selected:hover, .nemo-window .nemo-places-sidebar .places-treeview:selected:hover, row.activatable:selected:hover { + background-color: #2f323c; +} + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +columnview > listview > row { + padding: 0; +} + +columnview > listview > row > cell { + padding: 8px 6px; +} + +columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; +} + +columnview.column-separators > listview > row > cell { + border-left-color: rgba(0, 0, 0, 0.25); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 4px; +} + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid rgba(52, 152, 219, 0.7); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #3498db; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: #ffffff; + background-color: #3498db; +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 8px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row > box { + border-spacing: 12px; +} + +.app-notification { + padding: 10px; + color: #c6cbcf; + background-color: alpha(rgba(20, 22, 27, 0.95),0.9); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(12, 13, 16, 0.95); +} + +.app-notification border { + border: none; +} + +.app-notification button { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.95); +} + +.app-notification button:hover { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(198, 203, 207, 0.1); +} + +.app-notification button:active, .app-notification button:checked { + color: #ffffff; + border-color: rgba(12, 13, 16, 0.95); + background-color: #3498db; + background-clip: padding-box; +} + +.app-notification button:disabled { + color: #4a4c51; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.85); +} + +.app-notification button.flat:disabled { + border-color: transparent; + background-color: transparent; +} + +.app-notification .linked:not(.vertical) > entry + entry { + border-left-color: rgba(0, 0, 0, 0.3); +} + +.app-notification .linked:not(.vertical) > entry.error + entry, +.app-notification .linked:not(.vertical) > entry + entry.error { + border-left-color: #FC4138; +} + +.app-notification .linked:not(.vertical) > entry.warning + entry, +.app-notification .linked:not(.vertical) > entry + entry.warning { + border-left-color: #F27835; +} + +.app-notification .linked:not(.vertical) > entry.error + entry.warning, +.app-notification .linked:not(.vertical) > entry.warning + entry.error { + border-left-color: #f75d37; +} + +.app-notification .linked:not(.vertical) > entry + entry:focus-within:not(:last-child), +.app-notification .linked:not(.vertical) > entry + entry:focus-within:last-child { + border-left-color: #3498db; +} + +.app-notification .linked:not(.vertical) > entry:focus-within:not(:only-child) + entry, +.app-notification .linked:not(.vertical) > entry:focus-within:not(:only-child) + button, +.app-notification .linked:not(.vertical) > entry:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #3498db; +} + +.app-notification .linked:not(.vertical) > entry + entry:drop(active):not(:last-child), +.app-notification .linked:not(.vertical) > entry + entry:drop(active):last-child { + border-left-color: #F08437; +} + +.app-notification .linked:not(.vertical) > entry:drop(active):not(:only-child) + entry, +.app-notification .linked:not(.vertical) > entry:drop(active):not(:only-child) + button, +.app-notification .linked:not(.vertical) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; +} + +.app-notification .linked:not(.vertical) > entry + entry.warning:focus-within:not(:last-child), +.app-notification .linked:not(.vertical) > entry + entry.warning:focus-within:last-child { + border-left-color: #F27835; +} + +.app-notification .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + entry, +.app-notification .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + button, +.app-notification .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; +} + +.app-notification .linked:not(.vertical) > entry + entry.error:focus-within:not(:last-child), +.app-notification .linked:not(.vertical) > entry + entry.error:focus-within:last-child { + border-left-color: #FC4138; +} + +.app-notification .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + entry, +.app-notification .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + button, +.app-notification .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; +} + +.app-notification .linked:not(.vertical) > button:active + entry, +.app-notification .linked:not(.vertical) > button:checked + entry { + border-left-color: #3498db; +} + +.app-notification .linked:not(.vertical) > button + button { + border-left-style: none; +} + +.app-notification .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.app-notification .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 1px 0 rgba(12, 13, 16, 0.95); +} + +.app-notification .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.app-notification .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 1px 0 rgba(12, 13, 16, 0.95); +} + +.app-notification .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.app-notification .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.app-notification .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.app-notification .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.app-notification .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.app-notification .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.app-notification .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.app-notification .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.app-notification .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.app-notification .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.app-notification .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.app-notification .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.app-notification .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.app-notification .linked:not(.vertical) { + box-shadow: none; +} + +expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander:hover { + color: white; +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander-widget > box > title { + outline: 0 solid transparent; + outline-offset: 4px; +} + +expander-widget:focus:focus-visible > box > title { + outline-color: rgba(52, 152, 219, 0.7); + outline-width: 2px; + outline-offset: -2px; +} + +expander-widget > box > title { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-radius: 2px; +} + +expander-widget > box > title:hover > expander { + color: white; +} + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), +placessidebar:not(decoration):not(window):drop(active):focus, +placessidebar:not(decoration):not(window):drop(active), +stackswitcher:not(decoration):not(window):drop(active):focus, +stackswitcher:not(decoration):not(window):drop(active), +expander-widget:not(decoration):not(window):drop(active):focus, +expander-widget:not(decoration):not(window):drop(active) { + box-shadow: none; +} + +calendar { + color: #bbc3c8; + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 0; + padding: 0; +} + +calendar > header { + color: #bbc3c8; + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +calendar > header > button { + border: none; + box-shadow: none; + background: none; + border-radius: 0; +} + +calendar > header > button:hover { + background-color: rgba(187, 195, 200, 0.1); +} + +calendar > header > button:active { + background-color: #3498db; +} + +calendar > header > button:backdrop { + background: none; +} + +calendar > grid > label.today { + background-color: rgba(187, 195, 200, 0.15); + border-radius: 3px; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-color: rgba(52, 152, 219, 0.7); + outline-offset: -2px; + outline-width: 2px; + outline-style: solid; +} + +calendar > grid > label.day-number { + padding: 4px; +} + +calendar > grid > label.day-number:selected { + border-radius: 3px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor,0.3); +} + +window.dialog.message .titlebar { + min-height: 20px; + background-color: #1b1d24; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.dialog.message box.dialog-vbox.vertical { + border-spacing: 10px; +} + +window.dialog.message label.title { + font-weight: 800; + font-size: 15pt; +} + +window.dialog.message .dialog-action-area:not(.vertical) > button { + padding: 5px 10px; + border-radius: 0; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +window.dialog.message .dialog-action-area:not(.vertical) > button:active, window.dialog.message .dialog-action-area:not(.vertical) > button:checked { + transition: background-color 0.00001s 0.2s; + animation: ripple_effect 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +window.dialog.message .dialog-action-area:not(.vertical) > button, window.dialog.message .dialog-action-area:not(.vertical) > button:hover, window.dialog.message .dialog-action-area:not(.vertical) > button:active, window.dialog.message .dialog-action-area:not(.vertical) > button:checked, window.dialog.message .dialog-action-area:not(.vertical) > button:disabled { + border-radius: 0; +} + +window.dialog.message .dialog-action-area:not(.vertical) > button:first-child, window.dialog.message .dialog-action-area:not(.vertical) > button:hover:first-child, window.dialog.message .dialog-action-area:not(.vertical) > button:active:first-child, window.dialog.message .dialog-action-area:not(.vertical) > button:checked:first-child, window.dialog.message .dialog-action-area:not(.vertical) > button:disabled:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +window.dialog.message .dialog-action-area:not(.vertical) > button:last-child, window.dialog.message .dialog-action-area:not(.vertical) > button:hover:last-child, window.dialog.message .dialog-action-area:not(.vertical) > button:active:last-child, window.dialog.message .dialog-action-area:not(.vertical) > button:checked:last-child, window.dialog.message .dialog-action-area:not(.vertical) > button:disabled:last-child { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +window.dialog.message .dialog-action-area:not(.vertical) > button:only-child, window.dialog.message .dialog-action-area:not(.vertical) > button:hover:only-child, window.dialog.message .dialog-action-area:not(.vertical) > button:active:only-child, window.dialog.message .dialog-action-area:not(.vertical) > button:checked:only-child, window.dialog.message .dialog-action-area:not(.vertical) > button:disabled:only-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +window.dialog.message .dialog-action-area:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover { + background-color: alpha(#bbc3c8,0.06); +} + +window.dialog.message .dialog-action-area:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active, window.dialog.message .dialog-action-area:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: alpha(#bbc3c8,0.1); + color: #bbc3c8; +} + +window.dialog.message.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; +} + +window.dialog.message.csd .dialog-action-area:not(.vertical) > button { + padding: 6px 10px 8px 10px; +} + +window.dialog.message.csd .dialog-action-area:not(.vertical) > button, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:hover, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:active, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:checked, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:disabled { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.25); + border-right: none; + border-bottom: none; +} + +window.dialog.message.csd .dialog-action-area:not(.vertical) > button:first-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:hover:first-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:active:first-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:checked:first-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:disabled:first-child { + border-bottom-left-radius: 3px; + border-top-left-radius: 0; + border-left: none; + border-bottom: none; +} + +window.dialog.message.csd .dialog-action-area:not(.vertical) > button:last-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:hover:last-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:active:last-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:checked:last-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:disabled:last-child { + border-bottom-right-radius: 3px; + border-top-right-radius: 0; + border-right: none; + border-bottom: none; +} + +window.dialog.message.csd .dialog-action-area:not(.vertical) > button:only-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:hover:only-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:active:only-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:checked:only-child, window.dialog.message.csd .dialog-action-area:not(.vertical) > button:disabled:only-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-left: none; + border-right: none; + border-bottom: none; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #1b1d24; +} + +.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { + border-right: 1px solid rgba(0, 0, 0, 0.25); + border-left-style: none; +} + +.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid rgba(0, 0, 0, 0.25); + border-right-style: none; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { + border-bottom: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +stacksidebar row:selected { + background-color: #262933; + border-radius: 3px; + color: #bbc3c8; +} + +stacksidebar row:selected label { + color: #bbc3c8; +} + +stacksidebar row:hover { + background-color: #23252c; +} + +stacksidebar row:active { + background-color: #313441; +} + +stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { + background-color: #2d303a; +} + +stacksidebar row:focus:focus-visible { + outline-width: 0; + background-color: #3498db; + color: #ffffff; +} + +stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { + box-shadow: none; +} + +.navigation-sidebar { + padding: 3px 0; +} + +.navigation-sidebar > separator { + margin: 3px; +} + +.navigation-sidebar > row { + min-height: 36px; + padding: 0 8px; + border-radius: 2px; + margin: 0 3px 2px; +} + +.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: #23252c; +} + +.navigation-sidebar > row:active { + background-color: #313441; +} + +.navigation-sidebar > row:selected { + background-color: #262933; + color: #bbc3c8; +} + +.navigation-sidebar > row:selected label { + color: #bbc3c8; +} + +.navigation-sidebar > row:selected:hover { + background-color: #2d303a; +} + +.navigation-sidebar > row:selected:focus-visible:focus-within { + outline-width: 0; + color: #ffffff; + background-color: #3498db; +} + +.navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: #217dbb; +} + +.navigation-sidebar > row:disabled { + color: rgba(187, 195, 200, 0.45); +} + +placessidebar .navigation-sidebar > row button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100%; +} + +placessidebar .navigation-sidebar > row button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar .navigation-sidebar > row { + min-height: 28px; + padding: 2px 2px 2px 10px; +} + +placessidebar .navigation-sidebar > row > revealer { + padding: 0 10px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar .navigation-sidebar > row:selected:active { + box-shadow: none; +} + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { + color: #3498db; +} + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled), placessidebar .navigation-sidebar > row:drop(active):not(:disabled) label, placessidebar .navigation-sidebar > row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected, placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected label, placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected image { + color: #ffffff; +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > box { + border-spacing: 6px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #3498db, #3498db); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1b1d24; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +video { + background: black; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 32px; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #3498db; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #3498db; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #4586D8; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #4586D8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: #ffffff; + caret-color: currentColor; +} + +infobar.info > revealer > box > button, infobar.info:hover > revealer > box > button, infobar.info:backdrop > revealer > box > button, infobar.question > revealer > box > button, infobar.question:hover > revealer > box > button, infobar.question:backdrop > revealer > box > button, infobar.warning > revealer > box > button, infobar.warning:hover > revealer > box > button, infobar.warning:backdrop > revealer > box > button, infobar.error > revealer > box > button, infobar.error:hover > revealer > box > button, infobar.error:backdrop > revealer > box > button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: #ffffff; +} + +infobar .close, +searchbar .close { + border-color: transparent; + background-color: transparent; + background-image: none; + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 1000px; +} + +infobar .close:hover, +searchbar .close:hover { + color: #919ea6; + border-color: rgba(0, 0, 0, 0.25); + background-color: #383d49; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 7px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 7px; +} + +windowcontrols button { + margin: 0; + padding: 0; + border-color: transparent; + background-color: transparent; + background-image: none; +} + +windowcontrols button.close, windowcontrols button.close:hover, windowcontrols button.close:active, windowcontrols button.close:active:hover, windowcontrols button.maximize, windowcontrols button.maximize:hover, windowcontrols button.maximize:active, windowcontrols button.maximize:active:hover, windowcontrols button.minimize, windowcontrols button.minimize:hover, windowcontrols button.minimize:active, windowcontrols button.minimize:active:hover { + min-width: 30px; + min-height: 28px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; +} + +windowcontrols button.close:backdrop, windowcontrols button.maximize:backdrop, windowcontrols button.minimize:backdrop { + opacity: 1; +} + +windowcontrols button.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); +} + +windowcontrols button.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); +} + +windowcontrols button.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); +} + +windowcontrols button.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); +} + +windowcontrols button.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); +} + +windowcontrols button.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +windowcontrols button.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); +} + +windowcontrols button.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); +} + +windowcontrols button.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); +} + +windowcontrols button.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +windowcontrols button.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); +} + +windowcontrols button.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); +} + +windowcontrols button.restore { + background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png")); +} + +windowcontrols button.restore:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png")); +} + +windowcontrols button.restore:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png")); +} + +windowcontrols button.restore:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png")); +} + +.fullscreen windowcontrols button.maximize, .maximized windowcontrols button.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-restore-dark.png"), url("assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen windowcontrols button.maximize:backdrop, .maximized windowcontrols button.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop-dark.png"), url("assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen windowcontrols button.maximize:hover, .maximized windowcontrols button.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover-dark.png"), url("assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen windowcontrols button.maximize:active, .maximized windowcontrols button.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active-dark.png"), url("assets/titlebutton-restore-active-dark@2.png")); +} + +.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info > revealer > box > button, infobar.info:hover > revealer > box > button, infobar.info:backdrop > revealer > box > button, infobar.question > revealer > box > button, infobar.question:hover > revealer > box > button, infobar.question:backdrop > revealer > box > button, infobar.warning > revealer > box > button, infobar.warning:hover > revealer > box > button, infobar.warning:backdrop > revealer > box > button, infobar.error > revealer > box > button, infobar.error:hover > revealer > box > button, infobar.error:backdrop > revealer > box > button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); +} + +.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info > revealer > box > button.flat, infobar.question > revealer > box > button.flat, infobar.warning > revealer > box > button.flat, infobar.error > revealer > box > button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); +} + +.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info > revealer > box > button.flat:disabled, infobar.question > revealer > box > button.flat:disabled, infobar.warning > revealer > box > button.flat:disabled, infobar.error > revealer > box > button.flat:disabled { + color: rgba(255, 255, 255, 0.42); +} + +.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info > revealer > box > button.flat:disabled label, infobar.question > revealer > box > button.flat:disabled label, infobar.warning > revealer > box > button.flat:disabled label, infobar.error > revealer > box > button.flat:disabled label { + color: rgba(255, 255, 255, 0.42); +} + +.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info > revealer > box > button:hover, infobar.question > revealer > box > button:hover, infobar.warning > revealer > box > button:hover, infobar.error > revealer > box > button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); +} + +.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info > revealer > box > button:active, infobar.question > revealer > box > button:active, infobar.warning > revealer > box > button:active, infobar.error > revealer > box > button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info > revealer > box > button:checked, infobar.question > revealer > box > button:checked, infobar.warning > revealer > box > button:checked, infobar.error > revealer > box > button:checked { + color: #3498db; + background-color: #ffffff; + border-color: #ffffff; +} + +.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info > revealer > box > button:disabled, infobar.question > revealer > box > button:disabled, infobar.warning > revealer > box > button:disabled, infobar.error > revealer > box > button:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.42); +} + +.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info > revealer > box > button:disabled label, infobar.question > revealer > box > button:disabled label, infobar.warning > revealer > box > button:disabled label, infobar.error > revealer > box > button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info > revealer > box > button:disabled:active, infobar.question > revealer > box > button:disabled:active, infobar.warning > revealer > box > button:disabled:active, infobar.error > revealer > box > button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info > revealer > box > button:disabled:checked, infobar.question > revealer > box > button:disabled:checked, infobar.warning > revealer > box > button:disabled:checked, infobar.error > revealer > box > button:disabled:checked { + color: #3498db; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.42); +} + +tooltip { + padding: 6px 10px; + border-radius: 2px; + box-shadow: none; +} + +tooltip.background { + background-color: rgba(20, 22, 27, 0.95); + background-clip: padding-box; + border: none; + color: #c6cbcf; +} + +tooltip.csd { + border-radius: 3px; + box-shadow: none; +} + +tooltip > box { + border-spacing: 6px; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.37); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.25); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.25); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #bbc3c8; + border-color: rgba(0, 0, 0, 0.25); + background-color: #262a32; +} + +colorswatch#add-color-button:hover { + color: #919ea6; + border-color: rgba(0, 0, 0, 0.25); + background-color: #383d49; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +plane { + transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +plane { + outline: 0 solid transparent; + outline-offset: 6px; +} + +plane:focus:focus-visible { + outline-color: rgba(52, 152, 219, 0.7); + outline-width: 2px; + outline-offset: 2px; +} + +colorchooser .popover.osd { + border-radius: 3px; +} + +.content-view { + background-color: #22252c; +} + +.content-view:hover { + -gtk-icon-filter: brightness(1.2); +} + +.content-view .tile { + margin: 2px; + background-color: black; + border-radius: 0; + padding: 0; +} + +.content-view .tile:active, .content-view .tile:selected { + background-color: #3498db; +} + +.content-view .tile:disabled { + background-color: #1e2027; +} + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 3px; +} + +.scale-popup button:hover { + color: #919ea6; + border-color: rgba(0, 0, 0, 0.25); + background-color: #383d49; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #bbc3c8; + background-color: #22252c; + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +stackswitcher button.circular { + min-width: 0; +} + +window { + border-width: 0; +} + +window.csd { + border-radius: 3px 3px 3px 3px; + box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.25), 0 8px 8px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.25); + margin: 0; +} + +window.csd:backdrop { + box-shadow: 0 3px 5px 0 transparent, 0 8px 8px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.23), 0 0 0 1px rgba(0, 0, 0, 0.25); + transition: 200ms ease-out; +} + +window.csd.popup { + border-radius: 2px; + box-shadow: 0 3px 6px black, 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +window.csd.dialog.message { + border-radius: 3px; +} + +window.csd.solid-csd { + border: 1px solid #14161b; + border-radius: 0; + margin: 0; + background-color: #14161b; + box-shadow: none; +} + +window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { + border-radius: 0; +} + +window.popup { + box-shadow: none; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + min-width: 20px; + min-height: 24px; + padding-left: 20px; + padding-right: 20px; + padding-top: 24px; + padding-bottom: 24px; +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); +} + +cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); +} + +cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); +} + +cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); +} + +cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); +} + +cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); +} + +cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { + -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + color: #bbc3c8; + background-color: #22252c; + border: 1px solid; + border-color: rgba(0, 0, 0, 0.25); + border-radius: 5px; + box-shadow: inset 0 -3px rgba(28, 30, 36, 0.55); + font-size: smaller; +} + +:not(decoration):not(window):drop(active):focus, +:not(decoration):not(window):drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; + caret-color: #F08437; +} + +stackswitcher > button.text-button { + min-width: 100px; +} + +stackswitcher.circular { + border-spacing: 12px; +} + +stackswitcher.circular > button.circular, +stackswitcher.circular > button.text-button.circular { + min-width: 32px; + min-height: 32px; + padding: 0; +} + +.lowres-icon { + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover, window.thunar .sidebar treeview.view:selected, window.thunar .sidebar treeview.view:selected:hover, window.thunar .sidebar treeview.view:active:hover, .budgie-menu button:checked, .atril-window scrolledwindow.frame > .view:selected, .atril-window scrolledwindow.frame > .view:active, +.xreader-window scrolledwindow.frame > .view:selected, +.xreader-window scrolledwindow.frame > .view:active, .caja-desktop > widget.entry:selected, .caja-desktop > widget.entry:focus:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .nemo-window .nemo-places-sidebar .places-treeview:selected, .nemo-window .nemo-places-sidebar .places-treeview:selected:hover, textview > text selection:focus, textview > text selection, flowbox > flowboxchild:selected, gridview > child:selected, +entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.day-number:selected { + background-color: #3498db; + color: #ffffff; +} + +filechooser placessidebar.sidebar row.sidebar-row:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:active:hover, window.thunar .sidebar treeview.view:disabled:selected, window.thunar .sidebar treeview.view:disabled:active:hover, .budgie-menu button:disabled:checked, .atril-window scrolledwindow.frame > .view:disabled:selected, .atril-window scrolledwindow.frame > .view:disabled:active, +.xreader-window scrolledwindow.frame > .view:disabled:selected, +.xreader-window scrolledwindow.frame > .view:disabled:active, .caja-desktop > widget.entry:disabled:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .nemo-window .nemo-places-sidebar .places-treeview:disabled:selected, textview > text selection:disabled, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, +entry > text > selection:disabled, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, calendar > grid > label.day-number:disabled:selected { + color: #9acced; +} + +.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, modelbutton.flat:selected, columnview.view:selected, columnview.view:selected:focus, +treeview.view:selected, +treeview.view:selected:focus, row:selected { + background-color: #262933; + color: #bbc3c8; +} + +.view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, modelbutton.flat:disabled:selected, row:disabled:selected { + color: rgba(187, 195, 200, 0.45); +} + +row:selected label, label:selected { + color: #bbc3c8; +} + +row:selected label:disabled, label:disabled:selected { + color: rgba(187, 195, 200, 0.45); +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +.emoji-toolbar { + padding: 6px; + border-spacing: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +button.emoji-section { + border-color: transparent; + border-width: 3px; + border-style: solid none none; + border-radius: 0; + padding: 3px 0 0; + min-width: 32px; + min-height: 24px; + /* reset props inherited from the button style */ + background: none; + box-shadow: none; + text-shadow: none; +} + +button.emoji-section:hover { + border-color: rgba(187, 195, 200, 0.1); +} + +button.emoji-section:focus { + background: none; +} + +button.emoji-section:active { + color: #bbc3c8; +} + +button.emoji-section:checked { + color: #bbc3c8; + border-color: #3498db; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + border-radius: 6px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: #3498db; +} + +emoji-completion-row > box { + border-spacing: 10px; + padding: 2px 10px; +} + +emoji-completion-row:focus, +emoji-completion-row:hover { + background-color: #3498db; + color: #ffffff; +} + +emoji-completion-row emoji:focus, +emoji-completion-row emoji:hover { + background-color: #262933; +} + +popover.entry-completion > contents { + padding: 0; +} + +statusbar { + padding: 6px 10px 6px 10px; +} + +terminal-window.background.csd, +.mate-terminal.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration, +.mate-terminal decoration { + border-radius: 2px 2px 0 0; +} + +terminal-window notebook > header.top button, +.mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; +} + +terminal-window notebook scrollbar, +.mate-terminal notebook scrollbar { + background: none; +} + +window.thunar toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, .nemo-window .primary-toolbar .linked.path-bar:not(.vertical):not(.stack-switcher) button, +.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button, +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, +.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle { + background-color: transparent; + background-image: none; + color: #c6cbcf; + border-radius: 0; + box-shadow: none; + border: none; + margin: 0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 0%, transparent 0%) 0 0 0/0 0 0; +} + +window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:hover, +.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:hover, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover { + background-color: transparent; + box-shadow: inset 0 -2px rgba(52, 152, 219, 0.5); +} + +window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked, +.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:active, +.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:active, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active { + color: #c6cbcf; + background-color: transparent; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 2/0 0 2px; +} + +window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:disabled, +.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled { + color: rgba(198, 203, 207, 0.4); + background-color: transparent; +} + +window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button:checked:disabled, +.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button:checked:disabled, .nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:checked:disabled, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked:disabled { + color: rgba(198, 203, 207, 0.4); + background-color: transparent; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(52, 152, 219, 0.4) 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.nautilus-window headerbar .path-bar-box { + margin: 6px 0 4px 0; + border-radius: 3px; + color: #c6cbcf; + background-color: transparent; +} + +.nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:hover, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:checked, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:active, .nautilus-window headerbar .path-bar-box .path-bar button.flat.text-button.toggle:disabled, +.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle, +.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:hover, +.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:checked, +.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:active, +.nautilus-window headerbar .path-bar-box .path-bar button.flat.image-button.text-button.toggle:disabled { + margin-top: 0; + margin-bottom: 0; + padding: 0 6px 4px 6px; + min-height: 24px; + border-radius: 0; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child, +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.nautilus-window headerbar .path-bar-box.width-maximized { + border: 1px solid rgba(0, 0, 0, 0.25); + background-color: rgba(198, 203, 207, 0.06); +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-canvas-item, .caja-canvas-item { + border-radius: 2px; +} + +.caja-desktop.caja-canvas-item, .caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item, +.nautilus-desktop.caja-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.caja-canvas-item:active { + color: #bbc3c8; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected, +.nautilus-desktop.caja-canvas-item:selected { + color: #ffffff; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, .slate-notification .nautilus-canvas-item.notification-body, +.budgie-notification .nautilus-canvas-item.notification-body, +.budgie-switcher .nautilus-canvas-item.notification-body, .dim-label.caja-canvas-item, .slate-notification .caja-canvas-item.notification-body, +.budgie-notification .caja-canvas-item.notification-body, +.budgie-switcher .caja-canvas-item.notification-body, label.nautilus-canvas-item.separator, label.separator.caja-canvas-item, +entry > text > placeholder.nautilus-canvas-item, +entry > text > placeholder.caja-canvas-item, spinbutton:not(.vertical) > text > placeholder.nautilus-canvas-item, spinbutton:not(.vertical) > text > placeholder.caja-canvas-item, spinbutton.vertical > text > text > placeholder.nautilus-canvas-item, spinbutton.vertical > text > text > placeholder.caja-canvas-item, headerbar .nautilus-canvas-item.subtitle, headerbar .subtitle.caja-canvas-item, popover.background label.nautilus-canvas-item.separator, popover.background label.separator.caja-canvas-item, +.nautilus-list-dim-label, +.caja-list-dim-label { + color: #6b7076; +} + +.nautilus-canvas-item.dim-label:selected, .slate-notification .nautilus-canvas-item.notification-body:selected, +.budgie-notification .nautilus-canvas-item.notification-body:selected, +.budgie-switcher .nautilus-canvas-item.notification-body:selected, .dim-label.caja-canvas-item:selected, .slate-notification .caja-canvas-item.notification-body:selected, +.budgie-notification .caja-canvas-item.notification-body:selected, +.budgie-switcher .caja-canvas-item.notification-body:selected, label.nautilus-canvas-item.separator:selected, label.separator.caja-canvas-item:selected, +entry > text > placeholder.nautilus-canvas-item:selected, +entry > text > placeholder.caja-canvas-item:selected, spinbutton:not(.vertical) > text > placeholder.nautilus-canvas-item:selected, spinbutton:not(.vertical) > text > placeholder.caja-canvas-item:selected, spinbutton.vertical > text > text > placeholder.nautilus-canvas-item:selected, spinbutton.vertical > text > text > placeholder.caja-canvas-item:selected, headerbar .nautilus-canvas-item.subtitle:selected, headerbar .subtitle.caja-canvas-item:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.caja-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #d6eaf8; +} + +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +.nautilus-window .searchbar-container { + margin-top: -1px; +} + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #22252c; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(187, 195, 200, 0.5); + border-color: rgba(159, 170, 177, 0.5); +} + +.disk-space-display.used { + background-color: rgba(52, 152, 219, 0.8); + border-color: rgba(33, 125, 187, 0.8); +} + +.disk-space-display.free { + background-color: #14161b; + border-color: black; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #c6cbcf; + border-color: rgba(0, 0, 0, 0.25); + background-color: rgba(198, 203, 207, 0.18); + } + 100% { + color: #ffffff; + border-color: transparent; + background-color: #3498db; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #3498db; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #22252c; +} + +.open-document-selector-treeview.view:hover { + background-color: #2d3037; +} + +.open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #3498db; +} + +.open-document-selector-name-label { + color: #bbc3c8; +} + +.open-document-selector-path-label { + color: #6f747a; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #83898f; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #bbc3c8; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.25); + background-color: #050607; + color: #bbc3c8; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.25); + background-color: #1b1d24; +} + +.gedit-search-slider { + background-color: #1f222a; + padding: 6px; + border-color: rgba(0, 0, 0, 0.25); + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(187, 195, 200, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.gedit-side-panel-paned.horizontal separator { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.11) 2px, rgba(0, 0, 0, 0.05) 4px, rgba(0, 0, 0, 0.05)); + background-position: left top; + background-repeat: no-repeat; + background-size: 1px auto; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 2px 2px 0 0; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #3498db; +} + +layouttab { + background-color: #22252c; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +pillbox { + color: #ffffff; + background-color: #3498db; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #1b1d24; + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.25); + background-color: #22252c; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +dockoverlayedge { + background-color: #1b1d24; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +button.dzlmenubuttonitem.check label { + color: #bbc3c8; +} + +button.dzlmenubuttonitem.check label.dim-label, button.dzlmenubuttonitem.check .slate-notification label.notification-body, .slate-notification button.dzlmenubuttonitem.check label.notification-body, +button.dzlmenubuttonitem.check .budgie-notification label.notification-body, +button.dzlmenubuttonitem.check .budgie-switcher label.notification-body, +.budgie-notification button.dzlmenubuttonitem.check label.notification-body, +.budgie-switcher button.dzlmenubuttonitem.check label.notification-body { + color: #bbc3c8; +} + +button.dzlmenubuttonitem.check box > image { + opacity: 0.87; +} + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.25); + border-bottom: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 0; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #22252c, #22252c); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.25); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #bbc3c8; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +eog-thumb-nav scrolledwindow { + border-top: none; +} + +eog-thumb-nav button { + border-radius: 2px; +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #3498db; + color: #ffffff; + border-radius: 2px; +} + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(187, 195, 200, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #8bc4ea; +} + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #3498db; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #45a1de; +} + +.documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #268fd5; +} + +.documents-entry-tag.button, .button.photos-entry-tag { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar { + border-right: none; + background: none; + min-width: 0; +} + +box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar { + background: none; + min-width: 0; +} + +window.background > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical > box.vertical > flowbox.horizontal > flowboxchild > overlay > button.osd.image-button.remove-button, window.background > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical > box.vertical > flowbox.horizontal > flowboxchild > overlay > button.osd.image-button.remove-button { + padding-top: 0; + padding-bottom: 0; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd.unified { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +window.background.org-gnome-Calendar .week-view weekgrid event.color-light, window.background.org-gnome-Calendar .week-view weekgrid event.color-light > stack > grid > label { + color: rgba(0, 0, 0, 0.75); +} + +window.background.org-gnome-Calendar .week-view weekgrid event.color-dark, window.background.org-gnome-Calendar .week-view weekgrid event.color-dark > stack > grid > label { + color: white; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #22252c, #22252c); +} + +.tweak-categories > separator { + background: none; +} + +row#Focus, +row#ClickMethod, +row#StaticWorkspaceTweak, +row#dynamic-workspaces, +row#PrimaryWorkspaceTweak, +row#workspaces-only-on-primary { + padding: 0; + margin: 0; +} + +row#Focus.tweak > list, +row#ClickMethod.tweak > list, +row#StaticWorkspaceTweak.tweak > list, +row#dynamic-workspaces.tweak > list, +row#PrimaryWorkspaceTweak.tweak > list, +row#workspaces-only-on-primary.tweak > list { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +row#AutostartTitle.tweak { + background-color: #22252c; +} + +list#AutostartListBoxTweakGroup.tweak-group-startup { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.main-window > stack > hdyleaflet > separator.sidebar { + min-width: 1px; + background-color: rgba(0, 0, 0, 0.25); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #d9dddf; + background-color: rgba(20, 22, 27, 0.95); + border: 1px solid rgba(3, 3, 4, 0.95); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #3498db; + border-color: #3498db; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(10, 10, 13, 0.95); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: #ffffff; + background-color: #3498db; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #3498db; + border-radius: 2px; +} + +stack grid.vertical scrolledwindow.frame, +stack grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +eog-thumb-nav scrolledwindow, eog-thumb-nav scrolledwindow.frame, +#eog-thumb-nav scrolledwindow, +#eog-thumb-nav scrolledwindow.frame { + border-top: none; +} + +eog-thumb-nav button, +#eog-thumb-nav button { + border-radius: 2px; + border-top: none; +} + +window.background.csd overlay > grid.horizontal frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > deck > box.vertical > leaflet > separator.sidebar { + border-right: none; +} + +window.background.csd list.content { + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.selection-mode box.horizontal headerbar, .selection-mode hdyleaflet headerbar, .selection-mode leaflet.unfolded headerbar { + color: #ffffff; + background-color: rgba(52, 152, 219, 0.95); + border-color: rgba(38, 143, 213, 0.95); + box-shadow: none; +} + +.selection-mode box.horizontal headerbar:backdrop, .selection-mode hdyleaflet headerbar:backdrop, .selection-mode leaflet.unfolded headerbar:backdrop { + background-color: rgba(52, 152, 219, 0.95); + color: rgba(255, 255, 255, 0.6); +} + +frame.sidebar.chat-sidebar > border { + border-right: none; +} + +frame.sidebar.chat-sidebar frame.chat-status-area > border { + border-style: none; + border-top-style: solid; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #14161b; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(20, 22, 27, 0.95); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #14161b; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(187, 195, 200, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(187, 195, 200, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #14161b; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.25), inset 0 -1px #1b1d24; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +graph-switcher-button.toggle { + color: rgba(187, 195, 200, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #bbc3c8; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(52, 152, 219, 0.2); +} + +headerbar > button.flat.popup.title-menu-button.toggle { + border-radius: 2px; +} + +headerbar > button.flat.popup.title-menu-button.toggle > grid .title { + margin: -0.16875rem 0; + padding: 0.08125rem 0.83125rem 0; + font-size: 90%; +} + +headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle { + margin: -0.16875rem 0; + padding: 0 0.83125rem 0.08125rem; + font-size: 80%; +} + +window.background > box.vertical box.horizontal list.categories { + background-color: #1b1d24; + border: none; + color: #bbc3c8; +} + +window.background > box.vertical box.horizontal list.categories row.activatable.category { + color: #bbc3c8; + background-color: transparent; + font-weight: 500; +} + +window.background > box.vertical box.horizontal list.categories row.activatable.category:hover { + color: #bbc3c8; + background-color: rgba(187, 195, 200, 0.08); +} + +window.background > box.vertical box.horizontal list.categories row.activatable.category:selected { + color: #ffffff; + background-color: #3498db; +} + +window.background > box.vertical box.horizontal list.categories row.activatable.category:selected label { + color: #ffffff; +} + +window.background > box.vertical box.horizontal list.categories row.activatable.category > label { + padding-left: 0; + padding-right: 0; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator { + background-color: transparent; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator.compressed-rows-group-separator { + background-image: image(rgba(0, 0, 0, 0.25)); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #bbc3c8; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #bbc3c8; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#4586D8); + color: #ffffff; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#14161b); + color: #83919a; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#23252c); + color: #bbc3c8; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#2b2e34); + color: #bbc3c8; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#3498db); + color: #ffffff; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#22252c); + color: #3498db; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#232b35); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#24313e); + color: #3498db; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#3498db); + color: #ffffff; + transition-duration: 0s; +} + +button.round-button { + min-height: 28px; + min-width: 28px; + padding: 0; +} + +window.background > box.vertical > searchbar { + box-shadow: none; +} + +window.background > box.vertical > overlay > stack > widget > stack > box.vertical > scrolledwindow > viewport.frame > widget > list { + background-color: #1b1d24; +} + +window.background > box.vertical > overlay > stack > widget > stack > box.vertical > scrolledwindow > viewport.frame > widget > list > separator { + border-left: 100px solid transparent; + border-right: 100px solid transparent; +} + +window.background > box.vertical > overlay > stack > widget > stack widget > box.vertical.app-list { + background-image: image(#1b1d24); +} + +window.background > box.vertical > overlay > stack > widget > stack widget > box.vertical.app-list > box.vertical > list { + background-color: #1b1d24; +} + +window.background > box.vertical > overlay > stack > widget > stack widget > box.vertical.app-list separator { + border-left: 100px solid transparent; + border-right: 100px solid transparent; +} + +.category_page_header_filter_box { + background-image: image(#1b1d24); + border-image: linear-gradient(to bottom, #14161b, #14161b) 0 0 1 0/0 0 1px 0 stretch; +} + +.category_page_header_filter_box button { + color: rgba(187, 195, 200, 0.45); + background-image: image(#1b1d24); +} + +.category_page_header_filter_box button:hover { + color: rgba(187, 195, 200, 0.75); +} + +.category_page_header_filter_box button:checked { + color: #bbc3c8; +} + +.category_page_header_filter_box button:disabled { + color: rgba(187, 195, 200, 0.65); +} + +.application-details-infobar { + background-image: image(#22252c); + border-image: linear-gradient(to bottom, #14161b, #14161b) 1 1 1 1/1px 1px 1px 1px stretch; +} + +headerbar.titlebar.incognito-mode entry { + color: #c6cbcf; + border-color: rgba(0, 0, 0, 0.42); + background-color: rgba(69, 74, 91, 0.42); +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + color: #fdfefe; + border-color: #3498db; + background-color: rgba(55, 60, 74, 0.42); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(198, 203, 207, 0.55); + border-color: rgba(0, 0, 0, 0.42); + background-color: rgba(69, 74, 91, 0.85); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(187, 195, 200, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #c6cbcf; + border-color: rgba(0, 0, 0, 0.42); + background-color: rgba(69, 74, 91, 0.42); +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + color: #fdfefe; + border-color: #3498db; + background-color: rgba(55, 60, 74, 0.42); +} + +.background headerbar entry.starred:disabled, .background headerbar entry.non-starred:disabled { + color: rgba(198, 203, 207, 0.55); + border-color: rgba(0, 0, 0, 0.42); + background-color: rgba(69, 74, 91, 0.85); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #313441; + color: rgba(187, 195, 200, 0.85); + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.25); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #919ea6; + border-color: rgba(0, 0, 0, 0.25); + background-color: #383d49; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical { + margin: 0; + padding: 0; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(34, 37, 44, 0.35); + color: rgba(187, 195, 200, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px 0; + margin: 0; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #bbc3c8; + background-color: rgba(187, 195, 200, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + margin: 0 6px; + border-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #1b1d24; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: #ffffff; +} + +tabbox { + background-color: #1b1d24; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25); +} + +tabbox > tab { + padding: 3px 16px 6px 16px; + min-width: 16px; + min-height: 16px; + border-radius: 0; + outline-offset: -4px; + border: none; + color: rgba(187, 195, 200, 0.45); +} + +tabbox > tab:not(:only-child):first-child { + margin-left: 6px; +} + +tabbox > tab:not(:only-child):last-child { + margin-right: 6px; +} + +tabbox > tab:hover { + color: rgba(187, 195, 200, 0.725); + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + box-shadow: inset 0 -2px alpha(#3498db,0.6), 0 1px alpha(#3498db,0.6); +} + +tabbox > tab:checked { + color: #bbc3c8; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + box-shadow: inset 0 -2px #3498db, 0 1px #3498db; +} + +tabbox > tab button { + border-radius: 100%; + min-height: 16px; + min-width: 16px; + border-radius: 3px; + border: none; + padding: 0; + color: #83898f; +} + +tabbox > tab button:hover { + color: #ff4d4d; + background-color: #101115; +} + +tabbox > tab button:active, tabbox > tab button:active:hover { + color: #3498db; + background-color: #0a0a0d; +} + +.geary-main-window .geary-folder-frame treeview.view.sidebar { + background-color: #1b1d24; + color: #afb4ba; +} + +.geary-main-window .geary-folder-frame treeview.view.sidebar:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.geary-main-window .geary-folder-frame treeview.view.sidebar:active { + color: #bbc3c8; + background-color: rgba(255, 255, 255, 0.16); +} + +.geary-main-window .geary-folder-frame treeview.view.sidebar:disabled { + color: rgba(187, 195, 200, 0.45); +} + +.geary-main-window .geary-folder-frame treeview.view.sidebar:disabled image { + color: inherit; +} + +.geary-main-window .geary-folder-frame treeview.view.sidebar:selected { + color: #ffffff; + background-color: #3498db; +} + +.geary-main-window .geary-folder-frame treeview.view.sidebar:selected:active { + background-color: #2f89c5; +} + +.geary-main-window .geary-folder-frame treeview.view.sidebar:selected:hover { + background-color: #48a2df; +} + +.geary-main-window headerbar.titlebar > leaflet > leaflet > separator.sidebar { + border-right: none; + background: none; + min-width: 0; +} + +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > separator.sidebar, +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar { + min-width: 1px; + background-color: #14161b; + border-right: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { + background-color: rgba(0, 0, 0, 0.25); +} + +.geary-main-window > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical > .geary-conversation-frame > scrolledwindow { + margin: -1px 0; +} + +.geary-main-window > deck > overlay > .geary-main-layout .conversation-listbox { + border: none; +} + +.geary-main-window > deck > overlay > .geary-main-layout statusbar { + padding: 0 6px; +} + +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + background-color: #22252c; + border: 1px solid rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} + +.geary-main-window geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); + padding: 4px; + background-color: #14161b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +.sidebar-paned treeview.view.sidebar { + background-color: #1b1d24; + color: #afb4ba; +} + +.sidebar-paned treeview.view.sidebar:hover { + background-color: rgba(187, 195, 200, 0.06); + color: #bbc3c8; +} + +.sidebar-paned treeview.view.sidebar:active, .sidebar-paned treeview.view.sidebar:selected { + background-color: #3498db; + color: #ffffff; +} + +.sidebar-paned separator { + background-image: image(#14161b); +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.25); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +dialog.background.csd box.dialog-vbox grid.horizontal scrolledwindow.frame { + border: none; +} + +dialog.background.csd box.dialog-vbox grid.horizontal scrolledwindow.frame viewport.frame { + border: none; +} + +dialog.background.csd box.dialog-vbox grid.horizontal stack scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.maps-popover button.radio.layer-radio-button:checked { + box-shadow: 0 0 0 2px #3498db; +} + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #22252c; + color: #bbc3c8; + border-radius: 2px 2px 0 0; + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; + border-width: 1px 1px 0 0; +} + +.nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; + border-width: 1px 0 0 1px; +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nemo-window menubar > menuitem > window.background.popup > menu, +.nemo-window .menubar > menuitem > window.background.popup > menu { + border-radius: 0 0 2px 2px; +} + +.nemo-window paned.horizontal > separator { + background-image: image(#14161b); +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + background-color: #1b1d24; +} + +.nemo-window .nemo-places-sidebar .places-treeview:selected .sidebar-icon, .nemo-window .nemo-places-sidebar .places-treeview:selected:hover .sidebar-icon { + color: inherit; +} + +.nemo-window .NemoSidebar { + background-color: #1b1d24; +} + +.nemo-window .NemoSidebar:selected, .nemo-window .NemoSidebar:selected:hover, .nemo-window .NemoSidebar:selected:focus { + background-color: rgba(187, 195, 200, 0.15); + color: #bbc3c8; +} + +.nemo-window .NemoSidebar.expander:hover { + color: #acb3b8; +} + +.nemo-window .NemoSidebar.expander:selected, .nemo-window .NemoSidebar.expander:selected:hover { + color: #9ca3a9; +} + +.nemo-window notebook { + background-color: #22252c; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #afb4ba; + border-color: #3498db; + background-color: #22252c; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #c6cbcf; + background-color: #14161b; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.error + entry, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry.error, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.warning + entry, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry.warning, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.error + entry.warning, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.warning + entry.error { + border-left-color: rgba(0, 0, 0, 0.42); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry:focus-within:not(:last-child), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry:focus-within:last-child { + border-left-color: #3498db; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry:focus-within:not(:only-child) + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry:focus-within:not(:only-child) + button:not(:hover):not(:active):not(:checked), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry:focus-within:not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked) { + border-left-color: transparent; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry:focus-within:not(:only-child) + button:hover, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry:focus-within:not(:only-child) + combobox > box > button.combo:hover { + border-left-color: rgba(0, 0, 0, 0.42); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry:drop(active):not(:last-child), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry:drop(active):last-child { + border-left-color: #F08437; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry:drop(active):not(:only-child) + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry:drop(active):not(:only-child) + button:not(:hover):not(:active):not(:checked), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry:drop(active):not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked) { + border-left-color: transparent; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry:drop(active):not(:only-child) + button:hover, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry:drop(active):not(:only-child) + combobox > box > button.combo:hover { + border-left-color: rgba(0, 0, 0, 0.42); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry.warning:focus-within:not(:last-child), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry.warning:focus-within:last-child { + border-left-color: #F27835; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.warning:focus-within:not(:only-child) + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.warning:focus-within:not(:only-child) + button:not(:hover):not(:active):not(:checked), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked) { + border-left-color: transparent; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.warning:focus-within:not(:only-child) + button:hover, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo:hover { + border-left-color: rgba(0, 0, 0, 0.42); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry.error:focus-within:not(:last-child), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry + entry.error:focus-within:last-child { + border-left-color: #FC4138; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.error:focus-within:not(:only-child) + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.error:focus-within:not(:only-child) + button:not(:hover):not(:active):not(:checked), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo:not(:hover):not(:active):not(:checked) { + border-left-color: transparent; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.error:focus-within:not(:only-child) + button:hover, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo:hover { + border-left-color: rgba(0, 0, 0, 0.42); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button:active + entry, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button:checked + entry { + border-left-color: rgba(0, 0, 0, 0.42); +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button + button { + border-left-style: solid; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: none; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: none; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar button { + min-height: 20px; + margin-top: 6px; + margin-bottom: 6px; +} + +.nemo-window .primary-toolbar entry { + min-height: 22px; + margin-top: 4px; + margin-bottom: 4px; +} + +.nemo-window .primary-toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button, +.nemo-window .primary-toolbar widget.linked.raised:not(.vertical):not(.path-bar) button { + padding: 2px 4px 4px 4px; + margin-top: 6px; + margin-bottom: 6px; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #3498db; + color: #ffffff; + border-radius: 0; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 2px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 2px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +window.background:not(.csd) > widget > separator { + color: rgba(0, 0, 0, 0.25); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: #1e2026; +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget > button > button { + border: 1px solid #1e2026; + border-radius: 2px; +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 2px; + background-image: image(#22252c); + border: 1px solid #1e2026; +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #3498db; +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#262a32); + border: 1px solid #1e2026; +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#3498db); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > menu > separator { + color: rgba(0, 0, 0, 0.25); +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(187, 195, 200, 0.45); +} + +#MozillaGtkWidget { + background-color: #1b1d24; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #1b1d24; +} + +#MozillaGtkWidget > window.background > menu { + background-color: #22252c; +} + +#MozillaGtkWidget > window.background > menu > separator { + padding: 0; + border: none; + background-color: #1e2026; +} + +#MozillaGtkWidget > widget border { + border-color: #1e2026; +} + +#MozillaGtkWidget > widget separator { + background-color: #1e2026; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #2d313a; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +window.background.chromium { + background-color: #1b1d24; + color: #bbc3c8; +} + +window.background.chromium headerbar.titlebar button.toggle { + color: #c6cbcf; + outline-offset: -3px; + background-color: transparent; + border-color: transparent; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c6cbcf; + border-color: rgba(0, 0, 0, 0.25); + background-color: rgba(198, 203, 207, 0.18); +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + color: #ffffff; + border-color: transparent; + background-color: #3498db; +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0 4px; + padding: 0; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #14161b; + background-color: #1b1d24; + color: #bbc3c8; +} + +window.background.chromium entry.chromium { + border-image: none; + border: 1px solid #14161b; + background-color: #1b1d24; + color: #bbc3c8; +} + +window.background.chromium > textview.view { + background-color: #1b1d24; + color: #bbc3c8; +} + +window.background.chromium > textview { + color: #bbc3c8; + background-color: #1b1d24; +} + +window.background.chromium > textview text { + color: #bbc3c8; + background-color: #1b1d24; +} + +window.background.chromium > menubar { + background-color: #14161b; + color: #c6cbcf; +} + +window.background.chromium > menubar > menuitem { + color: #c6cbcf; +} + +window.background.chromium > menu { + border: 1px solid #14161b; + background-color: #1b1d24; + color: #bbc3c8; +} + +window.background.chromium > menu > separator { + color: #1b1d24; + background-color: #1b1d24; +} + +window.background.chromium > menu > menuitem { + color: #bbc3c8; +} + +window.background.chromium > menu > menuitem:hover { + color: #ffffff; + background-color: #3498db; +} + +window.background.chromium > menu > menuitem:disabled, window.background.chromium > menu > menuitem accelerator, window.background.chromium > menu > menuitem label:disabled { + color: rgba(187, 195, 200, 0.45); +} + +tooltip.background.chromium { + border-color: rgba(12, 13, 16, 0.95); + background-color: #14161b; +} + +overlay.window-overlay grid.horizontal stack paned.horizontal stack widget.view.frame, +overlay.window-overlay grid.horizontal stack paned.horizontal stack scrolledwindow.frame { + border-left: none; + border-right: none; +} + +overlay.window-overlay grid.horizontal stack .sidebar { + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +/**************** + * Libre-Office * + ****************/ +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #14161b; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #c6cbcf; + border: none; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #353947; + color: #d4d8db; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: #3498db; + color: #f0f1f2; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled { + color: alpha(#c6cbcf,0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #22252c; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 0%, transparent 0%) 0 0 0/0 0 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover { + box-shadow: inset 0 -2px #3498db; + background: none; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; + color: #bbc3c8; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 100px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(48, 52, 62, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + background-color: #db5b5b; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #e48585; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#d23131); +} + +window.background.csd > box.vertical > stack > box.horizontal > list { + background-color: transparent; + border-right: 1px solid rgba(0, 0, 0, 0.25); +} + +window.background.csd > box.vertical > stack > box.horizontal > box.vertical > stack > scrolledwindow.frame { + border: none; +} + +window.background.csd > box.vertical > stack > box.horizontal > revealer > stack > list { + background-color: transparent; + border-right: 1px solid rgba(0, 0, 0, 0.25); +} + +window.background.csd > box.vertical > stack > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list { + background-color: transparent; + border-right: 1px solid rgba(0, 0, 0, 0.25); +} + +window.background.csd > box.vertical > stack > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list { + background-color: transparent; + border-right: 1px solid rgba(0, 0, 0, 0.25); +} + +window#ValaPanel.background { + background-color: #1b1d24; + border: none; + color: #bbc3c8; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +window#ValaPanel.background .unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +window#ValaPanel.background .unpinned button.flat.-panel-icon-button:hover, window#ValaPanel.background .unpinned button.flat.-panel-icon-button:active, window#ValaPanel.background .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #3498db; + color: #ffffff; +} + +window#ValaPanel.background .pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +window#ValaPanel.background .pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +window#ValaPanel.background .pinned button.flat.-panel-icon-button.running:hover, window#ValaPanel.background .pinned button.flat.-panel-icon-button.running:active, window#ValaPanel.background .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #3498db; + color: #ffffff; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet-window-menu-applet-button, +menubar.-vala-panel-background, +menubar.-vala-panel-appmenu-private { + background: none; + border: none; + box-shadow: none; + padding: 0 0 0 0; +} + +.mate-panel-menu-bar menubar > menuitem, +.mate-panel-menu-bar #PanelApplet-window-menu-applet-button > menuitem, +menubar.-vala-panel-background > menuitem, +menubar.-vala-panel-appmenu-private > menuitem { + border-radius: 0; + color: #bbc3c8; + font-weight: normal; +} + +.mate-panel-menu-bar menubar > menuitem:hover, +.mate-panel-menu-bar #PanelApplet-window-menu-applet-button > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover, +menubar.-vala-panel-appmenu-private > menuitem:hover { + color: #ffffff; +} + +.mate-panel-menu-bar menubar > menuitem:disabled, +.mate-panel-menu-bar #PanelApplet-window-menu-applet-button > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled, +menubar.-vala-panel-appmenu-private > menuitem:disabled { + color: rgba(187, 195, 200, 0.45); +} + +.mate-panel-menu-bar menubar > menuitem > window.background.popup > menu, +.mate-panel-menu-bar #PanelApplet-window-menu-applet-button > menuitem > window.background.popup > menu, +menubar.-vala-panel-background > menuitem > window.background.popup > menu, +menubar.-vala-panel-appmenu-private > menuitem > window.background.popup > menu { + border-radius: 0 0 2px 2px; +} + +/**************** + * Mate Desktop * + ****************/ +.atril-window .primary-toolbar toolbar { + background: none; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(3, 3, 4, 0.95); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #3498db; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(10, 10, 13, 0.95); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #1b1d24; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar button#tasklist-button label, +.mate-panel-menu-bar button#tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background button#tasklist-button label, +panel-toplevel.background button#tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #5e6264; + background-color: #050607; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #262933; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #8bc4ea; + background-color: #3498db; +} + +PanelToplevel.background { + color: #bbc3c8; + background-color: #1b1d24; +} + +#PanelWidget, +#PanelPlug, +#PanelApplet { + color: #bbc3c8; + background-color: #1b1d24; +} + +PanelSeparator { + border-width: 0; + background: none; + background-image: none; + color: white; +} + +PanelToplevel.horizontal MatePanelAppletFrameDBus { + background-image: linear-gradient(to right, transparent 2px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.1) 3px, transparent 3px, transparent 4px, rgba(255, 255, 255, 0.1) 4px, rgba(255, 255, 255, 0.1) 5px, transparent 5px, transparent 7px); + background-repeat: no-repeat; + background-size: 7px 14px; +} + +PanelToplevel.horizontal MatePanelAppletFrameDBus:dir(ltr) { + background-position: left center; +} + +PanelToplevel.horizontal MatePanelAppletFrameDBus:dir(rtl) { + background-position: right center; +} + +PanelToplevel.vertical MatePanelAppletFrameDBus { + background-image: linear-gradient(to bottom, transparent 2px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.1) 3px, transparent 3px, transparent 4px, rgba(255, 255, 255, 0.1) 4px, rgba(255, 255, 255, 0.1) 5px, transparent 5px, transparent 7px); + background-repeat: no-repeat; + background-size: 14px 7px; + background-position: center top; +} + +PanelToplevel.mate-panel-menu-bar > grid.horizontal > button { + min-height: 4px; + min-width: 4px; + padding: 0; + border-radius: 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.1); + background-color: transparent; + color: #bbc3c8; +} + +PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:hover { + background-color: transparent; + color: #ffffff; +} + +PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:active { + background-color: transparent; + color: #ffffff; +} + +PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:disabled { + color: rgba(187, 195, 200, 0.45); +} + +PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:checked { + background-color: transparent; + color: #ffffff; +} + +PanelToplevel.mate-panel-menu-bar > grid.horizontal > button > image { + padding: 0 4px; +} + +PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:first-child:dir(ltr) { + border-width: 0 1px 0 0; +} + +PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:first-child:dir(rtl) { + border-width: 0 0 0 1px; +} + +PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:not(:first-child):dir(ltr) { + border-width: 0 0 0 1px; +} + +PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:not(:first-child):dir(rtl) { + border-width: 0 1px 0 0; +} + +.mate-panel-menu-bar #clock-applet-button label { + padding: 0 6px; +} + +.mate-panel-menu-bar.vertical menubar > menuitem, +.mate-panel-menu-bar.vertical #PanelApplet-window-menu-applet-button > menuitem { + padding: 4px 0; +} + +.mate-panel-menu-bar.vertical menubar > menuitem:hover, +.mate-panel-menu-bar.vertical #PanelApplet-window-menu-applet-button > menuitem:hover { + box-shadow: inset 2px 0 #3498db; +} + +.mate-panel-menu-bar.vertical #tasklist-button:hover, +.mate-panel-menu-bar.vertical #clock-applet-button:hover, +.mate-panel-menu-bar.vertical #showdesktop-button:hover { + box-shadow: inset 2px 0 rgba(52, 152, 219, 0.5); +} + +.mate-panel-menu-bar.vertical #tasklist-button:checked, .mate-panel-menu-bar.vertical #tasklist-button:hover:checked, +.mate-panel-menu-bar.vertical #clock-applet-button:checked, +.mate-panel-menu-bar.vertical #clock-applet-button:hover:checked, +.mate-panel-menu-bar.vertical #showdesktop-button:checked, +.mate-panel-menu-bar.vertical #showdesktop-button:hover:checked { + box-shadow: inset 2px 0 #3498db; +} + +.mate-panel-menu-bar.vertical #clock-applet-button label { + padding: 6px 0; +} + +.mate-panel-menu-bar button.flat.toggle.brisk-button { + padding: 0 4px; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #bbc3c8; + font-weight: 700; +} + +.mate-panel-menu-bar button.flat.toggle.brisk-button:hover { + background-image: none; + color: #ffffff; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.1); +} + +.mate-panel-menu-bar button.flat.toggle.brisk-button:active { + animation: none; +} + +.mate-panel-menu-bar button.flat.toggle.brisk-button:checked { + background-image: none; + color: #ffffff; + box-shadow: inset 0 -2px #3498db; +} + +.mate-panel-menu-bar button.flat.toggle.brisk-button-vertical { + padding: 0; +} + +.mate-panel-menu-bar button.flat.toggle.brisk-button-vertical:hover { + box-shadow: inset 2px 0 rgba(255, 255, 255, 0.1); +} + +.mate-panel-menu-bar button.flat.toggle.brisk-button-vertical:checked { + box-shadow: inset 2px 0 #3498db; +} + +.brisk-menu entry { + margin: 0.25rem; +} + +.brisk-menu box.horizontal scrolledwindow:dir(ltr) { + margin: 0.25rem 0.25rem 0.25rem 0; +} + +.brisk-menu box.horizontal scrolledwindow:dir(rtl) { + margin: 0.25rem 0 0.25rem 0.25rem; +} + +.brisk-menu .categories-list:dir(ltr) { + margin: 0.25rem 0 0.25rem 0.25rem; +} + +.brisk-menu .categories-list:dir(rtl) { + margin: 0.25rem 0.25rem 0.25rem 0; +} + +.brisk-menu .categories-list button.flat { + padding-top: unset; + padding-bottom: unset; + border-radius: 2px; + font-weight: 500; + transition-duration: 0.1s; +} + +.brisk-menu .categories-list button.flat:checked { + background-color: #3498db; + color: #ffffff; +} + +.brisk-menu .categories-list button.flat image { + padding: 0.5rem 0; +} + +.brisk-menu .categories-list button.flat label { + padding-bottom: 0.04375rem; +} + +.brisk-menu box.vertical > box.horizontal > box.vertical > separator.horizontal { + min-height: 0; + background-color: transparent; +} + +.brisk-menu list.content-view.view { + background-color: #22252c; +} + +.brisk-menu list.content-view.view row.activatable { + padding: 0; + background-image: none; + transition-duration: 0s; +} + +.brisk-menu list.content-view.view row.activatable > button.flat { + padding-top: unset; + padding-bottom: unset; + border-radius: 0; + font-weight: 400; + transition-duration: 0s; + border: none; +} + +.brisk-menu list.content-view.view row.activatable > button.flat:hover { + background-color: rgba(187, 195, 200, 0.06); +} + +.brisk-menu list.content-view.view row.activatable > button.flat:active { + background-color: rgba(187, 195, 200, 0.1); + color: #bbc3c8; +} + +.brisk-menu list.content-view.view row.activatable > button.flat > box.horizontal > image { + padding: 0.33125rem 0; +} + +.mate-panel-applet-slider { + background-color: transparent; +} + +.mate-panel-applet-slider > frame { + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 2px; + background-color: #1b1d24; +} + +.mate-panel-applet-slider > frame > border { + border: unset; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +.caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-desktop > widget.entry, .caja-desktop > widget.entry:focus { + transition: none; +} + +.caja-navigation-window toolbar#Toolbar.primary-toolbar { + background-color: #14161b; + color: #c6cbcf; +} + +window#MyControlCenter > frame > box.horizontal > widget > scrolledwindow.frame { + border: none; +} + +window#MyControlCenter > frame > box.horizontal > widget > scrolledwindow.frame:dir(ltr) { + border-left: 1px solid #14161b; +} + +window#MyControlCenter > frame > box.horizontal > widget > scrolledwindow.frame:dir(rtl) { + border-right: 1px solid #14161b; +} + +window#MyControlCenter > frame > box.horizontal > widget > scrolledwindow.frame > widget.view { + all: unset; + background-color: #1b1d24; +} + +.background:not(.csd) > box.horizontal > notebook.frame { + border: none; +} + +.background:not(.csd) > box.horizontal > notebook.frame > stack { + border-width: 1px; + border-style: solid; + border-color: #1b1d24; + box-shadow: none; +} + +.background:not(.csd) > box.horizontal > notebook.frame > stack:dir(ltr) { + border-left-color: #14161b; +} + +.background:not(.csd) > box.horizontal > notebook.frame > stack:dir(rtl) { + border-right-color: #14161b; +} + +.eom-window statusbar { + margin: 0 -10px; + padding: 0 0.41875rem; + background-color: rgba(20, 22, 27, 0.95); + color: #c6cbcf; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.atril-window scrolledwindow.frame, +.xreader-window scrolledwindow.frame { + border-style: solid none none; +} + +.atril-window scrolledwindow.frame > .view, +.xreader-window scrolledwindow.frame > .view { + transition: none; +} + +.atril-window toolbar > toolbutton button.flat.image-button, +.xreader-window toolbar > toolbutton button.flat.image-button { + border-radius: 2px; +} + +.atril-window.fullscreen.background > box.vertical, +.xreader-window.fullscreen.background > box.vertical { + background-color: black; + transition-duration: 0s; +} + +.atril-window.fullscreen.background > box.vertical > toolbar:not(.primary-toolbar).horizontal, +.xreader-window.fullscreen.background > box.vertical > toolbar:not(.primary-toolbar).horizontal { + border-bottom-color: #14161b; +} + +.atril-window.fullscreen.background > box.vertical > paned.horizontal, +.xreader-window.fullscreen.background > box.vertical > paned.horizontal { + background-color: #1b1d24; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(12, 13, 16, 0.95); + background-color: rgba(20, 22, 27, 0.95); + box-shadow: none; +} + +MsdOsdWindow.background.osd image { + color: #c6cbcf; +} + +MsdOsdWindow.background.osd .trough { + border-radius: 0; + border: none; + background-color: rgba(198, 203, 207, 0.2); +} + +MsdOsdWindow.background.osd .progressbar { + border-radius: 0; + border: none; + background-color: #2eb398; +} + +.slate-notification { + border-radius: 2px; +} + +.slate-notification-window .drop-shadow { + margin: 4px 6px 10px; + border-radius: 2px; +} + +/****************** + * Budgie Desktop * + ******************/ +.drop-shadow button, .raven .raven-header:not(.top) button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.drop-shadow button:hover, .raven .raven-header:not(.top) button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +.drop-shadow button:checked, .raven .raven-header:not(.top) button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked, .drop-shadow button:active, .raven .raven-header:not(.top) button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.25); + border-radius: 2px; + background-color: #1b1d24; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.budgie-popover .container { + padding: 0; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #bbc3c8; + padding: 0 0; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(187, 195, 200, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: #ffffff; + background-color: #3498db; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: rgba(187, 195, 200, 0.85); + font-weight: normal; + border: none; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):hover { + background-color: rgba(187, 195, 200, 0.12); +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):checked, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):active { + background-color: rgba(187, 195, 200, 0.22); + color: #bbc3c8; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { + color: rgba(187, 195, 200, 0.45); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; + background-color: rgba(0, 0, 0, 0.25); +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; + background-color: rgba(0, 0, 0, 0.25); +} + +.budgie-popover.caffeine-popover .container { + padding: 6px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; +} + +.budgie-menu.background { + padding: 0; + background-color: #22252c; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 2px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 2px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #bbc3c8; + font-weight: normal; + border: none; +} + +.budgie-menu button:disabled { + color: rgba(187, 195, 200, 0.45); +} + +.budgie-menu button:checked:disabled { + background-color: #3498db; +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; + background-color: rgba(0, 0, 0, 0.25); +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.25); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #1b1d24; + color: #bbc3c8; + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(27, 29, 36, 0.85); +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + color: #bbc3c8; + border: none; + background: none; +} + +.budgie-panel button:hover { + color: white; + background-color: rgba(187, 195, 200, 0.15); +} + +.budgie-panel button:active { + color: white; + background-color: rgba(187, 195, 200, 0.1); +} + +.budgie-panel button:checked { + color: white; + background-color: rgba(187, 195, 200, 0.12); +} + +.budgie-panel button:checked:disabled { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(187, 195, 200, 0.06); +} + +.budgie-panel button:disabled { + color: rgba(187, 195, 200, 0.5); + background: none; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.25); +} + +.budgie-panel .alert { + color: #db5b5b; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #bbc3c8; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: #ffffff; +} + +.budgie-panel button.flat.launcher:not(:checked):disabled { + color: rgba(187, 195, 200, 0.5); +} + +#tasklist-button { + padding: 0 4px; +} + +.top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher, .top #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(1px), #3498db 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #3498db 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher, .bottom #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #3498db 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher, .left #tasklist-button { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #3498db 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #3498db 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher, .right #tasklist-button { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #3498db 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #3498db 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +.budgie-panel button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + border: none; + background-position: center center; +} + +.budgie-panel button.flat.launcher > image { + opacity: 0.87; +} + +.budgie-panel button.flat.launcher:hover > image { + opacity: 1.0; +} + +.budgie-panel button.flat.launcher:active > image { + opacity: 1.0; +} + +.budgie-panel button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#3498db); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#3498db); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#3498db); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#3498db); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border: none; + box-shadow: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent); +} + +.raven { + background-color: #1b1d24; +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 3px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 28px; + min-width: 28px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px; + background-color: #1b1d24; + color: #bbc3c8; +} + +.raven .raven-header.top stackswitcher { + padding: 0; + margin: 0; +} + +.raven .raven-header.top stackswitcher button { + margin: 4px 0; + padding: 2px 16px; + min-height: 16px; + border: none; + background-color: #313441; + color: #bbc3c8; +} + +.raven .raven-header.top stackswitcher button:hover { + background-color: #3c4050; + box-shadow: none; +} + +.raven .raven-header.top stackswitcher button:active, .raven .raven-header.top stackswitcher button:checked { + color: #ffffff; + border-color: transparent; + background-color: #3498db; +} + +.raven .raven-header.top stackswitcher button:disabled { + color: rgba(187, 195, 200, 0.4); +} + +.raven .raven-header.top stackswitcher button:disabled label { + color: rgba(187, 195, 200, 0.4); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.25); + background-color: #22252c; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background.frame { + border-style: solid none; +} + +.raven .raven-background > overlay > widget > image { + color: alpha(currentColor,0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #3498db; + color: #ffffff; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 2px; + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #3498db; +} + +.raven-mpris { + background-color: rgba(0, 0, 0, 0.5); + color: #ffffff; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 8px 7px; + border: none; + border-radius: 100px; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: transparent; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #bbc3c8; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 2px; + border-top: 1px solid rgba(0, 0, 0, 0.25); + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.25); +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(187, 195, 200, 0.06); +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(52, 152, 219, 0.75); +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: #ffffff; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(52, 152, 219, 0.65); +} + +.slate-notification-window, +.budgie-notification-window, +.budgie-switcher-window, +.budgie-osd-window { + background-color: transparent; + background-image: none; + border-radius: 2px; +} + +.slate-notification-window button, +.budgie-notification-window button, +.budgie-switcher-window button, +.budgie-osd-window button { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.95); +} + +.slate-notification-window button:hover, +.budgie-notification-window button:hover, +.budgie-switcher-window button:hover, +.budgie-osd-window button:hover { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(198, 203, 207, 0.1); +} + +.slate-notification-window button:active, .slate-notification-window button:checked, +.budgie-notification-window button:active, +.budgie-switcher-window button:active, +.budgie-osd-window button:active, +.budgie-notification-window button:checked, +.budgie-switcher-window button:checked, +.budgie-osd-window button:checked { + color: #ffffff; + border-color: rgba(12, 13, 16, 0.95); + background-color: #3498db; +} + +.slate-notification-window button:disabled, +.budgie-notification-window button:disabled, +.budgie-switcher-window button:disabled, +.budgie-osd-window button:disabled { + color: #4a4c51; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.85); +} + +.slate-notification-window .linked:not(.vertical) > entry + entry, +.budgie-notification-window .linked:not(.vertical) > entry + entry, +.budgie-switcher-window .linked:not(.vertical) > entry + entry, +.budgie-osd-window .linked:not(.vertical) > entry + entry { + border-left-color: rgba(0, 0, 0, 0.3); +} + +.slate-notification-window .linked:not(.vertical) > entry.error + entry, +.slate-notification-window .linked:not(.vertical) > entry + entry.error, +.budgie-notification-window .linked:not(.vertical) > entry.error + entry, +.budgie-switcher-window .linked:not(.vertical) > entry.error + entry, +.budgie-osd-window .linked:not(.vertical) > entry.error + entry, +.budgie-notification-window .linked:not(.vertical) > entry + entry.error, +.budgie-switcher-window .linked:not(.vertical) > entry + entry.error, +.budgie-osd-window .linked:not(.vertical) > entry + entry.error { + border-left-color: #FC4138; +} + +.slate-notification-window .linked:not(.vertical) > entry.warning + entry, +.slate-notification-window .linked:not(.vertical) > entry + entry.warning, +.budgie-notification-window .linked:not(.vertical) > entry.warning + entry, +.budgie-switcher-window .linked:not(.vertical) > entry.warning + entry, +.budgie-osd-window .linked:not(.vertical) > entry.warning + entry, +.budgie-notification-window .linked:not(.vertical) > entry + entry.warning, +.budgie-switcher-window .linked:not(.vertical) > entry + entry.warning, +.budgie-osd-window .linked:not(.vertical) > entry + entry.warning { + border-left-color: #F27835; +} + +.slate-notification-window .linked:not(.vertical) > entry.error + entry.warning, +.slate-notification-window .linked:not(.vertical) > entry.warning + entry.error, +.budgie-notification-window .linked:not(.vertical) > entry.error + entry.warning, +.budgie-switcher-window .linked:not(.vertical) > entry.error + entry.warning, +.budgie-osd-window .linked:not(.vertical) > entry.error + entry.warning, +.budgie-notification-window .linked:not(.vertical) > entry.warning + entry.error, +.budgie-switcher-window .linked:not(.vertical) > entry.warning + entry.error, +.budgie-osd-window .linked:not(.vertical) > entry.warning + entry.error { + border-left-color: #f75d37; +} + +.slate-notification-window .linked:not(.vertical) > entry + entry:focus-within:not(:last-child), +.slate-notification-window .linked:not(.vertical) > entry + entry:focus-within:last-child, +.budgie-notification-window .linked:not(.vertical) > entry + entry:focus-within:not(:last-child), +.budgie-switcher-window .linked:not(.vertical) > entry + entry:focus-within:not(:last-child), +.budgie-osd-window .linked:not(.vertical) > entry + entry:focus-within:not(:last-child), +.budgie-notification-window .linked:not(.vertical) > entry + entry:focus-within:last-child, +.budgie-switcher-window .linked:not(.vertical) > entry + entry:focus-within:last-child, +.budgie-osd-window .linked:not(.vertical) > entry + entry:focus-within:last-child { + border-left-color: #3498db; +} + +.slate-notification-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + entry, +.slate-notification-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + button, +.slate-notification-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + combobox > box > button.combo, +.budgie-notification-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + entry, +.budgie-switcher-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + entry, +.budgie-osd-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + entry, +.budgie-notification-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + button, +.budgie-switcher-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + button, +.budgie-osd-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + button, +.budgie-notification-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + combobox > box > button.combo, +.budgie-switcher-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + combobox > box > button.combo, +.budgie-osd-window .linked:not(.vertical) > entry:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #3498db; +} + +.slate-notification-window .linked:not(.vertical) > entry + entry:drop(active):not(:last-child), +.slate-notification-window .linked:not(.vertical) > entry + entry:drop(active):last-child, +.budgie-notification-window .linked:not(.vertical) > entry + entry:drop(active):not(:last-child), +.budgie-switcher-window .linked:not(.vertical) > entry + entry:drop(active):not(:last-child), +.budgie-osd-window .linked:not(.vertical) > entry + entry:drop(active):not(:last-child), +.budgie-notification-window .linked:not(.vertical) > entry + entry:drop(active):last-child, +.budgie-switcher-window .linked:not(.vertical) > entry + entry:drop(active):last-child, +.budgie-osd-window .linked:not(.vertical) > entry + entry:drop(active):last-child { + border-left-color: #F08437; +} + +.slate-notification-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + entry, +.slate-notification-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + button, +.slate-notification-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + combobox > box > button.combo, +.budgie-notification-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + entry, +.budgie-switcher-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + entry, +.budgie-osd-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + entry, +.budgie-notification-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + button, +.budgie-switcher-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + button, +.budgie-osd-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + button, +.budgie-notification-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + combobox > box > button.combo, +.budgie-switcher-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + combobox > box > button.combo, +.budgie-osd-window .linked:not(.vertical) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; +} + +.slate-notification-window .linked:not(.vertical) > entry + entry.warning:focus-within:not(:last-child), +.slate-notification-window .linked:not(.vertical) > entry + entry.warning:focus-within:last-child, +.budgie-notification-window .linked:not(.vertical) > entry + entry.warning:focus-within:not(:last-child), +.budgie-switcher-window .linked:not(.vertical) > entry + entry.warning:focus-within:not(:last-child), +.budgie-osd-window .linked:not(.vertical) > entry + entry.warning:focus-within:not(:last-child), +.budgie-notification-window .linked:not(.vertical) > entry + entry.warning:focus-within:last-child, +.budgie-switcher-window .linked:not(.vertical) > entry + entry.warning:focus-within:last-child, +.budgie-osd-window .linked:not(.vertical) > entry + entry.warning:focus-within:last-child { + border-left-color: #F27835; +} + +.slate-notification-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + entry, +.slate-notification-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + button, +.slate-notification-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo, +.budgie-notification-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + entry, +.budgie-switcher-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + entry, +.budgie-osd-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + entry, +.budgie-notification-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + button, +.budgie-switcher-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + button, +.budgie-osd-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + button, +.budgie-notification-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo, +.budgie-switcher-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo, +.budgie-osd-window .linked:not(.vertical) > entry.warning:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; +} + +.slate-notification-window .linked:not(.vertical) > entry + entry.error:focus-within:not(:last-child), +.slate-notification-window .linked:not(.vertical) > entry + entry.error:focus-within:last-child, +.budgie-notification-window .linked:not(.vertical) > entry + entry.error:focus-within:not(:last-child), +.budgie-switcher-window .linked:not(.vertical) > entry + entry.error:focus-within:not(:last-child), +.budgie-osd-window .linked:not(.vertical) > entry + entry.error:focus-within:not(:last-child), +.budgie-notification-window .linked:not(.vertical) > entry + entry.error:focus-within:last-child, +.budgie-switcher-window .linked:not(.vertical) > entry + entry.error:focus-within:last-child, +.budgie-osd-window .linked:not(.vertical) > entry + entry.error:focus-within:last-child { + border-left-color: #FC4138; +} + +.slate-notification-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + entry, +.slate-notification-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + button, +.slate-notification-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo, +.budgie-notification-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + entry, +.budgie-switcher-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + entry, +.budgie-osd-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + entry, +.budgie-notification-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + button, +.budgie-switcher-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + button, +.budgie-osd-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + button, +.budgie-notification-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo, +.budgie-switcher-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo, +.budgie-osd-window .linked:not(.vertical) > entry.error:focus-within:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; +} + +.slate-notification-window .linked:not(.vertical) > button:active + entry, +.slate-notification-window .linked:not(.vertical) > button:checked + entry, +.budgie-notification-window .linked:not(.vertical) > button:active + entry, +.budgie-switcher-window .linked:not(.vertical) > button:active + entry, +.budgie-osd-window .linked:not(.vertical) > button:active + entry, +.budgie-notification-window .linked:not(.vertical) > button:checked + entry, +.budgie-switcher-window .linked:not(.vertical) > button:checked + entry, +.budgie-osd-window .linked:not(.vertical) > button:checked + entry { + border-left-color: #3498db; +} + +.slate-notification-window .linked:not(.vertical) > button + button, +.budgie-notification-window .linked:not(.vertical) > button + button, +.budgie-switcher-window .linked:not(.vertical) > button + button, +.budgie-osd-window .linked:not(.vertical) > button + button { + border-left-style: none; +} + +.slate-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.slate-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), +.budgie-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.budgie-switcher-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.budgie-osd-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.budgie-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), +.budgie-switcher-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), +.budgie-osd-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action) { + box-shadow: inset 1px 0 rgba(12, 13, 16, 0.95); +} + +.slate-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.slate-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), +.budgie-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.budgie-switcher-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.budgie-osd-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.budgie-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), +.budgie-switcher-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), +.budgie-osd-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { + box-shadow: inset 1px 0 rgba(12, 13, 16, 0.95); +} + +.slate-notification-window .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.slate-notification-window .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.slate-notification-window .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.slate-notification-window .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.slate-notification-window .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.slate-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.slate-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.slate-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.slate-notification-window .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.slate-notification-window .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.slate-notification-window .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.slate-notification-window .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.slate-notification-window .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.slate-notification-window .linked:not(.vertical), +.budgie-notification-window .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-switcher-window .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-osd-window .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-notification-window .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-switcher-window .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-osd-window .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-notification-window .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-switcher-window .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-osd-window .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-notification-window .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-switcher-window .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-osd-window .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover, +.budgie-notification-window .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.budgie-switcher-window .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.budgie-osd-window .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), +.budgie-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.budgie-switcher-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.budgie-osd-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:disabled, +.budgie-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-switcher-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-osd-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-notification-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.budgie-switcher-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.budgie-osd-window .linked:not(.vertical) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):first-child:hover, +.budgie-notification-window .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-switcher-window .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-osd-window .linked:not(.vertical) > button:active + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-notification-window .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-switcher-window .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-osd-window .linked:not(.vertical) > button:checked + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-notification-window .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-switcher-window .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-osd-window .linked:not(.vertical) > button.suggested-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-notification-window .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-switcher-window .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-osd-window .linked:not(.vertical) > button.destructive-action + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled, +.budgie-notification-window .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.budgie-switcher-window .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.budgie-osd-window .linked:not(.vertical) > entry + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), +.budgie-notification-window .linked:not(.vertical), +.budgie-switcher-window .linked:not(.vertical), +.budgie-osd-window .linked:not(.vertical) { + box-shadow: none; +} + +.slate-notification .notification-title, +.budgie-notification .notification-title, +.budgie-switcher .notification-title { + font-size: 120%; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +.drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 2px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3); + background-color: #1b1d24; + color: #bbc3c8; +} + +.drop-shadow .linked > button { + border-radius: 2px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 2px; + background-color: #1b1d24; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 2px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 2px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 0; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:active, .budgie-session-dialog buttonbox.linked.horizontal > button:checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:checked { + transition: background-color 0.00001s 0.3s; + animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + border-bottom-left-radius: 2px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + border-bottom-right-radius: 2px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + background-color: alpha(#bbc3c8,0.06); + border-color: rgba(0, 0, 0, 0.25); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + color: #bbc3c8; + background-color: alpha(#bbc3c8,0.1); + border-color: rgba(0, 0, 0, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #db5b5b; +} + +.budgie-run-dialog { + background-color: #22252c; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, +.budgie-run-dialog list entry > text > placeholder, .budgie-run-dialog list spinbutton:not(.vertical) > text > placeholder, .budgie-run-dialog list spinbutton.vertical > text > text > placeholder, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .slate-notification .notification-body, .slate-notification .budgie-run-dialog list .notification-body, +.budgie-run-dialog list .budgie-notification .notification-body, +.budgie-notification .budgie-run-dialog list .notification-body, +.budgie-run-dialog list .budgie-switcher .notification-body, +.budgie-switcher .budgie-run-dialog list .notification-body { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: unset; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: #bbc3c8; +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +/***************** + * Xfce4 Desktop * + *****************/ +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, window#ValaPanel.background button.flat.-panel-button, +window#ValaPanel.background button#tasklist-button.toggle.flat, +window#ValaPanel.background button.flat.-panel-icon-button, .mate-panel-menu-bar button, +.mate-panel-menu-bar button#tasklist-button, +panel-toplevel.background button, +panel-toplevel.background button#tasklist-button { + color: #bbc3c8; + border-radius: 0; + border: none; + background-color: transparent; +} + +.xfce4-panel button:hover:not(:active):not(:checked), window#ValaPanel.background button.flat.-panel-button:hover:not(:active):not(:checked), +window#ValaPanel.background button#tasklist-button.toggle.flat:hover:not(:active):not(:checked), +window#ValaPanel.background button.flat.-panel-icon-button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked), +.mate-panel-menu-bar button#tasklist-button:hover:not(:active):not(:checked), +panel-toplevel.background button:hover:not(:active):not(:checked), +panel-toplevel.background button#tasklist-button:hover:not(:active):not(:checked) { + color: #ffffff; + box-shadow: inset 0 -2px rgba(52, 152, 219, 0.5); +} + +.xfce4-panel button:checked, window#ValaPanel.background button.flat.-panel-button:checked, +window#ValaPanel.background button#tasklist-button.toggle.flat:checked, +window#ValaPanel.background button.flat.-panel-icon-button:checked, .mate-panel-menu-bar button:checked, +.mate-panel-menu-bar button#tasklist-button:checked, +panel-toplevel.background button:checked, +panel-toplevel.background button#tasklist-button:checked { + color: #ffffff; + box-shadow: inset 0 -2px #3498db; +} + +.xfce4-panel button:checked label, window#ValaPanel.background button.flat.-panel-button:checked label, +window#ValaPanel.background button#tasklist-button.toggle.flat:checked label, +window#ValaPanel.background button.flat.-panel-icon-button:checked label, .mate-panel-menu-bar button:checked label, +.mate-panel-menu-bar button#tasklist-button:checked label, +panel-toplevel.background button:checked label, +panel-toplevel.background button#tasklist-button:checked label, .xfce4-panel button:checked image, window#ValaPanel.background button.flat.-panel-button:checked image, +window#ValaPanel.background button#tasklist-button.toggle.flat:checked image, +window#ValaPanel.background button.flat.-panel-icon-button:checked image, .mate-panel-menu-bar button:checked image, +.mate-panel-menu-bar button#tasklist-button:checked image, +panel-toplevel.background button:checked image, +panel-toplevel.background button#tasklist-button:checked image { + color: inherit; +} + +.xfce4-panel button:active, window#ValaPanel.background button.flat.-panel-button:active, +window#ValaPanel.background button#tasklist-button.toggle.flat:active, +window#ValaPanel.background button.flat.-panel-icon-button:active, .mate-panel-menu-bar button:active, +.mate-panel-menu-bar button#tasklist-button:active, +panel-toplevel.background button:active, +panel-toplevel.background button#tasklist-button:active { + background-color: rgba(255, 255, 255, 0.12); + color: #ffffff; + box-shadow: inset 0 -2px #3498db; +} + +.xfce4-panel.panel { + background-color: #1b1d24; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #1b1d24; + color: #bbc3c8; +} + +.xfce4-panel { + background-color: #1b1d24; + color: #bbc3c8; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +.xfce4-panel#XfcePanelWindow { + border: none; +} + +.xfce4-panel#XfcePanelWindow, .xfce4-panel#XfcePanelWindow.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #3498db; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +window#XfcePanelWindow.background.panel.xfce4-panel { + border: none; +} + +window#XfcePanelWindow.background.panel.xfce4-panel > widget wnck-pager { + background-color: rgba(255, 255, 255, 0.1); + border: none; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15); +} + +window#XfcePanelWindow.background.panel.xfce4-panel > widget wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +window#XfcePanelWindow.background.panel.xfce4-panel > widget wnck-pager:active, window#XfcePanelWindow.background.panel.xfce4-panel > widget wnck-pager:checked, window#XfcePanelWindow.background.panel.xfce4-panel > widget wnck-pager:selected { + background-color: rgba(255, 255, 255, 0.35); +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: #ffffff; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #3498db; + color: #ffffff; + text-shadow: none; +} + +window#whiskermenu-window > frame > stack scrolledwindow scrollbar { + background-color: rgba(0, 0, 0, 0.15); + border-color: #17181e; +} + +window#whiskermenu-window > frame > stack scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #bbc3c8; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +window#whiskermenu-window > frame > stack scrolledwindow scrollbar slider { + background-color: rgba(229, 232, 234, 0.65); +} + +window#whiskermenu-window > frame > stack scrolledwindow scrollbar slider:hover { + background-color: #f3f5f6; +} + +window#whiskermenu-window > frame > stack scrolledwindow scrollbar slider:hover:active { + background-color: #3498db; +} + +window#whiskermenu-window > frame > stack scrolledwindow scrollbar slider:disabled { + background-color: transparent; +} + +window#whiskermenu-window > frame > stack scrolledwindow scrollbar trough { + background-color: rgba(0, 0, 0, 0.08); +} + +window#whiskermenu-window { + background-color: #1b1d24; + color: #bbc3c8; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window > frame > stack button { + background-color: transparent; + color: #bbc3c8; + background-clip: padding-box; +} + +window#whiskermenu-window > frame > stack button:hover { + background-color: rgba(187, 195, 200, 0.12); + color: #ffffff; + border-color: rgba(0, 0, 0, 0.2); +} + +window#whiskermenu-window > frame > stack button:checked, window#whiskermenu-window > frame > stack button:active { + background-color: #3498db; + color: #ffffff; + border-color: rgba(0, 0, 0, 0.2); +} + +window#whiskermenu-window > frame > stack button:disabled { + color: rgba(187, 195, 200, 0.45); + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(27, 29, 36, 0.45); +} + +window#whiskermenu-window > frame > stack entry { + background-color: #313441; + color: #bbc3c8; + border-color: rgba(0, 0, 0, 0.2); +} + +window#whiskermenu-window > frame > stack entry image { + color: #9ba2a7; +} + +window#whiskermenu-window > frame > stack entry:focus { + border-color: #3498db; +} + +window#whiskermenu-window > frame > stack entry:focus image { + color: #3498db; +} + +window#whiskermenu-window > frame > stack entry:disabled { + color: rgba(187, 195, 200, 0.45); + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(27, 29, 36, 0.45); +} + +window#whiskermenu-window > frame > stack entry:disabled image { + color: rgba(187, 195, 200, 0.45); +} + +window#whiskermenu-window > frame > stack scrolledwindow .view { + background-color: #262933; + color: #bbc3c8; +} + +window#whiskermenu-window > frame > stack scrolledwindow .view:selected:hover { + background-color: #313441; + color: #bbc3c8; +} + +window.thunar paned.horizontal > separator { + background-image: image(#14161b); +} + +window.thunar .sidebar { + border: none; +} + +window.thunar .sidebar treeview.view { + background-color: #1b1d24; + color: #afb4ba; +} + +window.thunar .sidebar treeview.view:hover { + background-color: #2b2e34; + box-shadow: none; +} + +window.thunar toolbar { + background-color: #14161b; + color: #c6cbcf; +} + +window.thunar toolbar entry { + min-height: 0; +} + +window.thunar toolbar .linked:not(.vertical):not(.stack-switcher).path-bar button { + margin: 0; + padding: 2px 4px 4px 4px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view widget.view { + border-radius: 2px; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +#pulseaudio-button menuitem:hover scale highlight, #xfce4-power-manager-plugin menuitem:hover scale highlight { + background-color: #ffffff; +} + +/********************** + * Elementary Desktop * + **********************/ +.panel { + background-color: #1b1d24; + transition: all 100ms ease-in-out; + color: #bbc3c8; + font-weight: bold; +} + +.panel.maximized { + background-color: black; +} + +.panel.translucent { + background-color: #1b1d24; +} + +menubar .panel, .panel menubar { + box-shadow: none; + border: none; + background: none; + color: #bbc3c8; +} + +.panel-shadow { + background-image: none; + background-color: transparent; +} + +.panel .menu { + box-shadow: none; +} + +.panel .menu .menuitem { + font-weight: normal; +} + +.panel .menubar > .menuitem { + padding: 3px 6px; +} + +.panel .menubar > .menuitem:hover { + background-color: transparent; +} + +.panel popover { + padding: 2px 4px; + font-weight: normal; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.08); +} + +.panel popover button { + font-weight: normal; + background-color: transparent; +} + +.panel popover button:active label, .panel popover button:checked label { + color: white; +} + +.panel popover .linked > button { + border-color: rgba(0, 0, 0, 0.25); +} + +.panel popover list { + background-color: transparent; +} + +.panel popover separator.horizontal { + margin: 0 -4px; +} + +.panel popover separator.vertical { + background-image: image(rgba(0, 0, 0, 0.25)); + margin: 0 2px; +} + +.panel popover .sidebar { + border-style: none; + background: none; +} + +.panel popover .sidebar .view { + background: none; + border-radius: 2px; +} + +.panel popover .sidebar .view:selected, .panel popover .sidebar .view:active, .panel popover .sidebar .view:checked, .panel popover .sidebar .view:active:backdrop, .panel popover .sidebar .view:checked:backdrop, .panel popover .sidebar .view:selected:backdrop { + color: #ffffff; + background-color: #3498db; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #3498db; +} + +.circular label:disabled { + color: rgba(187, 195, 200, 0.45); +} + +.circular.accent { + color: #ffffff; + background-color: #3498db; +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; +} + +.composited-indicator { + background-color: transparent; + color: #bbc3c8; + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #bbc3c8; + font-weight: bold; + text-shadow: none; + transition: all 200ms ease-in-out; +} + +.composited-indicator .keyboard { + background-color: #fff; + border-radius: 2px; + box-shadow: none; + color: #333; + font-weight: 600; + padding: 0 3px; + text-shadow: none; +} + +.composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; +} + +.composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; +} + +.composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; +} + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #3498db; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: #c6cbcf; + border-color: rgba(0, 0, 0, 0.42); + background-color: rgba(69, 74, 91, 0.42); +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + color: #fdfefe; + border-color: #3498db; + background-color: rgba(55, 60, 74, 0.42); +} + +.marlin-pathbar.pathbar:disabled { + color: rgba(198, 203, 207, 0.55); + border-color: rgba(0, 0, 0, 0.42); + background-color: rgba(69, 74, 91, 0.85); +} + +.marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #3498db; +} + +treeview.view.sidebar { + color: #c6cbcf; + background-color: rgba(48, 52, 62, 0.95); +} + +treeview.view.sidebar.source-list { + padding-top: 3px; + padding-bottom: 3px; +} + +treeview.view.sidebar.source-list.trough { + color: #bbc3c8; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 3px; + border-width: 0; +} + +treeview.view.sidebar.source-list.trough:selected, treeview.view.sidebar.source-list.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; +} + +.dynamic-notebook notebook iconview.view.cell:selected { + background-color: rgba(255, 255, 255, 0.08); +} + +headerbar.titlebar entry.pathbar { + min-height: 0; +} + +headerbar.titlebar button.flat.image-button.toggle { + min-height: 0; + padding-top: 0; + padding-bottom: 0; + margin-top: 9px; + margin-bottom: 10px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + background-image: image(#14161b); +} + +popover radiobutton.color-button.color-light, popover radiobutton.color-button.color-dark, popover radiobutton.color-button.color-white { + border: 1px solid rgba(0, 0, 0, 0.25); +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #5c616c; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.25); +} + +actionbar.inline-toolbar button { + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.25); +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + background-image: linear-gradient(to right, #4586D8, #db5b5b); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +#panel_window { + background-color: #1b1d24; + color: #bbc3c8; + font-weight: bold; + box-shadow: inset 0 -1px #0c0d10; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #bbc3c8; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(187, 195, 200, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #bbc3c8; +} + +#content_frame { + padding-bottom: 14px; + background-color: #1b1d24; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #bbc3c8; + border-color: rgba(0, 0, 0, 0.25); + background-color: #262a32; +} + +#content_frame button:hover { + color: #919ea6; + border-color: rgba(0, 0, 0, 0.25); + background-color: #383d49; +} + +#content_frame button:active, #content_frame button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.25); + background-color: #3498db; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(38, 42, 50, 0.55); +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(187, 195, 200, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #14161b; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0c0d10; +} + +#buttonbox_frame button { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.95); +} + +#buttonbox_frame button:hover { + color: #c6cbcf; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(198, 203, 207, 0.1); +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(12, 13, 16, 0.95); + background-color: #3498db; +} + +#buttonbox_frame button:disabled { + color: #4a4c51; + border-color: rgba(12, 13, 16, 0.95); + background-color: rgba(27, 29, 36, 0.85); +} + +#login_window #user_combobox { + color: #bbc3c8; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #db5b5b; + border-color: #db5b5b; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #e48585; + border-color: #e48585; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #d23131; + border-color: #d23131; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #4586D8; + border-color: #4586D8; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #6fa1e1; + border-color: #6fa1e1; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #296cc1; + border-color: #296cc1; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, rgba(37, 40, 48, 0.95), rgba(37, 40, 48, 0.95)); +} + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; +} + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: rgba(48, 52, 62, 0.95); +} + +filechooser placessidebar.sidebar row.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row { + margin: 0 0; + border: none; + border-radius: 0; + color: #c6cbcf; +} + +filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(198, 203, 207, 0.6); +} + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + border-radius: 0; + background-color: rgba(198, 203, 207, 0.15); + box-shadow: inset 3px 0 #5faee3; +} + +filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(198, 203, 207, 0.45); +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + border-radius: 0; +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row:selected label, filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, filechooser placessidebar.sidebar row.sidebar-row:active:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover label { + color: #ffffff; +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover .sidebar-icon { + color: inherit; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #c6cbcf; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #c6cbcf; + border-color: rgba(0, 0, 0, 0.25); + background-color: rgba(198, 203, 207, 0.18); +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + border-color: transparent; + background-color: #3498db; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #3498db; +} + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +filechooser placessidebar.sidebar row.sidebar-row:backdrop, +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.75; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; +} + +filechooser placessidebar.sidebar separator, +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #30343e; +} + +filechooser actionbar { + color: #bbc3c8; + background-color: #1b1d24; + border-color: rgba(0, 0, 0, 0.25); +} + +filechooser actionbar button { + color: #bbc3c8; + border-color: rgba(0, 0, 0, 0.25); + background-color: #262a32; +} + +filechooser actionbar button:hover { + color: #919ea6; + border-color: rgba(0, 0, 0, 0.25); + background-color: #383d49; +} + +filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.25); + background-color: #3498db; +} + +filechooser actionbar button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(38, 42, 50, 0.55); +} + +filechooser actionbar button:disabled label, filechooser actionbar button:disabled { + color: rgba(187, 195, 200, 0.45); +} + +filechooser actionbar entry { + color: #afb4ba; + border-color: rgba(0, 0, 0, 0.25); + background-color: #22252c; +} + +filechooser actionbar entry:focus { + color: #afb4ba; + border-color: #3498db; + background-color: #22252c; +} + +filechooser actionbar entry:disabled { + color: rgba(187, 195, 200, 0.45); + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(34, 37, 44, 0.55); +} + +filechooser actionbar label, filechooser actionbar combobox { + color: #bbc3c8; +} + +.gedit-bottom-panel-paned { + background-color: #22252c; +} + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(37, 40, 48, 0.95), rgba(37, 40, 48, 0.95)); +} + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); +} + +.gedit-document-panel { + background-color: rgba(48, 52, 62, 0.95); +} + +.maximized .gedit-document-panel { + background-color: #30343e; +} + +.gedit-document-panel row { + color: #c6cbcf; + background-color: rgba(198, 203, 207, 0); +} + +.gedit-document-panel row:hover { + background-color: rgba(198, 203, 207, 0.15); +} + +.gedit-document-panel row:active { + color: #ffffff; + background-color: #3498db; +} + +.gedit-document-panel row:active button { + color: #ffffff; +} + +.gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #3498db; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #c6cbcf; +} + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar { + border-color: rgba(37, 40, 48, 0.95); +} + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #f0f1f2; + border: 1px solid rgba(0, 0, 0, 0.3); +} + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider { + background-color: rgba(240, 241, 242, 0.7); +} + +filechooser placessidebar.sidebar scrollbar slider:hover, +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: #fdfefe; +} + +filechooser placessidebar.sidebar scrollbar slider:hover:active, +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #3498db; +} + +filechooser placessidebar.sidebar scrollbar slider:disabled, +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: rgba(37, 40, 48, 0.95); +} + +@define-color theme_fg_color #bbc3c8; +@define-color theme_text_color #afb4ba; +@define-color theme_bg_color #1b1d24; +@define-color theme_base_color #22252c; +@define-color theme_selected_bg_color #3498db; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #bbc3c8; +@define-color text_color #afb4ba; +@define-color bg_color #1b1d24; +@define-color base_color #22252c; +@define-color selected_bg_color #3498db; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #1f222a; +@define-color insensitive_fg_color alpha(rgba(187, 195, 200, 0.45), 0.5); +@define-color insensitive_base_color #22252c; +@define-color theme_unfocused_fg_color #bbc3c8; +@define-color theme_unfocused_text_color #afb4ba; +@define-color theme_unfocused_bg_color #1b1d24; +@define-color theme_unfocused_base_color #22252c; +@define-color borders rgba(0, 0, 0, 0.25); +@define-color unfocused_borders rgba(0, 0, 0, 0.25); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #2eb398; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #8bc4ea; +@define-color content_view_bg #22252c; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #15161b; +@define-color wm_title alpha(#c6cbcf, 0.8); +@define-color wm_unfocused_title alpha(#c6cbcf, 0.5); +@define-color wm_bg #14161b; +@define-color wm_bg_unfocused #1f222a; +@define-color wm_highlight #1b1d24; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #14161b; +@define-color wm_button_hover_bg #2a2d38; +@define-color wm_button_active_bg #3498db; +@define-color wm_button_hover_border #0c0d10; +@define-color wm_icon_bg #c6cbcf; +@define-color wm_icon_unfocused_bg #454c51; +@define-color wm_icon_hover_bg #c6cbcf; +@define-color wm_icon_active_bg #ffffff; +@define-color budgie_tasklist_indicator_color #3498db; +@define-color budgie_tasklist_indicator_color_active #3498db; +@define-color budgie_tasklist_indicator_color_active_window #295f87; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; |