* { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkCheckButton-indicator-size: 16; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #4a90d9; -GtkWidget-visited-link-color: #2a76c6; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-color: rgba(238, 238, 236, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; outline-radius: 2px; } /*************** * Base States * ***************/ .background { color: #eeeeec; background-color: #393f3f; } .background:backdrop { text-shadow: none; icon-shadow: none; color: #949796; background-color: #393f3f; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #393f3f; color: #eeeeec; } .gtkstyle-fallback:prelight { background-color: #515a5a; color: #eeeeec; } .gtkstyle-fallback:active { background-color: #212424; color: #eeeeec; } .gtkstyle-fallback:insensitive { background-color: #333636; color: #949796; } .gtkstyle-fallback:selected { background-color: #215d9c; color: #ffffff; } .view { color: white; background-color: #292929; } .view:backdrop { color: #d5d5d5; background-color: #2c2c2c; } .view:selected, calendar:selected { border-radius: 3px; } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { border: 1px solid #184472; background-color: rgba(24, 68, 114, 0.2); } label.separator { color: #eeeeec; } label.separator:backdrop { color: #949796; } label:insensitive { color: #949796; } label:insensitive:backdrop { color: #5d6767; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; } assistant .sidebar { background-color: #292929; border-top: 1px solid #1c1f1f; } assistant .sidebar:dir(ltr) { border-right: 1px solid #1c1f1f; } assistant .sidebar:dir(rtl) { border-left: 1px solid #1c1f1f; } assistant .sidebar:backdrop { background-color: #2c2c2c; border-color: #1f2222; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: #5d6262; } GtkTextView { background-color: #313434; } GtkTextView:backdrop { background-color: #333636; } .grid-child { padding: 3px; border-radius: 3px; } .grid-child:selected { outline-offset: -2px; } .popover.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .osd { color: #eeeeec; border: none; background-color: rgba(32, 37, 38, 0.7); background-clip: padding-box; outline-color: rgba(238, 238, 236, 0.3); box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .popover.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop { text-shadow: none; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:active { opacity: 1; animation: spin 1s linear infinite; } spinner:active:insensitive { opacity: 0.5; } /**************** * Text Entries * ****************/ entry, spinbutton { border: 1px solid; padding: 5px 8px 6px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; border-color: #1c1f1f; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1); } entry image.left, spinbutton image.left { padding-left: 0; padding-right: 6px; } entry image.right, spinbutton image.right { padding-left: 6px; padding-right: 0; } entry.flat, entry.flat:focus, spinbutton.flat, spinbutton.flat:focus { padding: 2px; background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; border-color: #1c1f1f; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0); border: none; border-radius: 0; } entry:focus, spinbutton:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); box-shadow: inset 0 0 0 1px #215d9c, 0 1px rgba(238, 238, 236, 0.1); border-color: #0f2b48; } entry:insensitive, spinbutton:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); box-shadow: 0 1px rgba(238, 238, 236, 0.1); } entry:backdrop, spinbutton:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #d5d5d5; border-color: #1f2222; background-image: linear-gradient(to bottom, #2c2c2c); box-shadow: 0 1px rgba(238, 238, 236, 0); } entry:backdrop:insensitive, spinbutton:backdrop:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); box-shadow: 0 1px rgba(238, 238, 236, 0); } entry progress, spinbutton progress { margin: 1px; border-radius: 0; border-width: 0 0 2px; border-color: #215d9c; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } entry progress:backdrop, spinbutton progress:backdrop { background-color: transparent; } .linked:not(.vertical) > entry:focus + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > entry:focus + GtkComboBoxText > .the-button-in-the-combobox, .linked:not(.vertical) > spinbutton:focus + entry, .linked:not(.vertical) > spinbutton:focus + button, .linked:not(.vertical) > spinbutton:focus + GtkComboBox > .the-button-in-the-combobox, .linked:not(.vertical) > spinbutton:focus + GtkComboBoxText > .the-button-in-the-combobox { border-left-color: #0f2b48; } entry.error, spinbutton.error { color: #cc0000; border-color: #1a0000; } entry.error:focus, spinbutton.error:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); box-shadow: inset 0 0 0 1px #cc0000, 0 1px rgba(238, 238, 236, 0.1); border-color: #1a0000; } entry.error:selected, entry.error:selected:focus, spinbutton.error:selected, spinbutton.error:selected:focus { background-color: #cc0000; } entry.warning, spinbutton.warning { color: #f57900; border-color: #432100; } entry.warning:focus, spinbutton.warning:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); box-shadow: inset 0 0 0 1px #f57900, 0 1px rgba(238, 238, 236, 0.1); border-color: #432100; } entry.warning:selected, entry.warning:selected:focus, spinbutton.warning:selected, spinbutton.warning:selected:focus { background-color: #f57900; } entry image, spinbutton image { color: #c7c7c5; } entry image:hover, spinbutton image:hover { color: #eeeeec; } entry image:active, spinbutton image:active { color: #215d9c; } entry image:backdrop, spinbutton image:backdrop { color: #7f8281; } .osd entry, .osd spinbutton { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .osd entry:focus, .osd spinbutton:focus { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; border-color: #215d9c; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); background-clip: padding-box; box-shadow: inset 0 0 0 1px #215d9c; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .osd entry:backdrop, .osd spinbutton:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd entry:insensitive, .osd spinbutton:insensitive { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .linked.vertical > entry:not(:last-child) { box-shadow: none; } .linked.vertical > entry:focus:not(:last-child) { box-shadow: inset 0 0 0 1px #215d9c; } .linked.vertical > entry:not(:insensitive) + entry:not(:insensitive) { border-top-color: #252626; background-image: linear-gradient(to bottom, #292929); } .linked.vertical > entry:not(:insensitive) + entry:not(:insensitive):backdrop { border-top-color: #282929; background-image: linear-gradient(to bottom, #2c2c2c); } .linked.vertical > entry + entry:focus:not(:last-child) { border-top-color: #0f2b48; box-shadow: inset 0 0 0 1px #215d9c; } .linked.vertical > entry + entry:focus:last-child { border-top-color: #0f2b48; } .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + GtkComboBox > .the-button-in-the-combobox, .linked.vertical > entry:focus:not(:only-child) + GtkComboBoxText > .the-button-in-the-combobox { border-top-color: #0f2b48; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3583d5), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c), to(transparent)); } } button, headerbar button.titlebutton, .titlebar button.titlebutton { border: 1px solid; border-radius: 3px; padding: 5px 8px 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } button.flat, .sidebar-button.button, headerbar button.titlebutton, .titlebar button.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; transition: none; } button.flat:hover, .sidebar-button.button:hover, headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } button.flat:hover:active, .sidebar-button.button:hover:active, headerbar button.titlebutton:hover:active, .titlebar button.titlebutton:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button:hover, headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); -gtk-image-effect: highlight; } button:active, headerbar button.titlebutton:active, .titlebar button.titlebutton:active, button:checked, headerbar button.titlebutton:checked, .titlebar button.titlebutton:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); transition-duration: 50ms; } button:backdrop, headerbar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop, button.flat:backdrop, .sidebar-button.button:backdrop, headerbar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); -gtk-image-effect: none; } button:backdrop:active, button:backdrop:checked, button.flat:backdrop:active, .sidebar-button.button:backdrop:active, headerbar button.titlebutton:backdrop:active, .titlebar button.titlebutton:backdrop:active, button.flat:backdrop:checked, .sidebar-button.button:backdrop:checked, headerbar button.titlebutton:backdrop:checked, .titlebar button.titlebutton:backdrop:checked { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #303535); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button:backdrop:insensitive, button.flat:backdrop:insensitive, .sidebar-button.button:backdrop:insensitive, headerbar button.titlebutton:backdrop:insensitive, .titlebar button.titlebutton:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button:backdrop:insensitive > .label, headerbar button.titlebutton:backdrop:insensitive > .label, .titlebar button.titlebutton:backdrop:insensitive > .label, button.flat:backdrop:insensitive > .label, .sidebar-button.button:backdrop:insensitive > .label, headerbar button.titlebutton:backdrop:insensitive > .label, .titlebar button.titlebutton:backdrop:insensitive > .label { color: inherit; } button:backdrop:insensitive:active, button:backdrop:insensitive:checked, button.flat:backdrop:insensitive:active, .sidebar-button.button:backdrop:insensitive:active, headerbar button.titlebutton:backdrop:insensitive:active, .titlebar button.titlebutton:backdrop:insensitive:active, button.flat:backdrop:insensitive:checked, .sidebar-button.button:backdrop:insensitive:checked, headerbar button.titlebutton:backdrop:insensitive:checked, .titlebar button.titlebutton:backdrop:insensitive:checked { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #272929); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button:backdrop:insensitive:active > .label, headerbar button.titlebutton:backdrop:insensitive:active > .label, .titlebar button.titlebutton:backdrop:insensitive:active > .label, button:backdrop:insensitive:checked > .label, headerbar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.titlebutton:backdrop:insensitive:checked > .label, button.flat:backdrop:insensitive:active > .label, .sidebar-button.button:backdrop:insensitive:active > .label, headerbar button.titlebutton:backdrop:insensitive:active > .label, .titlebar button.titlebutton:backdrop:insensitive:active > .label, button.flat:backdrop:insensitive:checked > .label, .sidebar-button.button:backdrop:insensitive:checked > .label, headerbar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.titlebutton:backdrop:insensitive:checked > .label { color: inherit; } button.flat:backdrop, .sidebar-button.button:backdrop, headerbar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop, button.flat:insensitive, .sidebar-button.button:insensitive, headerbar button.titlebutton:insensitive, .titlebar button.titlebutton:insensitive, button.flat:backdrop:insensitive, .sidebar-button.button:backdrop:insensitive, headerbar button.titlebutton:backdrop:insensitive, .titlebar button.titlebutton:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; } button:insensitive, headerbar button.titlebutton:insensitive, .titlebar button.titlebutton:insensitive { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } button:insensitive > .label, headerbar button.titlebutton:insensitive > .label, .titlebar button.titlebutton:insensitive > .label { color: inherit; } button:insensitive:active, button:insensitive:checked { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #313434, #333636); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } button:insensitive:active > .label, headerbar button.titlebutton:insensitive:active > .label, .titlebar button.titlebutton:insensitive:active > .label, button:insensitive:checked > .label, headerbar button.titlebutton:insensitive:checked > .label, .titlebar button.titlebutton:insensitive:checked > .label { color: inherit; } button.osd, headerbar button.osd.titlebutton, .titlebar button.osd.titlebutton { color: #eeeeec; border-radius: 5px; outline-color: rgba(238, 238, 236, 0.3); color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } button.osd.image-button, headerbar button.osd.titlebutton, .titlebar button.osd.titlebutton { padding: 13px; } button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } button.osd:insensitive, button.osd:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; border: none; } button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; border: none; } .osd button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton, .osd .titlebar button.titlebutton, .titlebar .osd button.titlebutton { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd button:insensitive, .osd button:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd button.flat, .osd .sidebar-button.button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton, .osd .titlebar button.titlebutton, .titlebar .osd button.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .osd button.flat:hover, .osd .sidebar-button.button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd button.titlebutton:hover, .osd .titlebar button.titlebutton:hover, .titlebar .osd button.titlebutton:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-clip: padding-box; border-color: transparent; box-shadow: none; } .osd button.flat:insensitive, .osd .sidebar-button.button:insensitive, .osd headerbar button.titlebutton:insensitive, headerbar .osd button.titlebutton:insensitive, .osd .titlebar button.titlebutton:insensitive, .titlebar .osd button.titlebutton:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .osd button.flat:backdrop, .osd .sidebar-button.button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd button.titlebutton:backdrop, .osd .titlebar button.titlebutton:backdrop, .titlebar .osd button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; } .osd button.flat:active, .osd .sidebar-button.button:active, .osd headerbar button.titlebutton:active, headerbar .osd button.titlebutton:active, .osd .titlebar button.titlebutton:active, .titlebar .osd button.titlebutton:active, .osd button.flat:checked, .osd .sidebar-button.button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd button.titlebutton:checked, .osd .titlebar button.titlebutton:checked, .titlebar .osd button.titlebutton:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); background-clip: padding-box; border-color: transparent; box-shadow: none; } button.suggested-action, headerbar button.suggested-action.titlebutton, .titlebar button.suggested-action.titlebutton { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } button.suggested-action.flat, .suggested-action.sidebar-button.button, headerbar button.suggested-action.titlebutton, .titlebar button.suggested-action.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; color: #215d9c; } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187); text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); } button.suggested-action:backdrop, button.suggested-action.flat:backdrop, .suggested-action.sidebar-button.button:backdrop, headerbar button.suggested-action.titlebutton:backdrop, .titlebar button.suggested-action.titlebutton:backdrop { color: #d3dfeb; border-color: #0b1e33; background-image: linear-gradient(to bottom, #215d9c); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, .suggested-action.sidebar-button.button:backdrop:active, headerbar button.suggested-action.titlebutton:backdrop:active, .titlebar button.suggested-action.titlebutton:backdrop:active, button.suggested-action.flat:backdrop:checked, .suggested-action.sidebar-button.button:backdrop:checked, headerbar button.suggested-action.titlebutton:backdrop:checked, .titlebar button.suggested-action.titlebutton:backdrop:checked { color: #d1dae3; border-color: #0b1e33; background-image: linear-gradient(to bottom, #184472); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button.suggested-action:backdrop:insensitive, button.suggested-action.flat:backdrop:insensitive, .suggested-action.sidebar-button.button:backdrop:insensitive, headerbar button.suggested-action.titlebutton:backdrop:insensitive, .titlebar button.suggested-action.titlebutton:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button.suggested-action:backdrop:insensitive > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label, button.suggested-action.flat:backdrop:insensitive > .label, .suggested-action.sidebar-button.button:backdrop:insensitive > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label { color: inherit; } button.suggested-action:backdrop:insensitive:active, button.suggested-action:backdrop:insensitive:checked, button.suggested-action.flat:backdrop:insensitive:active, .suggested-action.sidebar-button.button:backdrop:insensitive:active, headerbar button.suggested-action.titlebutton:backdrop:insensitive:active, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:active, button.suggested-action.flat:backdrop:insensitive:checked, .suggested-action.sidebar-button.button:backdrop:insensitive:checked, headerbar button.suggested-action.titlebutton:backdrop:insensitive:checked, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:checked { color: #6c88a7; border-color: #0b1e33; background-image: linear-gradient(to bottom, #1d4877); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button.suggested-action:backdrop:insensitive:active > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive:active > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:active > .label, button.suggested-action:backdrop:insensitive:checked > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:checked > .label, button.suggested-action.flat:backdrop:insensitive:active > .label, .suggested-action.sidebar-button.button:backdrop:insensitive:active > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive:active > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:active > .label, button.suggested-action.flat:backdrop:insensitive:checked > .label, .suggested-action.sidebar-button.button:backdrop:insensitive:checked > .label, headerbar button.suggested-action.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.suggested-action.titlebutton:backdrop:insensitive:checked > .label { color: inherit; } button.suggested-action.flat:backdrop, .suggested-action.sidebar-button.button:backdrop, headerbar button.suggested-action.titlebutton:backdrop, .titlebar button.suggested-action.titlebutton:backdrop, button.suggested-action.flat:insensitive, .suggested-action.sidebar-button.button:insensitive, headerbar button.suggested-action.titlebutton:insensitive, .titlebar button.suggested-action.titlebutton:insensitive, button.suggested-action.flat:backdrop:insensitive, .suggested-action.sidebar-button.button:backdrop:insensitive, headerbar button.suggested-action.titlebutton:backdrop:insensitive, .titlebar button.suggested-action.titlebutton:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; color: rgba(33, 93, 156, 0.8); } button.suggested-action:insensitive { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } button.suggested-action:insensitive > .label, headerbar button.suggested-action.titlebutton:insensitive > .label, .titlebar button.suggested-action.titlebutton:insensitive > .label { color: inherit; } button.suggested-action:insensitive:active, button.suggested-action:insensitive:checked { color: #a5b6c9; border-color: #0b1e33; background-image: linear-gradient(to bottom, #1b4470, #1d4877); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } button.suggested-action:insensitive:active > .label, headerbar button.suggested-action.titlebutton:insensitive:active > .label, .titlebar button.suggested-action.titlebutton:insensitive:active > .label, button.suggested-action:insensitive:checked > .label, headerbar button.suggested-action.titlebutton:insensitive:checked > .label, .titlebar button.suggested-action.titlebutton:insensitive:checked > .label { color: inherit; } .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #215d9c); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd button.suggested-action:insensitive, .osd button.suggested-action:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } button.destructive-action, headerbar button.destructive-action.titlebutton, .titlebar button.destructive-action.titlebutton { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e); text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(238, 238, 236, 0.1); } button.destructive-action.flat, .destructive-action.sidebar-button.button, headerbar button.destructive-action.titlebutton, .titlebar button.destructive-action.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; color: #d51010; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010); text-shadow: 0 -1px rgba(0, 0, 0, 0.60878); icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(238, 238, 236, 0.1); } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; background-image: linear-gradient(to bottom, #aa0d0d, #b60e0e 40%, #bd0e0e); text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop, .destructive-action.sidebar-button.button:backdrop, headerbar button.destructive-action.titlebutton:backdrop, .titlebar button.destructive-action.titlebutton:backdrop { color: #f7cfcf; border-color: #5e0707; background-image: linear-gradient(to bottom, #d51010); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, .destructive-action.sidebar-button.button:backdrop:active, headerbar button.destructive-action.titlebutton:backdrop:active, .titlebar button.destructive-action.titlebutton:backdrop:active, button.destructive-action.flat:backdrop:checked, .destructive-action.sidebar-button.button:backdrop:checked, headerbar button.destructive-action.titlebutton:backdrop:checked, .titlebar button.destructive-action.titlebutton:backdrop:checked { color: #edcece; border-color: #5e0707; background-image: linear-gradient(to bottom, #a60c0c); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button.destructive-action:backdrop:insensitive, button.destructive-action.flat:backdrop:insensitive, .destructive-action.sidebar-button.button:backdrop:insensitive, headerbar button.destructive-action.titlebutton:backdrop:insensitive, .titlebar button.destructive-action.titlebutton:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button.destructive-action:backdrop:insensitive > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive > .label, button.destructive-action.flat:backdrop:insensitive > .label, .destructive-action.sidebar-button.button:backdrop:insensitive > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive > .label { color: inherit; } button.destructive-action:backdrop:insensitive:active, button.destructive-action:backdrop:insensitive:checked, button.destructive-action.flat:backdrop:insensitive:active, .destructive-action.sidebar-button.button:backdrop:insensitive:active, headerbar button.destructive-action.titlebutton:backdrop:insensitive:active, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:active, button.destructive-action.flat:backdrop:insensitive:checked, .destructive-action.sidebar-button.button:backdrop:insensitive:checked, headerbar button.destructive-action.titlebutton:backdrop:insensitive:checked, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:checked { color: #c46565; border-color: #5e0707; background-image: linear-gradient(to bottom, #a41212); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } button.destructive-action:backdrop:insensitive:active > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive:active > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:active > .label, button.destructive-action:backdrop:insensitive:checked > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:checked > .label, button.destructive-action.flat:backdrop:insensitive:active > .label, .destructive-action.sidebar-button.button:backdrop:insensitive:active > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive:active > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:active > .label, button.destructive-action.flat:backdrop:insensitive:checked > .label, .destructive-action.sidebar-button.button:backdrop:insensitive:checked > .label, headerbar button.destructive-action.titlebutton:backdrop:insensitive:checked > .label, .titlebar button.destructive-action.titlebutton:backdrop:insensitive:checked > .label { color: inherit; } button.destructive-action.flat:backdrop, .destructive-action.sidebar-button.button:backdrop, headerbar button.destructive-action.titlebutton:backdrop, .titlebar button.destructive-action.titlebutton:backdrop, button.destructive-action.flat:insensitive, .destructive-action.sidebar-button.button:insensitive, headerbar button.destructive-action.titlebutton:insensitive, .titlebar button.destructive-action.titlebutton:insensitive, button.destructive-action.flat:backdrop:insensitive, .destructive-action.sidebar-button.button:backdrop:insensitive, headerbar button.destructive-action.titlebutton:backdrop:insensitive, .titlebar button.destructive-action.titlebutton:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; color: rgba(213, 16, 16, 0.8); } button.destructive-action:insensitive { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } button.destructive-action:insensitive > .label, headerbar button.destructive-action.titlebutton:insensitive > .label, .titlebar button.destructive-action.titlebutton:insensitive > .label { color: inherit; } button.destructive-action:insensitive:active, button.destructive-action:insensitive:checked { color: #dba0a0; border-color: #5e0707; background-image: linear-gradient(to bottom, #9d1111, #a41212); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } button.destructive-action:insensitive:active > .label, headerbar button.destructive-action.titlebutton:insensitive:active > .label, .titlebar button.destructive-action.titlebutton:insensitive:active > .label, button.destructive-action:insensitive:checked > .label, headerbar button.destructive-action.titlebutton:insensitive:checked > .label, .titlebar button.destructive-action.titlebutton:insensitive:checked > .label { color: inherit; } .osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #d51010); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd button.destructive-action:insensitive, .osd button.destructive-action:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } button.image-button, headerbar button.titlebutton, .titlebar button.titlebutton { padding: 8px; } button.text-button, GtkScaleButton.button.text-button, GtkVolumeButton.button.text-button, headerbar button.text-button.titlebutton, .titlebar button.text-button.titlebutton { padding-left: 16px; padding-right: 16px; } button.text-button.image-button, GtkScaleButton.button.text-button, GtkVolumeButton.button.text-button, headerbar button.text-button.titlebutton, .titlebar button.text-button.titlebutton { padding: 5px 8px 6px; } button.text-button.image-button label:first-child, GtkScaleButton.button.text-button label:first-child, GtkVolumeButton.button.text-button label:first-child, headerbar button.text-button.titlebutton label:first-child, .titlebar button.text-button.titlebutton label:first-child { padding-left: 8px; } button.text-button.image-button label:last-child, GtkScaleButton.button.text-button label:last-child, GtkVolumeButton.button.text-button label:last-child, headerbar button.text-button.titlebutton label:last-child, .titlebar button.text-button.titlebutton label:last-child { padding-right: 8px; } .stack-switcher > button, headerbar .stack-switcher > button.titlebutton, .titlebar .stack-switcher > button.titlebutton { outline-offset: -3px; } .stack-switcher > button > label, .titlebar .stack-switcher > button.titlebutton > label { padding-left: 6px; padding-right: 6px; } .stack-switcher > button > image, .titlebar .stack-switcher > button.titlebutton > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > button.text-button, .stack-switcher > GtkScaleButton.button.text-button, .stack-switcher > GtkVolumeButton.button.text-button, headerbar .stack-switcher > button.text-button.titlebutton, headerbar .stack-switcher > GtkScaleButton.titlebutton.button.text-button, headerbar .stack-switcher > GtkVolumeButton.titlebutton.button.text-button, .titlebar .stack-switcher > button.text-button.titlebutton, .titlebar .stack-switcher > GtkScaleButton.titlebutton.button.text-button, .titlebar .stack-switcher > GtkVolumeButton.titlebutton.button.text-button { padding: 5px 10px 6px; } .stack-switcher > button.image-button, headerbar .stack-switcher > button.titlebutton, .titlebar .stack-switcher > button.titlebutton { padding: 5px 2px; } .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton, .inline-toolbar .titlebar button.titlebutton, .titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } .primary-toolbar button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton, .primary-toolbar .titlebar button.titlebutton, .titlebar .primary-toolbar button.titlebutton { icon-shadow: none; } .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar GtkToolButton > button, .inline-toolbar headerbar GtkToolButton > button.titlebutton, .inline-toolbar .titlebar GtkToolButton > button.titlebutton, .titlebar .inline-toolbar GtkToolButton > button.titlebutton { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } .inline-toolbar GtkToolButton > button:hover, .inline-toolbar headerbar GtkToolButton > button.titlebutton:hover, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } .inline-toolbar GtkToolButton > button:active, .inline-toolbar headerbar GtkToolButton > button.titlebutton:active, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:active, .inline-toolbar GtkToolButton > button:checked, .inline-toolbar headerbar GtkToolButton > button.titlebutton:checked, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); } .inline-toolbar GtkToolButton > button:insensitive, .inline-toolbar headerbar GtkToolButton > button.titlebutton:insensitive, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:insensitive { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } .inline-toolbar GtkToolButton > button:insensitive > .label { color: inherit; } .inline-toolbar GtkToolButton > button:insensitive:active, .inline-toolbar headerbar GtkToolButton > button.titlebutton:insensitive:active, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:insensitive:active, .inline-toolbar GtkToolButton > button:insensitive:checked, .inline-toolbar headerbar GtkToolButton > button.titlebutton:insensitive:checked, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:insensitive:checked { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #313434, #333636); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } .inline-toolbar GtkToolButton > button:insensitive:active > .label, .inline-toolbar GtkToolButton > button:insensitive:checked > .label { color: inherit; } .inline-toolbar GtkToolButton > button:backdrop, .inline-toolbar headerbar GtkToolButton > button.titlebutton:backdrop, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:backdrop { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } .inline-toolbar GtkToolButton > button:backdrop:active, .inline-toolbar headerbar GtkToolButton > button.titlebutton:backdrop:active, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:backdrop:active, .inline-toolbar GtkToolButton > button:backdrop:checked, .inline-toolbar headerbar GtkToolButton > button.titlebutton:backdrop:checked, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:backdrop:checked { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #303535); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } .inline-toolbar GtkToolButton > button:backdrop:insensitive, .inline-toolbar headerbar GtkToolButton > button.titlebutton:backdrop:insensitive, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } .inline-toolbar GtkToolButton > button:backdrop:insensitive > .label { color: inherit; } .inline-toolbar GtkToolButton > button:backdrop:insensitive:active, .inline-toolbar headerbar GtkToolButton > button.titlebutton:backdrop:insensitive:active, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:backdrop:insensitive:active, .inline-toolbar GtkToolButton > button:backdrop:insensitive:checked, .inline-toolbar headerbar GtkToolButton > button.titlebutton:backdrop:insensitive:checked, .inline-toolbar .titlebar GtkToolButton > button.titlebutton:backdrop:insensitive:checked { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #272929); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } .inline-toolbar GtkToolButton > button:backdrop:insensitive:active > .label, .inline-toolbar GtkToolButton > button:backdrop:insensitive:checked > .label { color: inherit; } .inline-toolbar.toolbar GtkToolButton > button.flat, .inline-toolbar GtkToolButton > button.flat, .inline-toolbar.search-bar GtkToolButton > button.flat, .inline-toolbar.location-bar GtkToolButton > button.flat, .inline-toolbar.toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar GtkToolButton > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton > .sidebar-button.button, .inline-toolbar.toolbar headerbar GtkToolButton > button.titlebutton, headerbar .inline-toolbar.toolbar GtkToolButton > button.titlebutton, .inline-toolbar headerbar GtkToolButton > button.titlebutton, headerbar .inline-toolbar GtkToolButton > button.titlebutton, .inline-toolbar.search-bar headerbar GtkToolButton > button.titlebutton, headerbar .inline-toolbar.search-bar GtkToolButton > button.titlebutton, .inline-toolbar.location-bar headerbar GtkToolButton > button.titlebutton, headerbar .inline-toolbar.location-bar GtkToolButton > button.titlebutton, .inline-toolbar .titlebar headerbar GtkToolButton > button.titlebutton, .inline-toolbar .titlebar GtkToolButton > button.titlebutton, .titlebar .inline-toolbar GtkToolButton > button.titlebutton, .inline-toolbar.toolbar GtkToolButton:backdrop > button.flat, .inline-toolbar GtkToolButton:backdrop > button.flat, .inline-toolbar.search-bar GtkToolButton:backdrop > button.flat, .inline-toolbar.location-bar GtkToolButton:backdrop > button.flat, .inline-toolbar.toolbar GtkToolButton:backdrop > .sidebar-button.button, .inline-toolbar GtkToolButton:backdrop > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:backdrop > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:backdrop > .sidebar-button.button, .inline-toolbar.toolbar headerbar GtkToolButton:backdrop > button.titlebutton, headerbar .inline-toolbar.toolbar GtkToolButton:backdrop > button.titlebutton, .inline-toolbar headerbar GtkToolButton:backdrop > button.titlebutton, headerbar .inline-toolbar GtkToolButton:backdrop > button.titlebutton, .inline-toolbar.search-bar headerbar GtkToolButton:backdrop > button.titlebutton, headerbar .inline-toolbar.search-bar GtkToolButton:backdrop > button.titlebutton, .inline-toolbar.location-bar headerbar GtkToolButton:backdrop > button.titlebutton, headerbar .inline-toolbar.location-bar GtkToolButton:backdrop > button.titlebutton, .inline-toolbar .titlebar headerbar GtkToolButton:backdrop > button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop > button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop > button.titlebutton, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, .inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton, .inline-toolbar .titlebar button.titlebutton, .titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop, .linked > button, headerbar .linked > button.titlebutton, .titlebar .linked > button.titlebutton, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) { border-radius: 0; border-right-style: none; } .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked > button:first-child, headerbar .linked > button.titlebutton:first-child, .titlebar .linked > button.titlebutton:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > button.flat, .inline-toolbar GtkToolButton:first-child > button.flat, .inline-toolbar.search-bar GtkToolButton:first-child > button.flat, .inline-toolbar.location-bar GtkToolButton:first-child > button.flat, .inline-toolbar.toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:first-child > .sidebar-button.button, .inline-toolbar.toolbar headerbar GtkToolButton:first-child > button.titlebutton, headerbar .inline-toolbar.toolbar GtkToolButton:first-child > button.titlebutton, .inline-toolbar headerbar GtkToolButton:first-child > button.titlebutton, headerbar .inline-toolbar GtkToolButton:first-child > button.titlebutton, .inline-toolbar.search-bar headerbar GtkToolButton:first-child > button.titlebutton, headerbar .inline-toolbar.search-bar GtkToolButton:first-child > button.titlebutton, .inline-toolbar.location-bar headerbar GtkToolButton:first-child > button.titlebutton, headerbar .inline-toolbar.location-bar GtkToolButton:first-child > button.titlebutton, .inline-toolbar .titlebar headerbar GtkToolButton:first-child > button.titlebutton, .inline-toolbar .titlebar GtkToolButton:first-child > button.titlebutton, .titlebar .inline-toolbar GtkToolButton:first-child > button.titlebutton, .inline-toolbar.toolbar GtkToolButton:backdrop:first-child > button.flat, .inline-toolbar GtkToolButton:backdrop:first-child > button.flat, .inline-toolbar.search-bar GtkToolButton:backdrop:first-child > button.flat, .inline-toolbar.location-bar GtkToolButton:backdrop:first-child > button.flat, .inline-toolbar.toolbar GtkToolButton:backdrop:first-child > .sidebar-button.button, .inline-toolbar GtkToolButton:backdrop:first-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:backdrop:first-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:backdrop:first-child > .sidebar-button.button, .inline-toolbar.toolbar headerbar GtkToolButton:backdrop:first-child > button.titlebutton, headerbar .inline-toolbar.toolbar GtkToolButton:backdrop:first-child > button.titlebutton, .inline-toolbar headerbar GtkToolButton:backdrop:first-child > button.titlebutton, headerbar .inline-toolbar GtkToolButton:backdrop:first-child > button.titlebutton, .inline-toolbar.search-bar headerbar GtkToolButton:backdrop:first-child > button.titlebutton, headerbar .inline-toolbar.search-bar GtkToolButton:backdrop:first-child > button.titlebutton, .inline-toolbar.location-bar headerbar GtkToolButton:backdrop:first-child > button.titlebutton, headerbar .inline-toolbar.location-bar GtkToolButton:backdrop:first-child > button.titlebutton, .inline-toolbar .titlebar headerbar GtkToolButton:backdrop:first-child > button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:first-child > button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:first-child > button.titlebutton, .linked > GtkComboBox:first-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child, .titlebar .linked > button.titlebutton:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > button.flat, .inline-toolbar GtkToolButton:last-child > button.flat, .inline-toolbar.search-bar GtkToolButton:last-child > button.flat, .inline-toolbar.location-bar GtkToolButton:last-child > button.flat, .inline-toolbar.toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:last-child > .sidebar-button.button, .inline-toolbar.toolbar headerbar GtkToolButton:last-child > button.titlebutton, headerbar .inline-toolbar.toolbar GtkToolButton:last-child > button.titlebutton, .inline-toolbar headerbar GtkToolButton:last-child > button.titlebutton, headerbar .inline-toolbar GtkToolButton:last-child > button.titlebutton, .inline-toolbar.search-bar headerbar GtkToolButton:last-child > button.titlebutton, headerbar .inline-toolbar.search-bar GtkToolButton:last-child > button.titlebutton, .inline-toolbar.location-bar headerbar GtkToolButton:last-child > button.titlebutton, headerbar .inline-toolbar.location-bar GtkToolButton:last-child > button.titlebutton, .inline-toolbar .titlebar headerbar GtkToolButton:last-child > button.titlebutton, .inline-toolbar .titlebar GtkToolButton:last-child > button.titlebutton, .titlebar .inline-toolbar GtkToolButton:last-child > button.titlebutton, .inline-toolbar.toolbar GtkToolButton:backdrop:last-child > button.flat, .inline-toolbar GtkToolButton:backdrop:last-child > button.flat, .inline-toolbar.search-bar GtkToolButton:backdrop:last-child > button.flat, .inline-toolbar.location-bar GtkToolButton:backdrop:last-child > button.flat, .inline-toolbar.toolbar GtkToolButton:backdrop:last-child > .sidebar-button.button, .inline-toolbar GtkToolButton:backdrop:last-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:backdrop:last-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:backdrop:last-child > .sidebar-button.button, .inline-toolbar.toolbar headerbar GtkToolButton:backdrop:last-child > button.titlebutton, headerbar .inline-toolbar.toolbar GtkToolButton:backdrop:last-child > button.titlebutton, .inline-toolbar headerbar GtkToolButton:backdrop:last-child > button.titlebutton, headerbar .inline-toolbar GtkToolButton:backdrop:last-child > button.titlebutton, .inline-toolbar.search-bar headerbar GtkToolButton:backdrop:last-child > button.titlebutton, headerbar .inline-toolbar.search-bar GtkToolButton:backdrop:last-child > button.titlebutton, .inline-toolbar.location-bar headerbar GtkToolButton:backdrop:last-child > button.titlebutton, headerbar .inline-toolbar.location-bar GtkToolButton:backdrop:last-child > button.titlebutton, .inline-toolbar .titlebar headerbar GtkToolButton:backdrop:last-child > button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:last-child > button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:last-child > button.titlebutton, .linked > GtkComboBox:last-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:last-child > .the-button-in-the-combobox { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked > button:only-child, headerbar .linked > button.titlebutton:only-child, .titlebar .linked > button.titlebutton:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > button.flat, .inline-toolbar GtkToolButton:only-child > button.flat, .inline-toolbar.search-bar GtkToolButton:only-child > button.flat, .inline-toolbar.location-bar GtkToolButton:only-child > button.flat, .inline-toolbar.toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:only-child > .sidebar-button.button, .inline-toolbar.toolbar headerbar GtkToolButton:only-child > button.titlebutton, headerbar .inline-toolbar.toolbar GtkToolButton:only-child > button.titlebutton, .inline-toolbar headerbar GtkToolButton:only-child > button.titlebutton, headerbar .inline-toolbar GtkToolButton:only-child > button.titlebutton, .inline-toolbar.search-bar headerbar GtkToolButton:only-child > button.titlebutton, headerbar .inline-toolbar.search-bar GtkToolButton:only-child > button.titlebutton, .inline-toolbar.location-bar headerbar GtkToolButton:only-child > button.titlebutton, headerbar .inline-toolbar.location-bar GtkToolButton:only-child > button.titlebutton, .inline-toolbar .titlebar headerbar GtkToolButton:only-child > button.titlebutton, .inline-toolbar .titlebar GtkToolButton:only-child > button.titlebutton, .titlebar .inline-toolbar GtkToolButton:only-child > button.titlebutton, .inline-toolbar.toolbar GtkToolButton:backdrop:only-child > button.flat, .inline-toolbar GtkToolButton:backdrop:only-child > button.flat, .inline-toolbar.search-bar GtkToolButton:backdrop:only-child > button.flat, .inline-toolbar.location-bar GtkToolButton:backdrop:only-child > button.flat, .inline-toolbar.toolbar GtkToolButton:backdrop:only-child > .sidebar-button.button, .inline-toolbar GtkToolButton:backdrop:only-child > .sidebar-button.button, .inline-toolbar.search-bar GtkToolButton:backdrop:only-child > .sidebar-button.button, .inline-toolbar.location-bar GtkToolButton:backdrop:only-child > .sidebar-button.button, .inline-toolbar.toolbar headerbar GtkToolButton:backdrop:only-child > button.titlebutton, headerbar .inline-toolbar.toolbar GtkToolButton:backdrop:only-child > button.titlebutton, .inline-toolbar headerbar GtkToolButton:backdrop:only-child > button.titlebutton, headerbar .inline-toolbar GtkToolButton:backdrop:only-child > button.titlebutton, .inline-toolbar.search-bar headerbar GtkToolButton:backdrop:only-child > button.titlebutton, headerbar .inline-toolbar.search-bar GtkToolButton:backdrop:only-child > button.titlebutton, .inline-toolbar.location-bar headerbar GtkToolButton:backdrop:only-child > button.titlebutton, headerbar .inline-toolbar.location-bar GtkToolButton:backdrop:only-child > button.titlebutton, .inline-toolbar .titlebar headerbar GtkToolButton:backdrop:only-child > button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:only-child > button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:only-child > button.titlebutton, .linked > GtkComboBox:only-child > .the-button-in-the-combobox, .linked > GtkComboBoxText:only-child > .the-button-in-the-combobox { border-radius: 3px; border-style: solid; } .linked.vertical > entry, .linked.vertical > button, headerbar .linked.vertical > button.titlebutton, .titlebar .linked.vertical > button.titlebutton, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox, .linked.vertical > GtkComboBox > .the-button-in-the-combobox { border-style: solid solid none solid; border-radius: 0; } .linked.vertical > entry:first-child, .linked.vertical > button:first-child, headerbar .linked.vertical > button.titlebutton:first-child, .titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > entry:last-child, .linked.vertical > button:last-child, headerbar .linked.vertical > button.titlebutton:last-child, .titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } .linked.vertical > entry:only-child, .linked.vertical > button:only-child, headerbar .linked.vertical > button.titlebutton:only-child, .titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox, .linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox { border-radius: 3px; border-style: solid; } modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, button:link, headerbar button.titlebutton:link, .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited, .titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link:backdrop, button:visited:backdrop, .menu button, .menu headerbar button.titlebutton, headerbar .menu button.titlebutton, .menu .titlebar button.titlebutton, .titlebar .menu button.titlebutton, notebook tab button, notebook tab headerbar button.titlebutton, headerbar notebook tab button.titlebutton, notebook tab .titlebar button.titlebutton, .titlebar notebook tab button.titlebutton, .app-notification button.flat, .app-notification .sidebar-button.button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, .app-notification .titlebar button.titlebutton, .titlebar .app-notification button.titlebutton, .app-notification.frame button.flat, .app-notification.frame .sidebar-button.button, .app-notification.frame headerbar button.titlebutton, headerbar .app-notification.frame button.titlebutton, .app-notification button.flat:backdrop, .app-notification .sidebar-button.button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar .app-notification button.titlebutton:backdrop, .app-notification button.flat:insensitive, .app-notification .sidebar-button.button:insensitive, .app-notification headerbar button.titlebutton:insensitive, headerbar .app-notification button.titlebutton:insensitive, .app-notification button.flat:backdrop:insensitive, .app-notification .sidebar-button.button:backdrop:insensitive, .app-notification headerbar button.titlebutton:backdrop:insensitive, headerbar .app-notification button.titlebutton:backdrop:insensitive, .app-notification .titlebar button.titlebutton:backdrop:insensitive, .titlebar .app-notification button.titlebutton:backdrop:insensitive, .app-notification.frame button.flat:backdrop, .app-notification.frame .sidebar-button.button:backdrop, .app-notification.frame headerbar button.titlebutton:backdrop, headerbar .app-notification.frame button.titlebutton:backdrop, .app-notification.frame .titlebar button.titlebutton:backdrop, .titlebar .app-notification.frame button.titlebutton:backdrop, .app-notification.frame button.flat:insensitive, .app-notification.frame .sidebar-button.button:insensitive, .app-notification.frame headerbar button.titlebutton:insensitive, headerbar .app-notification.frame button.titlebutton:insensitive, .app-notification.frame .titlebar button.titlebutton:insensitive, .titlebar .app-notification.frame button.titlebutton:insensitive, .app-notification.frame button.flat:backdrop:insensitive, .app-notification.frame .sidebar-button.button:backdrop:insensitive, .app-notification.frame headerbar button.titlebutton:backdrop:insensitive, headerbar .app-notification.frame button.titlebutton:backdrop:insensitive, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:insensitive, .scale-popup button:hover, .scale-popup button:backdrop, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; } /* menu buttons */ modelbutton.flat, .menuitem.button.flat { outline-offset: -1px; } modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: #4b5150; } button.color, headerbar button.color.titlebutton, .titlebar button.color.titlebutton { padding: 5px; } button.color GtkColorSwatch:first-child:last-child { border-radius: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } button.color GtkColorSwatch:first-child:last-child:insensitive, button.color GtkColorSwatch:first-child:last-child:backdrop { box-shadow: none; } /********* * Links * *********/ *:link, button:link, headerbar button.titlebutton:link, .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited, .titlebar button.titlebutton:visited { color: #4a90d9; } *:link:visited, button:visited, headerbar button.titlebutton:visited, .titlebar button.titlebutton:visited { color: #2a76c6; } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited, *:selected headerbar button.titlebutton:visited, headerbar *:selected button.titlebutton:visited, *:selected .titlebar button.titlebutton:visited, .titlebar *:selected button.titlebutton:visited { color: #a6bed7; } *:link:hover, button:hover:link, button:hover:visited { color: #74aae2; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #e9eff5; } *:link:active, button:active:link, button:active:visited { color: #4a90d9; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #d3dfeb; } *:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link, headerbar.selection-mode .subtitle:backdrop:hover:link { color: #215d9c; } *:link:selected, button:selected:link, button:selected:visited, .titlebar.selection-mode .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #d3dfeb; } button:link, headerbar button.titlebutton:link, .titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited, .titlebar button.titlebutton:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } button:link > label, headerbar button.titlebutton:link > label, .titlebar button.titlebutton:link > label, button:visited > label, headerbar button.titlebutton:visited > label, .titlebar button.titlebutton:visited > label { text-decoration-line: underline; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) button, spinbutton:not(.vertical) .titlebar button.titlebutton, .titlebar spinbutton:not(.vertical) button.titlebutton { background-image: none; border-style: none none none solid; border-color: rgba(28, 31, 31, 0.3); color: #dadad9; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) button:insensitive { color: rgba(148, 151, 150, 0.3); } spinbutton:not(.vertical) button:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.1); } spinbutton:not(.vertical) button:backdrop { color: #8a8c8b; border-color: rgba(31, 34, 34, 0.3); background-color: transparent; } spinbutton:not(.vertical) button:backdrop:insensitive { background-image: none; color: rgba(93, 103, 103, 0.3); border-style: none none none solid; } spinbutton:not(.vertical) button:backdrop:insensitive:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } .osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(238, 238, 236, 0.1); icon-shadow: 0 1px black; box-shadow: none; } .osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; color: #878a89; border-color: rgba(0, 0, 0, 0.5); icon-shadow: none; box-shadow: none; } .osd spinbutton:not(.vertical) button:last-child { border-radius: 0 3px 3px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } spinbutton.vertical button, spinbutton.vertical .titlebar button.titlebutton, .titlebar spinbutton.vertical button.titlebutton { padding-top: 8px; padding-bottom: 8px; } spinbutton.vertical button:first-child { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } spinbutton.vertical button:first-child:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } spinbutton.vertical button:first-child:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } spinbutton.vertical button:first-child:insensitive { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } spinbutton.vertical button:first-child:insensitive > .label, spinbutton.vertical headerbar button.titlebutton:first-child:insensitive > .label, spinbutton.vertical .titlebar button.titlebutton:first-child:insensitive > .label { color: inherit; } spinbutton.vertical button:first-child:backdrop { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } spinbutton.vertical button:first-child:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } spinbutton.vertical button:first-child:backdrop:insensitive > .label, spinbutton.vertical headerbar button.titlebutton:first-child:backdrop:insensitive > .label, spinbutton.vertical .titlebar button.titlebutton:first-child:backdrop:insensitive > .label { color: inherit; } spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:insensitive, spinbutton.vertical button:first-child:backdrop { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } spinbutton.vertical button:last-child { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd spinbutton.vertical button:first-child:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } GtkTreeView spinbutton entry, GtkTreeView spinbutton entry:focus { padding: 1px; border-width: 1px 0; border-color: #215d9c; border-radius: 0; box-shadow: none; } /************** * ComboBoxes * **************/ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); } GtkComboBox > .the-button-in-the-combobox { padding-top: 3px; padding-bottom: 4px; } GtkComboBox:insensitive { color: #949796; text-shadow: none; icon-shadow: none; } GtkComboBox:backdrop { color: #949796; text-shadow: none; icon-shadow: none; } GtkComboBox:backdrop:insensitive { color: #5d6767; } GtkComboBox .menuitem { text-shadow: none; } GtkComboBox separator.vertical { -GtkWidget-wide-separators: true; } GtkComboBox.combobox-entry entry:dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } GtkComboBox.combobox-entry entry:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } GtkComboBox.combobox-entry button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: none; } GtkComboBox.combobox-entry button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: none; } /************ * Toolbars * ************/ .toolbar, .inline-toolbar, .search-bar, .location-bar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #393f3f; } .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar { padding: 13px; border: none; border-radius: 5px; background-color: rgba(32, 37, 38, 0.7); } .inline-toolbar { border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 5px 5px; } .search-bar, .location-bar { border-width: 0 0 1px; padding: 3px; } .inline-toolbar, .search-bar, .location-bar { border-style: solid; border-color: #1c1f1f; background-color: #303535; box-shadow: inset 0 2px 3px -1px #242828, 0 1px rgba(238, 238, 236, 0.1); } .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop { border-color: #1f2222; background-color: #303535; box-shadow: none; } /*************** * Header bars * ***************/ .titlebar, headerbar { padding: 6px; border-width: 0 0 1px; border-style: solid; border-color: #1c1f1f; border-radius: 7px 7px 0 0; background-color: transparent; background-image: linear-gradient(to bottom, #434a4a, #393f3f); box-shadow: inset 0 -1px #2e3232, inset 0 1px rgba(238, 238, 236, 0.1); } .titlebar:backdrop, headerbar:backdrop { border-color: #1f2222; background-color: #393f3f; background-image: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); } .titlebar .title, headerbar .title { font-weight: bold; padding-left: 12px; padding-right: 12px; } .titlebar .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } .titlebar .header-bar-separator, .titlebar > GtkBox > separator.vertical, headerbar .header-bar-separator, headerbar > GtkBox > separator.vertical { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(28, 31, 31, 0), #1c1f1f 30%, #1c1f1f 70%, rgba(28, 31, 31, 0) 100%) 0 1/0 1px stretch; } .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > separator.vertical:backdrop, headerbar .header-bar-separator:backdrop, headerbar > GtkBox > separator.vertical:backdrop { border-image: linear-gradient(to bottom, rgba(31, 34, 34, 0.5)) 0 1/1px 1px; } .titlebar.selection-mode, headerbar.selection-mode { color: #ffffff; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); border-color: #0f2b48; background-image: linear-gradient(to bottom, #256ab1, #215d9c); box-shadow: inset 0 -1px #1b4c7f, inset 0 1px rgba(43, 100, 160, 0.55); } .titlebar.selection-mode:backdrop, headerbar.selection-mode:backdrop { background-image: linear-gradient(to bottom, #215d9c); box-shadow: inset 0 1px rgba(48, 104, 162, 0.46); } .titlebar.selection-mode button, headerbar.selection-mode button, headerbar.selection-mode .titlebar button.titlebutton, .titlebar headerbar.selection-mode button.titlebutton { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55); } .titlebar.selection-mode button.flat, .titlebar.selection-mode .sidebar-button.button, .titlebar.selection-mode button.titlebutton, headerbar.selection-mode button.flat, headerbar.selection-mode .sidebar-button.button, headerbar.selection-mode button.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; } .titlebar.selection-mode button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55); } .titlebar.selection-mode button:active, .titlebar.selection-mode button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187); text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(43, 100, 160, 0.55); } .titlebar.selection-mode button:backdrop, .titlebar.selection-mode button.flat:backdrop, .titlebar.selection-mode .sidebar-button.button:backdrop, .titlebar.selection-mode button.titlebutton:backdrop, headerbar.selection-mode button:backdrop, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode .sidebar-button.button:backdrop, headerbar.selection-mode button.titlebutton:backdrop { color: #d3dfeb; border-color: #0b1e33; background-image: linear-gradient(to bottom, #215d9c); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); -gtk-image-effect: none; border-color: #0f2b48; } .titlebar.selection-mode button:backdrop:active, .titlebar.selection-mode button:backdrop:checked, .titlebar.selection-mode button.flat:backdrop:active, .titlebar.selection-mode .sidebar-button.button:backdrop:active, .titlebar.selection-mode button.titlebutton:backdrop:active, .titlebar.selection-mode button.flat:backdrop:checked, .titlebar.selection-mode .sidebar-button.button:backdrop:checked, .titlebar.selection-mode button.titlebutton:backdrop:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked, headerbar.selection-mode button.flat:backdrop:active, headerbar.selection-mode .sidebar-button.button:backdrop:active, headerbar.selection-mode button.titlebutton:backdrop:active, headerbar.selection-mode button.flat:backdrop:checked, headerbar.selection-mode .sidebar-button.button:backdrop:checked, headerbar.selection-mode button.titlebutton:backdrop:checked { color: #d1dae3; border-color: #0b1e33; background-image: linear-gradient(to bottom, #184472); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } .titlebar.selection-mode button:backdrop:insensitive, .titlebar.selection-mode button.flat:backdrop:insensitive, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive, .titlebar.selection-mode button.titlebutton:backdrop:insensitive, headerbar.selection-mode button:backdrop:insensitive, headerbar.selection-mode button.flat:backdrop:insensitive, headerbar.selection-mode .sidebar-button.button:backdrop:insensitive, headerbar.selection-mode button.titlebutton:backdrop:insensitive { color: #6f91b4; border-color: #0b1e33; background-image: linear-gradient(to bottom, #22558b); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } .titlebar.selection-mode button:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode button.flat:backdrop:insensitive > .label, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode button.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode button:backdrop:insensitive > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode button.flat:backdrop:insensitive > .label, headerbar.selection-mode .sidebar-button.button:backdrop:insensitive > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode button:backdrop:insensitive:active, .titlebar.selection-mode button:backdrop:insensitive:checked, .titlebar.selection-mode button.flat:backdrop:insensitive:active, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive:active, .titlebar.selection-mode button.titlebutton:backdrop:insensitive:active, .titlebar.selection-mode button.flat:backdrop:insensitive:checked, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive:checked, .titlebar.selection-mode button.titlebutton:backdrop:insensitive:checked, headerbar.selection-mode button:backdrop:insensitive:active, headerbar.selection-mode button:backdrop:insensitive:checked, headerbar.selection-mode button.flat:backdrop:insensitive:active, headerbar.selection-mode .sidebar-button.button:backdrop:insensitive:active, headerbar.selection-mode button.titlebutton:backdrop:insensitive:active, headerbar.selection-mode button.flat:backdrop:insensitive:checked, headerbar.selection-mode .sidebar-button.button:backdrop:insensitive:checked, headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked { color: #6c88a7; border-color: #0b1e33; background-image: linear-gradient(to bottom, #1d4877); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } .titlebar.selection-mode button:backdrop:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode button:backdrop:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode .sidebar-button.button:backdrop:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode button.titlebutton:backdrop:insensitive:checked > .label, headerbar.selection-mode button:backdrop:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode button:backdrop:insensitive:checked > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label, headerbar.selection-mode button.flat:backdrop:insensitive:active > .label, headerbar.selection-mode .sidebar-button.button:backdrop:insensitive:active > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:active > .label, headerbar.selection-mode button.flat:backdrop:insensitive:checked > .label, headerbar.selection-mode .sidebar-button.button:backdrop:insensitive:checked > .label, headerbar.selection-mode button.titlebutton:backdrop:insensitive:checked > .label, headerbar.selection-mode .titlebar button.titlebutton:backdrop:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode button.flat:backdrop, .titlebar.selection-mode .sidebar-button.button:backdrop, .titlebar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.flat:insensitive, .titlebar.selection-mode .sidebar-button.button:insensitive, .titlebar.selection-mode button.titlebutton:insensitive, .titlebar.selection-mode button.flat:insensitive:backdrop, .titlebar.selection-mode .sidebar-button.button:insensitive:backdrop, .titlebar.selection-mode button.titlebutton:insensitive:backdrop, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode .sidebar-button.button:backdrop, headerbar.selection-mode button.titlebutton:backdrop, headerbar.selection-mode button.flat:insensitive, headerbar.selection-mode .sidebar-button.button:insensitive, headerbar.selection-mode button.titlebutton:insensitive, headerbar.selection-mode button.flat:insensitive:backdrop, headerbar.selection-mode .sidebar-button.button:insensitive:backdrop, headerbar.selection-mode button.titlebutton:insensitive:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; } .titlebar.selection-mode button:insensitive, headerbar.selection-mode button:insensitive { color: #91aac5; border-color: #0b1e33; background-image: linear-gradient(to bottom, #22558b); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); } .titlebar.selection-mode button:insensitive > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive > .label, headerbar.selection-mode button:insensitive > .label, headerbar.selection-mode .titlebar button.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode button:insensitive:active, .titlebar.selection-mode button:insensitive:checked, headerbar.selection-mode button:insensitive:active, headerbar.selection-mode button:insensitive:checked { color: #a5b6c9; border-color: #0b1e33; background-image: linear-gradient(to bottom, #1b4470, #1d4877); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); } .titlebar.selection-mode button:insensitive:active > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive:active > .label, .titlebar.selection-mode button:insensitive:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:insensitive:checked > .label, headerbar.selection-mode button:insensitive:active > .label, headerbar.selection-mode .titlebar button.titlebutton:insensitive:active > .label, headerbar.selection-mode button:insensitive:checked > .label, headerbar.selection-mode .titlebar button.titlebutton:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55); border-color: #0f2b48; } .titlebar.selection-mode button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55); border-color: #0f2b48; } .titlebar.selection-mode button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(43, 100, 160, 0.55); border-color: #0f2b48; } .titlebar.selection-mode button.suggested-action:insensitive, headerbar.selection-mode button.suggested-action:insensitive { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); border-color: #0f2b48; } .titlebar.selection-mode button.suggested-action:insensitive > .label, .titlebar.selection-mode headerbar button.suggested-action.titlebutton:insensitive > .label, headerbar.selection-mode button.suggested-action:insensitive > .label, headerbar.selection-mode .titlebar button.suggested-action.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } .titlebar.selection-mode button.suggested-action:backdrop:insensitive, headerbar.selection-mode button.suggested-action:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } .titlebar.selection-mode button.suggested-action:backdrop:insensitive > .label, .titlebar.selection-mode headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label, headerbar.selection-mode button.suggested-action:backdrop:insensitive > .label, headerbar.selection-mode .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu, headerbar.selection-mode .titlebar.selection-mode .selection-menu:backdrop, .titlebar.selection-mode headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu:backdrop { border-color: rgba(33, 93, 156, 0); background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0)); box-shadow: none; padding-left: 10px; padding-right: 10px; } .titlebar.selection-mode .selection-menu GtkArrow, .titlebar.selection-mode .selection-menu:backdrop GtkArrow, headerbar.selection-mode .selection-menu GtkArrow, headerbar.selection-mode .titlebar.selection-mode .selection-menu:backdrop GtkArrow, .titlebar.selection-mode headerbar.selection-mode .selection-menu:backdrop GtkArrow, headerbar.selection-mode .selection-menu:backdrop GtkArrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); icon-shadow: none; } .tiled .titlebar, .maximized .titlebar, .tiled headerbar, .maximized headerbar { border-radius: 0; } .titlebar.default-decoration, headerbar.default-decoration { padding: 4px; } .titlebar.default-decoration button, headerbar.default-decoration button, headerbar.default-decoration .titlebar button.titlebutton, .titlebar headerbar.default-decoration button.titlebutton { padding: 5px; } /************ * Pathbars * ************/ .path-bar button, .path-bar headerbar button.titlebutton, headerbar .path-bar button.titlebutton, .path-bar .titlebar button.titlebutton, .titlebar .path-bar button.titlebutton { padding: 5px 6px 6px; } .path-bar button:first-child { padding-left: 8px; } .path-bar button:last-child { padding-right: 8px; } .path-bar button:only-child { padding-left: 12px; padding-right: 12px; } .path-bar button label:last-child { padding-left: 2px; } .path-bar button label:first-child { padding-right: 2px; } .path-bar button label:only-child { padding-right: 0; padding-left: 0; } .path-bar button image, .path-bar .titlebar button.titlebutton image, .titlebar .path-bar button.titlebutton image { padding-top: 1px; } /************** * Tree Views * **************/ GtkTreeView.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: #8c8c8b; border-top-color: #393f3f; } GtkTreeView.view:selected { border-radius: 0; } GtkTreeView.view:selected, GtkTreeView.view:backdrop:selected { border-left-color: #90aece; border-top-color: rgba(238, 238, 236, 0.1); } GtkTreeView.view:insensitive { color: #949796; } GtkTreeView.view:insensitive:selected { color: #7a9ec4; } GtkTreeView.view:insensitive:selected:backdrop { color: #648eba; } GtkTreeView.view:insensitive:backdrop { color: #5d6767; } GtkTreeView.view.separator:backdrop { color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:backdrop { border-left-color: #676b6b; border-top: #393f3f; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #88a6c4; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #b3b3b2; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #eeeeec; } GtkTreeView.view.expander:selected { color: #bccee1; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:selected:backdrop { color: #bccee1; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:backdrop { color: #757776; } GtkTreeView.view.progressbar { border: 1px solid #0f2b48; border-radius: 4px; background-image: linear-gradient(to bottom, #215d9c, #184472); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } GtkTreeView.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #292929, #101010); } GtkTreeView.view.progressbar:selected:backdrop { border-color: #2c2c2c; background-color: #2c2c2c; } GtkTreeView.view.progressbar:backdrop { border-color: #2c2c2c; background-image: none; box-shadow: none; } GtkTreeView.view.trough { background-color: rgba(238, 238, 236, 0.1); border-radius: 4px; } GtkTreeView.view.trough:selected { background-color: #184472; } column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton, column-header .titlebar button.titlebutton, .titlebar column-header button.titlebutton { color: #8c8c8b; background-color: #292929; font-weight: bold; text-shadow: none; box-shadow: none; } column-header button:hover, column-header .titlebar button.titlebutton:hover, .titlebar column-header button.titlebutton:hover { color: #bdbdbc; box-shadow: none; transition: none; } column-header button:active, column-header .titlebar button.titlebutton:active, .titlebar column-header button.titlebutton:active { color: #eeeeec; transition: none; } column-header button:last-child, column-header .titlebar button.titlebutton:last-child, .titlebar column-header button.titlebutton:last-child, column-header button:last-child:backdrop, column-header:last-child button, column-header:last-child .titlebar button.titlebutton, .titlebar column-header:last-child button.titlebutton, column-header:last-child button:backdrop { border-right-style: none; } column-header.button.dnd, column-header button.dnd, column-header .titlebar button.dnd.titlebutton, .titlebar column-header button.dnd.titlebutton, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #215d9c; box-shadow: inset 1px 1px 0 1px #215d9c, inset -1px 0 0 1px #215d9c, inset 1px 1px #292929, inset -1px 0 #292929; } column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton, column-header .titlebar button.titlebutton, .titlebar column-header button.titlebutton, column-header button:hover, column-header button:active { padding: 3px 6px; border-style: none solid solid none; border-radius: 0; background-image: none; border-color: #393f3f; text-shadow: none; } column-header button:insensitive, column-header .titlebar button.titlebutton:insensitive, .titlebar column-header button.titlebutton:insensitive { border-color: #393f3f; background-image: none; } column-header button:backdrop, column-header .titlebar button.titlebutton:backdrop, .titlebar column-header button.titlebutton:backdrop { border-color: #393f3f; border-style: none solid solid none; color: #676b6b; background-image: none; background-color: #2c2c2c; } column-header button:backdrop:insensitive { border-color: #393f3f; background-image: none; } /********* * Menus * *********/ .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } .menubar:backdrop { background-color: #393f3f; } .menubar > .menuitem { padding: 4px 8px; } .menubar > .menuitem:hover { box-shadow: inset 0 -3px #215d9c; color: #4a90d9; } .menubar > .menuitem:insensitive { color: #949796; box-shadow: none; } .menu { margin: 4px; padding: 0px; background-color: #292929; border: 1px solid #1c1f1f; } .csd .menu { border: none; } .menu .menuitem { text-shadow: none; padding: 4px; } .menu .menuitem:hover { color: #ffffff; background-color: #215d9c; } .menu .menuitem:insensitive { color: #949796; } .menu .menuitem:insensitive:backdrop { color: #5d6767; } .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { color: #949796; background-color: #2c2c2c; } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menu button, .menu headerbar button.titlebutton, headerbar .menu button.titlebutton, .menu .titlebar button.titlebutton, .titlebar .menu button.titlebutton { border-style: none; border-radius: 0; } .menu button.top { border-bottom: 1px solid #3d3d3d; } .menu button.bottom { border-top: 1px solid #3d3d3d; } .menu button:hover { background-color: #3d3d3d; } .menu button:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .menuitem accelerator { color: alpha(currentColor,0.55); } /*************** * Popovers * ***************/ .popover { padding: 2px; border: 1px solid #1c1f1f; border-radius: 5px; background-color: #313434; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .popover:backdrop { box-shadow: none; } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover > .search-bar, .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { border-style: none; background-color: transparent; } .popover button.flat, .popover .sidebar-button.button, .popover headerbar button.titlebutton, headerbar .popover button.titlebutton, .popover .titlebar button.titlebutton, .titlebar .popover button.titlebutton, .popover button.flat:hover, .popover .sidebar-button.button:hover, .popover headerbar button.titlebutton:hover, headerbar .popover button.titlebutton:hover, .popover .titlebar button.titlebutton:hover, .titlebar .popover button.titlebutton:hover { text-shadow: none; transition: none; } /***************** * Notebooks and * * Tabs * *****************/ notebook { -GtkNotebook-initial-gap: 10; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: -8; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; padding: 0; background-color: #292929; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook:backdrop { background-color: #2c2c2c; } notebook.frame { border: 1px solid #1c1f1f; } notebook.frame.top { border-top-width: 0; } notebook.frame.bottom { border-bottom-width: 0; } notebook.frame.right { border-right-width: 0; } notebook.frame.left { border-left-width: 0; } notebook.frame:backdrop { border-color: #1f2222; } notebook.header { background-color: #303535; } notebook.header.frame { border: 1px solid #1c1f1f; } notebook.header.frame.top { border-bottom-width: 0; } notebook.header.frame.bottom { border-top-width: 0; } notebook.header.frame.right { border-left-width: 0; } notebook.header.frame.left { border-right-width: 0; } notebook.header.frame:backdrop { border-color: #1f2222; } notebook.header.top { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #1c1f1f; } notebook.header.top:backdrop { box-shadow: inset 0 -1px #1f2222; } notebook.header.bottom { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #1c1f1f; } notebook.header.bottom:backdrop { box-shadow: inset 0 1px #1f2222; } notebook.header.right { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #1c1f1f; } notebook.header.right:backdrop { box-shadow: inset 1px 0 #1f2222; } notebook.header.left { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #1c1f1f; } notebook.header.left:backdrop { box-shadow: inset -1px 0 #1f2222; } notebook.header:backdrop { background-color: #303535; box-shadow: none; } notebook tab { border-width: 0; border-style: solid; border-color: transparent; background-color: transparent; outline-offset: 0; /* works for testnotebookdnd, but there's a superfluous border in gedit or web, commented out for now, needs gtk fixes &.reorderable-page { &.top { padding-top: ($vt_vpadding - 1px); border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; } &.bottom { padding-bottom: ($vt_vpadding - 1px); border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; } &.left { padding-left: ($ht_hpadding - 1px); border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } &.right { padding-right: ($ht_hpadding - 1px); border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } } */ } notebook tab.top, notebook tab.bottom { padding: 8px 20px; } notebook tab.left, notebook tab.right { padding: 5px 20px; } notebook tab.reorderable-page.top, notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 12px; border-left-width: 1px; border-right-width: 1px; } notebook tab.reorderable-page.left, notebook tab.reorderable-page.right { border-bottom-width: 1px; border-top-width: 1px; } notebook tab.top { border-bottom-width: 3px; } notebook tab.bottom { border-top-width: 3px; } notebook tab.left { border-right-width: 3px; } notebook tab.right { border-left-width: 3px; } notebook tab:hover { border-color: #1c1f1f; } notebook tab:active, notebook tab:backdrop:active { border-color: #215d9c; } notebook tab:backdrop { background-color: transparent; border-color: transparent; } notebook tab.reorderable-page.top { border-color: transparent; } notebook tab.reorderable-page.top:hover { border-color: rgba(28, 31, 31, 0.3); border-bottom-color: #1c1f1f; background-color: rgba(57, 63, 63, 0.2); } notebook tab.reorderable-page.top:active { background-color: rgba(57, 63, 63, 0.5); border-color: rgba(28, 31, 31, 0.5); border-bottom-color: #215d9c; } notebook tab.reorderable-page.top:active:hover { background-color: rgba(57, 63, 63, 0.7); } notebook tab.reorderable-page.top:active:backdrop { border-color: #1f2222; background-color: #393f3f; border-bottom-color: #215d9c; } notebook tab.reorderable-page.top:backdrop { border-color: transparent; background-color: transparent; } notebook tab.reorderable-page.bottom { border-color: transparent; } notebook tab.reorderable-page.bottom:hover { border-color: rgba(28, 31, 31, 0.3); border-top-color: #1c1f1f; background-color: rgba(57, 63, 63, 0.2); } notebook tab.reorderable-page.bottom:active { background-color: rgba(57, 63, 63, 0.5); border-color: rgba(28, 31, 31, 0.5); border-top-color: #215d9c; } notebook tab.reorderable-page.bottom:active:hover { background-color: rgba(57, 63, 63, 0.7); } notebook tab.reorderable-page.bottom:active:backdrop { border-color: #1f2222; background-color: #393f3f; border-top-color: #215d9c; } notebook tab.reorderable-page.bottom:backdrop { border-color: transparent; background-color: transparent; } notebook tab.reorderable-page.left { border-color: transparent; } notebook tab.reorderable-page.left:hover { border-color: rgba(28, 31, 31, 0.3); border-right-color: #1c1f1f; background-color: rgba(57, 63, 63, 0.2); } notebook tab.reorderable-page.left:active { background-color: rgba(57, 63, 63, 0.5); border-color: rgba(28, 31, 31, 0.5); border-right-color: #215d9c; } notebook tab.reorderable-page.left:active:hover { background-color: rgba(57, 63, 63, 0.7); } notebook tab.reorderable-page.left:active:backdrop { border-color: #1f2222; background-color: #393f3f; border-right-color: #215d9c; } notebook tab.reorderable-page.left:backdrop { border-color: transparent; background-color: transparent; } notebook tab.reorderable-page.right { border-color: transparent; } notebook tab.reorderable-page.right:hover { border-color: rgba(28, 31, 31, 0.3); border-left-color: #1c1f1f; background-color: rgba(57, 63, 63, 0.2); } notebook tab.reorderable-page.right:active { background-color: rgba(57, 63, 63, 0.5); border-color: rgba(28, 31, 31, 0.5); border-left-color: #215d9c; } notebook tab.reorderable-page.right:active:hover { background-color: rgba(57, 63, 63, 0.7); } notebook tab.reorderable-page.right:active:backdrop { border-color: #1f2222; background-color: #393f3f; border-left-color: #215d9c; } notebook tab.reorderable-page.right:backdrop { border-color: transparent; background-color: transparent; } notebook tab label { padding: 0 2px; font-weight: bold; color: #949796; } notebook tab label:backdrop { color: #797f7f; } notebook tab:hover label { color: #c1c3c1; } notebook tab:hover label:backdrop { color: #797f7f; } notebook tab:active label { color: #eeeeec; } notebook tab:active label:backdrop { color: #949796; } notebook tab button, notebook tab headerbar button.titlebutton, headerbar notebook tab button.titlebutton, notebook tab .titlebar button.titlebutton, .titlebar notebook tab button.titlebutton { padding: 0; border: 1px solid transparent; icon-shadow: none; transition: none; color: rgba(238, 238, 236, 0.3); } notebook tab button:hover, notebook tab .titlebar button.titlebutton:hover, .titlebar notebook tab button.titlebutton:hover { color: #eeeeec; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-image: none; box-shadow: none; } notebook tab button:active, notebook tab .titlebar button.titlebutton:active, .titlebar notebook tab button.titlebutton:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } notebook tab button:backdrop, notebook tab .titlebar button.titlebutton:backdrop, .titlebar notebook tab button.titlebutton:backdrop { color: rgba(148, 151, 150, 0.3); border-color: transparent; } notebook tab button > image, notebook tab headerbar button.titlebutton > image, headerbar notebook tab button.titlebutton > image, notebook tab .titlebar button.titlebutton > image, .titlebar notebook tab button.titlebutton > image { padding: 2px; } notebook.arrow { color: #949796; } notebook.arrow:hover { color: #c1c3c1; } notebook.arrow:active { color: #eeeeec; } notebook.arrow:insensitive { color: rgba(148, 151, 150, 0.3); } notebook.arrow:backdrop { color: rgba(148, 151, 150, 0.4); } notebook.arrow:backdrop:insensitive { color: #5d6767; } /************** * Scrollbars * **************/ .scrollbar { -GtkRange-slider-width: 13; -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar button, .scrollbar headerbar button.titlebutton, headerbar .scrollbar button.titlebutton, .scrollbar .titlebar button.titlebutton, .titlebar .scrollbar button.titlebutton { border: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; -GtkRange-slider-width: 5px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: #eeeeec; border: 1px solid black; background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border-style: none; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin-top: 2px; margin-bottom: 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.7; } .scrollbar .trough { background-color: #282c2c; border: 1px none #1c1f1f; } .scrollbar .trough:backdrop { background-color: #323737; border-color: #1f2222; } .scrollbar .slider { background-color: #a6a8a7; } .scrollbar .slider:hover { background-color: #cacbc9; } .scrollbar .slider:prelight:active { background-color: #2a76c6; } .scrollbar .slider:backdrop { background-color: #5d6262; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar .slider { border-radius: 100px; margin: 3px; } .scrollbar.fine-tune .slider { margin: 4px; } .scrollbar.vertical .slider { margin-left: 4px; } .scrollbar.vertical .slider:dir(rtl) { margin-left: 3px; margin-right: 4px; } .scrollbar.vertical.fine-tune .slider { margin-left: 5px; } .scrollbar.vertical.fine-tune .slider:dir(rtl) { margin-left: 4px; margin-right: 5px; } .scrollbar.vertical .trough { border-left-style: solid; } .scrollbar.vertical .trough:dir(rtl) { border-left-style: none; border-right-style: solid; } .scrollbar.horizontal .slider { margin-top: 4px; } .scrollbar.horizontal.fine-tune .slider { margin-top: 5px; } .scrollbar.horizontal .trough { border-top-style: solid; } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; border-image: linear-gradient(to bottom, #1c1f1f 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #282c2c; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { border-image-slice: 0 1 0 0; } .scrollbars-junction:backdrop, .scrollbars-junction.frame:backdrop { border-image-source: linear-gradient(to bottom, #1f2222 1px, transparent 1px); background-color: #323737; } /********** * Switch * **********/ switch { font-weight: bold; font-size: smaller; outline-offset: -4px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); border: 1px solid #1c1f1f; border-radius: 3px; color: #eeeeec; background-image: linear-gradient(to bottom, #2d3232); text-shadow: 0 1px rgba(0, 0, 0, 0.1); } * { -GtkSwitch-slider-width: 45px; -GtkSwitch-slider-height: 27px; } switch:active { background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5); color: white; border-color: #0f2b48; box-shadow: 0 1px rgba(238, 238, 236, 0.1); text-shadow: 0 1px rgba(15, 43, 72, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } switch:insensitive { color: #949796; border-color: #1c1f1f; background-image: none; background-color: #333636; box-shadow: 0 1px rgba(238, 238, 236, 0.1); text-shadow: none; } switch:backdrop { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #303535); box-shadow: none; text-shadow: none; } switch:backdrop:active { border-color: #0f2b48; background-image: linear-gradient(to bottom, #215d9c); box-shadow: none; } switch:insensitive { color: #5d6767; border-color: #1f2222; background-image: none; background-color: #333636; } switch slider { border: 1px solid; border-radius: 3px; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2b2f2f; } switch:hover slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2b2f2f; } switch:active slider { border: 1px solid #0f2b48; } switch:insensitive slider { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } switch:insensitive slider > .label { color: inherit; } switch:backdrop slider { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); box-shadow: none; } switch:backdrop:active slider { border-color: #0f2b48; } switch:backdrop:insensitive slider { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); box-shadow: none; } switch:backdrop:insensitive slider > .label { color: inherit; } /************************* * Check and Radio items * *************************/ check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check button.flat, check .sidebar-button.button, check headerbar button.titlebutton, headerbar check button.titlebutton, check .titlebar button.titlebutton, .titlebar check button.titlebutton { icon-shadow: none; } check:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:hover button.flat, check:hover .sidebar-button.button, check:hover headerbar button.titlebutton, headerbar check:hover button.titlebutton, check:hover .titlebar button.titlebutton, .titlebar check:hover button.titlebutton { icon-shadow: none; } check:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:active button.flat, check:active .sidebar-button.button, check:active headerbar button.titlebutton, headerbar check:active button.titlebutton, check:active .titlebar button.titlebutton, .titlebar check:active button.titlebutton { icon-shadow: none; } check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:insensitive button.flat, check:insensitive .sidebar-button.button, check:insensitive headerbar button.titlebutton, headerbar check:insensitive button.titlebutton, check:insensitive .titlebar button.titlebutton, .titlebar check:insensitive button.titlebutton { icon-shadow: none; } check:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png")); icon-shadow: none; } check:backdrop button.flat, check:backdrop .sidebar-button.button, check:backdrop headerbar button.titlebutton, headerbar check:backdrop button.titlebutton, check:backdrop .titlebar button.titlebutton, .titlebar check:backdrop button.titlebutton { icon-shadow: none; } check:backdrop:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png")); icon-shadow: none; } check:backdrop:insensitive button.flat, check:backdrop:insensitive .sidebar-button.button, check:backdrop:insensitive headerbar button.titlebutton, headerbar check:backdrop:insensitive button.titlebutton, check:backdrop:insensitive .titlebar button.titlebutton, .titlebar check:backdrop:insensitive button.titlebutton { icon-shadow: none; } check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:inconsistent button.flat, check:inconsistent .sidebar-button.button, check:inconsistent headerbar button.titlebutton, headerbar check:inconsistent button.titlebutton, check:inconsistent .titlebar button.titlebutton, .titlebar check:inconsistent button.titlebutton { icon-shadow: none; } check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:inconsistent:hover button.flat, check:inconsistent:hover .sidebar-button.button, check:inconsistent:hover headerbar button.titlebutton, headerbar check:inconsistent:hover button.titlebutton, check:inconsistent:hover .titlebar button.titlebutton, .titlebar check:inconsistent:hover button.titlebutton { icon-shadow: none; } check:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:inconsistent:selected button.flat, check:inconsistent:selected .sidebar-button.button, check:inconsistent:selected headerbar button.titlebutton, headerbar check:inconsistent:selected button.titlebutton, check:inconsistent:selected .titlebar button.titlebutton, .titlebar check:inconsistent:selected button.titlebutton { icon-shadow: none; } check:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png")); icon-shadow: none; } check:inconsistent:backdrop button.flat, check:inconsistent:backdrop .sidebar-button.button, check:inconsistent:backdrop headerbar button.titlebutton, headerbar check:inconsistent:backdrop button.titlebutton, check:inconsistent:backdrop .titlebar button.titlebutton, .titlebar check:inconsistent:backdrop button.titlebutton { icon-shadow: none; } check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:inconsistent:insensitive button.flat, check:inconsistent:insensitive .sidebar-button.button, check:inconsistent:insensitive headerbar button.titlebutton, headerbar check:inconsistent:insensitive button.titlebutton, check:inconsistent:insensitive .titlebar button.titlebutton, .titlebar check:inconsistent:insensitive button.titlebutton { icon-shadow: none; } check:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/checkbox-mixed-backdrop-insensitive-dark@2.png")); icon-shadow: none; } check:inconsistent:insensitive:backdrop button.flat, check:inconsistent:insensitive:backdrop .sidebar-button.button, check:inconsistent:insensitive:backdrop headerbar button.titlebutton, headerbar check:inconsistent:insensitive:backdrop button.titlebutton, check:inconsistent:insensitive:backdrop .titlebar button.titlebutton, .titlebar check:inconsistent:insensitive:backdrop button.titlebutton { icon-shadow: none; } check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:checked button.flat, check:checked .sidebar-button.button, check:checked headerbar button.titlebutton, headerbar check:checked button.titlebutton, check:checked .titlebar button.titlebutton, .titlebar check:checked button.titlebutton { icon-shadow: none; } check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:checked:insensitive button.flat, check:checked:insensitive .sidebar-button.button, check:checked:insensitive headerbar button.titlebutton, headerbar check:checked:insensitive button.titlebutton, check:checked:insensitive .titlebar button.titlebutton, .titlebar check:checked:insensitive button.titlebutton { icon-shadow: none; } check:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:checked:hover button.flat, check:checked:hover .sidebar-button.button, check:checked:hover headerbar button.titlebutton, headerbar check:checked:hover button.titlebutton, check:checked:hover .titlebar button.titlebutton, .titlebar check:checked:hover button.titlebutton { icon-shadow: none; } check:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } check:checked:active button.flat, check:checked:active .sidebar-button.button, check:checked:active headerbar button.titlebutton, headerbar check:checked:active button.titlebutton, check:checked:active .titlebar button.titlebutton, .titlebar check:checked:active button.titlebutton { icon-shadow: none; } check:backdrop:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png")); icon-shadow: none; } check:backdrop:checked button.flat, check:backdrop:checked .sidebar-button.button, check:backdrop:checked headerbar button.titlebutton, headerbar check:backdrop:checked button.titlebutton, check:backdrop:checked .titlebar button.titlebutton, .titlebar check:backdrop:checked button.titlebutton { icon-shadow: none; } check:backdrop:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive-dark.png"), url("assets/checkbox-checked-backdrop-insensitive-dark@2.png")); icon-shadow: none; } check:backdrop:checked:insensitive button.flat, check:backdrop:checked:insensitive .sidebar-button.button, check:backdrop:checked:insensitive headerbar button.titlebutton, headerbar check:backdrop:checked:insensitive button.titlebutton, check:backdrop:checked:insensitive .titlebar button.titlebutton, .titlebar check:backdrop:checked:insensitive button.titlebutton { icon-shadow: none; } .menu .menuitem.check { -gtk-icon-source: -gtk-icontheme("checkbox-symbolic"); color: #a6a8a7; icon-shadow: none; } .menu .menuitem.check:active, .menu .menuitem.check:checked { -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); } .menu .menuitem.check:inconsistent { -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); } .menu .menuitem.check:hover { color: #ffffff; } .menu .menuitem.check:insensitive { color: #676b6b; } radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio button.flat, radio .sidebar-button.button, radio headerbar button.titlebutton, headerbar radio button.titlebutton, radio .titlebar button.titlebutton, .titlebar radio button.titlebutton { icon-shadow: none; } radio:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:hover button.flat, radio:hover .sidebar-button.button, radio:hover headerbar button.titlebutton, headerbar radio:hover button.titlebutton, radio:hover .titlebar button.titlebutton, .titlebar radio:hover button.titlebutton { icon-shadow: none; } radio:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:active button.flat, radio:active .sidebar-button.button, radio:active headerbar button.titlebutton, headerbar radio:active button.titlebutton, radio:active .titlebar button.titlebutton, .titlebar radio:active button.titlebutton { icon-shadow: none; } radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:insensitive button.flat, radio:insensitive .sidebar-button.button, radio:insensitive headerbar button.titlebutton, headerbar radio:insensitive button.titlebutton, radio:insensitive .titlebar button.titlebutton, .titlebar radio:insensitive button.titlebutton { icon-shadow: none; } radio:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png")); icon-shadow: none; } radio:backdrop button.flat, radio:backdrop .sidebar-button.button, radio:backdrop headerbar button.titlebutton, headerbar radio:backdrop button.titlebutton, radio:backdrop .titlebar button.titlebutton, .titlebar radio:backdrop button.titlebutton { icon-shadow: none; } radio:backdrop:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png")); icon-shadow: none; } radio:backdrop:insensitive button.flat, radio:backdrop:insensitive .sidebar-button.button, radio:backdrop:insensitive headerbar button.titlebutton, headerbar radio:backdrop:insensitive button.titlebutton, radio:backdrop:insensitive .titlebar button.titlebutton, .titlebar radio:backdrop:insensitive button.titlebutton { icon-shadow: none; } radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:inconsistent button.flat, radio:inconsistent .sidebar-button.button, radio:inconsistent headerbar button.titlebutton, headerbar radio:inconsistent button.titlebutton, radio:inconsistent .titlebar button.titlebutton, .titlebar radio:inconsistent button.titlebutton { icon-shadow: none; } radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:inconsistent:hover button.flat, radio:inconsistent:hover .sidebar-button.button, radio:inconsistent:hover headerbar button.titlebutton, headerbar radio:inconsistent:hover button.titlebutton, radio:inconsistent:hover .titlebar button.titlebutton, .titlebar radio:inconsistent:hover button.titlebutton { icon-shadow: none; } radio:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:inconsistent:selected button.flat, radio:inconsistent:selected .sidebar-button.button, radio:inconsistent:selected headerbar button.titlebutton, headerbar radio:inconsistent:selected button.titlebutton, radio:inconsistent:selected .titlebar button.titlebutton, .titlebar radio:inconsistent:selected button.titlebutton { icon-shadow: none; } radio:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png")); icon-shadow: none; } radio:inconsistent:backdrop button.flat, radio:inconsistent:backdrop .sidebar-button.button, radio:inconsistent:backdrop headerbar button.titlebutton, headerbar radio:inconsistent:backdrop button.titlebutton, radio:inconsistent:backdrop .titlebar button.titlebutton, .titlebar radio:inconsistent:backdrop button.titlebutton { icon-shadow: none; } radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:inconsistent:insensitive button.flat, radio:inconsistent:insensitive .sidebar-button.button, radio:inconsistent:insensitive headerbar button.titlebutton, headerbar radio:inconsistent:insensitive button.titlebutton, radio:inconsistent:insensitive .titlebar button.titlebutton, .titlebar radio:inconsistent:insensitive button.titlebutton { icon-shadow: none; } radio:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive-dark.png"), url("assets/radio-mixed-backdrop-insensitive-dark@2.png")); icon-shadow: none; } radio:inconsistent:insensitive:backdrop button.flat, radio:inconsistent:insensitive:backdrop .sidebar-button.button, radio:inconsistent:insensitive:backdrop headerbar button.titlebutton, headerbar radio:inconsistent:insensitive:backdrop button.titlebutton, radio:inconsistent:insensitive:backdrop .titlebar button.titlebutton, .titlebar radio:inconsistent:insensitive:backdrop button.titlebutton { icon-shadow: none; } radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:checked button.flat, radio:checked .sidebar-button.button, radio:checked headerbar button.titlebutton, headerbar radio:checked button.titlebutton, radio:checked .titlebar button.titlebutton, .titlebar radio:checked button.titlebutton { icon-shadow: none; } radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:checked:insensitive button.flat, radio:checked:insensitive .sidebar-button.button, radio:checked:insensitive headerbar button.titlebutton, headerbar radio:checked:insensitive button.titlebutton, radio:checked:insensitive .titlebar button.titlebutton, .titlebar radio:checked:insensitive button.titlebutton { icon-shadow: none; } radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:checked:hover button.flat, radio:checked:hover .sidebar-button.button, radio:checked:hover headerbar button.titlebutton, headerbar radio:checked:hover button.titlebutton, radio:checked:hover .titlebar button.titlebutton, .titlebar radio:checked:hover button.titlebutton { icon-shadow: none; } radio:checked:active { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); } radio:checked:active button.flat, radio:checked:active .sidebar-button.button, radio:checked:active headerbar button.titlebutton, headerbar radio:checked:active button.titlebutton, radio:checked:active .titlebar button.titlebutton, .titlebar radio:checked:active button.titlebutton { icon-shadow: none; } radio:backdrop:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png")); icon-shadow: none; } radio:backdrop:checked button.flat, radio:backdrop:checked .sidebar-button.button, radio:backdrop:checked headerbar button.titlebutton, headerbar radio:backdrop:checked button.titlebutton, radio:backdrop:checked .titlebar button.titlebutton, .titlebar radio:backdrop:checked button.titlebutton { icon-shadow: none; } radio:backdrop:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive-dark.png"), url("assets/radio-checked-backdrop-insensitive-dark@2.png")); icon-shadow: none; } radio:backdrop:checked:insensitive button.flat, radio:backdrop:checked:insensitive .sidebar-button.button, radio:backdrop:checked:insensitive headerbar button.titlebutton, headerbar radio:backdrop:checked:insensitive button.titlebutton, radio:backdrop:checked:insensitive .titlebar button.titlebutton, .titlebar radio:backdrop:checked:insensitive button.titlebutton { icon-shadow: none; } .menu .menuitem.radio { -gtk-icon-source: -gtk-icontheme("radio-symbolic"); color: #a6a8a7; icon-shadow: none; } .menu .menuitem.radio:active, .menu .menuitem.radio:checked { -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); } .menu .menuitem.radio:inconsistent { -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); } .menu .menuitem.radio:hover { color: #ffffff; } .menu .menuitem.radio:insensitive { color: #676b6b; } .view.check, .view.radio, .list-row .check, list-row .radio { icon-shadow: none; } .view.check:selected, calendar.check:selected, .view.check:hover, .view.radio:selected, calendar.radio:selected, .view.radio:hover, .list-row .check:selected, .list-row .check:hover, list-row .radio:selected, list-row .radio:hover { icon-shadow: none; } .view.content-view.check:not(.list) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:hover:not(.list) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:active:not(.list) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:backdrop:not(.list) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:not(.list) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:hover:not(.list) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:checked:active:not(.list) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); background-color: transparent; } .view.content-view.check:backdrop:checked:not(.list) { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 1px 2px 4px; outline-offset: 0; } checkbutton.text-button:insensitive, checkbutton.text-button:insensitive:active, checkbutton.text-button:insensitive:inconsistent, radiobutton.text-button:insensitive, radiobutton.text-button:insensitive:active, radiobutton.text-button:insensitive:inconsistent { color: #949796; } checkbutton.text-button:insensitive:backdrop, checkbutton.text-button:insensitive:active:backdrop, checkbutton.text-button:insensitive:inconsistent:backdrop, radiobutton.text-button:insensitive:backdrop, radiobutton.text-button:insensitive:active:backdrop, radiobutton.text-button:insensitive:inconsistent:backdrop { color: #5d6767; } /************ * GtkScale * ************/ .scale, .scale.scale-has-marks-above.scale-has-marks-below, .scale.vertical.scale-has-marks-above.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 20; -GtkRange-trough-border: 2; outline-offset: -9px; outline-radius: 4px; } .scale.fine-tune, .scale.scale-has-marks-above.scale-has-marks-below.fine-tune, .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune { outline-offset: -7px; outline-radius: 6px; } .scale.fine-tune.trough, .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { margin: 8px; border-radius: 4px; } .scale.slider, .scale.scale-has-marks-above.scale-has-marks-below.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); border: 1px solid; border-radius: 50%; border-color: #151717; box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px #393f3f, inset 0 -1px #2b2f2f; } .scale.slider:hover, .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); border-color: #151717; border-radius: 50%; box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(255, 255, 255, 0.14), inset 0 -1px #303535; } .scale.slider:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { border-style: solid; border-radius: 50%; background-image: linear-gradient(to bottom, #333636); box-shadow: none; } .scale.slider:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { border-style: solid; border-radius: 50%; border-color: #181a1a; background-image: linear-gradient(to bottom, #393f3f); box-shadow: none; } .scale.slider:backdrop:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } .scale.slider:backdrop:insensitive > .label, .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive > .label, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive > .label { color: inherit; } .scale.slider:active, .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { border: 1px solid #14375d; } .osd .scale.slider, .osd .scale.scale-has-marks-above.scale-has-marks-below.slider, .osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-color: #202526; } .osd .scale.slider:hover, .osd .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .osd .scale.slider:active, .osd .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .osd .scale.slider:backdrop, .osd .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .scale.trough, .scale.scale-has-marks-above.scale-has-marks-below.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { margin: 10px; border: 1px solid #1c1f1f; border-radius: 3px; background-color: #2d3232; box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } .scale.trough.highlight, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5); border-color: #0f2b48; box-shadow: 0 1px rgba(238, 238, 236, 0.1); } .scale.trough.highlight.vertical, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { background-image: linear-gradient(to right, #215d9c 2px, #266cb5); } .scale.trough.highlight:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { border-color: #0f2b48; background-color: #215d9c; box-shadow: none; } .scale.trough:insensitive, .scale.trough.vertical:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { border-color: #1c1f1f; background-image: none; background-color: #333636; box-shadow: 0 1px rgba(238, 238, 236, 0.1); } .scale.trough:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { border-color: #1f2222; background-color: #2b2f2f; box-shadow: none; } .scale.trough:backdrop:insensitive, .scale.trough .highlight:backdrop:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive { border-color: #1f2222; background-color: #333636; } .osd .scale.trough, .osd .scale.scale-has-marks-above.scale-has-marks-below.trough, .osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { border-color: rgba(0, 0, 0, 0.7); box-shadow: none; margin: 9px; background-color: rgba(0, 0, 0, 0.5); outline-color: rgba(238, 238, 236, 0.2); outline-offset: -8px; } .osd .scale.trough.fine-tune, .osd .scale.scale-has-marks-above.scale-has-marks-below.trough.fine-tune, .osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.fine-tune { margin: 7px; } .osd .scale.trough.highlight, .osd .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { background-image: none; background-color: #215d9c; } .osd .scale.trough:insensitive, .osd .scale.trough:backdrop:insensitive, .osd .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .osd .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, .osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive { border-color: transparent; background-color: transparent; } .osd .scale.trough:backdrop, .osd .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .osd .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { border-color: rgba(0, 0, 0, 0.7); background-image: none; } .list-row:selected .scale, .list-row:selected .scale.scale-has-marks-above.scale-has-marks-below, .list-row:selected .scale.vertical.scale-has-marks-above.scale-has-marks-below { border-color: #0f2b48; } .list-row:selected .scale.trough, .list-row:selected .scale.scale-has-marks-above.scale-has-marks-below.trough, .list-row:selected .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } .list-row:selected .scale.trough:backdrop, .list-row:selected .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .list-row:selected .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { box-shadow: none; } .list-row:selected .scale.trough.highlight:backdrop, .list-row:selected .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, .list-row:selected .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { border-color: #0f2b48; } .list-row:selected .scale:insensitive, .list-row:selected .scale.trough.highlight:insensitive, .list-row:selected .scale.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, .list-row:selected .scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive, .list-row:selected .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive { border-color: #215d9c; box-shadow: none; background-color: #90aece; background-image: none; } .list-row:selected .scale:insensitive:backdrop, .list-row:selected .scale.trough.highlight:insensitive:backdrop, .list-row:selected .scale.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive:backdrop, .list-row:selected .scale.vertical.scale-has-marks-above.scale-has-marks-below:insensitive:backdrop, .list-row:selected .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive:backdrop { background-color: #90aece; } .scale.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 24; -GtkRange-trough-border: 2; color: alpha(currentColor,0.5); } .scale.scale-has-marks-below.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-below.slider:hover { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-below.slider:active { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-below.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-below.slider:backdrop { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-below.slider:backdrop:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above { -GtkScale-slider-length: 20; -GtkRange-slider-width: 24; -GtkRange-trough-border: 2; color: alpha(currentColor,0.5); } .scale.scale-has-marks-above.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above.slider:hover { border-style: none; border-radius: 0; background-color: transparent; background-image: -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")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above.slider:active { border-style: none; border-radius: 0; background-color: transparent; background-image: -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")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above.slider:backdrop { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above.slider:backdrop:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below { -GtkScale-slider-length: 20; -GtkRange-slider-width: 24; -GtkRange-trough-border: 2; color: alpha(currentColor,0.5); } .scale.vertical.scale-has-marks-below.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below.slider:hover { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below.slider:active { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below.slider:backdrop { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-below.slider:backdrop:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above { -GtkScale-slider-length: 20; -GtkRange-slider-width: 24; -GtkRange-trough-border: 2; color: alpha(currentColor,0.5); } .scale.vertical.scale-has-marks-above.slider { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above.slider:hover { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above.slider:active { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above.slider:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above.slider:backdrop { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.vertical.scale-has-marks-above.slider:backdrop:insensitive { border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); background-repeat: no-repeat; background-position: center; box-shadow: none; } .scale.scale-has-marks-above .trough { margin: 14px 10px 10px; } .fine-tune.scale.scale-has-marks-above .trough { margin: 12px 8px 8px; } .scale.scale-has-marks-below .trough { margin: 10px 10px 14px; } .fine-tune.scale.scale-has-marks-below .trough { margin: 8px 8px 12px; } .scale.vertical.scale-has-marks-above .trough { margin: 10px 10px 10px 14px; } .fine-tune.scale.vertical.scale-has-marks-above .trough { margin: 8px 8px 8px 12px; } .scale.vertical.scale-has-marks-below .trough { margin: 10px 14px 10px 10px; } .fine-tune.scale.vertical.scale-has-marks-below .trough { margin: 8px 12px 8px 8px; } /***************** * Progress bars * *****************/ GtkProgressBar { padding: 0; font-size: smaller; color: rgba(238, 238, 236, 0.4); box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } GtkProgressBar:backdrop { color: #5d6767; } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } GtkProgressBar.trough { border: 1px solid #1c1f1f; border-radius: 3px; background-color: #2f3434; } GtkProgressBar.trough:backdrop { border-color: #1f2222; background-color: #303535; box-shadow: 0 1px rgba(255, 255, 255, 0); } GtkProgressBar.trough.osd { border-style: none; background-color: transparent; box-shadow: none; } .progressbar { background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5); border: 1px solid #0f2b48; border-radius: 1.5px; box-shadow: none; } .progressbar.left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .progressbar.right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .progressbar.left.right { box-shadow: none; } .progressbar.vertical { background-image: linear-gradient(to right, #215d9c 2px, #266cb5); } .progressbar.vertical.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: none; } .progressbar.vertical.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } .progressbar:backdrop { border-color: #0f2b48; background-image: none; background-color: #215d9c; box-shadow: none; } .progressbar.osd { background-image: none; background-color: #215d9c; border-style: none; border-radius: 0; } /************* * Level Bar * *************/ .level-bar { box-shadow: 0 1px rgba(238, 238, 236, 0.1); -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 3; } .level-bar.vertical { -GtkLevelBar-min-block-width: 3; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { border: 1px solid; padding: 2px; border-radius: 3px; background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: white; border-color: #1c1f1f; box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1); } .level-bar.trough:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #1d2020, #242525 3px, #292929 90%); color: #d5d5d5; border-color: #1f2222; background-image: linear-gradient(to bottom, #2c2c2c); box-shadow: 0 1px rgba(238, 238, 236, 0); } .level-bar.fill-block { border: 1px solid #1c5187; background-color: #215d9c; box-shadow: 0 1px rgba(0, 0, 0, 0.1); border-radius: 1px; } .level-bar.fill-block:backdrop { border-color: #215d9c; box-shadow: none; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #40760c; background-color: #5aa411; } .level-bar.fill-block.level-high:backdrop { border-color: #5aa411; } .level-bar.fill-block.level-low { border-color: #c26000; background-color: #f57900; } .level-bar.fill-block.level-low:backdrop { border-color: #f57900; } .level-bar.fill-block.empty-fill-block { background-color: transparent; border-color: rgba(238, 238, 236, 0.1); box-shadow: none; } .level-bar.fill-block.empty-fill-block:backdrop { border-color: rgba(148, 151, 150, 0.15); } /********** * Frames * **********/ .frame { border: 1px solid #1c1f1f; padding: 0; } .frame.flat { border-style: none; } .frame:backdrop { border-color: #1f2222; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } GtkScrolledWindow viewport.frame { border-style: none; } separator { color: rgba(0, 0, 0, 0.1); } GtkFileChooserButton separator.vertical, GtkFontButton separator.vertical { -GtkWidget-wide-separators: true; } /********* * Lists * *********/ .list { background-color: #292929; border-color: #1c1f1f; } .list:backdrop { background-color: #2c2c2c; border-color: #1f2222; } .list-row, .grid-child { padding: 2px; } .list-row.activatable.has-open-popup, .list-row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } .list-row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } .list-row.activatable:backdrop:hover { background-color: transparent; } .list-row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } .list-row.activatable:selected.has-open-popup, .list-row.activatable:selected:hover { background-color: #366ca4; } .list-row.activatable:selected:backdrop { background-color: #215d9c; } .list-row:selected button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .list-row:selected button.flat, .list-row:selected .sidebar-button.button, .list-row:selected headerbar button.titlebutton, headerbar .list-row:selected button.titlebutton, .list-row:selected .titlebar button.titlebutton, .titlebar .list-row:selected button.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; color: #ffffff; } .list-row:selected button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .list-row:selected button:active, .list-row:selected button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } .list-row:selected button:backdrop, .list-row:selected button.flat:backdrop, .list-row:selected .sidebar-button.button:backdrop, .list-row:selected headerbar button.titlebutton:backdrop, headerbar .list-row:selected button.titlebutton:backdrop, .list-row:selected .titlebar button.titlebutton:backdrop, .titlebar .list-row:selected button.titlebutton:backdrop { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .list-row:selected button:backdrop:active, .list-row:selected button:backdrop:checked, .list-row:selected button.flat:backdrop:active, .list-row:selected .sidebar-button.button:backdrop:active, .list-row:selected headerbar button.titlebutton:backdrop:active, headerbar .list-row:selected button.titlebutton:backdrop:active, .list-row:selected .titlebar button.titlebutton:backdrop:active, .titlebar .list-row:selected button.titlebutton:backdrop:active, .list-row:selected button.flat:backdrop:checked, .list-row:selected .sidebar-button.button:backdrop:checked, .list-row:selected headerbar button.titlebutton:backdrop:checked, headerbar .list-row:selected button.titlebutton:backdrop:checked, .list-row:selected .titlebar button.titlebutton:backdrop:checked, .titlebar .list-row:selected button.titlebutton:backdrop:checked { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #303535); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .list-row:selected button:backdrop:insensitive, .list-row:selected button.flat:backdrop:insensitive, .list-row:selected .sidebar-button.button:backdrop:insensitive, .list-row:selected headerbar button.titlebutton:backdrop:insensitive, headerbar .list-row:selected button.titlebutton:backdrop:insensitive, .list-row:selected .titlebar button.titlebutton:backdrop:insensitive, .titlebar .list-row:selected button.titlebutton:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .list-row:selected button:backdrop:insensitive > .label, .list-row:selected headerbar button.titlebutton:backdrop:insensitive > .label, .list-row:selected .titlebar button.titlebutton:backdrop:insensitive > .label, .list-row:selected button.flat:backdrop:insensitive > .label, .list-row:selected .sidebar-button.button:backdrop:insensitive > .label, .list-row:selected headerbar button.titlebutton:backdrop:insensitive > .label, headerbar .list-row:selected button.titlebutton:backdrop:insensitive > .label, .list-row:selected .titlebar button.titlebutton:backdrop:insensitive > .label, .titlebar .list-row:selected button.titlebutton:backdrop:insensitive > .label { color: inherit; } .list-row:selected button:backdrop:insensitive:active, .list-row:selected button:backdrop:insensitive:checked, .list-row:selected button.flat:backdrop:insensitive:active, .list-row:selected .sidebar-button.button:backdrop:insensitive:active, .list-row:selected headerbar button.titlebutton:backdrop:insensitive:active, headerbar .list-row:selected button.titlebutton:backdrop:insensitive:active, .list-row:selected .titlebar button.titlebutton:backdrop:insensitive:active, .titlebar .list-row:selected button.titlebutton:backdrop:insensitive:active, .list-row:selected button.flat:backdrop:insensitive:checked, .list-row:selected .sidebar-button.button:backdrop:insensitive:checked, .list-row:selected headerbar button.titlebutton:backdrop:insensitive:checked, headerbar .list-row:selected button.titlebutton:backdrop:insensitive:checked, .list-row:selected .titlebar button.titlebutton:backdrop:insensitive:checked, .titlebar .list-row:selected button.titlebutton:backdrop:insensitive:checked { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #272929); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .list-row:selected button:backdrop:insensitive:active > .label, .list-row:selected headerbar button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected .titlebar button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected button:backdrop:insensitive:checked > .label, .list-row:selected headerbar button.titlebutton:backdrop:insensitive:checked > .label, .list-row:selected .titlebar button.titlebutton:backdrop:insensitive:checked > .label, .list-row:selected button.flat:backdrop:insensitive:active > .label, .list-row:selected .sidebar-button.button:backdrop:insensitive:active > .label, .list-row:selected headerbar button.titlebutton:backdrop:insensitive:active > .label, headerbar .list-row:selected button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected .titlebar button.titlebutton:backdrop:insensitive:active > .label, .titlebar .list-row:selected button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected button.flat:backdrop:insensitive:checked > .label, .list-row:selected .sidebar-button.button:backdrop:insensitive:checked > .label, .list-row:selected headerbar button.titlebutton:backdrop:insensitive:checked > .label, headerbar .list-row:selected button.titlebutton:backdrop:insensitive:checked > .label, .list-row:selected .titlebar button.titlebutton:backdrop:insensitive:checked > .label, .titlebar .list-row:selected button.titlebutton:backdrop:insensitive:checked > .label { color: inherit; } .list-row:selected button.flat:backdrop, .list-row:selected .sidebar-button.button:backdrop, .list-row:selected headerbar button.titlebutton:backdrop, headerbar .list-row:selected button.titlebutton:backdrop, .list-row:selected .titlebar button.titlebutton:backdrop, .titlebar .list-row:selected button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; color: #949796; } .list-row:selected button:insensitive { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .list-row:selected button:insensitive > .label, .list-row:selected headerbar button.titlebutton:insensitive > .label, .list-row:selected .titlebar button.titlebutton:insensitive > .label { color: inherit; } .list-row:selected button:insensitive:active, .list-row:selected button:insensitive:checked { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #313434, #333636); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .list-row:selected button:insensitive:active > .label, .list-row:selected headerbar button.titlebutton:insensitive:active > .label, .list-row:selected .titlebar button.titlebutton:insensitive:active > .label, .list-row:selected button:insensitive:checked > .label, .list-row:selected headerbar button.titlebutton:insensitive:checked > .label, .list-row:selected .titlebar button.titlebutton:insensitive:checked > .label { color: inherit; } .list-row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover { transition: none; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border: none; border-radius: 0 0 6px 6px; background-color: rgba(32, 37, 38, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; } .app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, .app-notification .titlebar button.titlebutton, .titlebar .app-notification button.titlebutton, .app-notification.frame button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .app-notification button.flat, .app-notification .sidebar-button.button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, .app-notification .titlebar button.titlebutton, .titlebar .app-notification button.titlebutton, .app-notification.frame button.flat, .app-notification.frame .sidebar-button.button, .app-notification.frame headerbar button.titlebutton, headerbar .app-notification.frame button.titlebutton, .app-notification.frame .titlebar button.titlebutton, .titlebar .app-notification.frame button.titlebutton { icon-shadow: 0 1px black; text-shadow: 0 1px black; } .app-notification button:hover, .app-notification.frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked, .app-notification.frame button:active, .app-notification.frame button:checked, .app-notification.frame button:backdrop:active, .app-notification.frame button:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .app-notification button:insensitive, .app-notification button:backdrop:insensitive, .app-notification.frame button:insensitive, .app-notification.frame button:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .app-notification button:backdrop, .app-notification.frame button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } /************* * Expanders * *************/ .expander { -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"); } /************ * Calendar * ***********/ calendar { color: white; border: 1px solid #1c1f1f; } calendar.header { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; } calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { color: rgba(238, 238, 236, 0.45); } calendar.button:hover { color: #eeeeec; } calendar.button:backdrop { color: rgba(148, 151, 150, 0.45); } calendar.button:insensitive { color: rgba(148, 151, 150, 0.45); } calendar:inconsistent, calendar:inconsistent:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; color: #eeeeec; } calendar:backdrop { color: #d5d5d5; border-color: #1f2222; } /*********** * Dialogs * ***********/ .message-dialog .dialog-action-area button { padding: 8px; } .message-dialog .titlebar { border-style: none; box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); } .message-dialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } .message-dialog.csd .dialog-action-area button { padding: 12px; border-radius: 0; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .message-dialog.csd .dialog-action-area button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .message-dialog.csd .dialog-action-area button:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } .message-dialog.csd .dialog-action-area button:insensitive { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .message-dialog.csd .dialog-action-area button:insensitive > .label, .message-dialog.csd .dialog-action-area headerbar button.titlebutton:insensitive > .label, .message-dialog.csd .dialog-action-area .titlebar button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area button:backdrop { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .message-dialog.csd .dialog-action-area button:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .message-dialog.csd .dialog-action-area button:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area headerbar button.titlebutton:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .titlebar button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .message-dialog.csd .dialog-action-area button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .message-dialog.csd .dialog-action-area button.suggested-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187); text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } .message-dialog.csd .dialog-action-area button.suggested-action:backdrop { color: #d3dfeb; border-color: #0b1e33; background-image: linear-gradient(to bottom, #215d9c); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .message-dialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .message-dialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area headerbar button.suggested-action.titlebutton:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .titlebar button.suggested-action.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area button.suggested-action:insensitive { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .message-dialog.csd .dialog-action-area button.suggested-action:insensitive > .label, .message-dialog.csd .dialog-action-area headerbar button.suggested-action.titlebutton:insensitive > .label, .message-dialog.csd .dialog-action-area .titlebar button.suggested-action.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e); text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } .message-dialog.csd .dialog-action-area button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010); text-shadow: 0 -1px rgba(0, 0, 0, 0.60878); icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } .message-dialog.csd .dialog-action-area button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #5e0707; background-image: linear-gradient(to bottom, #aa0d0d, #b60e0e 40%, #bd0e0e); text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } .message-dialog.csd .dialog-action-area button.destructive-action:backdrop { color: #f7cfcf; border-color: #5e0707; background-image: linear-gradient(to bottom, #d51010); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .message-dialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .message-dialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area headerbar button.destructive-action.titlebutton:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .titlebar button.destructive-action.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area button.destructive-action:insensitive { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .message-dialog.csd .dialog-action-area button.destructive-action:insensitive > .label, .message-dialog.csd .dialog-action-area headerbar button.destructive-action.titlebutton:insensitive > .label, .message-dialog.csd .dialog-action-area .titlebar button.destructive-action.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area button, .message-dialog.csd .dialog-action-area button:hover, .message-dialog.csd .dialog-action-area button:active, .message-dialog.csd .dialog-action-area button:insensitive, .message-dialog.csd .dialog-action-area button:backdrop, .message-dialog.csd .dialog-action-area button:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.suggested-action, .message-dialog.csd .dialog-action-area button.suggested-action:hover, .message-dialog.csd .dialog-action-area button.suggested-action:active, .message-dialog.csd .dialog-action-area button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area button.destructive-action, .message-dialog.csd .dialog-action-area button.destructive-action:hover, .message-dialog.csd .dialog-action-area button.destructive-action:active, .message-dialog.csd .dialog-action-area button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area button.destructive-action:insensitive { border-left-style: solid; border-right-style: none; border-bottom-style: none; } .message-dialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; outline-bottom-right-radius: 5px; } .message-dialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; outline-bottom-left-radius: 5px; } GtkFileChooserDialog .search-bar { background-color: #292929; border-color: #393f3f; box-shadow: none; } GtkFileChooserDialog .search-bar:backdrop { background-color: #2c2c2c; border-color: #393f3f; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #1c1f1f; } GtkFileChooserDialog .dialog-action-box:backdrop { border-top-color: #1f2222; } /*********** * Sidebar * ***********/ .sidebar { border: none; background-color: #313434; } .sidebar:backdrop { background-color: #333636; } GtkSidebarRow.list-row { padding: 0px; } GtkSidebarRow .sidebar-revealer { padding: 4px 14px 4px 12px; } GtkSidebarRow .sidebar-icon { opacity: 0.7; } GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .list-row:selected:active { box-shadow: none; } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { border: solid 1px #215d9c; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { color: #215d9c; } .sidebar-button.button { border-radius: 100%; outline-radius: 100%; } .sidebar-button.button.image-button, GtkScaleButton.sidebar-button.button, GtkVolumeButton.sidebar-button.button, headerbar button.sidebar-button.button.titlebutton, .titlebar button.sidebar-button.button.titlebutton { padding: 5px; } .sidebar-button.button:not(:hover):not(:active) > image, .sidebar-button.button:backdrop > image { opacity: 0.7; } .sidebar-item { padding: 10px 4px; } .sidebar-item > label { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > label { background-size: 6px 6px, 0 0; } /**************** * File chooser * ****************/ GtkPlacesView .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } GtkPlacesView .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } GtkPlacesView .list-row.activatable:hover { background-color: transparent; } /********* * Paned * *********/ GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #1c1f1f; } GtkPaned .pane-separator:backdrop { background-color: #1f2222; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; border-color: #1c1f1f; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } GtkPaned.wide .pane-separator:backdrop { border-color: #1f2222; } /************** * GtkInfoBar * **************/ infobar { border-style: none; } .info, .question, .warning, .error { background-color: #215d9c; color: #ffffff; text-shadow: 0 1px #184472; border-color: #184472; } .info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton, .info .titlebar button.titlebutton, .titlebar .info button.titlebutton, .question button, .question headerbar button.titlebutton, headerbar .question button.titlebutton, .question .titlebar button.titlebutton, .titlebar .question button.titlebutton, .warning button, .warning headerbar button.titlebutton, headerbar .warning button.titlebutton, .warning .titlebar button.titlebutton, .titlebar .warning button.titlebutton, .error button, .error headerbar button.titlebutton, headerbar .error button.titlebutton, .error .titlebar button.titlebutton, .titlebar .error button.titlebutton { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187); text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .info button:hover, .question button:hover, .warning button:hover, .error button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c); text-shadow: 0 -1px rgba(0, 0, 0, 0.67153); icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } .info button:active, .question button:active, .warning button:active, .error button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187); text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } .info button:insensitive, .question button:insensitive, .warning button:insensitive, .error button:insensitive { color: #91aac5; border-color: #0b1e33; background-image: linear-gradient(to bottom, #22558b); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .info button:insensitive > .label, .info headerbar button.titlebutton:insensitive > .label, .info .titlebar button.titlebutton:insensitive > .label, .question button:insensitive > .label, .question headerbar button.titlebutton:insensitive > .label, .question .titlebar button.titlebutton:insensitive > .label, .warning button:insensitive > .label, .warning headerbar button.titlebutton:insensitive > .label, .warning .titlebar button.titlebutton:insensitive > .label, .error button:insensitive > .label, .error headerbar button.titlebutton:insensitive > .label, .error .titlebar button.titlebutton:insensitive > .label { color: inherit; } .info button:backdrop, .question button:backdrop, .warning button:backdrop, .error button:backdrop { color: #d3dfeb; border-color: #0b1e33; background-image: linear-gradient(to bottom, #215d9c); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0b1e33; } .info button:backdrop:insensitive, .question button:backdrop:insensitive, .warning button:backdrop:insensitive, .error button:backdrop:insensitive { color: #6f91b4; border-color: #0b1e33; background-image: linear-gradient(to bottom, #22558b); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0b1e33; } .info button:backdrop:insensitive > .label, .info headerbar button.titlebutton:backdrop:insensitive > .label, .info .titlebar button.titlebutton:backdrop:insensitive > .label, .question button:backdrop:insensitive > .label, .question headerbar button.titlebutton:backdrop:insensitive > .label, .question .titlebar button.titlebutton:backdrop:insensitive > .label, .warning button:backdrop:insensitive > .label, .warning headerbar button.titlebutton:backdrop:insensitive > .label, .warning .titlebar button.titlebutton:backdrop:insensitive > .label, .error button:backdrop:insensitive > .label, .error headerbar button.titlebutton:backdrop:insensitive > .label, .error .titlebar button.titlebutton:backdrop:insensitive > .label { color: inherit; } .info label:selected, .info label:selected:focus, .info label:selected:hover, .question label:selected, .question label:selected:focus, .question label:selected:hover, .warning label:selected, .warning label:selected:focus, .warning label:selected:hover, .error label:selected, .error label:selected:focus, .error label:selected:hover { background-color: #184472; } /************ * Tooltips * ************/ .tooltip { color: white; padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; } .tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); } .tooltip decoration.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } /***************** * Color Chooser * *****************/ GtkColorSwatch { box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } GtkColorSwatch:selected { box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } GtkColorSwatch.top { border-top-left-radius: 6px; border-top-right-radius: 6px; } GtkColorSwatch.bottom { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } GtkColorSwatch:only-child:not(.overlay) { border-radius: 6px; } GtkColorSwatch.top > .overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } GtkColorSwatch.bottom > .overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } GtkColorSwatch:first-child:not(.top) > .overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } GtkColorSwatch:last-child:not(.bottom) > .overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } GtkColorSwatch:only-child > .overlay { border-radius: 5px; } GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.4); } GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { background-image: none; box-shadow: none; } GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } GtkColorEditor GtkColorSwatch:backdrop { box-shadow: none; } GtkColorSwatch.color-dark { color: white; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.color-dark:backdrop { color: rgba(255, 255, 255, 0.3); } GtkColorSwatch.color-light { color: black; outline-color: rgba(0, 0, 0, 0.5); } GtkColorSwatch.color-light:backdrop { color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid #1c1f1f; } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: black; } GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232); text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } GtkColorSwatch#add-color-button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f); text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } GtkColorSwatch#add-color-button:backdrop { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; icon-shadow: none; } /******** * Misc * ********/ .content-view { background-color: #282c2c; } .content-view:hover { -gtk-image-effect: highlight; } .content-view:backdrop { background-color: #282c2c; } .osd .scale-popup button.flat, .osd .scale-popup .sidebar-button.button, .osd .scale-popup headerbar button.titlebutton, headerbar .osd .scale-popup button.titlebutton, .osd .scale-popup .titlebar button.titlebutton, .titlebar .osd .scale-popup button.titlebutton { padding: 6px; border-style: none; border-radius: 5px; } .scale-popup button, .scale-popup headerbar button.titlebutton, headerbar .scale-popup button.titlebutton, .scale-popup .titlebar button.titlebutton, .titlebar .scale-popup button.titlebutton { padding: 6px; } .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } /********************** * Window Decorations * *********************/ decoration { border-radius: 7px 7px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(28, 31, 31, 0.9); /* this is used for the resize cursor area */ margin: 10px; } decoration:backdrop { box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); } decoration.tiled { border-radius: 0; } decoration.popup { box-shadow: none; } decoration.ssd { box-shadow: 0 0 0 1px rgba(28, 31, 31, 0.9); } decoration.csd.popup { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } decoration.csd.tooltip { border-radius: 5px; box-shadow: none; } decoration.csd.message-dialog { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); } decoration.solid-csd { border-radius: 0; margin: 4px; background-color: #393f3f; border: solid 1px #1f2222; box-shadow: none; } headerbar button.titlebutton, headerbar .titlebar button.titlebutton, .titlebar headerbar button.titlebutton, .titlebar button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); } headerbar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop { icon-shadow: none; } headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { icon-shadow: none; } .view:selected, calendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, spinbutton:selected, spinbutton:selected:focus, modelbutton.flat:selected, .menuitem.button.flat:selected, .list-row:selected, .sidebar:selected { background-color: #215d9c; color: #ffffff; } .view:insensitive:selected, calendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, entry:insensitive:selected, spinbutton:insensitive:selected, modelbutton.flat:insensitive:selected, .menuitem.button.flat:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label { color: #90aece; } .view:backdrop:selected, calendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, entry:backdrop:selected, spinbutton:backdrop:selected, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected { color: #ffffff; } .view:backdrop:insensitive:selected, calendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, entry:backdrop:insensitive:selected, spinbutton:backdrop:insensitive:selected, modelbutton.flat:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive label { color: #648eba; } .monospace { font: Monospace; } /********************** * Touch Copy & Paste * *********************/ entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } entry.cursor-handle.top:dir(ltr), entry.cursor-handle.bottom:dir(rtl), .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")); padding-left: 10px; } entry.cursor-handle.bottom:dir(ltr), entry.cursor-handle.top:dir(rtl), .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")); padding-right: 10px; } entry.cursor-handle.insertion-cursor:dir(ltr), entry.cursor-handle.insertion-cursor:dir(rtl), .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")); } entry.cursor-handle.top:hover:dir(ltr), entry.cursor-handle.bottom:hover:dir(rtl), .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")); padding-left: 10px; } entry.cursor-handle.bottom:hover:dir(ltr), entry.cursor-handle.top:hover:dir(rtl), .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")); padding-right: 10px; } entry.cursor-handle.insertion-cursor:hover:dir(ltr), entry.cursor-handle.insertion-cursor:hover:dir(rtl), .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")); } entry.cursor-handle.top:active:dir(ltr), entry.cursor-handle.bottom:active:dir(rtl), .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")); padding-left: 10px; } entry.cursor-handle.bottom:active:dir(ltr), entry.cursor-handle.top:active:dir(rtl), .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")); padding-right: 10px; } entry.cursor-handle.insertion-cursor:active:dir(ltr), entry.cursor-handle.insertion-cursor:active:dir(rtl), .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")); } /* Decouple the font of context menus from their entry/textview */ .context-menu { font: initial; } .touch-selection { font: initial; color: #eeeeec; border: none; background-color: rgba(32, 37, 38, 0.9); background-clip: padding-box; outline-color: rgba(238, 238, 236, 0.3); box-shadow: none; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .touch-selection:backdrop { text-shadow: none; } .touch-selection button, .touch-selection headerbar button.titlebutton, headerbar .touch-selection button.titlebutton, .touch-selection .titlebar button.titlebutton, .titlebar .touch-selection button.titlebutton { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .touch-selection button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } .touch-selection button:active, .touch-selection button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } .touch-selection button:insensitive, .touch-selection button:backdrop:insensitive { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .touch-selection button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .touch-selection .check { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .touch-selection .check:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png")); } .touch-selection .check:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png")); } .touch-selection .check:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .touch-selection .check:inconsistent { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .touch-selection .check:inconsistent:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png")); } .touch-selection .check:inconsistent:selected { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png")); } .touch-selection .check:inconsistent:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .touch-selection .check:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .touch-selection .check:checked:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .touch-selection .check:checked:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png")); } .touch-selection .check:checked:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png")); } .touch-selection .check:backdrop:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png")); } .touch-selection .radio { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .touch-selection .radio:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png")); } .touch-selection .radio:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png")); } .touch-selection .radio:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .touch-selection .radio:inconsistent { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .touch-selection .radio:inconsistent:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png")); } .touch-selection .radio:inconsistent:selected { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png")); } .touch-selection .radio:inconsistent:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .touch-selection .radio:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .touch-selection .radio:checked:insensitive { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .touch-selection .radio:checked:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png")); } .touch-selection .radio:checked:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png")); } .touch-selection .radio:backdrop:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png")); } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } .overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } .overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } .overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1f2222), to(rgba(31, 34, 34, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .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; } .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; } .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; } .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; } button.circular, headerbar button.circular.titlebutton, .titlebar button.circular.titlebutton { border-radius: 20px; outline-radius: 20px; } button.circular label, .titlebar button.circular.titlebutton label { padding: 0; } .frame.keycap { background-color: #fefefe; border: 1px solid #cecece; border-radius: 5px; box-shadow: 0px 1px 0px #fff inset, 0px -2px 0px #dedede inset; color: #555753; padding: 3px 8px 3px 8px; } /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #eeeeec; /* text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ @define-color theme_bg_color #393f3f; /* text widgets and the like base background color */ @define-color theme_base_color #292929; /* base background color of selections */ @define-color theme_selected_bg_color #215d9c; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #333636; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #949796; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #292929; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #949796; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #393f3f; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #2c2c2c; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #215d9c; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* widgets main borders color */ @define-color borders #1c1f1f; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #1f2222; /* these are pretty self explicative */ @define-color warning_color #f57900; @define-color error_color #cc0000; @define-color success_color #5aa411; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(#eeeeec, 1.8); @define-color wm_unfocused_title #949796; @define-color wm_highlight transparent; @define-color wm_borders_edge rgba(238, 238, 236, 0.1); @define-color wm_bg_a shade(#393f3f, 1.2); @define-color wm_bg_b #393f3f; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#393f3f, 1.3); @define-color wm_button_hover_color_b #393f3f; @define-color wm_button_active_color_a shade(#393f3f, 0.85); @define-color wm_button_active_color_b shade(#393f3f, 0.89); @define-color wm_button_active_color_c shade(#393f3f, 0.9); @define-color content_view_bg #292929;