@define-color headerbar_disabled_highlight_top @disabled_highlight_top; @define-color headerbar_disabled_highlight_bottom @disabled_highlight_bottom; @define-color headerbar_action_disabled_backdrop @action_disabled_backdrop; * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: @error_color; -GtkButton-child-displacement-x: 0; -GtkButton-child-displacement-y: 0; -GtkCheckButton-indicator-size: 18; -GtkCheckMenuItem-indicator-size: 18; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 0; -GtkScrolled-window-overlay-scrolling: FALSE; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-width: 0px; } /*************** * Base States * ***************/ .background { color: @theme_fg_color; background-color: @theme_bg_color; } .background:backdrop { text-shadow: none; -gtk-icon-shadow: none; color: @theme_fg_color; background-color: @theme_bg_color; } /* 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. */ *:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { background-color: @theme_bg_color; color: @theme_fg_color; } .gtkstyle-fallback:hover { background-color: white; color: @theme_fg_color; } .gtkstyle-fallback:active { background-color: @extra_dull_borders; color: @theme_fg_color; } .gtkstyle-fallback:disabled { background-color: @insensitive_bg_color; color: @insensitive_fg_color; } .gtkstyle-fallback:selected { background-color: @theme_selected_bg_color; color: @theme_base_color; } .view text, textview text, .view { color: @theme_text_color; background-color: @theme_base_color; } .view text:backdrop, textview text:backdrop, .view:backdrop { color: @theme_text_color; background-color: @theme_base_color; } .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view:selected:focus, .view:selected { border-radius: 3px; } textview border { background-color: @theme_base_color; background-image: image(@borders); background-repeat: no-repeat; } textview border:backdrop { background-color: @theme_base_color; } textview border.bottom { background-size: 100% 1px; background-position: top; } textview border.top { background-size: 100% 1px; background-position: bottom; } textview border.left { background-size: 1px 100%; background-position: right; } textview border.right { background-size: 1px 100%; background-position: left; } .rubberband, rubberband, flowbox rubberband, treeview.view rubberband { border: 1px solid @theme_selected_bg_color; background-color: alpha(@theme_selected_bg_color, 0.2); } .rubberband:backdrop, rubberband:backdrop, treeview.view rubberband:backdrop { border-color: @theme_selected_bg_color; background-color: alpha(@theme_selected_bg_color, 0.2); } flowbox flowboxchild { padding: 3px; border-radius: 3px; } flowbox flowboxchild:selected { outline-offset: 0px; } label.separator { color: @theme_fg_color; } label.separator:backdrop { color: @theme_fg_color; } label selection { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; } label:disabled { color: @insensitive_fg_color; } label:disabled:backdrop { color: @insensitive_fg_color; } label:backdrop { color: @theme_fg_color; } .dim-label, label.separator, headerbar .subtitle { opacity: 0.5; text-shadow: none; } assistant .sidebar { background-color: @theme_fg_color; border-top: 1px solid @borders; } assistant .sidebar:backdrop { background-color: @theme_fg_color; border-color: @borders; } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { background-color: @extra_dull_borders; } .app-notification, .app-notification.frame, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { color: @theme_fg_color; border: 1px solid @borders; background-color: alpha(@theme_bg_color, 0.8); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { color: @theme_fg_color; background-color: alpha(@theme_bg_color, 0.8); -gtk-icon-shadow: none; } .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view:selected:focus, .view:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, .sidebar:selected { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; } textview text:hover:selected:focus, .view text:hover:selected, textview text:hover:selected, .view:hover:selected, .view text selection:hover, textview text selection:hover, flowbox flowboxchild:hover:selected, spinbutton:not(.vertical) selection:hover, entry selection:hover, row:hover:selected, .sidebar:hover:selected { background-color: @decoration_hover; color: @theme_text_color; } textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selction, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected { background-color: @theme_unfocused_selected_bg_color; color: @theme_selected_fg_color; } .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view:selected:focus, .view:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, .sidebar:selected { background-color: @theme_selected_bg_color; border-radius: 0px; } .view text:selected:focus, textview text:selected:focus, .view text:selected, textview text:selected, .view:selected:focus, .view:selected, .view text selection:focus, .view text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, .sidebar:selected { color: @theme_selected_fg_color; } textview text:disabled:selected:focus, .view text:disabled:selected, textview text:disabled:selected, .view:disabled:selected, .view text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, row:disabled:selected, .sidebar:disabled:selected { color: @insensitive_bg_color; } textview text:backdrop:selected:focus, .view text:backdrop:selected, textview text:backdrop:selected, .view:backdrop:selected, .view text selection:backdrop, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selction, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected { color: @theme_selected_fg_color; } .view text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view:backdrop:disabled:selected, .view text selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selction:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, row:backdrop:disabled:selected, .sidebar:backdrop:disabled:selected { color: @insensitive_bg_color; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(@theme_selected_bg_color), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)); } } notebook > header > tabs > arrow, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, button, notebook > header > tabs > arrow.osd, button.osd { border: 1px solid; border-radius: 3px; padding: 4px 6px; background-clip: border-box; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); text-shadow: none; -gtk-icon-shadow: none; color: @theme_fg_color; border-color: @borders; background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } notebook > header > tabs > arrow, button.sidebar-button, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, button.flat, notebook > header > tabs > arrow.osd, button.osd.sidebar-button { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_fg_color; text-shadow: none; -gtk-icon-shadow: none; transition: none; } notebook > header > tabs > arrow:hover, button.sidebar-button:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, button.flat:hover, notebook > header > tabs > arrow.osd:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:checked, button.sidebar-button:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, button.flat:checked, notebook > header > tabs > arrow.osd:checked { background-color: @borders; } notebook > header > tabs > arrow:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, button:hover, notebook > header > tabs > arrow.osd:hover { color: @theme_fg_color; border-color: @decoration_hover; -gtk-icon-effect: none; } notebook > header > tabs > arrow:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, button:active, notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, button:checked, notebook > header > tabs > arrow.osd:checked { color: @theme_selected_fg_color; border-color: @theme_selected_bg_color; background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); transition-duration: 50ms; } notebook > header > tabs > arrow:active:hover, popover.background.touch-selection button:active:hover, popover.background.magnifier button:active:hover, button:active:hover, notebook > header > tabs > arrow:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover, button:checked:hover { color: @theme_fg_color; border-color: @decoration_hover; background-image: linear-gradient(to bottom, @notebook_gradient_top, @notebook_gradient_bottom); } notebook > header > tabs > arrow:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, button:backdrop, notebook > header > tabs > arrow.osd:backdrop { color: @theme_text_color; border-color: @borders; background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); -gtk-icon-effect: none; } notebook > header > tabs > arrow:backdrop:active, popover.background.touch-selection button:backdrop:active, popover.background.magnifier button:backdrop:active, button:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, popover.background.touch-selection button:backdrop:checked, popover.background.magnifier button:backdrop:checked, button:backdrop:checked { color: @theme_selected_fg_color; border-color: @theme_selected_bg_color; background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } notebook > header > tabs > arrow:backdrop:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, button:backdrop:disabled { color: @insensitive_fg_color; border-color: @insensitive_borders; background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } notebook > header > tabs > arrow:backdrop:disabled > .label, popover.background.touch-selection button:backdrop:disabled > .label, popover.background.magnifier button:backdrop:disabled > .label, button:backdrop:disabled > .label { color: inherit; } notebook > header > tabs > arrow:backdrop:disabled:active, button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop:disabled:checked { color: @insensitive_bg_color; border-color: @disabled_highlight; background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } notebook > header > tabs > arrow:backdrop:disabled:active > .label, popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.magnifier button:backdrop:disabled:active > .label, button:backdrop:disabled:active > .label, notebook > header > tabs > arrow:backdrop:disabled:checked > .label, popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.magnifier button:backdrop:disabled:checked > .label, button:backdrop:disabled:checked > .label { color: inherit; } notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, button.flat:backdrop, notebook > header > tabs > arrow.osd:backdrop { -gtk-icon-effect: none; border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_fg_color; text-shadow: none; -gtk-icon-shadow: none; color: @theme_fg_color; } notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, button.flat:disabled, notebook > header > tabs > arrow.osd:disabled { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_fg_color; text-shadow: none; -gtk-icon-shadow: none; color: @insensitive_fg_color; } notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.flat:backdrop:disabled { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_fg_color; text-shadow: none; -gtk-icon-shadow: none; color: @insensitive_fg_color; } notebook > header > tabs > arrow:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, button:disabled, notebook > header > tabs > arrow.osd:disabled { color: @insensitive_fg_color; border-color: @insensitive_borders; background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } notebook > header > tabs > arrow:disabled > .label, popover.background.touch-selection button:disabled > .label, popover.background.magnifier button:disabled > .label, button:disabled > .label { color: inherit; } notebook > header > tabs > arrow:disabled:active, popover.background.touch-selection button:disabled:active, popover.background.magnifier button:disabled:active, button:disabled:active, notebook > header > tabs > arrow:disabled:checked, popover.background.touch-selection button:disabled:checked, popover.background.magnifier button:disabled:checked, button:disabled:checked { color: @insensitive_bg_color; border-color: @disabled_highlight; background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } notebook > header > tabs > arrow:disabled:active > .label, popover.background.touch-selection button:disabled:active > .label, popover.background.magnifier button:disabled:active > .label, button:disabled:active > .label, notebook > header > tabs > arrow:disabled:checked > .label, popover.background.touch-selection button:disabled:checked > .label, popover.background.magnifier button:disabled:checked > .label, button:disabled:checked > .label { color: inherit; } notebook > header > tabs > arrow separator, .csd popover.background.touch-selection button separator, .csd popover.background.magnifier button separator, popover.background.touch-selection button separator, popover.background.magnifier button separator, button separator, notebook > header > tabs > arrow.osd separator, button.osd separator { background-color: transparent; background-image: none; color: transparent; } notebook > header > tabs > arrow.image-button, popover.background.touch-selection button.image-button, popover.background.magnifier button.image-button, button.image-button { min-width: 16px; padding: 6px; } notebook > header > tabs > arrow.text-button, popover.background.touch-selection button.text-button, popover.background.magnifier button.text-button, button.text-button { padding-left: 6px; padding-right: 6px; } notebook > header > tabs > arrow.text-button.image-button, popover.background.touch-selection button.text-button.image-button, popover.background.magnifier button.text-button.image-button, button.text-button.image-button { padding-left: 6px; padding-right: 6px; } notebook > header > tabs > arrow.text-button.image-button label, popover.background.touch-selection button.text-button.image-button label, popover.background.magnifier button.text-button.image-button label, button.text-button.image-button label { padding-left: 6px; padding-right: 6px; } row:selected popover.background.touch-selection button, popover.background.touch-selection row:selected button, row:selected popover.background.magnifier button, popover.background.magnifier row:selected button, row:selected button { border-color: @theme_selected_bg_color; } row:selected popover.background.touch-selection button.flat:not(:active):not(:checked):not(:hover):not(disabled), popover.background.touch-selection row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected popover.background.magnifier button.flat:not(:active):not(:checked):not(:hover):not(disabled), popover.background.magnifier row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: @theme_selected_fg_color; border-color: transparent; } row:selected popover.background.touch-selection button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, popover.background.touch-selection row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected popover.background.magnifier button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, popover.background.magnifier row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: @theme_selected_fg_color; } popover.background.touch-selection button.suggested-action, popover.background.magnifier button.suggested-action, popover.background.touch-selection button.suggested-action.osd button, popover.background.magnifier button.suggested-action.osd button, button.suggested-action, button.suggested-action.osd popover.background.touch-selection button, popover.background.touch-selection button.suggested-action.osd button, button.suggested-action.osd popover.background.magnifier button, popover.background.magnifier button.suggested-action.osd button, popover.background.touch-selection button.suggested-action.osd button, popover.background.magnifier button.suggested-action.osd button, button.suggested-action.osd button { box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); text-shadow: none; -gtk-icon-shadow: none; color: @theme_selected_fg_color; border-color: @theme_selected_bg_color; background-image: linear-gradient(to bottom, @action_button_gradient_top, @action_button_gradient_bottom); } popover.background.touch-selection button.suggested-action.flat, popover.background.magnifier button.suggested-action.flat, popover.background.touch-selection button.suggested-action.osd button.flat, popover.background.magnifier button.suggested-action.osd button.flat, button.suggested-action.flat, button.suggested-action.osd popover.background.touch-selection button.flat, popover.background.touch-selection button.suggested-action.osd button.flat, button.suggested-action.osd popover.background.magnifier button.flat, popover.background.magnifier button.suggested-action.osd button.flat, popover.background.touch-selection button.suggested-action.osd button.flat, popover.background.magnifier button.suggested-action.osd button.flat, button.suggested-action.osd button.flat { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_fg_color; text-shadow: none; -gtk-icon-shadow: none; color: @theme_selected_bg_color; } popover.background.touch-selection button.suggested-action:hover, popover.background.magnifier button.suggested-action:hover, popover.background.touch-selection button.suggested-action.osd button:hover, popover.background.magnifier button.suggested-action.osd button:hover, button.suggested-action:hover, button.suggested-action.osd popover.background.touch-selection button:hover, popover.background.touch-selection button.suggested-action.osd button:hover, button.suggested-action.osd popover.background.magnifier button:hover, popover.background.magnifier button.suggested-action.osd button:hover, popover.background.touch-selection button.suggested-action.osd button:hover, popover.background.magnifier button.suggested-action.osd button:hover, button.suggested-action.osd button:hover { color: white; border-color: @theme_selected_bg_color; } popover.background.touch-selection button.suggested-action:active, popover.background.magnifier button.suggested-action:active, popover.background.touch-selection button.suggested-action:checked, popover.background.magnifier button.suggested-action:checked, popover.background.touch-selection button.suggested-action.osd button:active, popover.background.magnifier button.suggested-action.osd button:active, popover.background.touch-selection button.suggested-action.osd button:checked, popover.background.magnifier button.suggested-action.osd button:checked, button.suggested-action:active, button.suggested-action:checked, button.suggested-action.osd popover.background.touch-selection button:active, popover.background.touch-selection button.suggested-action.osd button:active, button.suggested-action.osd popover.background.magnifier button:active, popover.background.magnifier button.suggested-action.osd button:active, button.suggested-action.osd popover.background.touch-selection button:checked, popover.background.touch-selection button.suggested-action.osd button:checked, button.suggested-action.osd popover.background.magnifier button:checked, popover.background.magnifier button.suggested-action.osd button:checked, popover.background.touch-selection button.suggested-action.osd button:active, popover.background.magnifier button.suggested-action.osd button:active, popover.background.touch-selection button.suggested-action.osd button:checked, popover.background.magnifier button.suggested-action.osd button:checked, button.suggested-action.osd button:active, button.suggested-action.osd button:checked { color: white; border-color: @theme_selected_bg_color; background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } popover.background.touch-selection button.suggested-action:backdrop, popover.background.magnifier button.suggested-action:backdrop, popover.background.touch-selection button.suggested-action.flat:backdrop, popover.background.magnifier button.suggested-action.flat:backdrop, popover.background.touch-selection button.suggested-action.osd button:backdrop, popover.background.magnifier button.suggested-action.osd button:backdrop, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, popover.background.magnifier button.suggested-action.osd button.flat:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop, button.suggested-action.osd popover.background.touch-selection button:backdrop, popover.background.touch-selection button.suggested-action.osd button:backdrop, button.suggested-action.osd popover.background.magnifier button:backdrop, popover.background.magnifier button.suggested-action.osd button:backdrop, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, button.suggested-action.osd popover.background.magnifier button.flat:backdrop, popover.background.magnifier button.suggested-action.osd button.flat:backdrop, popover.background.touch-selection button.suggested-action.osd button:backdrop, popover.background.magnifier button.suggested-action.osd button:backdrop, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, popover.background.magnifier button.suggested-action.osd button.flat:backdrop, button.suggested-action.osd button:backdrop, button.suggested-action.osd button.flat:backdrop { color: white; border-color: @borders; background-image: linear-gradient(to bottom, @action_button_gradient_top, @action_button_gradient_bottom); } popover.background.touch-selection button.suggested-action:backdrop:active, popover.background.magnifier button.suggested-action:backdrop:active, popover.background.touch-selection button.suggested-action:backdrop:checked, popover.background.magnifier button.suggested-action:backdrop:checked, popover.background.touch-selection button.suggested-action.flat:backdrop:active, popover.background.magnifier button.suggested-action.flat:backdrop:active, popover.background.touch-selection button.suggested-action.flat:backdrop:checked, popover.background.magnifier button.suggested-action.flat:backdrop:checked, popover.background.touch-selection button.suggested-action.osd button:backdrop:active, popover.background.magnifier button.suggested-action.osd button:backdrop:active, popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, popover.background.magnifier button.suggested-action.osd button:backdrop:checked, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked, button.suggested-action.osd popover.background.touch-selection button:backdrop:active, popover.background.touch-selection button.suggested-action.osd button:backdrop:active, button.suggested-action.osd popover.background.magnifier button:backdrop:active, popover.background.magnifier button.suggested-action.osd button:backdrop:active, button.suggested-action.osd popover.background.touch-selection button:backdrop:checked, popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, button.suggested-action.osd popover.background.magnifier button:backdrop:checked, popover.background.magnifier button.suggested-action.osd button:backdrop:checked, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:active, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, button.suggested-action.osd popover.background.magnifier button.flat:backdrop:active, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:checked, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, button.suggested-action.osd popover.background.magnifier button.flat:backdrop:checked, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, popover.background.touch-selection button.suggested-action.osd button:backdrop:active, popover.background.magnifier button.suggested-action.osd button:backdrop:active, popover.background.touch-selection button.suggested-action.osd button:backdrop:checked, popover.background.magnifier button.suggested-action.osd button:backdrop:checked, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked, button.suggested-action.osd button:backdrop:active, button.suggested-action.osd button:backdrop:checked, button.suggested-action.osd button.flat:backdrop:active, button.suggested-action.osd button.flat:backdrop:checked { color: white; border-color: @theme_selected_bg_color; background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } popover.background.touch-selection button.suggested-action:backdrop:disabled, popover.background.magnifier button.suggested-action:backdrop:disabled, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.flat:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, button.suggested-action.osd popover.background.magnifier button:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, button.suggested-action.osd button:backdrop:disabled, button.suggested-action.osd button.flat:backdrop:disabled { color: @insensitive_fg_color; border-color: @insensitive_borders; background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } popover.background.touch-selection button.suggested-action:backdrop:disabled > .label, popover.background.magnifier button.suggested-action:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, button.suggested-action:backdrop:disabled > .label, button.suggested-action.flat:backdrop:disabled > .label, button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, button.suggested-action.osd popover.background.magnifier button:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label, button.suggested-action.osd button:backdrop:disabled > .label, button.suggested-action.osd button.flat:backdrop:disabled > .label { color: inherit; } popover.background.touch-selection button.suggested-action:backdrop:disabled:active, popover.background.magnifier button.suggested-action:backdrop:disabled:active, popover.background.touch-selection button.suggested-action:backdrop:disabled:checked, popover.background.magnifier button.suggested-action:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:active, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked, button.suggested-action.osd button:backdrop:disabled:active, button.suggested-action.osd button:backdrop:disabled:checked, button.suggested-action.osd button.flat:backdrop:disabled:active, button.suggested-action.osd button.flat:backdrop:disabled:checked { color: @disabled_check; border-color: @disabled_highlight; background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } popover.background.touch-selection button.suggested-action:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, button.suggested-action:backdrop:disabled:active > .label, button.suggested-action:backdrop:disabled:checked > .label, button.suggested-action.flat:backdrop:disabled:active > .label, button.suggested-action.flat:backdrop:disabled:checked > .label, button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label, button.suggested-action.osd button:backdrop:disabled:active > .label, button.suggested-action.osd button:backdrop:disabled:checked > .label, button.suggested-action.osd button.flat:backdrop:disabled:active > .label, button.suggested-action.osd button.flat:backdrop:disabled:checked > .label { color: inherit; } popover.background.touch-selection button.suggested-action.flat:backdrop, popover.background.magnifier button.suggested-action.flat:backdrop, popover.background.touch-selection button.suggested-action.flat:disabled, popover.background.magnifier button.suggested-action.flat:disabled, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.flat:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, popover.background.magnifier button.suggested-action.osd button.flat:backdrop, popover.background.touch-selection button.suggested-action.osd button.flat:disabled, popover.background.magnifier button.suggested-action.osd button.flat:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, button.suggested-action.osd popover.background.magnifier button.flat:backdrop, popover.background.magnifier button.suggested-action.osd button.flat:backdrop, button.suggested-action.osd popover.background.touch-selection button.flat:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:disabled, button.suggested-action.osd popover.background.magnifier button.flat:disabled, popover.background.magnifier button.suggested-action.osd button.flat:disabled, button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop, popover.background.magnifier button.suggested-action.osd button.flat:backdrop, popover.background.touch-selection button.suggested-action.osd button.flat:disabled, popover.background.magnifier button.suggested-action.osd button.flat:disabled, popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled, button.suggested-action.osd button.flat:backdrop, button.suggested-action.osd button.flat:disabled, button.suggested-action.osd button.flat:backdrop:disabled { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_fg_color; text-shadow: none; -gtk-icon-shadow: none; color: alpha(@theme_selected_bg_color, 0.8); } popover.background.touch-selection button.suggested-action:disabled, popover.background.magnifier button.suggested-action:disabled, popover.background.touch-selection button.suggested-action.osd button:disabled, popover.background.magnifier button.suggested-action.osd button:disabled, button.suggested-action:disabled, button.suggested-action.osd popover.background.touch-selection button:disabled, popover.background.touch-selection button.suggested-action.osd button:disabled, button.suggested-action.osd popover.background.magnifier button:disabled, popover.background.magnifier button.suggested-action.osd button:disabled, popover.background.touch-selection button.suggested-action.osd button:disabled, popover.background.magnifier button.suggested-action.osd button:disabled, button.suggested-action.osd button:disabled { color: @insensitive_fg_color; border-color: @insensitive_borders; background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } popover.background.touch-selection button.suggested-action:disabled > .label, popover.background.magnifier button.suggested-action:disabled > .label, popover.background.touch-selection button.suggested-action.osd button:disabled > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled > .label, popover.background.magnifier button.suggested-action.osd button:disabled > .label, button.suggested-action:disabled > .label, button.suggested-action.osd popover.background.touch-selection button:disabled > .label, popover.background.touch-selection button.suggested-action.osd button:disabled > .label, button.suggested-action.osd popover.background.magnifier button:disabled > .label, popover.background.magnifier button.suggested-action.osd button:disabled > .label, popover.background.touch-selection button.suggested-action.osd button:disabled > .label, popover.background.magnifier button.suggested-action.osd button:disabled > .label, button.suggested-action.osd button:disabled > .label { color: inherit; } popover.background.touch-selection button.suggested-action:disabled:active, popover.background.magnifier button.suggested-action:disabled:active, popover.background.touch-selection button.suggested-action:disabled:checked, popover.background.magnifier button.suggested-action:disabled:checked, popover.background.touch-selection button.suggested-action.osd button:disabled:active, popover.background.magnifier button.suggested-action.osd button:disabled:active, popover.background.touch-selection button.suggested-action.osd button:disabled:checked, popover.background.magnifier button.suggested-action.osd button:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, button.suggested-action.osd popover.background.touch-selection button:disabled:active, popover.background.touch-selection button.suggested-action.osd button:disabled:active, button.suggested-action.osd popover.background.magnifier button:disabled:active, popover.background.magnifier button.suggested-action.osd button:disabled:active, button.suggested-action.osd popover.background.touch-selection button:disabled:checked, popover.background.touch-selection button.suggested-action.osd button:disabled:checked, button.suggested-action.osd popover.background.magnifier button:disabled:checked, popover.background.magnifier button.suggested-action.osd button:disabled:checked, popover.background.touch-selection button.suggested-action.osd button:disabled:active, popover.background.magnifier button.suggested-action.osd button:disabled:active, popover.background.touch-selection button.suggested-action.osd button:disabled:checked, popover.background.magnifier button.suggested-action.osd button:disabled:checked, button.suggested-action.osd button:disabled:active, button.suggested-action.osd button:disabled:checked { color: @disabled_check; border-color: @disabled_highlight; background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } popover.background.touch-selection button.suggested-action:disabled:active > .label, popover.background.magnifier button.suggested-action:disabled:active > .label, popover.background.touch-selection button.suggested-action:disabled:checked > .label, popover.background.magnifier button.suggested-action:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, button.suggested-action:disabled:active > .label, button.suggested-action:disabled:checked > .label, button.suggested-action.osd popover.background.touch-selection button:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, button.suggested-action.osd popover.background.magnifier button:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, button.suggested-action.osd popover.background.touch-selection button:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, button.suggested-action.osd popover.background.magnifier button:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label, popover.background.magnifier button.suggested-action.osd button:disabled:active > .label, popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label, popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label, button.suggested-action.osd button:disabled:active > .label, button.suggested-action.osd button:disabled:checked > .label { color: inherit; } popover.background.touch-selection button.destructive-action, popover.background.magnifier button.destructive-action, popover.background.touch-selection button.destructive-action.osd button, popover.background.magnifier button.destructive-action.osd button, button.destructive-action, button.destructive-action.osd popover.background.touch-selection button, popover.background.touch-selection button.destructive-action.osd button, button.destructive-action.osd popover.background.magnifier button, popover.background.magnifier button.destructive-action.osd button, popover.background.touch-selection button.destructive-action.osd button, popover.background.magnifier button.destructive-action.osd button, button.destructive-action.osd button { box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); text-shadow: none; -gtk-icon-shadow: none; color: @theme_selected_fg_color; border-color: @error_color; background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } popover.background.touch-selection button.destructive-action.flat, popover.background.magnifier button.destructive-action.flat, popover.background.touch-selection button.destructive-action.osd button.flat, popover.background.magnifier button.destructive-action.osd button.flat, button.destructive-action.flat, button.destructive-action.osd popover.background.touch-selection button.flat, popover.background.touch-selection button.destructive-action.osd button.flat, button.destructive-action.osd popover.background.magnifier button.flat, popover.background.magnifier button.destructive-action.osd button.flat, popover.background.touch-selection button.destructive-action.osd button.flat, popover.background.magnifier button.destructive-action.osd button.flat, button.destructive-action.osd button.flat { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_fg_color; text-shadow: none; -gtk-icon-shadow: none; color: @error_color; } popover.background.touch-selection button.destructive-action:hover, popover.background.magnifier button.destructive-action:hover, popover.background.touch-selection button.destructive-action.osd button:hover, popover.background.magnifier button.destructive-action.osd button:hover, button.destructive-action:hover, button.destructive-action.osd popover.background.touch-selection button:hover, popover.background.touch-selection button.destructive-action.osd button:hover, button.destructive-action.osd popover.background.magnifier button:hover, popover.background.magnifier button.destructive-action.osd button:hover, popover.background.touch-selection button.destructive-action.osd button:hover, popover.background.magnifier button.destructive-action.osd button:hover, button.destructive-action.osd button:hover { color: white; border-color: @error_color; } popover.background.touch-selection button.destructive-action:active, popover.background.magnifier button.destructive-action:active, popover.background.touch-selection button.destructive-action:checked, popover.background.magnifier button.destructive-action:checked, popover.background.touch-selection button.destructive-action.osd button:active, popover.background.magnifier button.destructive-action.osd button:active, popover.background.touch-selection button.destructive-action.osd button:checked, popover.background.magnifier button.destructive-action.osd button:checked, button.destructive-action:active, button.destructive-action:checked, button.destructive-action.osd popover.background.touch-selection button:active, popover.background.touch-selection button.destructive-action.osd button:active, button.destructive-action.osd popover.background.magnifier button:active, popover.background.magnifier button.destructive-action.osd button:active, button.destructive-action.osd popover.background.touch-selection button:checked, popover.background.touch-selection button.destructive-action.osd button:checked, button.destructive-action.osd popover.background.magnifier button:checked, popover.background.magnifier button.destructive-action.osd button:checked, popover.background.touch-selection button.destructive-action.osd button:active, popover.background.magnifier button.destructive-action.osd button:active, popover.background.touch-selection button.destructive-action.osd button:checked, popover.background.magnifier button.destructive-action.osd button:checked, button.destructive-action.osd button:active, button.destructive-action.osd button:checked { color: white; border-color: @error_color; background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } popover.background.touch-selection button.destructive-action:backdrop, popover.background.magnifier button.destructive-action:backdrop, popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, popover.background.touch-selection button.destructive-action.osd button:backdrop, popover.background.magnifier button.destructive-action.osd button:backdrop, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, popover.background.magnifier button.destructive-action.osd button.flat:backdrop, button.destructive-action:backdrop, button.destructive-action.flat:backdrop, button.destructive-action.osd popover.background.touch-selection button:backdrop, popover.background.touch-selection button.destructive-action.osd button:backdrop, button.destructive-action.osd popover.background.magnifier button:backdrop, popover.background.magnifier button.destructive-action.osd button:backdrop, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, button.destructive-action.osd popover.background.magnifier button.flat:backdrop, popover.background.magnifier button.destructive-action.osd button.flat:backdrop, popover.background.touch-selection button.destructive-action.osd button:backdrop, popover.background.magnifier button.destructive-action.osd button:backdrop, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, popover.background.magnifier button.destructive-action.osd button.flat:backdrop, button.destructive-action.osd button:backdrop, button.destructive-action.osd button.flat:backdrop { color: white; border-color: @borders; background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } popover.background.touch-selection button.destructive-action:backdrop:active, popover.background.magnifier button.destructive-action:backdrop:active, popover.background.touch-selection button.destructive-action:backdrop:checked, popover.background.magnifier button.destructive-action:backdrop:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:active, popover.background.magnifier button.destructive-action.flat:backdrop:active, popover.background.touch-selection button.destructive-action.flat:backdrop:checked, popover.background.magnifier button.destructive-action.flat:backdrop:checked, popover.background.touch-selection button.destructive-action.osd button:backdrop:active, popover.background.magnifier button.destructive-action.osd button:backdrop:active, popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, popover.background.magnifier button.destructive-action.osd button:backdrop:checked, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked, button.destructive-action.osd popover.background.touch-selection button:backdrop:active, popover.background.touch-selection button.destructive-action.osd button:backdrop:active, button.destructive-action.osd popover.background.magnifier button:backdrop:active, popover.background.magnifier button.destructive-action.osd button:backdrop:active, button.destructive-action.osd popover.background.touch-selection button:backdrop:checked, popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, button.destructive-action.osd popover.background.magnifier button:backdrop:checked, popover.background.magnifier button.destructive-action.osd button:backdrop:checked, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:active, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, button.destructive-action.osd popover.background.magnifier button.flat:backdrop:active, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:checked, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, button.destructive-action.osd popover.background.magnifier button.flat:backdrop:checked, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, popover.background.touch-selection button.destructive-action.osd button:backdrop:active, popover.background.magnifier button.destructive-action.osd button:backdrop:active, popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, popover.background.magnifier button.destructive-action.osd button:backdrop:checked, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, button.destructive-action.osd button:backdrop:active, button.destructive-action.osd button:backdrop:checked, button.destructive-action.osd button.flat:backdrop:active, button.destructive-action.osd button.flat:backdrop:checked { color: white; border-color: @error_color; background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } popover.background.touch-selection button.destructive-action:backdrop:disabled, popover.background.magnifier button.destructive-action:backdrop:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, button.destructive-action.osd popover.background.magnifier button:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, button.destructive-action.osd button:backdrop:disabled, button.destructive-action.osd button.flat:backdrop:disabled { color: @insensitive_fg_color; border-color: @insensitive_borders; background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } popover.background.touch-selection button.destructive-action:backdrop:disabled > .label, popover.background.magnifier button.destructive-action:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, button.destructive-action:backdrop:disabled > .label, button.destructive-action.flat:backdrop:disabled > .label, button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, button.destructive-action.osd button:backdrop:disabled > .label, button.destructive-action.osd button.flat:backdrop:disabled > .label { color: inherit; } popover.background.touch-selection button.destructive-action:backdrop:disabled:active, popover.background.magnifier button.destructive-action:backdrop:disabled:active, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked, popover.background.magnifier button.destructive-action:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, button.destructive-action.osd button:backdrop:disabled:active, button.destructive-action.osd button:backdrop:disabled:checked, button.destructive-action.osd button.flat:backdrop:disabled:active, button.destructive-action.osd button.flat:backdrop:disabled:checked { color: @disabled_check; border-color: alpha(@destructive_gradient_bottom, 0.35); background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } popover.background.touch-selection button.destructive-action:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, button.destructive-action:backdrop:disabled:active > .label, button.destructive-action:backdrop:disabled:checked > .label, button.destructive-action.flat:backdrop:disabled:active > .label, button.destructive-action.flat:backdrop:disabled:checked > .label, button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, button.destructive-action.osd button:backdrop:disabled:active > .label, button.destructive-action.osd button:backdrop:disabled:checked > .label, button.destructive-action.osd button.flat:backdrop:disabled:active > .label, button.destructive-action.osd button.flat:backdrop:disabled:checked > .label { color: inherit; } popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, popover.background.touch-selection button.destructive-action.flat:disabled, popover.background.magnifier button.destructive-action.flat:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, popover.background.magnifier button.destructive-action.osd button.flat:backdrop, popover.background.touch-selection button.destructive-action.osd button.flat:disabled, popover.background.magnifier button.destructive-action.osd button.flat:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, button.destructive-action.osd popover.background.magnifier button.flat:backdrop, popover.background.magnifier button.destructive-action.osd button.flat:backdrop, button.destructive-action.osd popover.background.touch-selection button.flat:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:disabled, button.destructive-action.osd popover.background.magnifier button.flat:disabled, popover.background.magnifier button.destructive-action.osd button.flat:disabled, button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, popover.background.magnifier button.destructive-action.osd button.flat:backdrop, popover.background.touch-selection button.destructive-action.osd button.flat:disabled, popover.background.magnifier button.destructive-action.osd button.flat:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, button.destructive-action.osd button.flat:backdrop, button.destructive-action.osd button.flat:disabled, button.destructive-action.osd button.flat:backdrop:disabled { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_fg_color; text-shadow: none; -gtk-icon-shadow: none; color: alpha(@error_color, 0.8); } popover.background.touch-selection button.destructive-action:disabled, popover.background.magnifier button.destructive-action:disabled, popover.background.touch-selection button.destructive-action.osd button:disabled, popover.background.magnifier button.destructive-action.osd button:disabled, button.destructive-action:disabled, button.destructive-action.osd popover.background.touch-selection button:disabled, popover.background.touch-selection button.destructive-action.osd button:disabled, button.destructive-action.osd popover.background.magnifier button:disabled, popover.background.magnifier button.destructive-action.osd button:disabled, popover.background.touch-selection button.destructive-action.osd button:disabled, popover.background.magnifier button.destructive-action.osd button:disabled, button.destructive-action.osd button:disabled { color: @insensitive_fg_color; border-color: @insensitive_borders; background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } popover.background.touch-selection button.destructive-action:disabled > .label, popover.background.magnifier button.destructive-action:disabled > .label, popover.background.touch-selection button.destructive-action.osd button:disabled > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled > .label, popover.background.magnifier button.destructive-action.osd button:disabled > .label, button.destructive-action:disabled > .label, button.destructive-action.osd popover.background.touch-selection button:disabled > .label, popover.background.touch-selection button.destructive-action.osd button:disabled > .label, button.destructive-action.osd popover.background.magnifier button:disabled > .label, popover.background.magnifier button.destructive-action.osd button:disabled > .label, popover.background.touch-selection button.destructive-action.osd button:disabled > .label, popover.background.magnifier button.destructive-action.osd button:disabled > .label, button.destructive-action.osd button:disabled > .label { color: inherit; } popover.background.touch-selection button.destructive-action:disabled:active, popover.background.magnifier button.destructive-action:disabled:active, popover.background.touch-selection button.destructive-action:disabled:checked, popover.background.magnifier button.destructive-action:disabled:checked, popover.background.touch-selection button.destructive-action.osd button:disabled:active, popover.background.magnifier button.destructive-action.osd button:disabled:active, popover.background.touch-selection button.destructive-action.osd button:disabled:checked, popover.background.magnifier button.destructive-action.osd button:disabled:checked, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, button.destructive-action.osd popover.background.touch-selection button:disabled:active, popover.background.touch-selection button.destructive-action.osd button:disabled:active, button.destructive-action.osd popover.background.magnifier button:disabled:active, popover.background.magnifier button.destructive-action.osd button:disabled:active, button.destructive-action.osd popover.background.touch-selection button:disabled:checked, popover.background.touch-selection button.destructive-action.osd button:disabled:checked, button.destructive-action.osd popover.background.magnifier button:disabled:checked, popover.background.magnifier button.destructive-action.osd button:disabled:checked, popover.background.touch-selection button.destructive-action.osd button:disabled:active, popover.background.magnifier button.destructive-action.osd button:disabled:active, popover.background.touch-selection button.destructive-action.osd button:disabled:checked, popover.background.magnifier button.destructive-action.osd button:disabled:checked, button.destructive-action.osd button:disabled:active, button.destructive-action.osd button:disabled:checked { color: @disabled_check; border-color: @disabled_highlight; background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } popover.background.touch-selection button.destructive-action:disabled:active > .label, popover.background.magnifier button.destructive-action:disabled:active > .label, popover.background.touch-selection button.destructive-action:disabled:checked > .label, popover.background.magnifier button.destructive-action:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, button.destructive-action:disabled:active > .label, button.destructive-action:disabled:checked > .label, button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, button.destructive-action.osd button:disabled:active > .label, button.destructive-action.osd button:disabled:checked > .label { color: inherit; } popover.background.touch-selection .stack-switcher > button > label, popover.background.magnifier .stack-switcher > button > label, .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } popover.background.touch-selection .stack-switcher > button > image, popover.background.magnifier .stack-switcher > button > image, .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } popover.background.touch-selection .stack-switcher > button.text-button, popover.background.magnifier .stack-switcher > button.text-button, .stack-switcher > button.text-button { padding: 6px; } popover.background.touch-selection .stack-switcher > button.image-button, popover.background.magnifier .stack-switcher > button.image-button, .stack-switcher > button.image-button { padding: 3px 0px; } popover.background.touch-selection .stack-switcher > button.needs-attention:active > label, popover.background.magnifier .stack-switcher > button.needs-attention:active > label, popover.background.touch-selection .stack-switcher > button.needs-attention:active > image, popover.background.magnifier .stack-switcher > button.needs-attention:active > image, popover.background.touch-selection .stack-switcher > button.needs-attention:checked > label, popover.background.magnifier .stack-switcher > button.needs-attention:checked > label, popover.background.touch-selection .stack-switcher > button.needs-attention:checked > image, popover.background.magnifier .stack-switcher > button.needs-attention:checked > image, .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } .inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar popover.background.touch-selection button:backdrop, popover.background.touch-selection .inline-toolbar button:backdrop, .inline-toolbar popover.background.magnifier button:backdrop, popover.background.magnifier .inline-toolbar button:backdrop, .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 3px; border-width: 1px; } .primary-toolbar popover.background.touch-selection button, popover.background.touch-selection .primary-toolbar button, .primary-toolbar popover.background.magnifier button, popover.background.magnifier .primary-toolbar button, .primary-toolbar button { -gtk-icon-shadow: none; } /************** * ComboBoxes * **************/ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } popover.background.touch-selection .stack-switcher > button.needs-attention > label, popover.background.magnifier .stack-switcher > button.needs-attention > label, popover.background.touch-selection .stack-switcher > button.needs-attention > image, popover.background.magnifier .stack-switcher > button.needs-attention > image, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > .label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_fg_color), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar.sidebar row.needs-attention > .label:backdrop { background-size: 6px 6px, 0 0; } .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > .label:dir(rtl) { background-position: left 3px, left 4px; } .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar button, .inline-toolbar button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop { border-radius: 3px; } .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button:dir(rtl), popover.background.touch-selection .inline-toolbar button:dir(rtl), .inline-toolbar popover.background.magnifier button:dir(rtl), popover.background.magnifier .inline-toolbar button:dir(rtl), .inline-toolbar button:dir(rtl), popover.background.touch-selection .linked > button:dir(rtl), popover.background.magnifier .linked > button:dir(rtl), .linked > button:dir(rtl) { border-radius: 3px; } .inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar button, .inline-toolbar button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop { margin-left: 2px; margin-right: 2px; } .inline-toolbar popover.background.touch-selection button:first-child, popover.background.touch-selection .inline-toolbar button:first-child, .inline-toolbar popover.background.magnifier button:first-child, popover.background.magnifier .inline-toolbar button:first-child, .inline-toolbar button:first-child, popover.background.touch-selection .linked > button:first-child, popover.background.magnifier .linked > button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { border-radius: 3px; border-style: solid; } .inline-toolbar popover.background.touch-selection button:last-child, popover.background.touch-selection .inline-toolbar button:last-child, .inline-toolbar popover.background.magnifier button:last-child, popover.background.magnifier .inline-toolbar button:last-child, .inline-toolbar button:last-child, popover.background.touch-selection .linked > button:last-child, popover.background.magnifier .linked > button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { border-radius: 3px; } .inline-toolbar popover.background.touch-selection button:only-child, popover.background.touch-selection .inline-toolbar button:only-child, .inline-toolbar popover.background.magnifier button:only-child, popover.background.magnifier .inline-toolbar button:only-child, .inline-toolbar button:only-child, popover.background.touch-selection .linked > button:only-child, popover.background.magnifier .linked > button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } .linked.vertical > combobox > box > button.combo, popover.background.touch-selection .linked.vertical > button, popover.background.magnifier .linked.vertical > button, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop { border-style: solid; border-radius: 3px; } popover.background.touch-selection .linked.vertical > button:first-child, popover.background.magnifier .linked.vertical > button:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-radius: 3px; } popover.background.touch-selection .linked.vertical > button:last-child, popover.background.magnifier .linked.vertical > button:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-radius: 3px; border-style: solid; } popover.background.touch-selection .linked.vertical > button:only-child, popover.background.magnifier .linked.vertical > button:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } .app-notification button.flat, .app-notification.frame button.flat, .app-notification button.flat:hover, .app-notification.frame button.flat:hover, .app-notification button.flat:active, .app-notification.frame button.flat:active, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, .app-notification.frame button.flat:backdrop, .app-notification.frame button.flat:disabled, .app-notification.frame button.flat:backdrop:disabled, calendar.button, calendar.button:hover, calendar.button:active, calendar.button:backdrop, headerbar button.flat:disabled, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, modelbutton.flat, popover.background checkbutton, popover.background radiobutton, .menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, popover.background radiobutton:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, scrollbar button:backdrop, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } /**************** * Text Entries * ****************/ spinbutton:not(.vertical), entry { min-height: 30px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: @theme_text_color; border-color: @borders; background-color: @theme_base_color; box-shadow: none; } spinbutton:not(.vertical) image.left, entry image.left { padding-left: 0; padding-right: 6px; } spinbutton:not(.vertical) image.right, entry image.right { padding-left: 6px; padding-right: 0; } spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), entry.flat:focus, entry.flat { min-height: 0; padding: 2px; color: @theme_text_color; border-color: @borders; background-color: @theme_base_color; box-shadow: none; } spinbutton:focus:not(.vertical), entry:focus { border-color: @theme_selected_bg_color; } spinbutton:disabled:not(.vertical), entry:disabled { color: @insensitive_fg_color; border-color: @insensitive_borders; background-color: @disabled_bg; } spinbutton:backdrop:not(.vertical), entry:backdrop { color: @theme_text_color; border-color: @borders; background-color: @theme_base_color; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: @insensitive_fg_color; border-color: @insensitive_borders; background-color: @disabled_bg; } spinbutton.error:not(.vertical), entry.error { color: @error_color; border-color: @error_color; background-color: alpha(@error_color, 0.5); } spinbutton.error:focus:not(.vertical), entry.error:focus { border-color: @error_color; background-color: alpha(@error_color, 0.5); } spinbutton.error:selected:not(.vertical), spinbutton.error:selected:focus:not(.vertical), entry.error:selected, entry.error:selected:focus { background-color: @error_color; } spinbutton.error:backdrop:not(.vertical), entry.error:backdrop { color: @error_color; border-color: @error_color; background-color: alpha(@error_color, 0.5); } spinbutton.warning:not(.vertical), entry.warning { color: @warning_color; border-color: @warning_color; background-color: alpha(@warning_color, 0.5); } spinbutton.warning:focus:not(.vertical), entry.warning:focus { border-color: @warning_color; background-color: alpha(@warning_color, 0.5); } spinbutton.warning:selected:not(.vertical), spinbutton.warning:selected:focus:not(.vertical), entry.warning:selected, entry.warning:selected:focus { background-color: @warning_color; } spinbutton.warning:backdrop:not(.vertical), entry.warning:backdrop { color: @warning_color; border-color: @warning_color; background-color: alpha(@warning_color, 0.5); } spinbutton:not(.vertical) image, entry image { color: @theme_text_color; } spinbutton:not(.vertical) image:hover, entry image:hover { color: @decoration_hover; } spinbutton:not(.vertical) image:active, entry image:active { color: @theme_selected_bg_color; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { color: @theme_text_color; } spinbutton:not(.vertical) progress, entry progress { margin: 1px; border-radius: 0; border-width: 0 0 2px; border-color: @theme_selected_bg_color; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; border-color: @theme_unfocused_selected_bg_color; } treeview acceleditor > label { background-color: @theme_selected_bg_color; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: @theme_base_color; } treeview entry.flat:focus, treeview entry:focus { border-color: @theme_selected_bg_color; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-top-width: 0px; border-radius: 0px 0px 3px 3px; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; } .app-notification button, .app-notification.frame button { box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); text-shadow: none; -gtk-icon-shadow: none; color: @theme_fg_color; border-color: @borders; background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } .app-notification button.flat, .app-notification.frame button.flat { -gtk-icon-shadow: none; text-shadow: none; } .app-notification button.flat:hover, .app-notification.frame button.flat:hover { color: @decoration_hover; } .app-notification button.flat:active, .app-notification.frame button.flat:active { color: @theme_selected_bg_color; } .app-notification button:hover, .app-notification.frame button:hover { color: @theme_fg_color; border-color: @decoration_hover; } .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: @theme_selected_fg_color; border-color: @theme_selected_bg_color; background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } .app-notification button:disabled, .app-notification button:backdrop:disabled, .app-notification.frame button:disabled, .app-notification.frame button:backdrop:disabled { color: @insensitive_fg_color; border-color: @insensitive_borders; background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } .app-notification button:disabled > .label, .app-notification button:backdrop:disabled > .label, .app-notification.frame button:disabled > .label, .app-notification.frame button:backdrop:disabled > .label { color: inherit; } .app-notification button:backdrop, .app-notification.frame button:backdrop { color: @theme_fg_color; border-color: @borders; background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } .app-notification border, .app-notification.frame border { border: none; } /************ * Calendar * ***********/ calendar { color: @theme_text_color; border: 1px solid @borders; background-color: @theme_base_color; } calendar:selected { background-color: @borders; } calendar.header { border: 1px solid @borders; border-radius: 0; color: @theme_fg_color; } calendar.header:backdrop { color: @theme_fg_color; border-color: @borders; } calendar.button { color: @theme_fg_color; } calendar.button:hover { color: @decoration_hover; } calendar.button:active { color: @theme_selected_bg_color; } calendar.button:backdrop { color: @theme_fg_color; } calendar:indeterminate, calendar.highlight { color: alpha(@dark_overlay_color, 0.5); } calendar:indeterminate:backdrop, calendar.highlight:backdrop { color: alpha(@dark_overlay_color, 0.5); } calendar:backdrop { color: @theme_text_color; border-color: @borders; background-color: @theme_base_color; } /************************* * Check and Radio items * *************************/ .view.content-view.check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); background-color: transparent; } .view.content-view.check:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); background-color: transparent; } .view.content-view.check:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); background-color: transparent; } .view.content-view.check:backdrop:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); background-color: transparent; } .view.content-view.check:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); background-color: transparent; } .view.content-view.check:checked:hover:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); background-color: transparent; } .view.content-view.check:checked:active:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); background-color: transparent; } .view.content-view.check:backdrop:checked:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; } checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; } check { margin: 0 4px; min-height: 18px; min-width: 18px; animation: none; background-color: transparent; -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } check:only-child { margin: 0; } check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); } check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); } check:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } check:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); } check:active { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); } check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } check:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } check:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } check:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } check:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); } check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); } check:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); } check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); } check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } check:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); } check:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } check:indeterminate:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); } check:backdrop:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); } check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } check:checked:backdrop:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); } check:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } check:indeterminate:backdrop:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); } menu menuitem check { margin: 0; min-height: 18px; min-width: 18px; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; animation: none; } menu menuitem check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } menu menuitem check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } menu menuitem check:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } radio { margin: 0 4px; min-height: 18px; min-width: 18px; animation: none; background-color: transparent; -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } radio:only-child { margin: 0; } radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); } radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); } radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } radio:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); } radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); } radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } radio:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } radio:indeterminate:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } radio:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); } radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); } radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); } radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); } radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } radio:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); } radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } radio:indeterminate:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); } radio:backdrop:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); } radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } radio:checked:backdrop:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); } radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } radio:indeterminate:backdrop:disabled { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); } menu menuitem radio { margin: 0; min-height: 18px; min-width: 18px; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; animation: none; } menu menuitem radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } menu menuitem radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } menu menuitem radio:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } /***************** * Color Chooser * *****************/ :selected colorswatch { box-shadow: none; } :selected colorswatch.overlay, :selected colorswatch.overlay:hover { border-color: @theme_bg_color; } colorswatch:selected { box-shadow: none; } colorswatch.top, colorswatch.bottom, colorswatch.left, colorswatch:first-child:not(.overlay):not(.top), colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom), colorswatch:only-child:not(.overlay), colorswatch.top > .overlay, colorswatch.bottom > .overlay, colorswatch:first-child:not(.top) > .overlay, colorswatch:last-child:not(.bottom) > .overlay, colorswatch:only-child > .overlay { border-radius: 3px; } colorswatch:hover, colorswatch:hover:selected { background-image: linear-gradient(135deg, alpha(@glow_color, 0.7), alpha(@glow_color, 0) 50%); box-shadow: inset 0 1px alpha(@glow_color, 0.4); } colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark { background-image: linear-gradient(135deg, alpha(@glow_color, 0.5), alpha(@glow_color, 0) 50%); } colorswatch:backdrop, colorswatch:backdrop:selected colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected { background-image: none; box-shadow: none; } GtkColorEditor colorswatch { border-radius: 3px; } GtkColorEditor colorswatch:hover { background-image: none; box-shadow: none; } GtkColorEditor colorswatch:backdrop { box-shadow: none; } colorswatch.color-dark { color: white; outline-color: alpha(@shadow_color, 0.3); } colorswatch.color-dark:backdrop { color: alpha(@glow_color, 0.3); } colorswatch.color-light { color: black; outline-color: alpha(@glow_color, 0.5); } colorswatch.color-light:backdrop { color: alpha(@shadow_color, 0.3); } colorswatch overlay, colorswatch overlay:selected { border: 1px solid @borders; } colorswatch overlay:hover, colorswatch overlay:selected:hover { border-color: @decoration_hover; } colorswatch#add-color-button { border-style: solid; border-width: 1px; box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); text-shadow: none; -gtk-icon-shadow: none; color: @theme_fg_color; border-color: @borders; background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } colorswatch#add-color-button:hover { color: @theme_fg_color; border-color: @decoration_hover; } colorswatch#add-color-button:backdrop { color: @theme_fg_color; border-color: @borders; background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } colorswatch#add-color-button overlay { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_text_color; text-shadow: none; -gtk-icon-shadow: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch:first-child:last-child { border-radius: 0; box-shadow: none; } GtkColorButton.button GtkColorSwatch:first-child:last-child:disabled, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { box-shadow: none; } /*********** * Dialogs * ***********/ messagedialog.background { background-color: @theme_bg_color; } messagedialog:backdrop { background-color: @theme_bg_color; } messagedialog .titlebar { min-height: 32px; background-color: transparent; background-image: linear-gradient(to bottom, @headerbar_gradient_top, @headerbar_gradient_bottom); box-shadow: none; } messagedialog .dialog-action-area { padding: 8px; } messagedialog button { margin: 2px; } filechooser .search-bar { background-color: @theme_bg_color; border-color: @theme_bg_color; box-shadow: none; } filechooser .search-bar:backdrop { background-color: @theme_bg_color; border-color: @theme_bg_color; color: @theme_text_color; } filechooser .dialog-action-box { border-top: 1px solid @borders; } filechooser .dialog-action-box:backdrop { border-top-color: @borders; } filechooser #pathbarbox { background-color: @theme_bg_color; border-bottom: 1px solid @borders; } /*************** * Header bars * ***************/ headerbar { transition: none; padding: 0px 6px; border-width: 0px 0px 1px 0px; border-radius: 3px 3px 0px 0px; border-style: solid; border-color: @headerbar_separator; color: @headerbar_selected_fg_color; background-image: linear-gradient(to bottom, @headerbar_gradient_top, @headerbar_gradient_bottom); } headerbar:backdrop { border-color: transparent; background-image: none; background-color: @headerbar_bg_color; color: @headerbar_backdrop; box-shadow: none; } headerbar label { font-weight: normal; } headerbar label:backdrop { color: @headerbar_backdrop; } headerbar .path-bar button { color: @headerbar_selected_fg_color; font-weight: normal; } headerbar .path-bar button:backdrop { color: @headerbar_backdrop; } headerbar button { transition: none; border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @headerbar_selected_fg_color; text-shadow: none; -gtk-icon-shadow: none; } headerbar button.flat { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @headerbar_selected_fg_color; text-shadow: none; -gtk-icon-shadow: none; } headerbar button:hover { color: @headerbar_selected_fg_color; border-color: @headerbar_decoration_hover; } headerbar button:hover:backdrop { border-color: @headerbar_bg_color; } headerbar button:active, headerbar button:checked { color: @headerbar_fg_color; border-color: @headerbar_selected_bg_color; background-image: linear-gradient(to bottom, @headerbar_active_button_gradient_top, @headerbar_active_button_gradient_bottom); } headerbar button:active:hover, headerbar button:checked:hover { color: @headerbar_fg_color; border-color: @headerbar_decoration_hover; background-image: linear-gradient(to bottom, @notebook_gradient_top, @notebook_gradient_bottom); } headerbar button:active:backdrop, headerbar button:checked:backdrop { background-image: none; background-color: @headerbar_bg_color; border-color: @headerbar_bg_color; color: @headerbar_backdrop; } headerbar button:backdrop { border-color: transparent; background-image: none; background-color: @headerbar_bg_color; color: @headerbar_backdrop; } headerbar button.flat:backdrop, headerbar button.flat:backdrop:disabled, headerbar button:disabled:backdrop { background-image: none; background-color: @headerbar_bg_color; color: @headerbar_backdrop; border-color: transparent; } headerbar button.flat:disabled { color: @headerbar_insensitive_bg_color; } headerbar button:disabled { background-color: transparent; background-image: none; border-color: transparent; color: @headerbar_insensitive_bg_color; } headerbar button:disabled:active, headerbar button:disabled:checked { color: @headerbar_insensitive_bg_color; border-color: @headerbar_disabled_highlight; background-image: linear-gradient(to bottom, @headerbar_disabled_highlight_top, @headerbar_disabled_highlight_bottom); } headerbar button:disabled:active > .label, headerbar button:disabled:checked > .label { color: inherit; } headerbar .title { font-weight: normal; padding: 0px 12px; } headerbar .title:backdrop { color: @headerbar_backdrop; } headerbar .subtitle { font-size: smaller; padding: 0 12px; } headerbar .subtitle:backdrop { color: @headerbar_backdrop; } headerbar separator { border-width: 0px; background-color: transparent; background-image: none; border-color: transparent; } headerbar.selection-mode .selection-menu { padding: 4px 6px; } headerbar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-shadow: none; } .tiled headerbar, .maximized headerbar { border-radius: 0; } headerbar entry, headerbar spinbutton, headerbar separator, headerbar button { margin-top: 3px; margin-bottom: 3px; } headerbar button.suggested-action, headerbar.selection-mode.suggested-action { background-image: none; background-color: @headerbar_selected_bg_color; } headerbar button.suggested-action:hover, headerbar.selection-mode.suggested-action:hover { background-color: @headerbar_decoration_hover; color: @headerbar_fg_color; } headerbar button.suggested-action:disabled, headerbar.selection-mode.suggested-action:disabled { background-color: transparent; background-image: none; color: @headerbar_insensitive_bg_color; } headerbar button.suggested-action:disabled:active, headerbar.selection-mode.suggested-action:disabled:active, headerbar button.suggested-action:disabled:checked, headerbar.selection-mode.suggested-action:disabled:checked { color: @headerbar_insensitive_bg_color; border-color: @headerbar_disabled_highlight; background-image: linear-gradient(to bottom, @headerbar_disabled_highlight_top, @headerbar_disabled_highlight_bottom); } headerbar button.suggested-action:disabled:active > .label, headerbar.selection-mode.suggested-action:disabled:active > .label, headerbar button.suggested-action:disabled:checked > .label, headerbar.selection-mode.suggested-action:disabled:checked > .label { color: inherit; } headerbar button.suggested-action:backdrop, headerbar.selection-mode.suggested-action:backdrop { background-color: @headerbar_bg_color; border-color: transparent; color: @headerbar_backdrop; } headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode.suggested-action:backdrop:disabled { color: @headerbar_action_disabled_backdrop; } /************** * GtkInfoBar * **************/ infobar { border-style: none; border-bottom: 1px solid @borders; background-color: @theme_bg_color; background-image: none; } infobar:backdrop { border-bottom: 1px solid @borders; } .info, headerbar.selection-mode, .question, .warning, .error { background-color: @headerbar_bg_color; background-image: none; color: @warning_color; text-shadow: none; } .info:backdrop, headerbar.selection-mode:backdrop, .question:backdrop, .warning:backdrop, .error:backdrop { background-color: @headerbar_bg_color; color: @warning_color; } .info button, headerbar.selection-mode button, .question button, .warning button, .error button { box-shadow: none; background-image: none; background-color: alpha(@warning_color, 0.5); border-color: alpha(@warning_color, 0.5); color: @headerbar_fg_color; } .info button:hover, headerbar.selection-mode button:hover, .question button:hover, .warning button:hover, .error button:hover { background-color: alpha(@warning_color, 0.25); border-color: @warning_color; } .info button:active, headerbar.selection-mode button:active, .info button:checked, headerbar.selection-mode button:checked, .question button:active, .question button:checked, .warning button:active, .warning button:checked, .error button:active, .error button:checked { background-image: linear-gradient(to bottom, @headerbar_error_top, @headerbar_error_bottom); color: @headerbar_selected_fg_color; border-color: @warning_color; } .info button:disabled, headerbar.selection-mode button:disabled, .question button:disabled, .warning button:disabled, .error button:disabled { background-color: alpha(@warning_color_deep, 0); border-color: alpha(@warning_color_deep, 0); color: @headerbar_insensitive_fg_color; } .info button:backdrop, headerbar.selection-mode button:backdrop, .question button:backdrop, .warning button:backdrop, .error button:backdrop { background-color: alpha(@warning_color, 0.5); border-color: alpha(@warning_color, 0.5); color: @headerbar_fg_color; } .info button:backdrop:active, headerbar.selection-mode button:backdrop:active, .info button:backdrop:checked, headerbar.selection-mode button:backdrop:checked, .question button:backdrop:active, .question button:backdrop:checked, .warning button:backdrop:active, .warning button:backdrop:checked, .error button:backdrop:active, .error button:backdrop:checked { background-image: linear-gradient(to bottom, @headerbar_error_top, @headerbar_error_bottom); color: @theme_selected_fg_color; border-color: @warning_color; } .info button:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled, .question button:backdrop:disabled, .warning button:backdrop:disabled, .error button:backdrop:disabled { background-color: alpha(@warning_color_deep, 0); border-color: alpha(@warning_color_deep, 0); color: @headerbar_insensitive_fg_color; } .info button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:active, .info button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:checked, .question button:backdrop:disabled:active, .question button:backdrop:disabled:checked, .warning button:backdrop:disabled:active, .warning button:backdrop:disabled:checked, .error button:backdrop:disabled:active, .error button:backdrop:disabled:checked { background-image: linear-gradient(to bottom, alpha(@warning_color, 0.35), alpha(@warning_color_deep, 0.35)); color: @headerbar_insensitive_bg_color; border-color: alpha(@warning_color_deep, 0.35); } /********* * Links * *********/ button:link > label, button:visited > label, *:link, button:link, button:visited { color: @link_color; } button:link > label:visited, button:visited > label:visited, *:link:visited, button:visited { color: @visited_link_color; } *:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: @link_selected_color; } button:link > label:hover, button:visited > label:hover, *:link:hover, button:hover:link, button:hover:visited { color: @link_hover_color; } *:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: @visited_link_hover_color; } button:link > label:active, button:visited > label:active, *:link:active, button:active:link, button:active:visited { color: @link_color; } *:selected button:link > label:active, *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: @visited_link_selected_color; } button:link > label:backdrop, button:visited > label:backdrop, button:link > label:backdrop:hover, button:visited > label:backdrop:hover, button:link > label:backdrop:hover:selected, button:visited > label:backdrop:hover:selected, *:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, headerbar.selection-mode .subtitle:backdrop:hover:link, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited { color: @theme_unfocused_selected_bg_color; } button:link > label:selected, button:visited > label:selected, *:selected button:link > label, *:selected button:visited > label, *:link:selected, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { color: @visited_link_selected_color; } button:link, button: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, button:visited > label { text-decoration-line: underline; } /********* * Lists * *********/ list { background-color: @theme_bg_color; color: @theme_text_color; border-width: 0px; } list:backdrop { background-color: @theme_bg_color; color: @theme_text_color; } list row { padding: 2px; } row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } row:hover { transition: none; } row.activatable.has-open-popup, row.activatable:hover { background-color: @theme_unfocused_selected_bg_color; } row.activatable:active { box-shadow: none; background-color: @theme_selected_bg_color; } row.activatable:selected:active { box-shadow: none; background-color: @theme_selected_bg_color; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { color: @theme_text_color; background-color: @decoration_hover; } row.activatable:selected:backdrop { background-color: @theme_selected_bg_color; } /********* * Menus * *********/ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: none; border-style: none; background-color: @theme_bg_color; } menubar:backdrop, .menubar:backdrop { background-color: @theme_bg_color; } menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 6px; border-style: solid; border-width: 1px 0px; border-color: @theme_bg_color; } menubar > menuitem:hover, .menubar > menuitem:hover { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; } menubar > menuitem:disabled, .menubar > menuitem:disabled { color: @insensitive_fg_color; box-shadow: none; } menubar > menuitem:disabled:backdrop, .menubar > menuitem:disabled:backdrop { background-color: @theme_bg_color; color: @insensitive_fg_color; } menubar > menuitem:backdrop, .menubar > menuitem:backdrop { background-color: @theme_bg_color; border-color: @theme_bg_color; color: @theme_text_color; } menu, .menu { padding: 0px; background-color: @theme_bg_color; border: 0px solid transparent; box-shadow: inset 0px 0px 0px 1px @borders; border-radius: 3px; } .csd menu, .csd .menu { border: 0px solid; border-radius: 3px; } menu separator, .menu separator { color: @borders; margin-top: 3px; margin-bottom: 3px; } menu menuitem, .menu menuitem { text-shadow: none; min-height: 16px; min-width: 40px; padding: 4px 4px; } menu menuitem:hover, .menu menuitem:hover { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; } menu menuitem:disabled, .menu menuitem:disabled { color: @insensitive_fg_color; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop { color: @insensitive_fg_color; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover { color: @theme_text_color; background-color: @theme_bg_color; } menu menuitem arrow, .menu menuitem arrow { min-height: 16px; min-width: 16px; } menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); margin-right: 10px; } menu > arrow, .menu > arrow { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_text_color; text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: transparent; border-radius: 0; } menu > arrow.top, .menu > arrow.top { margin-top: -6px; border: none; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -6px; border: none; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover { color: @decoration_hover; } menu > arrow:active, .menu > arrow:active { color: @theme_selected_bg_color; } menu > arrow:backdrop, .menu > arrow:backdrop { background-color: @theme_bg_color; } menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } menuitem accelerator { color: alpha(currentColor,0.55); } menuitem check, menuitem radio { min-height: 18px; min-width: 18px; } menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 6px; } menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 6px; } /*************** * Popovers * ***************/ /* menu buttons */ modelbutton.flat, popover.background checkbutton, popover.background radiobutton, .menuitem.button.flat { min-height: 16px; padding: 4px 8px; color: @theme_text_color; } modelbutton.flat:hover, popover.background checkbutton:hover, popover.background radiobutton:hover, .menuitem.button.flat:hover { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; } modelbutton.flat:selected, popover.background checkbutton:selected, popover.background radiobutton:selected, .menuitem.button.flat:selected { background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; } modelbutton.flat:backdrop, popover.background checkbutton:backdrop, popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, popover.background radiobutton:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { color: @theme_text_color; } modelbutton.flat check:hover, popover.background checkbutton check:hover, popover.background radiobutton check:hover, .menuitem.button.flat check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } modelbutton.flat radio:hover, popover.background checkbutton radio:hover, popover.background radiobutton radio:hover, .menuitem.button.flat radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } modelbutton.flat check:checked:hover, popover.background checkbutton check:checked:hover, popover.background radiobutton check:checked:hover, .menuitem.button.flat check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } modelbutton.flat radio:checked:hover, popover.background checkbutton radio:checked:hover, popover.background radiobutton radio:checked:hover, .menuitem.button.flat radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } modelbutton.flat check:indeterminate:hover, popover.background checkbutton check:indeterminate:hover, popover.background radiobutton check:indeterminate:hover, .menuitem.button.flat check:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png")); } modelbutton.flat radio:indeterminate:hover, popover.background checkbutton radio:indeterminate:hover, popover.background radiobutton radio:indeterminate:hover, .menuitem.button.flat radio:indeterminate:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); } modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, modelbutton.flat radio:last-child, popover.background checkbutton radio:last-child, popover.background radiobutton radio:last-child, .menuitem.button.flat check:last-child, .menuitem.button.flat radio:last-child { margin-right: 0px; } modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, modelbutton.flat radio:first-child, popover.background checkbutton radio:first-child, popover.background radiobutton radio:first-child, .menuitem.button.flat check:first-child, .menuitem.button.flat radio:first-child { margin-left: 0px; } modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { background: none; } modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { background: none; } modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } popover.background { margin: -10px; padding: 0px; border: 1px solid @borders; border-radius: 3px; background-color: @theme_bg_color; box-shadow: 0 2px 3px alpha(@shadow_color, 0.9); } popover.background:backdrop { box-shadow: none; } popover.background > list, popover.background > .view, popover.background > toolbar { border-style: none; background-color: transparent; } .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { border: 1px solid @borders; } popover.background separator { margin: 3px; } popover.background list separator { margin: 0px; } GtkVolumeButton.button { padding: 5px; } /******** * Misc * ********/ /**************** * Print dialog * *****************/ printdialog paper { color: @theme_fg_color; border: 1px solid @borders; background: white; padding: 0; } printdialog paper:backdrop { color: @theme_fg_color; border-color: @borders; background: white; } printdialog .dialog-action-box { margin: 12px; } /********** * Frames * **********/ frame > border, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid @borders; } frame > border.flat, .frame.flat { border-style: none; } frame > border:backdrop, .frame:backdrop { border-color: @borders; } actionbar > revealer > box { padding: 6px; border-top: 1px solid @borders; } actionbar > revealer > box:backdrop { border-color: @borders; } scrolledwindow viewport.frame { border-style: none; } scrolledwindow junction { border-color: transparent; background-color: transparent; background-image: none; } separator { background: @borders; min-width: 1px; min-height: 1px; } /************* * Expanders * *************/ expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } expander arrow:hover { color: @expander_hover; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * Paned * *********/ paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(@borders); background-size: 1px 1px; } paned > separator:backdrop { background-image: image(@borders); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: @theme_bg_color; background-image: image(@borders), image(@borders); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: @theme_bg_color; background-image: image(@borders), image(@borders); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } spinner { background-image: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } spinner:checked { opacity: 1; animation: spin 1s linear infinite; } spinner:checked:disabled { opacity: 0.5; } /***************** * Notebooks and * * Tabs * *****************/ /************* * Notebooks * *************/ notebook.frame { border: none; padding: 0px; box-shadow: inset 0px 0px 0px 1px @borders; } notebook > header { padding: 0px; border: none; background-color: @theme_bg_color; } notebook > header.top { box-shadow: inset 0 -1px @borders; } notebook > header.top:backdrop { box-shadow: inset 0 -1px @borders; } notebook > header.bottom { box-shadow: inset 0 1px @borders; } notebook > header.bottom:backdrop { box-shadow: inset 0 1px @borders; } notebook > header.right { box-shadow: inset 1px 0 @borders; } notebook > header.right:backdrop { box-shadow: inset 1px 0 @borders; } notebook > header.left { box-shadow: inset -1px 0 @borders; } notebook > header.left:backdrop { box-shadow: inset -1px 0 @borders; } notebook > header:backdrop { background-color: @theme_bg_color; } notebook > header tabs { margin: 0px; } notebook > header.top > tabs > tab { padding: 4px 6px; border: 1px solid alpha(@dark_overlay_color, 0.2); background-color: alpha(@dark_overlay_color, 0.2); border-radius: 3px 3px 0px 0px; border-bottom-color: transparent; } notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab.prelight-page { background-color: alpha(@theme_selected_bg_color, 0.2); border-color: alpha(@theme_selected_bg_color, 0.2); } notebook > header.top > tabs > tab:checked { border-color: @borders; border-bottom-color: @theme_bg_color; background-color: @theme_bg_color; } notebook > header.top > tabs > tab:checked:backdrop { border-color: @borders; border-bottom-color: @theme_bg_color; background-color: @theme_bg_color; } notebook > header.bottom > tabs > tab { padding: 4px 6px; border: 1px solid alpha(@dark_overlay_color, 0.2); background-color: alpha(@dark_overlay_color, 0.2); border-radius: 0px 0px 3px 3px; border-top-color: transparent; } notebook > header.bottom > tabs > tab:hover, notebook > header.bottom > tabs > tab.prelight-page { background-color: alpha(@theme_selected_bg_color, 0.2); border-color: alpha(@theme_selected_bg_color, 0.2); } notebook > header.bottom > tabs > tab:checked { border-color: @borders; border-top-color: @theme_bg_color; background-color: @theme_bg_color; } notebook > header.bottom > tabs > tab:checked:backdrop { border-color: @borders; border-top-color: @theme_bg_color; background-color: @theme_bg_color; } notebook > header.left > tabs > tab { padding: 4px 6px; border: 1px solid alpha(@dark_overlay_color, 0.2); background-color: alpha(@dark_overlay_color, 0.2); border-radius: 3px 0px 0px 3px; border-right-color: transparent; } notebook > header.left > tabs > tab:hover, notebook > header.left > tabs > tab.prelight-page { background-color: alpha(@theme_selected_bg_color, 0.2); border-color: alpha(@theme_selected_bg_color, 0.2); } notebook > header.left > tabs > tab:checked { border-color: @borders; border-right-color: @theme_bg_color; background-color: @theme_bg_color; } notebook > header.left > tabs > tab:checked:backdrop { border-color: @borders; border-right-color: @theme_bg_color; background-color: @theme_bg_color; } notebook > header.right > tabs > tab { padding: 4px 6px; border: 1px solid alpha(@dark_overlay_color, 0.2); background-color: alpha(@dark_overlay_color, 0.2); border-radius: 0px 3px 3px 0px; border-left-color: transparent; } notebook > header.right > tabs > tab:hover, notebook > header.right > tabs > tab.prelight-page { background-color: alpha(@theme_selected_bg_color, 0.2); border-color: alpha(@theme_selected_bg_color, 0.2); } notebook > header.right > tabs > tab:checked { border-color: @borders; border-left-color: @theme_bg_color; background-color: @theme_bg_color; } notebook > header.right > tabs > tab:checked:backdrop { border-color: @borders; border-left-color: @theme_bg_color; background-color: @theme_bg_color; } notebook > header.top > tabs > tab.reorderable-page { border-width: 3px; border-style: solid; border-color: transparent; background-color: @theme_bg_color; background-clip: padding-box; border-right-width: 1px; border-right-color: @borders; box-shadow: inset -3px 0px 0px 0px @theme_bg_color; } notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.top > tabs > tab.reorderable-page.prelight-page { box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset -3px 0px 0px 0px @theme_bg_color; } notebook > header.top > tabs > tab.reorderable-page:checked { box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset -3px 0px 0px 0px @theme_bg_color; } notebook > header.top > tabs > tab.reorderable-page:checked:backdrop { background-color: @theme_bg_color; border-color: transparent; border-right-color: @borders; box-shadow: none; } notebook > header.top > tabs > tab.reorderable-page:backdrop { background-color: @theme_bg_color; border-right-color: @borders; box-shadow: none; } notebook > header.bottom > tabs > tab.reorderable-page { border-width: 3px; border-style: solid; border-color: transparent; background-color: @theme_bg_color; background-clip: padding-box; border-right-width: 1px; border-right-color: @borders; box-shadow: inset -3px 0px 0px 0px @theme_bg_color; } notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab.reorderable-page.prelight-page { box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset -3px 0px 0px 0px @theme_bg_color; } notebook > header.bottom > tabs > tab.reorderable-page:checked { box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset -3px 0px 0px 0px @theme_bg_color; } notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop { background-color: @theme_bg_color; border-color: transparent; border-right-color: @borders; box-shadow: none; } notebook > header.bottom > tabs > tab.reorderable-page:backdrop { background-color: @theme_bg_color; border-right-color: @borders; box-shadow: none; } notebook > header.left > tabs > tab.reorderable-page { border-width: 3px; border-style: solid; border-color: transparent; background-color: @theme_bg_color; background-clip: padding-box; border-bottom-width: 1px; border-bottom-color: @borders; box-shadow: inset 0px -3px 0px 0px @theme_bg_color; } notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab.reorderable-page.prelight-page { box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset 0px -3px 0px 0px @theme_bg_color; } notebook > header.left > tabs > tab.reorderable-page:checked { box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset 0px -3px 0px 0px @theme_bg_color; } notebook > header.left > tabs > tab.reorderable-page:checked:backdrop { background-color: @theme_bg_color; border-color: transparent; border-bottom-color: @borders; box-shadow: none; } notebook > header.left > tabs > tab.reorderable-page:backdrop { background-color: @theme_bg_color; border-bottom-color: @borders; box-shadow: none; } notebook > header.right > tabs > tab.reorderable-page { border-width: 3px; border-style: solid; border-color: transparent; background-color: @theme_bg_color; background-clip: padding-box; border-bottom-width: 1px; border-bottom-color: @borders; box-shadow: inset 0px -3px 0px 0px @theme_bg_color; } notebook > header.right > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab.reorderable-page.prelight-page { box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset 0px -3px 0px 0px @theme_bg_color; } notebook > header.right > tabs > tab.reorderable-page:checked { box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset 0px -3px 0px 0px @theme_bg_color; } notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { background-color: @theme_bg_color; border-color: transparent; border-bottom-color: @borders; box-shadow: none; } notebook > header.right > tabs > tab.reorderable-page:backdrop { background-color: @theme_bg_color; border-bottom-color: @borders; box-shadow: none; } notebook > header.top > tabs > arrow { border-top-style: none; } notebook > header.bottom > tabs > arrow { border-bottom-style: none; } notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } notebook > header.left > tabs > arrow { border-left-style: none; } notebook > header.right > tabs > arrow { border-right-style: none; } notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: alpha(@glow_color, 0.3); border-color: transparent; box-shadow: none; } notebook > header > tabs > arrow:disabled { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_fg_color; text-shadow: none; -gtk-icon-shadow: none; } notebook > header button.flat { padding: 0; margin: 4px; min-width: 12px; min-height: 12px; border: 0px solid; border-radius: 50%; color: @theme_selected_fg_color; background-color: @borders; background-image: none; } notebook > header button.flat:hover { background-color: @error_color; } notebook > header button.flat:active { background-color: @error_color; } notebook > header button.flat:backdrop { background-color: @borders; color: @theme_selected_fg_color; } notebook > stack:not(:only-child) { background-color: transparent; border-style: solid; border-color: @borders; border-width: 0px; } scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(@borders), to(alpha(@borders, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(@borders), to(alpha(@borders, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(@borders), to(alpha(@borders, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(@borders), to(alpha(@borders, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } scrolledwindow undershoot { background-image: none; border: none; } /************ * Pathbars * ************/ .path-bar { background-color: @theme_bg_color; border-bottom: 1px solid @borders; } .path-bar button { border-color: alpha(@glow_color, 0); background-color: transparent; background-image: none; box-shadow: none; color: @theme_fg_color; text-shadow: none; -gtk-icon-shadow: none; padding: 4px 8px; color: @theme_fg_color; } .path-bar button:hover { border-color: @decoration_hover; } .path-bar button:active, .path-bar button:checked { background-color: @borders; font-weight: normal; } .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } .path-bar button image { padding-left: 4px; padding-right: 4px; } .path-bar button.slider-button { padding-left: 0; padding-right: 0; } /***************** * Progress bars * *****************/ progressbar { font-size: smaller; color: alpha(@dark_overlay_color, 0.3); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 6px; } progressbar.vertical trough, progressbar.vertical progress { min-width: 6px; } progressbar trough { border: 0px solid transparent; border-radius: 3px; background-color: alpha(@dark_overlay_color, 0.3); } progressbar:backdrop trough { background-color: alpha(@dark_overlay_color, 0.3); } progressbar progress { background-color: @theme_selected_bg_color; border: 0px solid transparent; border-radius: 3px; box-shadow: none; } progressbar:backdrop progress { background-color: @theme_selected_bg_color; } progressbar.osd { background-color: transparent; } treeview.view.progressbar { border: 0px solid transparent; border-radius: 3px; background-color: @theme_selected_bg_color; color: @theme_selected_fg_color; background-image: none; } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { background-color: alpha(@theme_bg_color, 0.25); } treeview.view.trough { background-color: @trough_color; } treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: alpha(@theme_bg_color, 0.3); } /************* * Level Bar * *************/ levelbar block { min-width: 32px; min-height: 6px; } levelbar.vertical block { min-width: 6px; min-height: 32px; } levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: @theme_fg_color; border-color: @borders; background-color: @theme_base_color; box-shadow: none; } levelbar trough:backdrop { color: @theme_fg_color; border-color: @borders; background-color: @theme_base_color; } levelbar.horizontal.discrete block { margin: 0 1px; } levelbar.vertical.discrete block { margin: 1px 0; } levelbar block:not(.empty) { border: 1px solid @theme_selected_bg_color; background-color: @theme_selected_bg_color; box-shadow: none; border-radius: 1px; } levelbar block:not(.empty):backdrop { border-color: @theme_selected_bg_color; background-color: @theme_selected_bg_color; } levelbar block.low { border-color: @warning_color; background-color: @warning_color; } levelbar block.low:backdrop { background-color: @warning_color; border-color: @warning_color; } levelbar block.high { border-color: @success_color; background-color: @success_color; } levelbar block.high:backdrop { background-color: @success_color; border-color: @success_color; } levelbar block.full { border-color: @success_color; background-color: @success_color; } levelbar block.full:backdrop { background-color: @success_color; border-color: @success_color; } levelbar block.empty { background-color: alpha(@dark_overlay_color, 0.3); border-color: transparent; box-shadow: none; } levelbar block.empty:backdrop { background-color: alpha(@dark_overlay_color, 0.3); } /************ * GtkScale * ************/ scale.fine-tune.trough { margin: 8px; border-radius: 3px; } scale slider { min-width: 18px; min-height: 18px; background-color: @theme_bg_color; border: 1px solid @borders; border-radius: 50%; box-shadow: none; margin: -9px; } scale slider:hover { border-style: solid; border-width: 2px; border-color: @decoration_hover; border-radius: 50%; } scale slider:hover:backdrop { background-color: @theme_bg_color; border-color: @decoration_hover; } scale slider:disabled { border-style: solid; border-radius: 50%; background-color: @theme_bg_color; border-color: @insensitive_borders; } scale slider:disabled:backdrop { background-color: @theme_bg_color; border-color: @insensitive_borders; } scale slider:active { border: 2px solid @theme_selected_bg_color; } scale slider:active:backdrop { background-color: @theme_bg_color; border-color: @theme_selected_bg_color; } scale slider:backdrop { background-color: @theme_bg_color; border-color: @borders; } scale trough { min-width: 6px; min-height: 6px; margin: 9px; border: 0px solid; border-radius: 3px; background-color: @trough_color; box-shadow: none; } scale trough:disabled, scale trough.vertical:disabled { border-color: @trough_scale_color; background-color: @trough_scale_color; box-shadow: none; } scale trough:disabled:backdrop, scale trough.vertical:disabled:backdrop { background-color: @trough_scale_color; border-color: @trough_scale_color; } scale trough:backdrop { background-color: @trough_color; border-color: @trough_color; } scale highlight { border: 0px solid; border-radius: 3px; background-color: @theme_selected_bg_color; border-color: @theme_selected_bg_color; } scale highlight.vertical { background-color: @theme_selected_bg_color; border-color: @theme_selected_bg_color; } scale highlight:disabled { background-color: @disabled_highlight; } scale highlight:backdrop { background-color: @theme_unfocused_selected_bg_color; border-color: @theme_unfocused_selected_bg_color; } scale highlight:backdrop:disabled { background-color: @disabled_highlight; } /************** * Scrollbars * **************/ scrollbar { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; background-color: @theme_bg_color; border-width: 0px 0px; border-color: @theme_bg_color; margin: 0px; } scrollbar button { min-width: 14px; min-height: 14px; margin: 0px; padding: 0px 0px; border: none; border-radius: 0px; background-image: none; background-color: transparent; color: transparent; box-shadow: none; } scrollbar button:hover { border: none; background-image: none; background-color: @theme_bg_color; color: transparent; } scrollbar button:active, scrollbar button:active:hover { border: none; background-image: none; background-color: @theme_bg_color; color: transparent; } scrollbar button:disabled { border: none; background-color: @theme_bg_color; background-image: none; color: transparent; } scrollbar button:backdrop { color: @theme_fg_color; } scrollbar button:backdrop:disabled { color: @insensitive_fg_color; } scrollbar.dragging, scrollbar.hovering { opacity: 0.9910; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; background: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 6px; border-radius: 8px; background-color: alpha(@scrollbar_overlay_color, 0.8); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider:backdrop { background-color: @scrollbar_overlay_color; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { min-height: 4px; } scrollbar:hover trough{ background:linear-gradient(transparent 0,transparent 5px,@trough_color 5px,@trough_color calc(100%-5px), transparent calc(100%-5px),transparent 100%); } scrollbar trough { transition-duration:0.1s; min-width: 6px; min-height: 14px; border: 0px solid @theme_bg_color; border-radius: 8px; background-color: @theme_bg_color; background-clip: padding-box; box-shadow: inset 0px 0px 0px 5px @theme_bg_color;} scrollbar slider { transition-duration:0.1s; min-width: 6px; min-height: 30px; border: 5px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: @theme_selected_bg_color; } scrollbar slider:hover { background-color: @decoration_hover; } scrollbar:backdrop slider:backdrop { background-color: @scrollbar_backdrop_color; } scrollbar slider:backdrop:disabled { background-color: @scrollbar_backdrop_color; } scrollbar.horizontal slider { min-width: 30px; min-height: 6px; } /*********** * Sidebar * ***********/ .sidebar { border: none; background-color: @theme_bg_color; } .sidebar:backdrop { background-color: @theme_bg_color; } placessidebar > viewport.frame { border-style: none; } placessidebar row { min-height: 36px; padding: 0px; } placessidebar row > revealer { padding: 0 14px; } placessidebar row:selected { color: @theme_selected_fg_color; } placessidebar row:disabled { color: @insensitive_fg_color; } placessidebar row:backdrop { color: @theme_fg_color; } placessidebar row:backdrop:selected { color: @theme_selected_bg_color; } placessidebar row:backdrop:disabled { color: @insensitive_fg_color; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; } placessidebar row:selected:active { box-shadow: none; } placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: none; background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: @theme_selected_bg_color; } placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } placesview row.activatable:hover { background-color: transparent; } placesview > actionbar > revealer > box > label { padding-left: 8px; padding-right: 8px; } stacksidebar.sidebar row { padding: 10px 4px; } stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; } stacksidebar.sidebar row.needs-attention > .label { background-size: 6px 6px, 0 0; } /***************** * GtkSpinButton * *****************/ spinbutton:not(.vertical) { padding: 0; } spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: @theme_text_color; background-image: none; background-color: transparent; border-style: none; box-shadow: none; } spinbutton:not(.vertical) button:hover { color: @decoration_hover; } spinbutton:not(.vertical) button:disabled { color: @insensitive_fg_color; } spinbutton:not(.vertical) button:active { color: @theme_selected_bg_color; box-shadow: none; } spinbutton:not(.vertical) button:backdrop { color: @theme_text_color; background-color: transparent; } spinbutton:not(.vertical) button:backdrop:disabled { color: @insensitive_fg_color; background-color: transparent; border-style: none; } spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 3px 3px 0; } spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } spinbutton.vertical:disabled { color: @insensitive_fg_color; } spinbutton.vertical:backdrop:disabled { color: @insensitive_fg_color; } spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } spinbutton.vertical entry { margin: 0px; min-height: 26px; min-width: 26px; border-style: none solid none solid; border-color: @borders; padding: 0; border-radius: 0; } spinbutton.vertical entry:disabled { color: @insensitive_fg_color; background-color: @disabled_bg; border-color: @insensitive_borders; } spinbutton.vertical entry:backdrop:disabled { color: @insensitive_fg_color; background-color: @disabled_bg; border-color: @insensitive_borders; } spinbutton.vertical button { min-height: 26px; min-width: 26px; padding: 0; box-shadow: none; background-image: none; background-color: @theme_bg_color; color: @theme_text_color; border-color: @borders; } spinbutton.vertical button:hover { color: @decoration_hover; } spinbutton.vertical button:active { color: @theme_selected_bg_color; } spinbutton.vertical button:disabled { color: @insensitive_fg_color; background-color: @disabled_bg; border-color: @insensitive_borders; } spinbutton.vertical button:backdrop:disabled { color: @insensitive_fg_color; background-color: @disabled_bg; border-color: @insensitive_borders; } spinbutton.vertical button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; } /********** * Switch * **********/ switch { margin: 2px; font-weight: bold; font-size: smaller; min-width: 48px; min-height: 24px; border: 0px solid; border-radius: 12px; color: transparent; background-color: alpha(@dark_overlay_color, 0.3); text-shadow: none; } switch:checked { background-color: @theme_selected_bg_color; } switch:backdrop { background-color: alpha(@dark_overlay_color, 0.3); text-shadow: none; } switch:backdrop:checked { background-color: @theme_selected_bg_color; } switch slider { min-width: 22px; min-height: 22px; border: 1px solid; border-radius: 11px; background-color: @theme_bg_color; border-color: @borders; } switch:hover slider { border-color: @decoration_hover; } switch:disabled slider { background-color: @insensitive_bg_color; } switch:backdrop slider { background-color: @theme_bg_color; } switch:backdrop:disabled slider { background-color: @insensitive_bg_color; } /************ * Toolbars * ************/ toolbar, .inline-toolbar, searchbar, .location-bar { -GtkWidget-window-dragging: true; padding: 4px; background-color: @theme_bg_color; } toolbar { padding: 4px 3px 3px 4px; } toolbar:backdrop { background-color: @theme_bg_color; box-shadow: none; } toolbar button { margin: 2px; padding: 3px; } toolbar button.image-button, toolbar button.text-button.image-button { padding: 3px; } toolbar separator { margin-left: 3px; margin-right: 3px; } toolbar entry { margin: 3px; } .osd toolbar { background-color: transparent; } toolbar.osd { padding: 13px; border: none; border-radius: 3px; background-color: @theme_bg_color; } toolbar.osd:backdrop { border-color: @borders; background-color: @theme_bg_color; box-shadow: none; } toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; } .inline-toolbar { border-width: 0px 0px 1px 0px; padding: 3px; border-radius: 0; } searchbar, .location-bar { border-width: 0px 0px 1px 0px; padding: 3px; } .inline-toolbar, searchbar, .location-bar { border-style: solid; border-color: @borders; text-shadow: none; background-color: @theme_bg_color; } /************ * Tooltips * ************/ tooltip { color: @theme_selected_fg_color; padding: 4px; /* not working */ border-radius: 3px; box-shadow: none; text-shadow: none; } tooltip.background { background-color: @dark_overlay_color; background-clip: padding-box; } tooltip.window-frame.csd { background-color: transparent; box-shadow: none; } tooltip decoration { background-color: transparent; } tooltip * { padding: 0px; background-color: transparent; color: @theme_selected_fg_color; } /************** * Tree Views * **************/ treeview.view { -GtkTreeView-grid-line-width: 0; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: @borders; border-top-color: transparent; } treeview.view:selected { border-radius: 0; } treeview.view:selected { background-color: @theme_selected_bg_color; border-left-color: @theme_bg_color; border-top-color: @theme_bg_color; } treeview.view:backdrop:selected { background-color: @theme_unfocused_selected_bg_color; border-left-color: @theme_bg_color; border-top-color: @theme_bg_color; } treeview.view:disabled { color: @insensitive_borders; } treeview.view:disabled:selected { color: @insensitive_bg_color; } treeview.view:disabled:selected:backdrop { color: @insensitive_bg_color; } treeview.view:disabled:backdrop { color: @insensitive_borders; } treeview.view.separator { min-height: 2px; color: @borders; } treeview.view.separator:backdrop { color: @borders; } treeview.view:backdrop { border-left-color: @borders; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: @decoration_hover; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: @dark_overlay_color; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } treeview.view.expander:hover { color: @decoration_hover; } treeview.view.expander:selected { color: @theme_selected_fg_color; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:checked:selected { color: @theme_selected_fg_color; } treeview.view.expander:checked:backdrop { color: @theme_selected_fg_color; } treeview.view.expander:backdrop { color: @theme_selected_fg_color; } treeview.view header button { color: @theme_text_color; background-color: @theme_bg_color; text-shadow: none; box-shadow: none; } treeview.view header button:hover { color: @theme_text_color; background-color: alpha(@decoration_hover, 0.5); box-shadow: none; transition: none; } treeview.view header button:active { color: @theme_text_color; background-color: alpha(@decoration_hover, 0.5); transition: none; } treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; } treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: @theme_selected_fg_color; background-image: none; background-color: @theme_selected_bg_color; border-style: none; border-radius: 0; box-shadow: none; text-shadow: none; transition: none; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 6px; border-style: none solid solid none; border-radius: 0; background-image: none; border-color: @borders; text-shadow: none; } treeview.view header button:disabled { border-color: @insensitive_borders; color: @insensitive_fg_color; background-color: @insensitive_bg_color; background-image: none; } treeview.view header button:backdrop { border-color: @borders; border-style: none solid solid none; color: @theme_text_color; background-image: none; background-color: @theme_bg_color; } treeview.view header button:backdrop:disabled { border-color: @insensitive_borders; background-image: none; background-color: @insensitive_bg_color; color: @insensitive_fg_color; } /********************** * Window Decorations * *********************/ decoration { border-radius: 3px 3px 0 0; border-width: 0px; box-shadow: 0 2px 6px 1px alpha(@shadow_color, 0.5); /* this is used for the resize cursor area */ margin: 10px; } .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { border-radius: 3px; box-shadow: 2px 2px 2px 1px alpha(@shadow_color, 0.1); } .ssd decoration { box-shadow: 0 2px 6px 1px alpha(@shadow_color, 0.1); } .csd decoration { border-radius: 3px; } .csd decoration.popup { box-shadow: 2px 2px 2px 1px alpha(@shadow_color, 0.1); } .csd decoration.tooltip { box-shadow: none; } .csd decoration.message-dialog { box-shadow: 0 2px 6px 1px alpha(@shadow_color, 0.5); } .solid-csd decoration { border-radius: 0; margin: 0; padding: 0px; border: none; background-color: @headerbar_gradient_top; box-shadow: none; } headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 1px; min-height: 18px; min-width: 18px; margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { padding: 6px; } headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:active:hover, .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:active:hover { transition: none; } headerbar button.titlebutton.close, .titlebar button.titlebutton.close { padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } .maximized headerbar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } .maximized headerbar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } .maximized headerbar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } .maximized headerbar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: none; } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }