@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;