/* Copyright 2016 Sam Hewitt. * * This file is part of the Paper GTK theme. * * The Paper GTK theme is free software: you can redistribute it * and/or modify it under the terms of the GNU General Public License as * published by the Free Software Foundation, either version 3 of the * License, or (at your option) any later version. * * The Paper GTK theme is distributed in the hope that it will be * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General * Public License for more details. * * You should have received a copy of the GNU General Public License along * with the Paper GTK theme. If not, see http://www.gnu.org/licenses/. */ /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color white; /* text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ @define-color theme_bg_color #4F585C; /* text widgets and the like base background color */ @define-color theme_base_color #6a7981; /* base background color of selections */ @define-color theme_selected_bg_color #449ac2; /* text/foreground color of selections */ @define-color theme_selected_fg_color #ffffff; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #5a656b; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color #a7acae; /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color #6a7981; /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #a7acae; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #4F585C; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #6c7c84; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #449ac2; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #ffffff; /* widgets main borders color */ @define-color borders #373e41; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #394144; /* these are pretty self explicative */ @define-color warning_color #fec006; @define-color error_color #f34235; @define-color success_color #3c8a3f; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title shade(white, 1.8); @define-color wm_unfocused_title #a7acae; @define-color wm_highlight transparent; @define-color wm_borders_edge rgba(255, 255, 255, 0.3); @define-color wm_bg_a shade(#4F585C, 1.2); @define-color wm_bg_b #4F585C; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); @define-color wm_button_hover_color_a shade(#4F585C, 1.3); @define-color wm_button_hover_color_b #4F585C; @define-color wm_button_active_color_a shade(#4F585C, 0.85); @define-color wm_button_active_color_b shade(#4F585C, 0.89); @define-color wm_button_active_color_c shade(#4F585C, 0.9); @define-color content_view_bg #6a7981; /********** * Common * **********/ * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #f34235; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkPaned-handle-size: 1; } /*********** * Widgets * ***********/ /*************** * Action bars * ***************/ .action-bar { background-color: #373e41; border: solid #373e41; border-width: 1px 0 0 0; color: white; box-shadow: none; } .action-bar:backdrop { background-color: #373e41; box-shadow: none; -gtk-icon-effect: dim; } .action-bar:first-child { border-radius: 6px 6px 0px 0px; border-width: 1px 1px 0px 1px; } .action-bar:last-child { border-radius: 0 0 6px 6px; border-width: 0px 1px 1px 1px; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; } /*************** * Base States * ***************/ .background { color: white; background-color: #4F585C; } .background:backdrop { color: #a7acae; background-color: #4F585C; text-shadow: none; -gtk-icon-shadow: none; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:insensitive { -gtk-icon-effect: dim; } .gtkstyle-fallback { color: white; background-color: #4F585C; } .gtkstyle-fallback:hover { color: white; background-color: #677277; } .gtkstyle-fallback:active { color: white; background-color: #373e41; } .gtkstyle-fallback:insensitive { color: #a7acae; background-color: #5a656b; } .gtkstyle-fallback:selected { color: #ffffff; background-color: #449ac2; } .view, GtkIconView, GtkTextView GtkLabel { color: white; background-color: #6a7981; } .view:backdrop, GtkIconView:backdrop, GtkTextView GtkLabel:backdrop { color: #e2e5e6; background-color: #6c7c84; } .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, GtkTextView GtkLabel:selected:focus, GtkTextView GtkLabel:selected { border-radius: 3px; } GtkTextView { background-color: #5d696f; } GtkTextView:backdrop { background-color: #5e6a70; } GtkTextView.bottom { background-size: 100% 1px; background-position: top; } GtkTextView.top { background-size: 100% 1px; background-position: bottom; } GtkTextView.left { background-size: 1px 100%; background-position: right; } GtkTextView.right { background-size: 1px 100%; background-position: left; } GtkIconView { background-color: transparent; } GtkIconView:backdrop { background-color: transparent; } .rubberband, GtkFlow rubberband, GtkFlow GtkTreeView.view .rubberband, GtkTreeView.view GtkFlow .rubberband, GtkFlow GtkTreeView.view rubberband, GtkTreeView.view GtkFlow rubberband, GtkFlow treeview.view .rubberband, treeview.view GtkFlow .rubberband, GtkFlow treeview.view rubberband, treeview.view GtkFlow rubberband { border: 1px solid #347d9f; background-color: rgba(52, 125, 159, 0.2); } GtkFlow flowboxchild { padding: 3px; border-radius: 3px; } GtkFlow flowboxchild:selected { outline-offset: -2px; } GtkLabel.separator { color: white; } GtkLabel.separator:backdrop { color: #a7acae; } GtkLabel:selected { background-color: #449ac2; color: #ffffff; } GtkLabel:insensitive { color: #a7acae; } GtkLabel:insensitive:backdrop { color: #727f85; } GtkLabel:backdrop { color: #a7acae; } .dim-label, GtkLabel.separator, .titlebar:not(headerbar) .subtitle, .header-bar .subtitle { opacity: 0.55; text-shadow: none; } .app-notification, .app-notification.frame, .osd .scale-popup, .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: #e4e6e7; border: none; background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; outline-color: rgba(228, 230, 231, 0.3); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification:backdrop, .osd .scale-popup:backdrop, .popover .background.touch-selection:backdrop, .popover .background.magnifier:backdrop, .popover .background.osd:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; } .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, GtkTextView GtkLabel:selected:focus, GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, .popover .check:selected, .popover .radio:selected, .menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical), .entry:selected:focus, .entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, treeview.view:selected:focus, treeview.view:selected { background-color: #449ac2; } .list-row:selected GtkLabel, row:selected GtkLabel, GtkLabel:selected, .view:selected:focus, GtkIconView:selected:focus, .view:selected, GtkIconView:selected, GtkTextView GtkLabel:selected:focus, GtkTextView GtkLabel:selected, GtkTextView GtkLabel selection:focus, GtkTextView GtkLabel selection, GtkFlow flowboxchild:selected, modelbutton.flat:selected, .popover .check:selected, .popover .radio:selected, .menuitem.button.flat:selected, GtkCalendar:selected, .spinbutton:selected:not(.vertical), .entry:selected:focus, .entry:selected, .list-row:selected, GtkTreeView.view:selected:focus, GtkTreeView.view:selected, treeview.view:selected:focus, treeview.view:selected { color: #ffffff; } .list-row:selected GtkLabel:insensitive, row:selected GtkLabel:insensitive, GtkLabel:insensitive:selected, GtkIconView:insensitive:selected:focus, .view:insensitive:selected, GtkIconView:insensitive:selected, GtkTextView GtkLabel:insensitive:selected:focus, GtkTextView GtkLabel selection:insensitive, GtkFlow flowboxchild:insensitive:selected, GtkLabel:insensitive:selected, modelbutton.flat:insensitive:selected, .popover .check:insensitive:selected, .popover .radio:insensitive:selected, .menuitem.button.flat:insensitive:selected, GtkCalendar:insensitive:selected, .spinbutton:insensitive:selected:not(.vertical), .entry:insensitive:selected, .list-row:insensitive:selected { color: #a2cde1; } .list-row:selected GtkLabel:backdrop, row:selected GtkLabel:backdrop, GtkLabel:backdrop:selected, GtkIconView:backdrop:selected:focus, .view:backdrop:selected, GtkIconView:backdrop:selected, GtkTextView GtkLabel:backdrop:selected:focus, GtkTextView GtkLabel selection:backdrop, GtkFlow flowboxchild:backdrop:selected, GtkLabel:backdrop:selected, modelbutton.flat:backdrop:selected, .popover .check:backdrop:selected, .popover .radio:backdrop:selected, .menuitem.button.flat:backdrop:selected, GtkCalendar:backdrop:selected, .spinbutton:backdrop:selected:not(.vertical), .entry:backdrop:selected, .list-row:backdrop:selected { color: rgba(255, 255, 255, 0.5); } .list-row:selected GtkLabel:backdrop:insensitive, row:selected GtkLabel:backdrop:insensitive, GtkLabel:backdrop:insensitive:selected, .view:backdrop:insensitive:selected, GtkIconView:backdrop:insensitive:selected, GtkTextView GtkLabel selection:backdrop:insensitive, GtkFlow flowboxchild:backdrop:insensitive:selected, GtkLabel:backdrop:insensitive:selected, modelbutton.flat:backdrop:insensitive:selected, .popover .check:backdrop:insensitive:selected, .popover .radio:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, .spinbutton:backdrop:insensitive:selected:not(.vertical), .entry:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected { color: rgba(91, 167, 202, 0.85); } .monospace { font-family: Monospace; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#7eb9d5), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#449ac2), to(transparent)); } } .button { padding: 4px 9px; border: 1px solid #373e41; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } .button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .button:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -gtk-icon-effect: highlight; } .button:active, .button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); transition-duration: 50ms; } .button:backdrop.flat, .button:backdrop { border-color: #394144; background-color: #4F585C; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-effect: none; } .button:backdrop.flat GtkLabel, .button:backdrop.flat, .button:backdrop GtkLabel, .button:backdrop { color: #a7acae; } .button:backdrop.flat:active, .button:backdrop.flat:checked, .button:backdrop:active, .button:backdrop:checked { border-color: #394144; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button:backdrop.flat:active GtkLabel, .button:backdrop.flat:active, .button:backdrop.flat:checked GtkLabel, .button:backdrop.flat:checked, .button:backdrop:active GtkLabel, .button:backdrop:active, .button:backdrop:checked GtkLabel, .button:backdrop:checked { color: #a7acae; } .button:backdrop.flat:active label, .button:backdrop.flat:active, .button:backdrop.flat:checked label, .button:backdrop.flat:checked, .button:backdrop:active label, .button:backdrop:active, .button:backdrop:checked label, .button:backdrop:checked { color: #a7acae; } .button:backdrop.flat:insensitive, .button:backdrop:insensitive { border-color: #394144; background-image: none; background-color: #5a656b; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .button:backdrop.flat:insensitive GtkLabel, .button:backdrop.flat:insensitive, .button:backdrop:insensitive GtkLabel, .button:backdrop:insensitive { color: #727f85; } .button:backdrop.flat:insensitive:active, .button:backdrop.flat:insensitive:checked, .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { border-color: #394144; background-image: none; background-color: #4e585d; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button:backdrop.flat:insensitive:active GtkLabel, .button:backdrop.flat:insensitive:checked GtkLabel, .button:backdrop:insensitive:active GtkLabel, .button:backdrop:insensitive:checked GtkLabel { color: #727f85; } .button.flat:backdrop, .button.flat:insensitive, .button.flat:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .button:insensitive, .button:insensitive { border-color: #373e41; background-image: none; background-color: #5a656b; text-shadow: none; box-shadow: none; -gtk-icon-shadow: none; } .button:insensitive GtkLabel, .button:insensitive, .button:insensitive GtkLabel, .button:insensitive { color: #a7acae; } .button:insensitive:active, .button:insensitive:checked, .button:insensitive:active, .button:insensitive:checked { border-color: #373e41; background-image: none; background-color: #5a656b; text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button:insensitive:active GtkLabel, .button:insensitive:active, .button:insensitive:checked GtkLabel, .button:insensitive:checked, .button:insensitive:active GtkLabel, .button:insensitive:active, .button:insensitive:checked GtkLabel, .button:insensitive:checked { color: #a7acae; } .button.image-button { padding-left: 4px; padding-right: 4px; } .button.text-button { padding-left: 16px; padding-right: 16px; } .button.text-button.image-button { padding-left: 8px; padding-right: 8px; } .button.text-button.image-button GtkLabel, .button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } row:selected .button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } row:selected .button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #a7acae; } .button.osd { color: #e4e6e7; border-radius: 5px; outline-color: rgba(228, 230, 231, 0.3); color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(60, 69, 71, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:active, .button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(228, 230, 231, 0.3); border: none; box-shadow: none; } .button.osd:insensitive:backdrop, .button.osd:insensitive, .button.osd:insensitive:backdrop, .button.osd:insensitive { color: #828687; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(52, 56, 57, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .button.osd:backdrop { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } .app-notification .button, .app-notification button, .app-notification.frame .button, .app-notification.frame button, .csd .popover .background.touch-selection button, .csd .popover .background.magnifier button, .popover .background.touch-selection button, .popover .background.magnifier button, .osd .button { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:hover, .app-notification button:hover, .popover .background.touch-selection button:hover, .popover .background.magnifier button:hover, .osd .button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(60, 69, 71, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover .background.touch-selection button:active:backdrop, .popover .background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover .background.touch-selection button:active, .popover .background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover .background.touch-selection button:checked:backdrop, .popover .background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover .background.touch-selection button:checked, .popover .background.magnifier button:checked, .osd .button:active:backdrop, .osd .button:active, .osd .button:checked:backdrop, .osd .button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(228, 230, 231, 0.3); } .app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, .popover .background.touch-selection button:insensitive:backdrop, .popover .background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, .popover .background.touch-selection button:insensitive, .popover .background.magnifier button:insensitive, .osd .button:insensitive:backdrop, .osd .button:insensitive { color: #828687; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(52, 56, 57, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification .button:backdrop, .app-notification button:backdrop, .popover .background.touch-selection button:backdrop, .popover .background.magnifier button:backdrop, .osd .button:backdrop { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification .flat.button, .app-notification button.flat, .popover .background.touch-selection button.flat, .popover .background.magnifier button.flat, .osd .button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; } .app-notification .flat.button:hover, .app-notification button.flat:hover, .popover .background.touch-selection button.flat:hover, .popover .background.magnifier button.flat:hover, .osd .button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(60, 69, 71, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } .app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, .popover .background.touch-selection button.flat:insensitive, .popover .background.magnifier button.flat:insensitive, .osd .button.flat:insensitive { color: #828687; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(52, 56, 57, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; } .app-notification .flat.button:backdrop, .app-notification button.flat:backdrop, .popover .background.touch-selection button.flat:backdrop, .popover .background.magnifier button.flat:backdrop, .osd .button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .app-notification .flat.button:active, .app-notification button.flat:active, .popover .background.touch-selection button.flat:active, .popover .background.magnifier button.flat:active, .app-notification .flat.button:checked, .app-notification button.flat:checked, .popover .background.touch-selection button.flat:checked, .popover .background.magnifier button.flat:checked, .osd .button.flat:active, .osd .button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(228, 230, 231, 0.3); } .button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #215065; background-image: linear-gradient(to bottom, #449ac2, #3a8cb2); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #449ac2; } .button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #215065; background-image: linear-gradient(to bottom, #489cc3, #3e95be 60%, #3c8fb6); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } .button.suggested-action:active, .button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #215065; background-image: linear-gradient(to bottom, #3886ab, #3e95be); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop { border-color: #215065; background-color: #449ac2; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .button.suggested-action:backdrop GtkLabel, .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop GtkLabel, .button.suggested-action.flat:backdrop { color: #a7acae; } .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked { border-color: #215065; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.suggested-action:backdrop:active GtkLabel, .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked GtkLabel, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active GtkLabel, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked GtkLabel, .button.suggested-action.flat:backdrop:checked { color: #a7acae; } .button.suggested-action:backdrop:active label, .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked label, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active label, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked label, .button.suggested-action.flat:backdrop:checked { color: #a7acae; } .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive { border-color: #394144; background-image: none; background-color: #5a656b; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .button.suggested-action:backdrop:insensitive GtkLabel, .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive GtkLabel, .button.suggested-action.flat:backdrop:insensitive { color: #727f85; } .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked { border-color: #215065; background-image: none; background-color: #4287a7; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.suggested-action:backdrop:insensitive:active GtkLabel, .button.suggested-action:backdrop:insensitive:checked GtkLabel, .button.suggested-action.flat:backdrop:insensitive:active GtkLabel, .button.suggested-action.flat:backdrop:insensitive:checked GtkLabel { color: #84b1c6; } .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(68, 154, 194, 0.8); } .button.suggested-action:insensitive { border-color: #373e41; background-image: none; background-color: #5a656b; text-shadow: none; box-shadow: none; -gtk-icon-shadow: none; } .button.suggested-action:insensitive GtkLabel, .button.suggested-action:insensitive { color: #a7acae; } .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked { border-color: #215065; background-image: none; background-color: #4287a7; text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.suggested-action:insensitive:active GtkLabel, .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked GtkLabel, .button.suggested-action:insensitive:checked { color: #b3cfdc; } .osd .button.suggested-action { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(68, 154, 194, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(68, 154, 194, 0.7); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:active:backdrop, .osd .button.suggested-action:active, .osd .button.suggested-action:checked:backdrop, .osd .button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: #449ac2; background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(228, 230, 231, 0.3); } .osd .button.suggested-action:insensitive:backdrop, .osd .button.suggested-action:insensitive { color: #828687; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(52, 56, 57, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd .button.suggested-action:backdrop { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(68, 154, 194, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6f0e07; background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #e71d0e; } .button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6f0e07; background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } .button.destructive-action:active, .button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #6f0e07; background-image: linear-gradient(to bottom, #c6180c, #de1b0d); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop { border-color: #6f0e07; background-color: #e71d0e; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .button.destructive-action:backdrop GtkLabel, .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop GtkLabel, .button.destructive-action.flat:backdrop { color: #a7acae; } .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked { border-color: #6f0e07; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.destructive-action:backdrop:active GtkLabel, .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked GtkLabel, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active GtkLabel, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked GtkLabel, .button.destructive-action.flat:backdrop:checked { color: #a7acae; } .button.destructive-action:backdrop:active label, .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked label, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active label, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked label, .button.destructive-action.flat:backdrop:checked { color: #a7acae; } .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive { border-color: #394144; background-image: none; background-color: #5a656b; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .button.destructive-action:backdrop:insensitive GtkLabel, .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive GtkLabel, .button.destructive-action.flat:backdrop:insensitive { color: #727f85; } .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked { border-color: #6f0e07; background-image: none; background-color: #be261c; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.destructive-action:backdrop:insensitive:active GtkLabel, .button.destructive-action:backdrop:insensitive:checked GtkLabel, .button.destructive-action.flat:backdrop:insensitive:active GtkLabel, .button.destructive-action.flat:backdrop:insensitive:checked GtkLabel { color: #d5726b; } .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(231, 29, 14, 0.8); } .button.destructive-action:insensitive { border-color: #373e41; background-image: none; background-color: #5a656b; text-shadow: none; box-shadow: none; -gtk-icon-shadow: none; } .button.destructive-action:insensitive GtkLabel, .button.destructive-action:insensitive { color: #a7acae; } .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked { border-color: #6f0e07; background-image: none; background-color: #be261c; text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.destructive-action:insensitive:active GtkLabel, .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked GtkLabel, .button.destructive-action:insensitive:checked { color: #e5a8a4; } .osd .button.destructive-action { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(231, 29, 14, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(231, 29, 14, 0.7); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:active:backdrop, .osd .button.destructive-action:active, .osd .button.destructive-action:checked:backdrop, .osd .button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: #e71d0e; background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(228, 230, 231, 0.3); } .osd .button.destructive-action:insensitive:backdrop, .osd .button.destructive-action:insensitive { color: #828687; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(52, 56, 57, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd .button.destructive-action:backdrop { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(231, 29, 14, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .stack-switcher > .button { outline-offset: -3px; } .stack-switcher > .button > GtkLabel { padding-left: 6px; padding-right: 6px; } .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } .stack-switcher > .button.text-button { padding-left: 10px; padding-right: 10px; } .stack-switcher > .button.image-button { padding-left: 2px; padding-right: 2px; } .stack-switcher > .button.needs-attention:active > label, .stack-switcher > .button.needs-attention:active > image, .stack-switcher > .button.needs-attention:checked > label, .stack-switcher > .button.needs-attention:checked > image { animation: none; background-image: none; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; border-width: 1px; } .primary-toolbar .button { -gtk-icon-shadow: none; } .stack-switcher > .button.needs-attention > label, .stack-switcher > .button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7eb9d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.73176)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } .stack-switcher > .button.needs-attention > label:backdrop, .stack-switcher > .button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } .stack-switcher > .button.needs-attention > label:dir(rtl), .stack-switcher > .button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar toolbutton > button { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:insensitive { border-color: #373e41; background-image: none; background-color: #5a656b; text-shadow: none; box-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive { color: #a7acae; } .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked { border-color: #373e41; background-image: none; background-color: #5a656b; text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked { color: #a7acae; } .inline-toolbar toolbutton > button:backdrop { border-color: #394144; background-color: #4F585C; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { color: #a7acae; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #394144; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:backdrop:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked GtkLabel, .inline-toolbar toolbutton > button:backdrop:checked { color: #a7acae; } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #a7acae; } .inline-toolbar toolbutton > button:backdrop:insensitive { border-color: #394144; background-image: none; background-color: #5a656b; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive { color: #727f85; } .inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked { border-color: #394144; background-image: none; background-color: #4e585d; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .inline-toolbar toolbutton > button:backdrop:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive:checked GtkLabel { color: #727f85; } toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, .linked:not(.vertical) > .spinbutton:not(.vertical), .linked:not(.vertical) > .entry, .linked > GtkComboBox > box > button.combo:dir(ltr), .linked > GtkComboBox > box > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } .inline-toolbar .button:first-child, .linked > .button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(rtl), .linked:not(.vertical) > GtkComboBox:first-child > box > button.combo, .linked:not(.vertical) > .spinbutton:first-child:not(.vertical), .linked:not(.vertical) > .entry:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .inline-toolbar .button:last-child, .linked > .button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, GtkComboBox.linked .button:nth-child(2):dir(ltr), .linked:not(.vertical) > GtkComboBox:last-child > box > button.combo, .linked:not(.vertical) > .spinbutton:last-child:not(.vertical), .linked:not(.vertical) > .entry:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } .inline-toolbar .button:only-child, .linked > .button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > GtkComboBox:only-child > box > button.combo, .linked:not(.vertical) > .spinbutton:only-child:not(.vertical), .linked:not(.vertical) > .entry:only-child { border-radius: 3px; border-style: solid; } .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > .spinbutton:not(.vertical), .linked.vertical > .entry, .linked.vertical > GtkComboBox > box > button.combo { border-style: solid solid none solid; border-radius: 0; } .linked.vertical > .button:first-child, .linked.vertical > GtkComboBox:first-child > box > button.combo, .linked.vertical > .spinbutton:first-child:not(.vertical), .linked.vertical > .entry:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .linked.vertical > .button:last-child, .linked.vertical > GtkComboBox:last-child > box > button.combo, .linked.vertical > .spinbutton:last-child:not(.vertical), .linked.vertical > .entry:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } .linked.vertical > .button:only-child, .linked.vertical > GtkComboBox:only-child > box > button.combo, .linked.vertical > .spinbutton:only-child:not(.vertical), .linked.vertical > .entry:only-child { border-radius: 3px; border-style: solid; } modelbutton.flat, .popover .check, .popover .radio, .menuitem.button.flat, modelbutton.flat:backdrop, .popover .check:backdrop, .popover .radio:backdrop, modelbutton.flat:backdrop:hover, .popover .check:backdrop:hover, .popover .radio:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:backdrop, GtkCalendar.button:insensitive, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .scale-popup .button:hover, .scale-popup button:hover, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:insensitive, .scale-popup .button:backdrop, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:insensitive, .scale-popup button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ modelbutton.flat, .popover .check, .popover .radio, .menuitem.button.flat { padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; } modelbutton.flat:hover, .popover .check:hover, .popover .radio:hover, .menuitem.button.flat:hover { background-color: #76868e; } modelbutton.flat check:last-child, .popover .check check:last-child, .popover .radio check:last-child, modelbutton.flat radio:last-child, .popover .check radio:last-child, .popover .radio radio:last-child, .menuitem.button.flat check:last-child, .menuitem.button.flat radio:last-child { margin-left: 8px; } modelbutton.flat check:first-child, .popover .check check:first-child, .popover .radio check:first-child, modelbutton.flat radio:first-child, .popover .check radio:first-child, .popover .radio radio:first-child, .menuitem.button.flat check:first-child, .menuitem.button.flat radio:first-child { margin-right: 8px; } modelbutton.flat arrow, .popover .check arrow, .popover .radio arrow { background: none; } modelbutton.flat arrow:hover, .popover .check arrow:hover, .popover .radio arrow:hover { background: none; } modelbutton.flat arrow.left, .popover .check arrow.left, .popover .radio arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } modelbutton.flat arrow.right, .popover .check arrow.right, .popover .radio arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } /************ * Calendar * ***********/ GtkCalendar { color: white; border: 1px solid #373e41; } GtkCalendar:selected { border-radius: 3px; } GtkCalendar.header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; } GtkCalendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } GtkCalendar.button { color: rgba(255, 255, 255, 0.45); } GtkCalendar.button:hover { color: white; } GtkCalendar.button:backdrop { color: rgba(167, 172, 174, 0.45); } GtkCalendar.button:insensitive { color: rgba(167, 172, 174, 0.45); } GtkCalendar.highlight, GtkCalendar.highlight:backdrop { font-size: smaller; color: white; } GtkCalendar:backdrop { color: #e2e5e6; border-color: #394144; } /************************* * Check and Radio Items * *************************/ .check { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-dark.png"), url("../assets/checkbox-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .radio { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-dark.png"), url("../assets/radio-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover-dark.png"), url("../assets/checkbox-unchecked-hover-dark@2.png")); -gtk-icon-shadow: none; } .radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover-dark.png"), url("../assets/radio-unchecked-hover-dark@2.png")); -gtk-icon-shadow: none; } .check:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active-dark.png"), url("../assets/checkbox-unchecked-active-dark@2.png")); -gtk-icon-shadow: none; } .radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active-dark.png"), url("../assets/radio-unchecked-active-dark@2.png")); -gtk-icon-shadow: none; } .check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-backdrop-dark.png"), url("../assets/checkbox-unchecked-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-dark.png"), url("../assets/radio-unchecked-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-dark.png"), url("../assets/checkbox-unchecked-insensitive-dark@2.png")); -gtk-icon-shadow: none; } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-dark.png"), url("../assets/radio-unchecked-insensitive-dark@2.png")); -gtk-icon-shadow: none; } .check:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-insensitive-backdrop-dark.png"), url("../assets/checkbox-unchecked-insensitive-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .radio:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive-backdrop-dark.png"), url("../assets/radio-unchecked-insensitive-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-dark.png"), url("../assets/checkbox-checked-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-dark.png"), url("../assets/radio-checked-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover-dark.png"), url("../assets/checkbox-checked-hover-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover-dark.png"), url("../assets/radio-checked-hover-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-active-dark.png"), url("../assets/checkbox-checked-active-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active-dark.png"), url("../assets/radio-checked-active-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-backdrop-dark.png"), url("../assets/checkbox-checked-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-dark.png"), url("../assets/radio-checked-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-dark.png"), url("../assets/checkbox-checked-insensitive-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-dark.png"), url("../assets/radio-checked-insensitive-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-insensitive-backdrop-dark.png"), url("../assets/checkbox-checked-insensitive-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive-backdrop-dark.png"), url("../assets/radio-checked-insensitive-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-dark.png"), url("../assets/checkbox-mixed-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-dark.png"), url("../assets/radio-mixed-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-hover-dark.png"), url("../assets/checkbox-mixed-hover-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover-dark.png"), url("../assets/radio-mixed-hover-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-active-dark.png"), url("../assets/checkbox-mixed-active-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active-dark.png"), url("../assets/radio-mixed-active-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-backdrop-dark.png"), url("../assets/checkbox-mixed-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-dark.png"), url("../assets/radio-mixed-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-dark.png"), url("../assets/checkbox-mixed-insensitive-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-dark.png"), url("../assets/radio-mixed-insensitive-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-mixed-insensitive-backdrop-dark.png"), url("../assets/checkbox-mixed-insensitive-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive-backdrop-dark.png"), url("../assets/radio-mixed-insensitive-backdrop-dark@2.png")); -gtk-icon-shadow: none; } .check:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .radio:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .check:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .radio:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .check:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .radio:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .check:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .radio:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .check:insensitive:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .radio:insensitive:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .check:insensitive:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-unchecked-dark.png"), url("../assets/selected-checkbox-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .radio:insensitive:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked-dark.png"), url("../assets/selected-radio-unchecked-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:insensitive:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:insensitive:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); -gtk-icon-shadow: none; } .check:checked:insensitive:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-checked-dark.png"), url("../assets/selected-checkbox-checked-dark@2.png")); -gtk-icon-shadow: none; } .radio:checked:insensitive:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked-dark.png"), url("../assets/selected-radio-checked-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:hover:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:active:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:insensitive:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:insensitive:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); -gtk-icon-shadow: none; } .check:inconsistent:insensitive:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-checkbox-mixed-dark.png"), url("../assets/selected-checkbox-mixed-dark@2.png")); -gtk-icon-shadow: none; } .radio:inconsistent:insensitive:backdrop:selected { -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-mixed-dark.png"), url("../assets/selected-radio-mixed-dark@2.png")); -gtk-icon-shadow: none; } .view.content-view.check, GtkIconView.content-view.check { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio, GtkIconView.content-view.radio { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); -gtk-icon-shadow: none; } .view.content-view.check:hover, GtkIconView.content-view.check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio:hover, GtkIconView.content-view.radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view.check:active, GtkIconView.content-view.check:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio:active, GtkIconView.content-view.radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-backdrop.png"), url("../assets/checkbox-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive.png"), url("../assets/checkbox-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-unchecked-insensitive-backdrop.png"), url("../assets/checkbox-unchecked-insensitive-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-unchecked-insensitive-backdrop.png"), url("../assets/radio-unchecked-insensitive-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view.check, GtkIconView.content-view.check { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio, GtkIconView.content-view.radio { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked.png"), url("../assets/radio-checked@2.png")); -gtk-icon-shadow: none; } .view.content-view.check:hover, GtkIconView.content-view.check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-hover.png"), url("../assets/checkbox-checked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio:hover, GtkIconView.content-view.radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); -gtk-icon-shadow: none; } .view.content-view.check:active, GtkIconView.content-view.check:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-active.png"), url("../assets/checkbox-checked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio:active, GtkIconView.content-view.radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); -gtk-icon-shadow: none; } .view.content-view.check:backdrop, GtkIconView.content-view.check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-backdrop.png"), url("../assets/checkbox-checked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio:backdrop, GtkIconView.content-view.radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view.check:insensitive, GtkIconView.content-view.check:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive.png"), url("../assets/checkbox-checked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio:insensitive, GtkIconView.content-view.radio:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); -gtk-icon-shadow: none; } .view.content-view.check:insensitive:backdrop, GtkIconView.content-view.check:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox-checked-insensitive-backdrop.png"), url("../assets/checkbox-checked-insensitive-backdrop@2.png")); -gtk-icon-shadow: none; } .view.content-view.radio:insensitive:backdrop, GtkIconView.content-view.radio:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio-checked-insensitive-backdrop.png"), url("../assets/radio-checked-insensitive-backdrop@2.png")); -gtk-icon-shadow: none; } .check.text-button, .radio.text-button { padding: 2px 0; outline-offset: 0; } .check.text-button label:not(:only-child):first-child, .radio.text-button label:not(:only-child):first-child { margin-left: 4px; } .check.text-button label:not(:only-child):last-child, .radio.text-button label:not(:only-child):last-child { margin-right: 4px; } .check, .radio { margin: 0 4px; } .menu .menuitem .check, .menu .menuitem .radio { margin: 0; } GtkTreeView.view check:selected:focus, GtkTreeView.view check:selected, GtkTreeView.view radio:selected:focus, GtkTreeView.view radio:selected { color: white; } GtkTreeView.view check:selected:insensitive, GtkTreeView.view radio:selected:insensitive { color: #a7acae; } GtkTreeView.view check:selected:insensitive:backdrop, GtkTreeView.view radio:selected:insensitive:backdrop { color: #727f85; } GtkTreeView.view check:backdrop:selected, GtkTreeView.view check:backdrop, GtkTreeView.view radio:backdrop:selected, GtkTreeView.view radio:backdrop { color: #a7acae; } /***************** * Color Chooser * *****************/ GtkColorSwatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } GtkColorSwatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } GtkColorSwatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } GtkColorSwatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } GtkColorSwatch.left, GtkColorSwatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } GtkColorSwatch.left overlay, GtkColorSwatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } GtkColorSwatch.right, GtkColorSwatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } GtkColorSwatch.right overlay, GtkColorSwatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } GtkColorSwatch.dark overlay { color: #ffffff; } GtkColorSwatch.dark overlay:hover { border-color: #373e41; } GtkColorSwatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.light overlay { color: white; } GtkColorSwatch.light overlay:hover { border-color: #373e41; } GtkColorSwatch.light overlay:backdrop { color: #e2e5e6; } GtkColorSwatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid #373e41; } GtkColorSwatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } GtkColorSwatch overlay:backdrop, GtkColorSwatch overlay:backdrop:hover { border-color: #373e41; box-shadow: none; } GtkColorSwatch#add-color-button { border-radius: 5px 5px 0 0; } GtkColorSwatch#add-color-button:only-child { border-radius: 5px; } GtkColorSwatch#add-color-button overlay { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } GtkColorSwatch#add-color-button overlay:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } GtkColorSwatch#add-color-button overlay:backdrop { border-color: #394144; background-color: #4F585C; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop { color: #a7acae; } GtkColorSwatch:insensitive { opacity: 0.5; } GtkColorSwatch:insensitive overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } row:selected GtkColorSwatch { box-shadow: 0 0 0 2px #ffffff; } GtkColorSwatch#editor-color-sample { border-radius: 4px; } GtkColorSwatch#editor-color-sample overlay { border-radius: 4.5px; } colorchooser .popover.osd { border-radius: 5px; } /************** * ComboBoxes * **************/ GtkComboBox .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /****************** * Combobox Entry * ******************/ .combobox-entry .button { box-shadow: none; } .combobox-entry .button:first-child { border-radius: 4px 0 0 4px; border-right-width: 0; } .combobox-entry .button:last-child { border-radius: 0 4px 4px 0; } .combobox-entry .entry { box-shadow: none; } .combobox-entry .entry:first-child { border-radius: 4px 0 0 4px; border-right-width: 0; } .combobox-entry .entry:last-child { border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } /*********** * Dialogs * ***********/ GtkMessageDialog .header-bar, GtkMessageDialog .titlebar, .message-dialog .header-bar, .message-dialog .titlebar { background-image: none; background-color: #4F585C; border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } GtkMessageDialog .header-bar:backdrop, GtkMessageDialog .titlebar:backdrop, .message-dialog .header-bar:backdrop, .message-dialog .titlebar:backdrop { background-color: #4F585C; } GtkMessageDialog .header-bar.default-decoration, GtkMessageDialog .titlebar.default-decoration, .message-dialog .header-bar.default-decoration, .message-dialog .titlebar.default-decoration { padding: 6px; background-color: #4F585C; color: white; } GtkMessageDialog .header-bar.default-decoration:backdrop, GtkMessageDialog .titlebar.default-decoration:backdrop, .message-dialog .header-bar.default-decoration:backdrop, .message-dialog .titlebar.default-decoration:backdrop { background-color: #4F585C; color: #a7acae; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton, GtkMessageDialog .titlebar.default-decoration .button.titlebutton, .message-dialog .header-bar.default-decoration .button.titlebutton, .message-dialog .titlebar.default-decoration .button.titlebutton { padding: 1px; border-radius: 50%; background-color: transparent; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton GtkImage, GtkMessageDialog .titlebar.default-decoration .button.titlebutton GtkImage, .message-dialog .header-bar.default-decoration .button.titlebutton GtkImage, .message-dialog .titlebar.default-decoration .button.titlebutton GtkImage { color: white; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover, .message-dialog .header-bar.default-decoration .button.titlebutton:hover, .message-dialog .titlebar.default-decoration .button.titlebutton:hover { background-color: #373e41; color: white; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:hover GtkImage, .message-dialog .header-bar.default-decoration .button.titlebutton:hover GtkImage, .message-dialog .titlebar.default-decoration .button.titlebutton:hover GtkImage { color: white; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop, .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop, .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop { background-color: transparent; color: #a7acae; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage, .message-dialog .header-bar.default-decoration .button.titlebutton:backdrop GtkImage, .message-dialog .titlebar.default-decoration .button.titlebutton:backdrop GtkImage { color: #c2c5c6; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active, .message-dialog .header-bar.default-decoration .button.titlebutton:active, .message-dialog .titlebar.default-decoration .button.titlebutton:active { background-color: white; color: #4F585C; border-radius: 50%; box-shadow: none; } GtkMessageDialog .header-bar.default-decoration .button.titlebutton:active GtkImage, GtkMessageDialog .titlebar.default-decoration .button.titlebutton:active GtkImage, .message-dialog .header-bar.default-decoration .button.titlebutton:active GtkImage, .message-dialog .titlebar.default-decoration .button.titlebutton:active GtkImage { color: #677277; } GtkMessageDialog.csd, .message-dialog.csd { border: none; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } GtkMessageDialog.csd.background, .message-dialog.csd.background { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } GtkMessageDialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button { padding: 10px 14px; border-radius: 0; background-image: none; border-left-style: solid; border-right-style: none; border-bottom-style: none; } GtkMessageDialog.csd .dialog-action-area .button:first-child, .message-dialog.csd .dialog-action-area .button:first-child { border-left-style: none; border-bottom-left-radius: 4px; } GtkMessageDialog.csd .dialog-action-area .button:last-child, .message-dialog.csd .dialog-action-area .button:last-child { border-bottom-right-radius: 4px; } GtkFileChooserDialog { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #373e41; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } GtkFileChooserDialog .dialog-action-box:backdrop { border-top-color: #394144; } GtkFileChooserDialog #pathbarbox { border-bottom: 1px solid #4F585C; } /**************** * Text Entries * ****************/ .spinbutton:not(.vertical), GeditWindow > .entry, .entry { padding: 4px 6px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #373e41; background-color: #6a7981; box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .spinbutton:not(.vertical) GtkImage, GeditWindow > .entry GtkImage, .entry GtkImage { color: #e1e4e6; } .spinbutton:not(.vertical) GtkImage:hover, GeditWindow > .entry GtkImage:hover, .entry GtkImage:hover { color: white; } .spinbutton:not(.vertical) GtkImage:active, GeditWindow > .entry GtkImage:active, .entry GtkImage:active { color: #449ac2; } .spinbutton:not(.vertical) GtkImage:backdrop, GeditWindow > .entry GtkImage:backdrop, .entry GtkImage:backdrop { color: #9ba2a6; } .spinbutton:not(.vertical) GtkImage.left, GeditWindow > .entry GtkImage.left, .entry GtkImage.left { padding-left: 0; padding-right: 6px; } .spinbutton:not(.vertical) GtkImage.right, GeditWindow > .entry GtkImage.right, .entry GtkImage.right { padding-left: 6px; padding-right: 0; } .spinbutton:not(.vertical) .undershoot.left, GeditWindow > .entry .undershoot.left, .entry .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; box-shadow: none; } .spinbutton:not(.vertical) .undershoot.right, GeditWindow > .entry .undershoot.right, .entry .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; box-shadow: none; } .flat.spinbutton:focus:not(.vertical), GeditWindow > .flat.entry:focus, .flat.spinbutton:not(.vertical), GeditWindow > .flat.entry, .entry.flat:focus, .entry.flat { padding: 2px; background-image: none; border-color: transparent; border-radius: 0; } .spinbutton:focus:not(.vertical), GeditWindow > .entry:focus, .entry:focus { box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); border-color: #347d9f; } .spinbutton:insensitive:not(.vertical), GeditWindow > .entry:insensitive, .entry:insensitive { color: #a7acae; border-color: #373e41; background-color: #5a656b; box-shadow: none; } .spinbutton:backdrop:not(.vertical), GeditWindow > .entry:backdrop, .entry:backdrop { color: #e2e5e6; border-color: #394144; background-color: #6c7c84; box-shadow: none; transition: 200ms ease-out; } .spinbutton:backdrop:insensitive:not(.vertical), GeditWindow > .entry:backdrop:insensitive, .entry:backdrop:insensitive { color: #727f85; border-color: #394144; background-color: #5a656b; box-shadow: none; } .spinbutton:backdrop:insensitive:not(.vertical), GeditWindow > .entry:backdrop:insensitive, .entry:backdrop:insensitive { color: #727f85; border-color: #394144; background-color: #5a656b; box-shadow: none; } .error.spinbutton:not(.vertical), GeditWindow > .error.entry, .entry.error { color: #f34235; border-color: #6f0e07; } .error.spinbutton:focus:not(.vertical), GeditWindow > .error.entry:focus, .entry.error:focus { box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); border-color: #6f0e07; } .error.spinbutton:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, .error.spinbutton:selected:not(.vertical), GeditWindow > .error.entry:selected, .entry.error:selected:focus, .entry.error:selected { background-color: #f34235; } .warning.spinbutton:not(.vertical), GeditWindow > .warning.entry, .entry.warning { color: #fec006; border-color: #513d00; } .warning.spinbutton:focus:not(.vertical), GeditWindow > .warning.entry:focus, .entry.warning:focus { box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); border-color: #513d00; } .warning.spinbutton:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, .warning.spinbutton:selected:not(.vertical), GeditWindow > .warning.entry:selected, .entry.warning:selected:focus, .entry.warning:selected { background-color: #fec006; } .spinbutton:not(.vertical) .progressbar, GeditWindow > .entry .progressbar, .entry .progressbar { margin: 2px -6px; background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #449ac2; border-style: solid; box-shadow: none; } .spinbutton:not(.vertical) .progressbar:backdrop, GeditWindow > .entry .progressbar:backdrop, .entry .progressbar:backdrop { background-color: transparent; } .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > .entry:focus + .spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .entry, GeditWindow.linked:not(.vertical) > .entry:focus + .entry, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + button, GeditWindow.linked:not(.vertical) > .entry:focus + button, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + combobox > box > button.combo, GeditWindow.linked:not(.vertical) > .entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .entry:focus + .spinbutton:not(.vertical), GeditWindow.linked:not(.vertical) > .entry:focus + .entry, .linked:not(.vertical) > .entry:focus + button, .linked:not(.vertical) > .entry:focus + combobox > box > button.combo, .linked:not(.vertical) > .spinbutton:focus:not(.vertical) + .entry, GeditWindow.linked:not(.vertical) > .entry:focus + .entry, .linked:not(.vertical) > .entry:focus + .entry { border-left-color: #347d9f; } .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive), GeditWindow.linked.vertical > .entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .spinbutton:not(:insensitive):not(.vertical), GeditWindow.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .entry:not(:insensitive), GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive), .linked.vertical > .entry:not(:insensitive) + entry:not(:insensitive), .linked.vertical > .entry:not(:insensitive) + .spinbutton:not(:insensitive):not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive) { border-top-color: #5b676e; background-color: #6a7981; } .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + entry:not(:insensitive):backdrop, GeditWindow.linked.vertical > .entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .spinbutton:not(:insensitive):backdrop:not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .spinbutton:not(:insensitive):backdrop:not(.vertical), GeditWindow.linked.vertical > .spinbutton:not(:insensitive):not(.vertical) + .entry:not(:insensitive):backdrop, GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive):backdrop, .linked.vertical > .entry:not(:insensitive) + entry:not(:insensitive):backdrop, .linked.vertical > .entry:not(:insensitive) + .spinbutton:not(:insensitive):backdrop:not(.vertical), GeditWindow.linked.vertical > .entry:not(:insensitive) + .entry:not(:insensitive):backdrop { border-top-color: #5d6a71; background-color: #6c7c84; } .linked.vertical > .spinbutton:insensitive:not(.vertical) + .spinbutton:insensitive:not(.vertical), GeditWindow.linked.vertical > .entry:insensitive + .spinbutton:insensitive:not(.vertical), GeditWindow.linked.vertical > .spinbutton:insensitive:not(.vertical) + .entry:insensitive, GeditWindow.linked.vertical > .entry:insensitive + .entry:insensitive, .linked.vertical > .entry:insensitive + .spinbutton:insensitive:not(.vertical), GeditWindow.linked.vertical > .entry:insensitive + .entry:insensitive { border-top-color: #5b676e; } .linked.vertical > .spinbutton:not(.vertical) + .spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .entry + .spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .spinbutton:not(.vertical) + .entry:focus:not(:only-child), GeditWindow.linked.vertical > .entry + .entry:focus:not(:only-child), .linked.vertical > .entry + .spinbutton:focus:not(:only-child):not(.vertical), GeditWindow.linked.vertical > .entry + .entry:focus:not(:only-child) { border-top-color: #347d9f; } .linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .spinbutton:not(.vertical), GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .spinbutton:not(.vertical), GeditWindow.linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .entry, GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + .button, GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .button, .linked.vertical > .spinbutton:focus:not(:only-child):not(.vertical) + GtkComboBox > box > .button.combo, GeditWindow.linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > box > .button.combo, .linked.vertical > .entry:focus:not(:only-child) + .spinbutton:not(.vertical), GeditWindow.linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .entry:focus:not(:only-child) + .entry, .linked.vertical > .entry:focus:not(:only-child) + .button, .linked.vertical > .entry:focus:not(:only-child) + GtkComboBox > box > .button.combo { border-top-color: #347d9f; } GtkTreeView .acceleditor > GtkLabel { background-color: #449ac2; } GtkTreeView .entry.flat, GtkTreeView .entry { border-radius: 0; background-image: none; background-color: #6a7981; } GtkTreeView .entry.flat:focus, GtkTreeView .entry:focus { border-color: #449ac2; } /************* * Expanders * *************/ expander .arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } expander .arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander .arrow:hover { color: white; } expander .arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /**************** * Floating Bar * ****************/ .floating-bar { background-color: #4F585C; padding-top: 1px; border-width: 1px; border-style: solid solid none; border-color: #373e41; border-radius: 3px 3px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } .floating-bar.bottom.left { border-left-style: none; border-top-left-radius: 0; border-top-right-radius: 4px; } .floating-bar.bottom.right { border-right-style: none; border-top-right-radius: 0; border-top-left-radius: 4px; } .floating-bar > .button { padding: 4px; } .floating-bar:backdrop { background-color: #4F585C; border-color: #394144; } /********** * Frames * **********/ .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #373e41; } .frame.flat { border-style: none; } .frame:backdrop { border-color: #394144; } GtkScrolledWindow GtkViewport.frame { border-style: none; } GtkScrolledWindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } GtkScrolledWindow overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } GtkScrolledWindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } GtkScrolledWindow overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } GtkScrolledWindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } GtkScrolledWindow overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } GtkScrolledWindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#202425), to(rgba(32, 36, 37, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } GtkScrolledWindow overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#394144), to(rgba(57, 65, 68, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } GtkScrolledWindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-top: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center top; border: none; box-shadow: none; } GtkScrolledWindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-bottom: 1px; background-size: 10px 1px; background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; border: none; box-shadow: none; } GtkScrolledWindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-left: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: left center; border: none; box-shadow: none; } GtkScrolledWindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); padding-right: 1px; background-size: 1px 10px; background-repeat: repeat-y; background-origin: content-box; background-position: right center; border: none; box-shadow: none; } GtkScrolledWindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #373e41 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #5d696f; } GtkScrolledWindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } GtkScrolledWindow junction:backdrop { border-image-source: linear-gradient(to bottom, #394144 1px, transparent 1px); background-color: #485054; transition: 200ms ease-out; } .separator { background: rgba(0, 0, 0, 0.1); } /************ * Popovers * ************/ GraniteWidgetsPopOver { -GraniteWidgetsPopOver-arrow-width: 21; -GraniteWidgetsPopOver-arrow-height: 10; -GraniteWidgetsPopOver-border-radius: 8px; -GraniteWidgetsPopOver-border-width: 0; -GraniteWidgetsPopOver-shadow-size: 12; border: 1px solid #6a7981; background: #6a7981; color: white; } GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { color: #449ac2; } GraniteWidgetsPopOver > .frame { border: none; } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver GtkIconView.sidebar { border: none; background: none; } GraniteWidgetsStaticNotebook .frame { border: none; } .popover_bg { background-color: #6a7981; border: 1px solid #6a7981; color: white; } /*********** * Welcome * **********/ GraniteWidgetsWelcome { background-color: #6a7981; } GraniteWidgetsWelcome GtkLabel { color: white; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { color: rgba(255, 255, 255, 0.8); } /************** * Source List * ***************/ .source-list { -GtkTreeView-horizontal-separator: 4px; -GtkTreeView-vertical-separator: 4px; background-color: #4F585C; border: solid #373e41; color: white; border-right-width: 1px; } .source-list .view, .source-list GtkIconView { border-width: 0; border-style: solid; border-color: #373e41; } .source-list .category-expander { border: none; color: white; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); color: #4F585C; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { background-color: rgba(0, 0, 0, 0.2); color: #434b4e; } .source-list .list-row { border: none; padding: 0; } .source-list .list-row > GtkLabel { padding-left: 6px; padding-right: 6px; } .source-list.sidebar { border-width: 0; border-style: solid; border-color: #373e41; } .source-list.sidebar.left, .source-list.sidebar.right { border-width: 0; } /************** * Text Styles * **************/ .h1 { font-size: 24px; } .h2 { font-weight: 300; font-size: 18px; } .h3 { font-size: 9px; } .h4 { font-weight: bold; font-size: 9px; } .category-label { font-size: 9px; padding: 6px; color: rgba(255, 255, 255, 0.9); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } /************** * Storage Bar * **************/ .storage-bar .trough { border: none; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); background-image: none; background-color: transparent; padding: 8px 6px; } .storage-bar .fill-block { background-color: #fec006; border: none; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; padding: 8px 6px; } .storage-bar .fill-block:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block.empty-block { background-color: #6a7981; } .storage-bar .fill-block.app { background-color: #2095f2; } .storage-bar .fill-block.audio { background-color: #fe9700; } .storage-bar .fill-block.photo { background-color: #f34235; } .storage-bar .fill-block.video { background-color: #9b26af; } .storage-bar .fill-block .legend { padding: 12px; border-radius: 4px; } /*************** * Header Bars * ***************/ .titlebar:not(headerbar), .header-bar { padding: 0 8px; border: none; border-radius: 4px 4px 0 0; background-color: #3B4245; color: rgba(255, 255, 255, 0.8); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } .titlebar:backdrop:not(headerbar), .header-bar:backdrop { background-color: #3B4245; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; } .titlebar:not(headerbar) .title, .header-bar .title { font-weight: bold; padding-left: 12px; padding-right: 12px; color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .title:backdrop, .header-bar .title:backdrop { color: rgba(255, 255, 255, 0.6); } .titlebar:not(headerbar) .subtitle, .header-bar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; color: rgba(255, 255, 255, 0.8); } .selection-mode.titlebar:not(headerbar), .header-bar.selection-mode { border-radius: 4px 4px 0 0; color: #ffffff; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); border-color: #347d9f; background-color: #347D9F; box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } .selection-mode.titlebar:backdrop:not(headerbar), .header-bar.selection-mode:backdrop { background-color: #275f79; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .header-bar.selection-mode .selection-menu:backdrop, .header-bar.selection-mode .selection-menu { border-color: rgba(68, 154, 194, 0); background-color: rgba(68, 154, 194, 0); box-shadow: none; text-shadow: none; padding-left: 10px; padding-right: 10px; } .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, .header-bar.selection-mode .selection-menu:backdrop GtkArrow, .header-bar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .header-bar.selection-mode .selection-menu:backdrop .arrow, .header-bar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; } .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled .header-bar:backdrop, .tiled .header-bar, .maximized .header-bar:backdrop, .maximized .header-bar { border-radius: 0; } .default-decoration.titlebar:not(headerbar), .header-bar.default-decoration { padding: 6px; background-color: #3B4245; color: rgba(255, 255, 255, 0.8); } .default-decoration.titlebar:not(headerbar) .maximized, .header-bar.default-decoration .maximized { padding: 6px; border-radius: 0; } .default-decoration.titlebar:backdrop:not(headerbar), .header-bar.default-decoration:backdrop { background-color: #2f3537; color: rgba(255, 255, 255, 0.6); } .titlebar:not(headerbar) .entry, .header-bar .entry { margin: 6px 0; border-radius: 2px; padding: 4px; border: none; box-shadow: none; background: rgba(106, 121, 129, 0.95); color: white; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .titlebar:not(headerbar) .entry > .image, .header-bar .entry > .image { padding-right: 6px; color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .entry:active, .titlebar:not(headerbar) .entry:focus, .header-bar .entry:active, .header-bar .entry:focus { background: #6a7981; color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .titlebar:not(headerbar) .entry:active > .image, .titlebar:not(headerbar) .entry:focus > .image, .header-bar .entry:active > .image, .header-bar .entry:focus > .image { padding-right: 6px; color: white; } .titlebar:not(headerbar) .entry:active:backdrop, .titlebar:not(headerbar) .entry:focus:backdrop, .header-bar .entry:active:backdrop, .header-bar .entry:focus:backdrop { background: rgba(106, 121, 129, 0.8); color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:insensitive, .header-bar .entry:insensitive { background: rgba(106, 121, 129, 0.6); color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:insensitive > .image, .header-bar .entry:insensitive > .image { padding-right: 6px; color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) .entry:insensitive:backdrop, .header-bar .entry:insensitive:backdrop { background: rgba(106, 121, 129, 0.5); color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:backdrop, .header-bar .entry:backdrop { background: rgba(106, 121, 129, 0.8); color: rgba(255, 255, 255, 0.5); box-shadow: none; } .titlebar:not(headerbar) .entry:backdrop > .image, .header-bar .entry:backdrop > .image { color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) .button, .header-bar .button { background-color: transparent; background-image: none; border-radius: 0px; border: none; box-shadow: none; -gtk-icon-shadow: none; margin: 0; padding: 10px; text-shadow: none; } .titlebar:not(headerbar) .button.back-button, .titlebar:not(headerbar) .button.suggested-action, .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.text-button, .titlebar:not(headerbar) .button.image-button, .titlebar:not(headerbar) .button.linked, .titlebar:not(headerbar) .button.flat, .header-bar .button.back-button, .header-bar .button.suggested-action, .header-bar .button.menu-button, .header-bar .button.text-button, .header-bar .button.image-button, .header-bar .button.linked, .header-bar .button.flat { background-color: transparent; background-image: none; border-radius: 0px; border: none; box-shadow: none; -gtk-icon-shadow: none; margin: 0; padding: 10px; text-shadow: none; color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .button.back-button:backdrop, .titlebar:not(headerbar) .button.suggested-action:backdrop, .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.text-button:backdrop, .titlebar:not(headerbar) .button.image-button:backdrop, .titlebar:not(headerbar) .button.linked:backdrop, .titlebar:not(headerbar) .button.flat:backdrop, .header-bar .button.back-button:backdrop, .header-bar .button.suggested-action:backdrop, .header-bar .button.menu-button:backdrop, .header-bar .button.text-button:backdrop, .header-bar .button.image-button:backdrop, .header-bar .button.linked:backdrop, .header-bar .button.flat:backdrop { background-color: transparent; background-image: none; text-shadow: none; color: rgba(255, 255, 255, 0.6); } .titlebar:not(headerbar) .button.back-button:hover, .titlebar:not(headerbar) .button.suggested-action:hover, .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.text-button:hover, .titlebar:not(headerbar) .button.image-button:hover, .titlebar:not(headerbar) .button.linked:hover, .titlebar:not(headerbar) .button.flat:hover, .header-bar .button.back-button:hover, .header-bar .button.suggested-action:hover, .header-bar .button.menu-button:hover, .header-bar .button.text-button:hover, .header-bar .button.image-button:hover, .header-bar .button.linked:hover, .header-bar .button.flat:hover { background-image: none; background-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); box-shadow: none; text-shadow: none; } .titlebar:not(headerbar) .button GtkLabel, .titlebar:not(headerbar) .button GtkImage, .header-bar .button GtkLabel, .header-bar .button GtkImage { color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .button GtkLabel:backdrop, .titlebar:not(headerbar) .button GtkLabel:insensitive, .titlebar:not(headerbar) .button GtkImage:backdrop, .titlebar:not(headerbar) .button GtkImage:insensitive, .header-bar .button GtkLabel:backdrop, .header-bar .button GtkLabel:insensitive, .header-bar .button GtkImage:backdrop, .header-bar .button GtkImage:insensitive { color: rgba(255, 255, 255, 0.6); -gtk-icon-effect: dim; } .titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover, .header-bar .button:focus, .header-bar .button:hover { background-image: none; background-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); box-shadow: none; text-shadow: none; } .titlebar:not(headerbar) .button:backdrop, .header-bar .button:backdrop { background-color: transparent; background-image: none; color: rgba(255, 255, 255, 0.6); } .titlebar:not(headerbar) .button:backdrop GtkImage, .header-bar .button:backdrop GtkImage { color: rgba(255, 255, 255, 0.6); } .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, .header-bar .button:active, .header-bar .button:checked { border-radius: 0px; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); background-color: transparent; background-image: none; color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .button:active:backdrop, .titlebar:not(headerbar) .button:checked:backdrop, .header-bar .button:active:backdrop, .header-bar .button:checked:backdrop { background-color: transparent; background-image: none; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.6); } .titlebar:not(headerbar) .button:active:focus, .titlebar:not(headerbar) .button:active:hover, .titlebar:not(headerbar) .button:checked:focus, .titlebar:not(headerbar) .button:checked:hover, .header-bar .button:active:focus, .header-bar .button:active:hover, .header-bar .button:checked:focus, .header-bar .button:checked:hover { background-image: none; background-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .button:insensitive, .titlebar:not(headerbar) .button:insensitive:backdrop, .header-bar .button:insensitive, .header-bar .button:insensitive:backdrop { color: rgba(255, 255, 255, 0.6); background-color: transparent; background-image: none; } .titlebar:not(headerbar) .button:insensitive GtkImage, .titlebar:not(headerbar) .button:insensitive:backdrop GtkImage, .header-bar .button:insensitive GtkImage, .header-bar .button:insensitive:backdrop GtkImage { -gtk-icon-effect: dim; } .titlebar:not(headerbar) .button.titlebutton, .header-bar .button.titlebutton { background-color: transparent; background-image: none; border-radius: 50%; border: none; box-shadow: none; -gtk-icon-shadow: none; margin: 0; padding: 1px; text-shadow: none; color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .button.titlebutton:hover, .header-bar .button.titlebutton:hover { background-color: rgba(255, 255, 255, 0); color: rgba(255, 255, 255, 0.8); } .titlebar:not(headerbar) .button.titlebutton:backdrop, .header-bar .button.titlebutton:backdrop { background-color: transparent; color: rgba(255, 255, 255, 0.6); } .titlebar:not(headerbar) .button.titlebutton:active, .header-bar .button.titlebutton:active { background-color: rgba(255, 255, 255, 0.8); color: #3B4245; border-radius: 50%; box-shadow: none; } .titlebar:not(headerbar) .button.titlebutton:active GtkImage, .header-bar .button.titlebutton:active GtkImage { color: #3B4245; } .titlebar:not(headerbar) .button.menu-button .menu .menuitem GtkLabel, .header-bar .button.menu-button .menu .menuitem GtkLabel { color: white; } .titlebar:not(headerbar) .button.menu-button .menu .menuitem GtkLabel:insensitive, .header-bar .button.menu-button .menu .menuitem GtkLabel:insensitive { color: #a7acae; } .titlebar:not(headerbar) .button.menu-button .menu .menuitem .separator, .header-bar .button.menu-button .menu .menuitem .separator { color: #373e41; } .titlebar:not(headerbar) .button.menu-button .menu .menuitem:hover GtkLabel, .header-bar .button.menu-button .menu .menuitem:hover GtkLabel { color: #ffffff; } .titlebar:not(headerbar) .button.suggested-action, .header-bar .button.suggested-action { font-weight: bold; padding: 0; padding: 5px 10px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.8); color: #449ac2; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .titlebar:not(headerbar) .button.suggested-action GtkLabel, .header-bar .button.suggested-action GtkLabel { color: #449ac2; } .titlebar:not(headerbar) .button.suggested-action:hover, .header-bar .button.suggested-action:hover { background-color: rgba(255, 255, 255, 0.8); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .titlebar:not(headerbar) .button.suggested-action:hover GtkLabel, .header-bar .button.suggested-action:hover GtkLabel { color: #449ac2; } .titlebar:not(headerbar) .button.suggested-action:hover:backdrop, .header-bar .button.suggested-action:hover:backdrop { background-color: rgba(255, 255, 255, 0.6); box-shadow: none; } .titlebar:not(headerbar) .button.suggested-action:hover:backdrop GtkLabel, .header-bar .button.suggested-action:hover:backdrop GtkLabel { color: rgba(68, 154, 194, 0.8); } .titlebar:not(headerbar) .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { background-color: rgba(0, 0, 0, 0.1); box-shadow: none; } .titlebar:not(headerbar) .button.suggested-action:insensitive GtkLabel, .header-bar .button.suggested-action:insensitive GtkLabel { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .button.suggested-action:insensitive:backdrop, .header-bar .button.suggested-action:insensitive:backdrop { background-color: rgba(0, 0, 0, 0.1); box-shadow: none; } .titlebar:not(headerbar) .button.suggested-action:insensitive:backdrop GtkLabel, .header-bar .button.suggested-action:insensitive:backdrop GtkLabel { color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { background-color: rgba(255, 255, 255, 0); box-shadow: none; } .titlebar:not(headerbar) .button.suggested-action:backdrop GtkLabel, .header-bar .button.suggested-action:backdrop GtkLabel { color: rgba(68, 154, 194, 0.2); } .titlebar:not(headerbar) .button.linked:first-child, .titlebar:not(headerbar) .button.linked:last-child, .header-bar .button.linked:first-child, .header-bar .button.linked:last-child { border-radius: 0; } .titlebar:not(headerbar) .separator, .header-bar .separator { color: transparent; background-color: transparent; } .titlebar, .titlebar:backdrop { border-top-left-radius: 4px; border-top-right-radius: 4px; } .separator:first-child + .header-bar, .separator:first-child + .header-bar:backdrop, separator:first-child + .header-bar, separator:first-child + .header-bar:backdrop, .header-bar:first-child, .header-bar:first-child:backdrop { border-top-left-radius: 4px; } .header-bar:last-child, .header-bar:last-child:backdrop { border-top-right-radius: 4px; } window.csd > .titlebar:not(headerbar) { padding: 0; background-color: #3B4245; background-image: none; border-style: none; border-color: transparent; box-shadow: none; } window.csd > .titlebar:not(headerbar):backdrop { background-color: #2f3537; } /************** * GtkInfoBar * **************/ .info, .warning, .question, .error, GtkInfoBar, infobar { text-shadow: none; color: white; background-color: #4F585C; border-bottom: 1px solid #373e41; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } .info, .warning, .question, .error { text-shadow: none; color: #ffffff; border: none; } .info .label, .warning .label, .question .label, .error .label { color: #ffffff; } .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { color: rgba(255, 255, 255, 0.5); } .info .button, .warning .button, .question .button, .error .button, .info button, .warning button, .question button, .error button { border-radius: 2px; border: none; background: rgba(106, 121, 129, 0.95); color: white; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .info .button .label, .warning .button .label, .question .button .label, .error .button .label, .info button .label, .warning button .label, .question button .label, .error button .label { color: white; } .info .button:active, .warning .button:active, .question .button:active, .error .button:active, .info button:active, .warning button:active, .question button:active, .error button:active { background: #6a7981; color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info .button:active:backdrop, .warning .button:active:backdrop, .question .button:active:backdrop, .error .button:active:backdrop, .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { background: rgba(106, 121, 129, 0.8); color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info .button:hover, .warning .button:hover, .question .button:hover, .error .button:hover, .info .button:focus, .warning .button:focus, .question .button:focus, .error .button:focus, .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info .button:insensitive, .warning .button:insensitive, .question .button:insensitive, .error .button:insensitive, .info button:insensitive, .warning button:insensitive, .question button:insensitive, .error button:insensitive { background: rgba(106, 121, 129, 0.6); color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info .button:insensitive:backdrop, .warning .button:insensitive:backdrop, .question .button:insensitive:backdrop, .error .button:insensitive:backdrop, .info button:insensitive:backdrop, .warning button:insensitive:backdrop, .question button:insensitive:backdrop, .error button:insensitive:backdrop { background: rgba(106, 121, 129, 0.5); color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info .button:backdrop, .warning .button:backdrop, .question .button:backdrop, .error .button:backdrop, .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { background: rgba(106, 121, 129, 0.8); color: rgba(255, 255, 255, 0.5); box-shadow: none; } .info { background-color: #2095f2; } .info:backdrop { background-color: #50acf5; color: rgba(255, 255, 255, 0.5); } .warning { background-color: #fec006; } .warning:backdrop { background-color: #fecd39; color: rgba(255, 255, 255, 0.5); } .question { background-color: #4bae4f; } .question:backdrop { background-color: #6cc070; color: rgba(255, 255, 255, 0.5); } .error { background-color: #f34235; } .error:backdrop { background-color: #f66f65; color: rgba(255, 255, 255, 0.5); } /************* * Level Bar * *************/ GtkLevelBar, .level-bar { -GtkLevelBar-min-block-width: 32; -GtkLevelBar-min-block-height: 8; } GtkLevelBar:backdrop, .level-bar:backdrop { transition: 200ms ease-out; } GtkLevelBar .trough, .level-bar .trough { margin: 0; padding: 2px; border-radius: 3px; } GtkLevelBar.horizontal.indicator-discrete.fill-block, .level-bar.horizontal.indicator-discrete.fill-block { margin: 0 1px; } GtkLevelBar.horizontal.discrete block, .level-bar.horizontal.discrete block { margin: 0 1px; } GtkLevelBar.vertical.indicator-discrete.fill-block, .level-bar.vertical.indicator-discrete.fill-block { margin: 1px 0; } GtkLevelBar.vertical.discrete block, .level-bar.vertical.discrete block { margin: 1px 0; } GtkLevelBar.vertical .fill-block, GtkLevelBar .level-bar.vertical .fill-block, .level-bar.vertical GtkLevelBar .fill-block, GtkLevelBar .fill-block, .level-bar GtkLevelBar.vertical .fill-block, GtkLevelBar.vertical .level-bar .fill-block, .level-bar.vertical .fill-block, .level-bar .fill-block { border-radius: 2px; } GtkLevelBar.vertical .low.fill-block, GtkLevelBar .level-bar.vertical .low.fill-block, .level-bar.vertical GtkLevelBar .low.fill-block, GtkLevelBar.vertical .level-low.fill-block, GtkLevelBar .level-bar.vertical .level-low.fill-block, .level-bar.vertical GtkLevelBar .level-low.fill-block, GtkLevelBar .fill-block.low, GtkLevelBar .fill-block.level-low, .level-bar GtkLevelBar.vertical .low.fill-block, GtkLevelBar.vertical .level-bar .low.fill-block, .level-bar.vertical .low.fill-block, .level-bar GtkLevelBar.vertical .level-low.fill-block, GtkLevelBar.vertical .level-bar .level-low.fill-block, .level-bar.vertical .level-low.fill-block, .level-bar .fill-block.low, .level-bar .fill-block.level-low { border: 1px solid #d09c01; background-color: #fec006; } GtkLevelBar.vertical .low.fill-block:backdrop, GtkLevelBar .level-bar.vertical .low.fill-block:backdrop, .level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop, GtkLevelBar .level-bar.vertical .level-low.fill-block:backdrop, .level-bar.vertical GtkLevelBar .level-low.fill-block:backdrop, GtkLevelBar .fill-block.low:backdrop, GtkLevelBar .fill-block.level-low:backdrop, .level-bar GtkLevelBar.vertical .low.fill-block:backdrop, GtkLevelBar.vertical .level-bar .low.fill-block:backdrop, .level-bar.vertical .low.fill-block:backdrop, .level-bar GtkLevelBar.vertical .level-low.fill-block:backdrop, GtkLevelBar.vertical .level-bar .level-low.fill-block:backdrop, .level-bar.vertical .level-low.fill-block:backdrop, .level-bar .fill-block.low:backdrop, .level-bar .fill-block.level-low:backdrop { border: 1px solid #fec006; } GtkLevelBar.vertical .high.fill-block, GtkLevelBar .level-bar.vertical .high.fill-block, .level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block, GtkLevelBar .level-bar.vertical .level-high.fill-block, .level-bar.vertical GtkLevelBar .level-high.fill-block, GtkLevelBar .fill-block.high, GtkLevelBar .fill-block.level-high, .level-bar GtkLevelBar.vertical .high.fill-block, GtkLevelBar.vertical .level-bar .high.fill-block, .level-bar.vertical .high.fill-block, .level-bar GtkLevelBar.vertical .level-high.fill-block, GtkLevelBar.vertical .level-bar .level-high.fill-block, .level-bar.vertical .level-high.fill-block, .level-bar .fill-block.high, .level-bar .fill-block.level-high { border: 1px solid #347d9f; background-color: #449ac2; } GtkLevelBar.vertical .high.fill-block:backdrop, GtkLevelBar .level-bar.vertical .high.fill-block:backdrop, .level-bar.vertical GtkLevelBar .high.fill-block:backdrop, GtkLevelBar.vertical .level-high.fill-block:backdrop, GtkLevelBar .level-bar.vertical .level-high.fill-block:backdrop, .level-bar.vertical GtkLevelBar .level-high.fill-block:backdrop, GtkLevelBar .fill-block.high:backdrop, GtkLevelBar .fill-block.level-high:backdrop, .level-bar GtkLevelBar.vertical .high.fill-block:backdrop, GtkLevelBar.vertical .level-bar .high.fill-block:backdrop, .level-bar.vertical .high.fill-block:backdrop, .level-bar GtkLevelBar.vertical .level-high.fill-block:backdrop, GtkLevelBar.vertical .level-bar .level-high.fill-block:backdrop, .level-bar.vertical .level-high.fill-block:backdrop, .level-bar .fill-block.high:backdrop, .level-bar .fill-block.level-high:backdrop { border: 1px solid #449ac2; } GtkLevelBar.vertical .full.fill-block, GtkLevelBar .level-bar.vertical .full.fill-block, .level-bar.vertical GtkLevelBar .full.fill-block, GtkLevelBar.vertical .level-full.fill-block, GtkLevelBar .level-bar.vertical .level-full.fill-block, .level-bar.vertical GtkLevelBar .level-full.fill-block, GtkLevelBar .fill-block.full, GtkLevelBar .fill-block.level-full, .level-bar GtkLevelBar.vertical .full.fill-block, GtkLevelBar.vertical .level-bar .full.fill-block, .level-bar.vertical .full.fill-block, .level-bar GtkLevelBar.vertical .level-full.fill-block, GtkLevelBar.vertical .level-bar .level-full.fill-block, .level-bar.vertical .level-full.fill-block, .level-bar .fill-block.full, .level-bar .fill-block.level-full { border: 1px solid #2c672f; background-color: #3c8a3f; } GtkLevelBar.vertical .full.fill-block:backdrop, GtkLevelBar .level-bar.vertical .full.fill-block:backdrop, .level-bar.vertical GtkLevelBar .full.fill-block:backdrop, GtkLevelBar.vertical .level-full.fill-block:backdrop, GtkLevelBar .level-bar.vertical .level-full.fill-block:backdrop, .level-bar.vertical GtkLevelBar .level-full.fill-block:backdrop, GtkLevelBar .fill-block.full:backdrop, GtkLevelBar .fill-block.level-full:backdrop, .level-bar GtkLevelBar.vertical .full.fill-block:backdrop, GtkLevelBar.vertical .level-bar .full.fill-block:backdrop, .level-bar.vertical .full.fill-block:backdrop, .level-bar GtkLevelBar.vertical .level-full.fill-block:backdrop, GtkLevelBar.vertical .level-bar .level-full.fill-block:backdrop, .level-bar.vertical .level-full.fill-block:backdrop, .level-bar .fill-block.full:backdrop, .level-bar .fill-block.level-full:backdrop { border: 1px solid #3c8a3f; } GtkLevelBar.vertical .empty.fill-block, GtkLevelBar .level-bar.vertical .empty.fill-block, .level-bar.vertical GtkLevelBar .empty.fill-block, GtkLevelBar.vertical .level-empty.fill-block, GtkLevelBar .level-bar.vertical .level-empty.fill-block, .level-bar.vertical GtkLevelBar .level-empty.fill-block, GtkLevelBar .fill-block.empty, GtkLevelBar .fill-block.level-empty, .level-bar GtkLevelBar.vertical .empty.fill-block, GtkLevelBar.vertical .level-bar .empty.fill-block, .level-bar.vertical .empty.fill-block, .level-bar GtkLevelBar.vertical .level-empty.fill-block, GtkLevelBar.vertical .level-bar .level-empty.fill-block, .level-bar.vertical .level-empty.fill-block, .level-bar .fill-block.empty, .level-bar .fill-block.level-empty { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } GtkLevelBar.vertical .empty.fill-block:backdrop, GtkLevelBar .level-bar.vertical .empty.fill-block:backdrop, .level-bar.vertical GtkLevelBar .empty.fill-block:backdrop, GtkLevelBar.vertical .level-empty.fill-block:backdrop, GtkLevelBar .level-bar.vertical .level-empty.fill-block:backdrop, .level-bar.vertical GtkLevelBar .level-empty.fill-block:backdrop, GtkLevelBar .fill-block.empty:backdrop, GtkLevelBar .fill-block.level-empty:backdrop, .level-bar GtkLevelBar.vertical .empty.fill-block:backdrop, GtkLevelBar.vertical .level-bar .empty.fill-block:backdrop, .level-bar.vertical .empty.fill-block:backdrop, .level-bar GtkLevelBar.vertical .level-empty.fill-block:backdrop, GtkLevelBar.vertical .level-bar .level-empty.fill-block:backdrop, .level-bar.vertical .level-empty.fill-block:backdrop, .level-bar .fill-block.empty:backdrop, .level-bar .fill-block.level-empty:backdrop { border-color: rgba(167, 172, 174, 0.15); } GtkLevelBar.vertical, .level-bar.vertical { -GtkLevelBar-min-block-width: 8; -GtkLevelBar-min-block-height: 32; } /********* * Links * *********/ *:link, .button:link, .button:visited { color: blue; } *:link:visited, .button:visited { color: rgba(0, 0, 255, 0.5); } *:selected *:link:visited, *:selected .button:visited { color: #b4d7e7; } *:link:hover, .button:hover:link, .button:hover:visited { color: #3333ff; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #ecf5f9; } *:link:active, .button:active:link, .button:active:visited { color: blue; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #daebf3; } *:link:backdrop:backdrop:hover, .button:backdrop:backdrop:hover:link, .button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, .header-bar.selection-mode .subtitle:backdrop:backdrop:hover:link, .button:backdrop:backdrop:hover:selected:link, .button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, .button:backdrop:link, .button:backdrop:visited { color: #449ac2; } *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #daebf3; } .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 > GtkLabel, .button:visited > GtkLabel { text-decoration-line: underline; } /********* * Lists * *********/ .list { color: white; background-color: #6a7981; border-color: #373e41; } .list:backdrop { background-color: #6c7c84; border-color: #394144; } .list-row { border-radius: 0; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row GtkImage { padding-right: 6px; } .list-row:hover { transition: none; } .list-row:backdrop { transition: 200ms ease-out; } /********* * Menus * *********/ .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); background-color: #3B4245; color: rgba(255, 255, 255, 0.8); } .menubar:backdrop { background-color: #2f3537; } .menubar > .menuitem { padding: 4px 8px; } .menubar > .menuitem:hover { box-shadow: inset 0 -3px #449ac2; color: rgba(255, 255, 255, 0.8); } .menubar > .menuitem:insensitive { color: #a7acae; box-shadow: none; } .content-view .menu, .menu, .popup { padding: 4px 0px; background-color: #65727a; border: 1px solid #373e41; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.3); } .csd .content-view .menu, .csd .menu, .csd .popup { border: none; } .content-view .menu:backdrop, .menu:backdrop, .popup:backdrop { background-color: #66757c; } .content-view .menu .menuitem, .menu .menuitem, .popup .menuitem { padding: 8px 4px; text-shadow: none; } .content-view .menu .menuitem:hover, .menu .menuitem:hover, .popup .menuitem:hover { color: #ffffff; background-color: #449ac2; } .content-view .menu .menuitem:insensitive, .menu .menuitem:insensitive, .popup .menuitem:insensitive { color: #a7acae; } .content-view .menu .menuitem:insensitive:backdrop, .menu .menuitem:insensitive:backdrop, .popup .menuitem:insensitive:backdrop { color: #727f85; } .content-view .menu .menuitem:backdrop, .content-view .menu .menuitem:backdrop:hover, .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover, .popup .menuitem:backdrop, .popup .menuitem:backdrop:hover { color: #a7acae; background-color: transparent; } .content-view .menu .menuitem .arrow:dir(ltr), .menu .menuitem .arrow:dir(ltr), .popup .menuitem .arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } .content-view .menu .menuitem .arrow:dir(rtl), .menu .menuitem .arrow:dir(rtl), .popup .menuitem .arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } .content-view .menu > .arrow, .menu > .arrow, .popup > .arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; padding: 4px; background-color: #65727a; border-radius: 0; } .content-view .menu > .arrow.top, .menu > .arrow.top, .popup > .arrow.top { margin-top: -6px; border-bottom: 1px solid #79868e; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } .content-view .menu > .arrow.bottom, .menu > .arrow.bottom, .popup > .arrow.bottom { margin-bottom: -6px; border-top: 1px solid #79868e; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .content-view .menu > .arrow:hover, .menu > .arrow:hover, .popup > .arrow:hover { background-color: #79868e; } .content-view .menu > .arrow:backdrop, .menu > .arrow:backdrop, .popup > .arrow:backdrop { background-color: #66757c; } .content-view .menu > .arrow:insensitive, .menu > .arrow:insensitive, .popup > .arrow:insensitive { color: transparent; background-color: transparent; border-color: transparent; } .menuitem .accelerator { color: alpha(currentColor,0.55); } .menuitem .check:dir(ltr), .menuitem .radio:dir(ltr) { margin-right: 7px; } .menuitem .check:dir(rtl), .menuitem .radio:dir(rtl) { margin-left: 7px; } /******** * Misc * ********/ .content-view { background-color: #3f4649; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { background-color: #3f4649; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup .button:hover, .scale-popup button:hover { background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; } .separator { color: #373e41; } /************ * Assistant * *************/ GtkAssistant { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } GtkAssistant .sidebar { background-color: #6a7981; border-top: 1px solid #373e41; border-bottom-left-radius: 4px; } GtkAssistant .sidebar:backdrop { background-color: #6c7c84; border-color: #394144; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } GtkAssistant .sidebar GtkLabel.highlight { background-color: #72797d; } /************* * Notebooks * *************/ .dynamic-notebook, .notebook { padding: 0; background-color: #6a7981; box-shadow: 0 0 0 1px #373e41; background-clip: border-box; } .dynamic-notebook > .header, .notebook > .header { border: none; box-shadow: none; background-color: #4F585C; } .dynamic-notebook > tab, .notebook > tab { border-radius: 0; background-color: #4F585C; } .dynamic-notebook > tab.top, .notebook > tab.top { padding: 6px 8px 8px 8px; box-shadow: inset 0 -1px 0 0 #373e41; } .dynamic-notebook > tab.top:active, .notebook > tab.top:active { box-shadow: inset 0 -3px 0 0 #449ac2; } .dynamic-notebook > tab.top:active:backdrop, .notebook > tab.top:active:backdrop { box-shadow: inset 0 -3px 0 0 #57a4c8; } .dynamic-notebook > tab.top:backdrop, .notebook > tab.top:backdrop { box-shadow: inset 0 -1px 0 0 #394144; } .dynamic-notebook > tab.top:insensitive, .notebook > tab.top:insensitive { box-shadow: inset 0 -1px 0 0 #373e41; } .dynamic-notebook > tab.bottom, .notebook > tab.bottom { padding: 8px 8px 6px 8px; box-shadow: inset 0 1px 0 0 #373e41; } .dynamic-notebook > tab.bottom:active, .notebook > tab.bottom:active { box-shadow: inset 0 3px 0 0 #449ac2; } .dynamic-notebook > tab.bottom:active:backdrop, .notebook > tab.bottom:active:backdrop { box-shadow: inset 0 3px 0 0 #57a4c8; } .dynamic-notebook > tab.bottom:backdrop, .notebook > tab.bottom:backdrop { box-shadow: inset 0 1px 0 0 #394144; } .dynamic-notebook > tab.bottom:insensitive, .notebook > tab.bottom:insensitive { box-shadow: inset 0 1px 0 0 #373e41; } .dynamic-notebook > tab.left, .notebook > tab.left { padding: 8px; box-shadow: inset -1px 0 0 0 #373e41; } .dynamic-notebook > tab.left:active, .notebook > tab.left:active { box-shadow: inset -3px 0 0 0 #449ac2; } .dynamic-notebook > tab.left:active:backdrop, .notebook > tab.left:active:backdrop { box-shadow: inset -3px 0 0 0 #57a4c8; } .dynamic-notebook > tab.left:backdrop, .notebook > tab.left:backdrop { box-shadow: inset -1px 0 0 0 #394144; } .dynamic-notebook > tab.left:insensitive, .notebook > tab.left:insensitive { box-shadow: inset -1px 0 0 0 #373e41; } .dynamic-notebook > tab.right, .notebook > tab.right { padding: 8px; box-shadow: inset 1px 0 0 0 #373e41; } .dynamic-notebook > tab.right:active, .notebook > tab.right:active { box-shadow: inset 3px 0 0 0 #449ac2; } .dynamic-notebook > tab.right:active:backdrop, .notebook > tab.right:active:backdrop { box-shadow: inset 3px 0 0 0 #57a4c8; } .dynamic-notebook > tab.right:backdrop, .notebook > tab.right:backdrop { box-shadow: inset 1px 0 0 0 #394144; } .dynamic-notebook > tab.right:insensitive, .notebook > tab.right:insensitive { box-shadow: inset 1px 0 0 0 #373e41; } .dynamic-notebook > tab:active, .notebook > tab:active { font-weight: bold; } .dynamic-notebook > tab:hover, .notebook > tab:hover { background: #434b4e; } /********* * Paned * *********/ .paned { border: solid #373e41; border-left-width: 1px; } .paned > .separator { -gtk-icon-source: none; border-style: none; background-color: #373e41; background-size: 1px 1px; } .paned > .separator:selected { background-color: #449ac2; } .paned > .separator:backdrop { background-color: #394144; } .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; } /************ * Pathbars * ************/ .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; } /************ * Popovers * ************/ .popover .background { padding: 2px; border-radius: 4px; border: none; background-color: #6a7981; } .popover .background:backdrop { background-color: #4F585C; box-shadow: none; } .popover .background > .view, .popover .background > GtkIconView, .popover .background > .toolbar { border-style: none; background-color: transparent; } .csd .popover .background, .popover .background { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.3); } .csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); } .popover .separator { margin: 3px; } .popover .menuitem { padding: 8px; text-shadow: none; } .popover .menuitem:hover { color: #ffffff; background-color: #449ac2; } .popover .menuitem:insensitive { color: #a7acae; } .popover .menuitem:insensitive:backdrop { color: #727f85; } .popover .menuitem:backdrop, .popover .menuitem:backdrop:hover { color: #a7acae; background-color: transparent; } .popover .menuitem .arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } .popover .menuitem .arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } /***************** * Progress bars * *****************/ GtkProgressBar, .progressbar { font-size: smaller; color: rgba(255, 255, 255, 0.4); } GtkProgressBar.horizontal progress, .progressbar.horizontal progress { margin: 0 -1px; } GtkProgressBar.vertical progress, .progressbar.vertical progress { margin: -1px 0; } GtkProgressBar:active, .progressbar:active { border-radius: 0px; color: rgba(0, 0, 0, 0.5); background-color: #449ac2; border-color: #347d9f; } GtkProgressBar:active:backdrop, .progressbar:active:backdrop { background-color: #6bafce; border-color: #449ac2; } GtkProgressBar:backdrop, .progressbar:backdrop { transition: 200ms ease-out; } GtkProgressBar .progressbar, .progressbar .progressbar { border-radius: 0px; } GtkProgressBar .progressbar.left, .progressbar .progressbar.left { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } GtkProgressBar .progressbar.right, .progressbar .progressbar.right { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } GtkProgressBar .progressbar.top, .progressbar .progressbar.top { border-top-right-radius: 0px; border-top-left-radius: 0px; } GtkProgressBar .progressbar.bottom, .progressbar .progressbar.bottom { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } GtkProgressBar.osd, .progressbar.osd { background-color: transparent; } GtkProgressBar.osd .trough, .progressbar.osd .trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } GtkProgressBar.osd .progressbar, .progressbar.osd .progressbar { border-style: none; border-radius: 0; } GtkProgressBar row:selected, GtkProgressBar .list-row:selected, .progressbar row:selected, .progressbar .list-row:selected { border: 1px solid #347d9f; color: rgba(0, 0, 0, 0.5); background-color: #449ac2; } /********** * Scales * **********/ GtkLevelBar .trough, .level-bar .trough, GtkLevelBar.horizontal .trough, GtkLevelBar.vertical .trough, .level-bar.horizontal .trough, .level-bar.vertical .trough, GtkProgressBar, .progressbar, .scale .trough, .scale.fine-tune .trough, .scale fill { border: none; background-color: #6a7981; box-shadow: 0px 1px rgba(255, 255, 255, 0.1); border: 1px solid #373e41; padding: 0; margin: 0; } GtkLevelBar .trough:insensitive, .level-bar .trough:insensitive, GtkProgressBar:insensitive, .progressbar:insensitive, .scale .trough:insensitive, .scale fill:insensitive { background-color: #5a656b; } GtkLevelBar .trough:backdrop, .level-bar .trough:backdrop, GtkProgressBar:backdrop, .progressbar:backdrop, .scale .trough:backdrop, .scale fill:backdrop { background-color: #6c7c84; transition: 200ms ease-out; } GtkLevelBar .trough:backdrop:insensitive, .level-bar .trough:backdrop:insensitive, GtkProgressBar:backdrop:insensitive, .progressbar:backdrop:insensitive, .scale .trough:backdrop:insensitive, .scale fill:backdrop:insensitive { background-color: #5a656b; } row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, row:selected .level-bar .trough, .level-bar row:selected .trough, row:selected GtkProgressBar, row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill { box-shadow: none; } row:selected GtkLevelBar .trough, GtkLevelBar row:selected .trough, row:selected .level-bar .trough, .level-bar row:selected .trough, row:selected GtkProgressBar, row:selected .progressbar, row:selected .scale .trough, .scale row:selected .trough, row:selected .scale fill, .scale row:selected fill, row:selected GtkLevelBar .trough:insensitive, GtkLevelBar row:selected .trough:insensitive, row:selected .level-bar .trough:insensitive, .level-bar row:selected .trough:insensitive, row:selected GtkProgressBar:insensitive, row:selected .progressbar:insensitive, row:selected .scale .trough:insensitive, .scale row:selected .trough:insensitive, row:selected .scale fill:insensitive, .scale row:selected fill:insensitive { border-color: #347d9f; } .osd GtkLevelBar .trough, GtkLevelBar .osd .trough, .osd .level-bar .trough, .level-bar .osd .trough, .osd GtkProgressBar, .osd .progressbar, .osd .scale .trough, .scale .osd .trough, .osd .scale fill, .scale .osd fill { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; outline-color: rgba(228, 230, 231, 0.2); } .osd GtkLevelBar .trough:insensitive, GtkLevelBar .osd .trough:insensitive, .osd .level-bar .trough:insensitive, .level-bar .osd .trough:insensitive, .osd GtkProgressBar:insensitive, .osd .progressbar:insensitive, .osd .scale .trough:insensitive, .scale .osd .trough:insensitive, .osd .scale fill:insensitive, .scale .osd fill:insensitive { background-color: rgba(52, 56, 57, 0.5); } GtkProgressBar .progressbar, .progressbar .progressbar, .scale .highlight, .scale.fine-tune .highlight { border: 1px solid #347d9f; background-color: #449ac2; box-shadow: inset 0px 1px rgba(255, 255, 255, 0.3); border-radius: 4px; } GtkProgressBar .progressbar:insensitive, .progressbar .progressbar:insensitive, .scale .highlight:insensitive { border: 1px solid #373e41; background-color: rgba(0, 0, 0, 0.1); } GtkProgressBar .progressbar:backdrop, .progressbar .progressbar:backdrop, GtkProgressBar:backdrop .progressbar, .progressbar:backdrop .progressbar, GtkProgressBar:backdrop progress, .progressbar:backdrop progress, .scale .highlight:backdrop, GtkProgressBar .progressbar:active:backdrop, .progressbar .progressbar:active:backdrop, GtkProgressBar:backdrop .progressbar:active, .progressbar:backdrop .progressbar:active, GtkProgressBar:backdrop progress:active, .progressbar:backdrop progress:active, .scale .highlight:active:backdrop { border-color: #6bafce; background-color: #6bafce; } GtkProgressBar .progressbar:backdrop:insensitive, .progressbar .progressbar:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:insensitive, .progressbar:backdrop .progressbar:insensitive, GtkProgressBar:backdrop progress:insensitive, .progressbar:backdrop progress:insensitive, .scale .highlight:backdrop:insensitive, GtkProgressBar .progressbar:active:backdrop:insensitive, .progressbar .progressbar:active:backdrop:insensitive, GtkProgressBar:backdrop .progressbar:active:insensitive, .progressbar:backdrop .progressbar:active:insensitive, GtkProgressBar:backdrop progress:active:insensitive, .progressbar:backdrop progress:active:insensitive, .scale .highlight:active:backdrop:insensitive { background-color: transparent; border-color: transparent; } .list-row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar .list-row:selected .progressbar:insensitive, .list-row:selected .progressbar .progressbar:insensitive, .progressbar .list-row:selected .progressbar:insensitive, .list-row:selected .scale .highlight:insensitive, .scale .list-row:selected .highlight:insensitive, .list-row:selected GtkProgressBar .progressbar, GtkProgressBar .list-row:selected .progressbar, .list-row:selected .progressbar .progressbar, .progressbar .list-row:selected .progressbar, .list-row:selected .scale .highlight, .scale .list-row:selected .highlight { border-color: #347d9f; } row:selected GtkProgressBar .progressbar:insensitive, GtkProgressBar row:selected .progressbar:insensitive, row:selected .progressbar .progressbar:insensitive, .progressbar row:selected .progressbar:insensitive, row:selected .scale .highlight:insensitive, .scale row:selected .highlight:insensitive, row:selected GtkProgressBar .progressbar, GtkProgressBar row:selected .progressbar, row:selected .progressbar .progressbar, .progressbar row:selected .progressbar, row:selected .scale .highlight, .scale row:selected .highlight { border-color: #347d9f; } .osd GtkProgressBar .progressbar, GtkProgressBar .osd .progressbar, .osd .progressbar .progressbar, .progressbar .osd .progressbar, .osd .scale .highlight, .scale .osd .highlight { border-color: rgba(0, 0, 0, 0.7); } .osd GtkProgressBar .progressbar:insensitive, GtkProgressBar .osd .progressbar:insensitive, .osd .progressbar .progressbar:insensitive, .progressbar .osd .progressbar:insensitive, .osd .scale .highlight:insensitive, .scale .osd .highlight:insensitive { border-color: transparent; } .scale { -GtkScale-slider-length: 16px; -GtkRange-slider-width: 16px; -GtkRange-trough-border: 0px; padding: 8px; } .scale .highlight { margin: -1px; } .scale .slider { margin: 1px; background-color: #6a7981; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); border: 1px solid #373e41; border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } .scale .slider:active { box-shadow: 0 1px 2px 0 rgba(68, 154, 194, 0.5); border: 1px solid #449ac2; } .scale .slider:active:insensitive { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.2); } .scale .slider:insensitive { box-shadow: none; } .list-row:selected .scale .slider, .list-row:selected .scale .slider:insensitive { border-color: #347d9f; } row:selected .scale .slider, row:selected .scale .slider:insensitive { border-color: #347d9f; } .osd .scale .slider { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #202526; } .osd .scale .slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(60, 69, 71, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } .osd .scale .slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(228, 230, 231, 0.3); } .osd .scale .slider:insensitive { color: #828687; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(52, 56, 57, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd .scale .slider:backdrop { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .scale .trough { border-radius: 2px; margin: 6px; outline-offset: 2px; -gtk-outline-radius: 5px; } .scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; } .scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; } .scale.fine-tune .slider { background-color: #6a7981; border-color: #6a7981; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 12px; box-shadow: none; } .scale.fine-tune .trough { border-radius: 6px; outline-offset: 2px; -gtk-outline-radius: 5px; margin: 2px; } .scale fill { border-radius: 2px; } .scale fill, .scale fill:backdrop { background-color: #373e41; box-shadow: none; } .scale fill:insensitive, .scale fill:insensitive:backdrop { border-color: transparent; background-color: transparent; } .osd .scale fill { background-color: rgba(87, 88, 88, 0.775); } .osd .scale fill:insensitive, .osd .scale fill:insensitive:backdrop { border-color: transparent; background-color: transparent; } .scale value { color: alpha(currentColor,0.4); } .scale marks { color: alpha(currentColor,0.4); } .scale marks.top { margin-bottom: 6px; margin-top: -12px; } .scale marks.bottom { margin-top: 6px; margin-bottom: -12px; } .scale marks.top { margin-right: 6px; margin-left: -12px; } .scale marks.bottom { margin-left: 6px; margin-right: -12px; } .scale.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; } .scale.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; } .scale.fine-tune marks.top { margin-right: 6px; margin-left: -9px; } .scale.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; } /************** * Scrollbars * **************/ .scrollbar { background-color: #5d696f; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } .scrollbar.top { border-bottom: 1px solid #373e41; } .scrollbar.bottom { border-top: 1px solid #373e41; } .scrollbar.left { border-right: 1px solid #373e41; } .scrollbar.right { border-left: 1px solid #373e41; } .scrollbar:backdrop { background-color: #485054; border-color: #394144; transition: 200ms ease-out; } .scrollbar .slider { margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #b9bcbe; } .scrollbar .slider:hover { background-color: #dcdede; } .scrollbar .slider:hover:active { background-color: #6bafce; } .scrollbar .slider:backdrop { background-color: #727a7d; } .scrollbar .slider:insensitive { background-color: transparent; } .scrollbar.fine-tune.horizontal .slider { border-width: 5px 4px; } .scrollbar.fine-tune.vertical .slider { border-width: 4px 5px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; background-color: white; border: 1px solid black; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .button, .scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { background-color: white; background-clip: padding-box; border-radius: 100%; border: 1px solid black; -gtk-icon-source: none; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider, .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .button, .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider { margin: 2px 0; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .button { margin: 2px 1px; } .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { opacity: 0.8; } .scrollbar .button { padding: 0; border-style: none; border-radius: 0; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #b9bcbe; } .scrollbar .button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #dcdede; } .scrollbar .button:active, .scrollbar .button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #6bafce; } .scrollbar .button:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(185, 188, 190, 0.2); } .scrollbar .button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #727a7d; } .scrollbar .button:backdrop:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(114, 122, 125, 0.2); } .scrollbar.vertical .button.down, .scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } .scrollbar.vertical .button.up, .scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } .scrollbar.horizontal .button.down, .scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } .scrollbar.horizontal .button.up, .scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } GtkTreeView ~ .scrollbar.vertical { border-top: 1px solid #373e41; margin-top: -1px; } /********************** * Overlay Scrollbars * *********************/ OsThumb, OsScrollbar { color: #449ac2; } OsThumb:active, OsThumb:selected, OsScrollbar:active, OsScrollbar:selected { background-color: #449ac2; } OsThumb:backdrop, OsThumb:active:backdrop, OsScrollbar:backdrop, OsScrollbar:active:backdrop { background-color: #a7acae; } OsThumb:insensitive, OsScrollbar:insensitive { background-color: #a7acae; } /*********** * Sidebar * ***********/ .sidebar { padding: 0; border-style: solid; background-color: #4F585C; } .sidebar.left { border-right: 1px solid #373e41; border-left-style: none; } .sidebar.right { border-left: 1px solid #373e41; border-right-style: none; } .sidebar:backdrop { background-color: #5e6a70; border-color: #394144; transition: 200ms ease-out; } .sidebar .frame { border-width: 0; border-left-width: 1px; border-right-width: 1px; } .sidebar .sidebar-item, .sidebar .sidebar-row { padding: 5px 8px; } .sidebar .sidebar-item GtkImage, .sidebar .sidebar-row GtkImage { padding-right: 6px; padding-left: 6px; } .sidebar .sidebar-item:selected, .sidebar .sidebar-item:active, .sidebar .sidebar-row:selected, .sidebar .sidebar-row:active { background-color: #449ac2; color: #ffffff; } .sidebar .sidebar-item:selected:hover, .sidebar .sidebar-item:active:hover, .sidebar .sidebar-row:selected:hover, .sidebar .sidebar-row:active:hover { background-color: #449ac2; color: #ffffff; box-shadow: none; } .sidebar .sidebar-item:selected:backdrop, .sidebar .sidebar-item:active:backdrop, .sidebar .sidebar-row:selected:backdrop, .sidebar .sidebar-row:active:backdrop { background-color: #91c3db; } .sidebar .sidebar-item:hover, .sidebar .sidebar-row:hover { background-color: #6a7981; color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .sidebar .sidebar-item:hover:backdrop, .sidebar .sidebar-row:hover:backdrop { box-shadow: none; } .sidebar .separator { color: #373e41; } .paned .sidebar.left, .paned .sidebar.right, .paned .sidebar.left:dir(rtl), .paned .sidebar:dir(rtl), .paned .sidebar:dir(ltr), .paned .sidebar { border-style: none; } /***************** * GtkSpinButton * *****************/ .spinbutton:not(.vertical) .entry { padding: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; } .spinbutton:not(.vertical) .button { margin: 0; padding: 6px; color: #f0f2f2; background-image: none; border-style: none none none solid; border-color: rgba(55, 62, 65, 0.3); border-radius: 0; box-shadow: none; } .spinbutton:not(.vertical) .button:dir(rtl) { border-style: none solid none none; } .spinbutton:not(.vertical) .button:hover { color: white; background-color: rgba(255, 255, 255, 0.05); } .spinbutton:not(.vertical) .button:insensitive { color: rgba(167, 172, 174, 0.3); } .spinbutton:not(.vertical) .button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } .spinbutton:not(.vertical) .button:backdrop { color: #a1a7aa; background-color: transparent; border-color: rgba(57, 65, 68, 0.3); transition: 200ms ease-out; } .spinbutton:not(.vertical) .button:backdrop:insensitive { color: rgba(114, 127, 133, 0.3); background-image: none; border-style: none none none solid; } .spinbutton:not(.vertical) .button:backdrop:insensitive:dir(rtl) { border-style: none solid none none; } .osd .spinbutton:not(.vertical) .button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #e4e6e7; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; } .osd .spinbutton:not(.vertical) .button:dir(rtl) { border-style: none solid none none; } .osd .spinbutton:not(.vertical) .button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(228, 230, 231, 0.1); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #e4e6e7; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:insensitive { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #828687; border-color: rgba(0, 0, 0, 0.5); box-shadow: none; } .osd .spinbutton:not(.vertical) .button:last-child { border-radius: 0 3px 3px 0; } .osd .spinbutton:not(.vertical) .button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } .spinbutton.vertical:insensitive { color: #a7acae; } .spinbutton.vertical:backdrop:insensitive { color: #727f85; } .spinbutton.vertical .entry { padding: 0; border-radius: 0; } .spinbutton.vertical .button { padding: 0; border: none; background: none; box-shadow: none; color: white; } .spinbutton.vertical .button:hover { background-color: #449ac2; color: #ffffff; -gtk-icon-shadow: none; } .spinbutton.vertical .button:active { background-color: transparent; color: white; } .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; } .osd .spinbutton.vertical button:first-child { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(60, 69, 71, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(228, 230, 231, 0.3); } .osd .spinbutton.vertical button:first-child:insensitive { color: #828687; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(52, 56, 57, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .osd .spinbutton.vertical button:first-child:backdrop { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } GtkTreeView .spinbutton:not(.vertical) { border-style: none; border-radius: 0; } GtkTreeView .spinbutton:not(.vertical) .entry { padding: 1px 2px; } /*********** * Spinner * ***********/ .menu.spinner, menu spinner, .primary-toolbar .spinner { color: #449ac2; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } .spinner, spinner { background-image: none; background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active, .spinner:checked, spinner:active, spinner:checked { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive, .spinner:active:insensitive, .spinner:checked:insensitive, .spinner:checked:insensitive, spinner:active:insensitive, spinner:active:insensitive, spinner:checked:insensitive, spinner:checked:insensitive { opacity: 0.5; } /********** * Switch * **********/ GtkSwitch { -GtkSwitch-slider-width: 24px; -GtkSwitch-slider-height: 24px; font-size: 1px; font-weight: bold; outline-offset: -4px; transition: all 200ms ease-in; border: none; border-radius: 14px; color: transparent; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); } GtkSwitch:insensitive { background-color: #5a656b; } GtkSwitch:backdrop { background-color: #4F585C; transition: 200ms ease-out; } GtkSwitch:backdrop:insensitive { background-color: #5a656b; } GtkSwitch:active, GtkSwitch:checked { background-color: #449ac2; } GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop { background-color: #57a4c8; } GtkSwitch:active:backdrop .slider:backdrop, GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop, GtkSwitch:checked:backdrop slider:backdrop { box-shadow: none; background-color: rgba(106, 121, 129, 0.9); border: none; } GtkSwitch .slider { padding: 2px; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #6a7981; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } GtkSwitch .slider:backdrop { padding: 2px; box-shadow: none; background-color: #6a7981; } GtkSwitch .trough:active, GtkSwitch .trough:checked { background-color: #449ac2; } GtkSwitch .trough:active:backdrop, GtkSwitch .trough:checked:backdrop { background-color: #57a4c8; } /************ * Toolbars * ************/ .toolbar { -GtkWidget-window-dragging: true; padding: 0px; background-color: #3B4245; color: rgba(255, 255, 255, 0.8); } .toolbar:backdrop { background-color: #2f3537; color: rgba(255, 255, 255, 0.6); } .osd .toolbar { box-shadow: none; background-color: transparent; } .toolbar .button { background-color: transparent; background-image: none; border-radius: 0px; border: none; box-shadow: none; -gtk-icon-shadow: none; margin: 0; padding: 10px; text-shadow: none; } .toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.menu-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat { background-color: transparent; background-image: none; border-radius: 0px; border: none; box-shadow: none; -gtk-icon-shadow: none; margin: 0; padding: 10px; text-shadow: none; color: rgba(255, 255, 255, 0.8); } .toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.menu-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop { background-color: transparent; background-image: none; text-shadow: none; color: rgba(255, 255, 255, 0.6); } .toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.menu-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover { background-image: none; background-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); box-shadow: none; text-shadow: none; } .toolbar .button.suggested-action:insensitive, .toolbar .button.text-button:insensitive, .toolbar .button.menu-button:insensitive, .toolbar .button.image-button:insensitive, .toolbar .button.linked:insensitive, .toolbar .button.flat:insensitive { color: rgba(255, 255, 255, 0.6); -gtk-icon-effect: dim; } .toolbar .button GtkLabel, .toolbar .button GtkImage { color: rgba(255, 255, 255, 0.8); } .toolbar .button GtkLabel:insensitive, .toolbar .button GtkLabel:backdrop, .toolbar .button GtkImage:insensitive, .toolbar .button GtkImage:backdrop { color: rgba(255, 255, 255, 0.6); -gtk-icon-effect: dim; } .toolbar .button:focus, .toolbar .button:hover { background-image: none; background-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); box-shadow: none; text-shadow: none; } .toolbar .button:backdrop { background-color: transparent; background-image: none; color: rgba(255, 255, 255, 0.6); } .toolbar .button:backdrop GtkImage { color: rgba(255, 255, 255, 0.6); } .toolbar .button:active, .toolbar .button:checked { border-radius: 0px; text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); background-color: transparent; background-image: none; color: rgba(255, 255, 255, 0.8); } .toolbar .button:active:backdrop, .toolbar .button:checked:backdrop { background-color: transparent; background-image: none; color: rgba(255, 255, 255, 0.6); box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.6); } .toolbar .button:active:focus, .toolbar .button:active:hover, .toolbar .button:checked:focus, .toolbar .button:checked:hover { background-image: none; background-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8); } .toolbar .button:insensitive, .toolbar .button:insensitive:backdrop { color: rgba(255, 255, 255, 0.6); background-color: transparent; background-image: none; } .toolbar .button:insensitive image, .toolbar .button:insensitive GtkImage, .toolbar .button:insensitive:backdrop image, .toolbar .button:insensitive:backdrop GtkImage { -gtk-icon-effect: dim; } .toolbar .button.menu-button .menu .menuitem GtkLabel { color: white; } .toolbar .button.menu-button .menu .menuitem GtkLabel:insensitive { color: #a7acae; } .toolbar .button.menu-button .menu .menuitem .separator { color: #373e41; } .toolbar .button.menu-button .menu .menuitem:hover GtkLabel { color: #ffffff; } .toolbar .separator { color: transparent; background-color: transparent; } .toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(32, 37, 38, 0.8); } .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } .toolbar.horizontal separator { margin: 0 7px 1px 6px; } .toolbar.vertical separator { margin: 6px 1px 7px 0; } /******************* * Inline Toolbars * *******************/ searchbar, .search-bar, .location-bar, .inline-toolbar { -GtkWidget-window-dragging: true; background-color: #4a5357; color: white; border: 1px solid #373e41; border-top-width: 0; border-radius: 0 0 5px 5px; box-shadow: inset 0 -1px 1px -2px rgba(0, 0, 0, 0.5); padding: 0px; } searchbar:backdrop, .search-bar:backdrop, .location-bar:backdrop, .inline-toolbar:backdrop { background-color: #434b4e; } searchbar .button, .search-bar .button, .location-bar .button, .inline-toolbar .button { background-color: transparent; background-image: none; border-radius: 0px; border: none; box-shadow: none; -gtk-icon-shadow: none; margin: 0; padding: 10px; text-shadow: none; } searchbar .button.suggested-action, .search-bar .button.suggested-action, .location-bar .button.suggested-action, searchbar .button.text-button, .search-bar .button.text-button, .location-bar .button.text-button, searchbar .button.menu-button, .search-bar .button.menu-button, .location-bar .button.menu-button, searchbar .button.image-button, .search-bar .button.image-button, .location-bar .button.image-button, searchbar .button.linked, .search-bar .button.linked, .location-bar .button.linked, searchbar .button.flat, .search-bar .button.flat, .location-bar .button.flat, .inline-toolbar .button.suggested-action, .inline-toolbar .button.text-button, .inline-toolbar .button.menu-button, .inline-toolbar .button.image-button, .inline-toolbar .button.linked, .inline-toolbar .button.flat { border: none; background: none; text-shadow: none; box-shadow: none; background-color: transparent; color: white; border-radius: 0px; padding: 10px; } searchbar .button:focus, .search-bar .button:focus, .location-bar .button:focus, searchbar .button:active, .search-bar .button:active, .location-bar .button:active, .inline-toolbar .button:focus, .inline-toolbar .button:active { font-weight: bold; color: white; text-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0.05); } searchbar .button:focus:backdrop, .search-bar .button:focus:backdrop, .location-bar .button:focus:backdrop, searchbar .button:active:backdrop, .search-bar .button:active:backdrop, .location-bar .button:active:backdrop, .inline-toolbar .button:focus:backdrop, .inline-toolbar .button:active:backdrop { border: none; background-color: transparent; color: #a7acae; } searchbar .button:hover, .search-bar .button:hover, .location-bar .button:hover, .inline-toolbar .button:hover { background-color: rgba(0, 0, 0, 0.05); text-shadow: none; color: white; box-shadow: none; } searchbar .button:insensitive, .search-bar .button:insensitive, .location-bar .button:insensitive, .inline-toolbar .button:insensitive { background: none; background-color: transparent; color: rgba(255, 255, 255, 0.5); } searchbar .button:backdrop, .search-bar .button:backdrop, .location-bar .button:backdrop, .inline-toolbar .button:backdrop { border: none; background: none; background-color: transparent; color: #a7acae; } searchbar .button GtkLabel, .search-bar .button GtkLabel, .location-bar .button GtkLabel, searchbar .button GtkImage, .search-bar .button GtkImage, .location-bar .button GtkImage, .inline-toolbar .button GtkLabel, .inline-toolbar .button GtkImage { color: white; } searchbar .button GtkLabel:insensitive, .search-bar .button GtkLabel:insensitive, .location-bar .button GtkLabel:insensitive, searchbar .button GtkLabel:backdrop, .search-bar .button GtkLabel:backdrop, .location-bar .button GtkLabel:backdrop, searchbar .button GtkImage:insensitive, .search-bar .button GtkImage:insensitive, .location-bar .button GtkImage:insensitive, searchbar .button GtkImage:backdrop, .search-bar .button GtkImage:backdrop, .location-bar .button GtkImage:backdrop, .inline-toolbar .button GtkLabel:insensitive, .inline-toolbar .button GtkLabel:backdrop, .inline-toolbar .button GtkImage:insensitive, .inline-toolbar .button GtkImage:backdrop { color: #a7acae; -gtk-icon-effect: dim; } searchbar .entry, .search-bar .entry, .location-bar .entry, searchbar entry, .search-bar entry, .location-bar entry, .inline-toolbar .entry, .inline-toolbar entry { background: none; color: white; border-radius: 0px; border: none; box-shadow: none; } searchbar .entry.image, .search-bar .entry.image, .location-bar .entry.image, searchbar entry.image, .search-bar entry.image, .location-bar entry.image, .inline-toolbar .entry.image, .inline-toolbar entry.image { color: white; } searchbar .entry.image.left, .search-bar .entry.image.left, .location-bar .entry.image.left, searchbar entry.image.left, .search-bar entry.image.left, .location-bar entry.image.left, .inline-toolbar .entry.image.left, .inline-toolbar entry.image.left { padding-right: 6px; } searchbar .entry:backdrop, .search-bar .entry:backdrop, .location-bar .entry:backdrop, searchbar entry:backdrop, .search-bar entry:backdrop, .location-bar entry:backdrop, .inline-toolbar .entry:backdrop, .inline-toolbar entry:backdrop { color: #a7acae; } searchbar .entry:selected, .search-bar .entry:selected, .location-bar .entry:selected, searchbar entry:selected, .search-bar entry:selected, .location-bar entry:selected, .inline-toolbar .entry:selected, .inline-toolbar entry:selected { color: #6a7981; background-color: #449ac2; } searchbar, .search-bar, .location-bar { border-style: solid; border-color: #373e41; background-color: #485054; } searchbar:backdrop, .search-bar:backdrop, .location-bar:backdrop { border-color: #394144; background-color: #475054; box-shadow: none; transition: 200ms ease-out; } searchbar, .search-bar { padding: 3px 0px; border-width: 0; border-radius: 0; } .location-bar { border-width: 0 0 1px; padding: 3px; } /************ * Tooltips * ************/ .tooltip, .overlay-bar { margin: 4px; border: none; border-radius: 3px; background-color: #6a7981; color: white; } .tooltip.background, .overlay-bar.background { background-color: #6a7981; border: none; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .tooltip *, .overlay-bar * { padding: 2px; background-color: transparent; color: white; } .tooltip .csd, .overlay-bar .csd { border-radius: 5px; box-shadow: none; } /************** * Tree Views * **************/ GtkTreeView.view, treeview.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: #b5bcc0; border-top-color: #4F585C; } GtkTreeView.view:selected:focus, GtkTreeView.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } GtkTreeView.view:selected:backdrop, GtkTreeView.view:selected, treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #a2cde1; border-top-color: rgba(255, 255, 255, 0.1); } GtkTreeView.view:insensitive, treeview.view:insensitive { color: #a7acae; } GtkTreeView.view:insensitive:selected, treeview.view:insensitive:selected { color: #8fc2da; } GtkTreeView.view:insensitive:selected:backdrop, treeview.view:insensitive:selected:backdrop { color: rgba(91, 167, 202, 0.85); } GtkTreeView.view:insensitive:backdrop, treeview.view:insensitive:backdrop { color: #727f85; } GtkTreeView.view.separator, treeview.view.separator { color: #4F585C; } GtkTreeView.view.separator:backdrop, treeview.view.separator:backdrop { color: rgba(79, 88, 92, 0.1); } GtkTreeView.view:backdrop, treeview.view:backdrop { border-left-color: #7b8285; border-top: #4F585C; } GtkTreeView.view.expander, treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #d2d7d9; } GtkTreeView.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover, treeview.view.expander:hover { color: white; } GtkTreeView.view.expander:selected, treeview.view.expander:selected { color: #c7e1ed; } GtkTreeView.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:selected:backdrop, treeview.view.expander:selected:backdrop { color: rgba(150, 198, 221, 0.65); } GtkTreeView.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:backdrop, treeview.view.expander:backdrop { color: #959ea1; } GtkTreeView.view.progressbar, treeview.view.progressbar { border: 1px solid #347d9f; border-radius: 4px; background-color: #449ac2; background-image: linear-gradient(to bottom, #449ac2, #347d9f); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: linear-gradient(to bottom, #6a7981, #535f65); } GtkTreeView.view.progressbar:selected:focus:backdrop, GtkTreeView.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { border-color: #6c7c84; background-color: #6c7c84; } GtkTreeView.view.progressbar:backdrop, treeview.view.progressbar:backdrop { border-color: #6c7c84; background-image: none; box-shadow: none; } GtkTreeView.view.trough, treeview.view.trough { background-color: rgba(255, 255, 255, 0.1); border-radius: 4px; } GtkTreeView.view.trough:selected:focus, GtkTreeView.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #347d9f; border-radius: 4px; } GtkTreeView.view column-header .button, GtkTreeView.view column-header button, GtkTreeView.view header .button, GtkTreeView.view header button, treeview.view column-header .button, treeview.view column-header button, treeview.view header .button, treeview.view header button { color: #b5bcc0; background-color: #6a7981; font-weight: bold; text-shadow: none; box-shadow: none; } GtkTreeView.view column-header .button:hover, GtkTreeView.view column-header button:hover, GtkTreeView.view header .button:hover, GtkTreeView.view header button:hover, treeview.view column-header .button:hover, treeview.view column-header button:hover, treeview.view header .button:hover, treeview.view header button:hover { color: #dadee0; box-shadow: none; transition: none; } GtkTreeView.view column-header .button:active, GtkTreeView.view column-header button:active, GtkTreeView.view header .button:active, GtkTreeView.view header button:active, treeview.view column-header .button:active, treeview.view column-header button:active, treeview.view header .button:active, treeview.view header button:active { color: white; transition: none; } GtkTreeView.view column-header button:last-child:backdrop, GtkTreeView.view column-header button:last-child, GtkTreeView.view header button:last-child:backdrop, GtkTreeView.view header button:last-child, treeview.view column-header button:last-child:backdrop, treeview.view column-header button:last-child, treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; } GtkTreeView.view .button.dnd:active, GtkTreeView.view .button.dnd:selected, GtkTreeView.view .button.dnd:hover, GtkTreeView.view .button.dnd, GtkTreeView.view button.dnd:active, GtkTreeView.view button.dnd:selected, GtkTreeView.view button.dnd:hover, GtkTreeView.view button.dnd, GtkTreeView.view column-header.button.dnd:active, GtkTreeView.view column-header.button.dnd:selected, GtkTreeView.view column-header.button.dnd:hover, GtkTreeView.view column-header.button.dnd, GtkTreeView.view header.button.dnd:active, GtkTreeView.view header.button.dnd:selected, GtkTreeView.view header.button.dnd:hover, GtkTreeView.view header.button.dnd, treeview.view .button.dnd:active, treeview.view .button.dnd:selected, treeview.view .button.dnd:hover, treeview.view .button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view column-header.button.dnd:active, treeview.view column-header.button.dnd:selected, treeview.view column-header.button.dnd:hover, treeview.view column-header.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: 4px 6px; transition: none; background-image: none; background-color: #449ac2; color: #6a7981; border-radius: 0; border-style: none; box-shadow: inset 0 0 0 1px #6a7981; text-shadow: none; } GtkTreeView.view column-header .button, GtkTreeView.view column-header button, GtkTreeView.view header .button, GtkTreeView.view header button, treeview.view column-header .button, treeview.view column-header button, treeview.view header .button, treeview.view header button, GtkTreeView.view column-header .button:hover, GtkTreeView.view column-header button:hover, GtkTreeView.view header .button:hover, GtkTreeView.view header button:hover, treeview.view column-header .button:hover, treeview.view column-header button:hover, treeview.view header .button:hover, treeview.view header button:hover, GtkTreeView.view column-header .button:active, GtkTreeView.view column-header button:active, GtkTreeView.view header .button:active, GtkTreeView.view header button:active, treeview.view column-header .button:active, treeview.view column-header button:active, treeview.view header .button:active, treeview.view header button:active { padding: 4px 6px; border-radius: 0; background-image: none; text-shadow: none; border-style: none solid solid none; border-color: #4F585C; } GtkTreeView.view column-header .button:insensitive, GtkTreeView.view column-header button:insensitive, GtkTreeView.view header .button:insensitive, GtkTreeView.view header button:insensitive, treeview.view column-header .button:insensitive, treeview.view column-header button:insensitive, treeview.view header .button:insensitive, treeview.view header button:insensitive { border-color: #4F585C; background-image: none; } GtkTreeView.view column-header .button:backdrop, GtkTreeView.view column-header button:backdrop, GtkTreeView.view header .button:backdrop, GtkTreeView.view header button:backdrop, treeview.view column-header .button:backdrop, treeview.view column-header button:backdrop, treeview.view header .button:backdrop, treeview.view header button:backdrop { border-color: #4F585C; border-style: none solid solid none; color: #7b8285; background-image: none; background-color: #6c7c84; } GtkTreeView.view column-header .button:backdrop:insensitive, GtkTreeView.view column-header button:backdrop:insensitive, GtkTreeView.view header .button:backdrop:insensitive, GtkTreeView.view header button:backdrop:insensitive, treeview.view column-header .button:backdrop:insensitive, treeview.view column-header button:backdrop:insensitive, treeview.view header .button:backdrop:insensitive, treeview.view header button:backdrop:insensitive { border-color: #4F585C; background-image: none; } /********************** * Window Decorations * *********************/ .window-frame { border-radius: 4px; border-width: 0px; box-shadow: 0 8px 9px 1px transparent, 0 8px 6px 1px rgba(0, 0, 0, 0.5); margin: 10px; } .window-frame:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 6px 6px 0 rgba(0, 0, 0, 0.3); transition: 200ms ease-out; } .fullscreen .window-frame, .tiled .window-frame { border-radius: 0; } .popup .window-frame { box-shadow: none; } .ssd .window-frame { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } .csd.popup .window-frame { border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .solid-csd .window-frame { border-radius: 0; margin: 4px; background-color: #4F585C; border: 0px solid #394144; box-shadow: none; } /********************** * DE-Specific Styles * **********************/ /********* * Budgie * **********/ .budgie-panel .unpinned .launcher:hover, .budgie-panel .pinned .launcher.running:hover { background-color: rgba(0, 0, 0, 0.1); } .budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher.running:active, .budgie-panel .unpinned .launcher:checked, .budgie-panel .pinned .launcher.running:checked { background-color: rgba(0, 0, 0, 0.2); } .top .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .top .launcher, .top .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .top .launcher.running { border-bottom: 2px solid transparent; border-top: 2px solid transparent; } .top .budgie-panel .unpinned .launcher, .top .budgie-panel .pinned .launcher.running { border-top: 2px solid rgba(68, 154, 194, 0.5); } .top .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .top .launcher:hover, .top .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .top .launcher.running:hover { border-bottom: 2px solid rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(68, 154, 194, 0.5); } .top .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .top .launcher.running:active, .top .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .top .launcher:checked, .top .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .top .launcher.running:checked { border-bottom: 2px solid rgba(0, 0, 0, 0.2); border-top: 2px solid #449ac2; } .bottom .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .bottom .launcher, .bottom .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .bottom .launcher.running { border-top: 2px solid transparent; border-bottom: 2px solid transparent; } .bottom .budgie-panel .unpinned .launcher, .bottom .budgie-panel .pinned .launcher.running { border-bottom: 2px solid rgba(68, 154, 194, 0.5); } .bottom .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .bottom .launcher:hover, .bottom .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .bottom .launcher.running:hover { border-top: 2px solid rgba(0, 0, 0, 0.1); border-bottom: 2px solid rgba(68, 154, 194, 0.5); } .bottom .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .bottom .launcher.running:active, .bottom .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .bottom .launcher:checked, .bottom .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .bottom .launcher.running:checked { border-top: 2px solid rgba(0, 0, 0, 0.2); border-bottom: 2px solid #449ac2; } .left .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .left .launcher, .left .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .left .launcher.running { border-right: 2px solid transparent; border-left: 2px solid transparent; } .left .budgie-panel .unpinned .launcher, .left .budgie-panel .pinned .launcher.running { border-left: 2px solid rgba(68, 154, 194, 0.5); } .left .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .left .launcher:hover, .left .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .left .launcher.running:hover { border-right: 2px solid rgba(0, 0, 0, 0.1); border-left: 2px solid rgba(68, 154, 194, 0.5); } .left .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .left .launcher.running:active, .left .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .left .launcher:checked, .left .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .left .launcher.running:checked { border-right: 2px solid rgba(0, 0, 0, 0.2); border-left: 2px solid #449ac2; } .right .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .right .launcher, .right .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .right .launcher.running { border-left: 2px solid transparent; border-right: 2px solid transparent; } .right .budgie-panel .unpinned .launcher, .right .budgie-panel .pinned .launcher.running { border-right: 2px solid rgba(68, 154, 194, 0.5); } .right .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .right .launcher:hover, .right .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .right .launcher.running:hover { border-left: 2px solid rgba(0, 0, 0, 0.1); border-right: 2px solid rgba(68, 154, 194, 0.5); } .right .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .right .launcher.running:active, .right .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .right .launcher:checked, .right .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .right .launcher.running:checked { border-left: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid #449ac2; } .budgie-menu GtkSearchEntry.entry:not(:selected) { border: none; box-shadow: none; background: none; font-size: 120%; } .budgie-menu GtkSearchEntry.entry:not(:selected).image { padding-left: 0px; padding-right: 6px; } .budgie-menu .list-row.activatable:selected, .budgie-menu .list-row.activatable:selected .button { color: inherit; } .budgie-panel { font-weight: bold; color: white; background-color: rgba(0, 0, 0, 0.7); } .budgie-panel:backdrop { color: white; background-color: rgba(0, 0, 0, 0.7); } .budgie-panel WnckTasklist .button, .budgie-panel WnckTasklist .button:backdrop { border-radius: 0; } .budgie-panel .launcher { transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); padding-left: 2px; padding-right: 2px; border-color: transparent; } .budgie-panel .launcher:hover { -gtk-icon-effect: highlight; } .top .budgie-panel { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .top .raven-frame { padding: 0; background: none; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); } .bottom .budgie-panel { border-top: 1px solid rgba(0, 0, 0, 0.2); } .bottom .raven-frame { padding: 0; background: none; border: none; border-top: 1px solid rgba(0, 0, 0, 0.2); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); } .left .budgie-panel { border-right: 1px solid rgba(0, 0, 0, 0.2); } .left .raven-frame { padding: 0; background: none; border: none; border-right: 1px solid rgba(0, 0, 0, 0.2); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); } .right .budgie-panel { border-left: 1px solid rgba(0, 0, 0, 0.2); } .right .raven-frame { padding: 0; background: none; border: none; border-left: 1px solid rgba(0, 0, 0, 0.2); } .right .shadow-block { background-color: transparent; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); } .raven { color: white; background-color: transparent; transition: 170ms ease-out; } .raven .raven-header { color: white; border-width: 1px 0; } .raven .raven-header.top { border-top-style: none; } .raven .raven-header.bottom { border-bottom-style: none; } .raven .raven-background { color: white; background-color: transparent; border-bottom: 1px solid transparent; } .raven .raven-background.middle { border-bottom-style: none; } .raven .powerstrip .button { padding: 10px; } .raven .option-subtitle { font-size: smaller; } .raven-mpris { border-width: 1px 0; } .raven-mpris .button.image-button { padding: 8px; } .budgie-notification-window { background: none; border-radius: 1px; } .budgie-notification.background { background-color: white; border-radius: 4px; } .budgie-notification .notification-title { font-size: 110%; color: white; } .budgie-notification .notification-body { color: rgba(255, 255, 255, 0.7); } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog { background-color: transparent; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); border-radius: 1px; } .budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button { border-bottom: none; border-radius: 0; } .budgie-session-dialog .linked.horizontal > .button:first-child, .budgie-polkit-dialog .linked.horizontal > .button:first-child { border-left: none; border-radius: 0; } .budgie-session-dialog .linked.horizontal > .button:last-child, .budgie-polkit-dialog .linked.horizontal > .button:last-child { border-right: none; border-radius: 0; } .budgie-polkit-dialog .message { color: rgba(255, 255, 255, 0.7); } .budgie-polkit-dialog .failure { color: #f34235; } /*************** * font-viewer * ***************/ SushiFontWidget { padding: 6px 12px; } /********** * Sudoku * **********/ SudokuView SudokuCellView { border: inherit; background-color: inherit; } SudokuView SudokuCellView:backdrop { border: inherit; background-color: inherit; } SudokuView { border: none; } /***************** * Character Map * *****************/ GucharmapChartable { background-color: #6a7981; } GucharmapChartable:active, GucharmapChartable:focus, GucharmapChartable:selected { background-color: #449ac2; color: #ffffff; } /******** * Misc * *******/ ApDocView, EogScrollView, CheeseThumbView { -EogScrollView-shadow-type: none; } /************ * Terminal * ************/ TerminalScreen, VteTerminal { background-color: rgba(0, 43, 54, 0.9); color: #839495; } TerminalWindow .titlebar, TerminalWindow .header-bar { background-color: #546e7a; } TerminalWindow .titlebar:backdrop, TerminalWindow .header-bar:backdrop { background-color: #3f535c; } /************ * Nautilus * ************/ NautilusCanvasView { border: none; } NautilusCanvasView:active, NautilusCanvasView:focus, NautilusCanvasView:backdrop { border: none; } .nautilus-circular-button { border-radius: 20px; -gtk-outline-radius: 20px; } .disk-space-display { border: 2px solid; } .disk-space-display .unknown { background-color: #888a85; border-color: #555653; } .disk-space-display .used { background-color: #9FB0B9; border-color: #667f8c; } .disk-space-display .free { background-color: #D8D8D8; border-color: #a5a5a5; } .nautilus-desktop { color: white; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; color: #ffffff; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { color: white; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { color: white; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { color: #ffffff; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item GtkLabel.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item .header-bar .subtitle:selected, .header-bar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { color: #ffffff; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list GtkLabel.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list .header-bar .subtitle:selected, .header-bar .nautilus-desktop .nautilus-list .subtitle:selected { color: #ffffff; } /*********** * Builder * ***********/ GbGreeterWindow .titlebar, GbGreeterWindow .header-bar, GbWorkbench .titlebar, GbWorkbench .header-bar { background-color: #CBBB2E; } GbGreeterWindow .titlebar:backdrop, GbGreeterWindow .header-bar:backdrop, GbWorkbench .titlebar:backdrop, GbWorkbench .header-bar:backdrop { background-color: #a19525; } /************** * Calculator * **************/ MathWindow { background-color: #6a7981; border-radius: 0 0 4px 4px; } MathWindow .titlebar, MathWindow .header-bar, MathWindow .toolbar { background-color: #07ce8e; } MathWindow .titlebar:backdrop, MathWindow .header-bar:backdrop, MathWindow .toolbar:backdrop { background-color: #059d6c; } MathWindow MathButtons GtkComboBox, MathWindow MathButtons .button { background-color: transparent; background-image: none; box-shadow: none; border: none; text-shadow: none; color: #07ce8e; font-weight: bold; } MathWindow MathButtons GtkComboBox:hover, MathWindow MathButtons .button:hover { background-image: none; background-color: #6a7981; color: #07ce8e; } MathWindow MathButtons GtkComboBox:backdrop, MathWindow MathButtons .button:backdrop { color: #059d6c; } MathWindow MathButtons GtkComboBox.text-button.suggested-action, MathWindow MathButtons .button.text-button.suggested-action { background-image: none; box-shadow: none; text-shadow: none; background-color: #07ce8e; color: #6a7981; } MathWindow MathButtons GtkComboBox.text-button.suggested-action:backdrop, MathWindow MathButtons .button.text-button.suggested-action:backdrop { background-color: #059d6c; color: rgba(106, 121, 129, 0.5); } MathWindow MathDisplay { padding: 4px; background-color: #6a7981; border: 1px solid #373e41; } /************ * Calendar * ************/ GcalWindow .titlebar, GcalWindow .header-bar { background-color: #75A3F6; } GcalWindow .titlebar:backdrop, GcalWindow .header-bar:backdrop { background-color: #4583f3; } /********** * Cheese * **********/ CheeseWindow .titlebar, CheeseWindow .header-bar, CheeseWindow .toolbar { background-color: #ad7fa8; } CheeseWindow .titlebar:backdrop, CheeseWindow .header-bar:backdrop, CheeseWindow .toolbar:backdrop { background-color: #986192; } /************ * Contacts * ************/ ContactsWindow .titlebar, ContactsWindow .header-bar { background-color: #2095F2; } ContactsWindow .titlebar:backdrop, ContactsWindow .header-bar:backdrop { background-color: #0c7bd3; } /********** * Clocks * **********/ ClocksWindow .titlebar, ClocksWindow .header-bar { background-color: #4BAE4F; } ClocksWindow .titlebar:backdrop, ClocksWindow .header-bar:backdrop { background-color: #3c8a3f; } /********* * Disks * *********/ GduWindow .titlebar, GduWindow .header-bar { background-color: #8561C5; } GduWindow .titlebar:backdrop, GduWindow .header-bar:backdrop { background-color: #6a41b2; } /************** * Disk Usage * **************/ BaobabWindow .titlebar, BaobabWindow .header-bar { background-color: #CC5E55; } BaobabWindow .titlebar:backdrop, BaobabWindow .header-bar:backdrop { background-color: #b74137; } /************* * Documents * *************/ #Documents .titlebar, #Documents .header-bar { background-color: #C2352A; } #Documents .titlebar:backdrop, #Documents .header-bar:backdrop { background-color: #982a21; } /************ * Epiphany * ************/ EphyWindow .titlebar, EphyWindow .header-bar { background-color: #6573C3; } EphyWindow .titlebar:backdrop, EphyWindow .header-bar:backdrop { background-color: #4555b0; } EphyWindow .titlebar .incognito-mode, EphyWindow .header-bar .incognito-mode { background-color: #3e4c9e; } EphyWindow .titlebar .incognito-mode .button, EphyWindow .header-bar .incognito-mode .button { background-image: none; } EphyWindow .titlebar .incognito-mode:backdrop, EphyWindow .header-bar .incognito-mode:backdrop { background-color: #2f3a79; } /********* * Gedit * *********/ GeditWindow .titlebar, GeditWindow .header-bar { background-color: #DC4836; } GeditWindow .titlebar:backdrop, GeditWindow .header-bar:backdrop { background-color: #be3221; } /************** * Log Viewer * **************/ GlWindow .titlebar, GlWindow .header-bar, GlWindow .toolbar, LogviewWindow .titlebar, LogviewWindow .header-bar, LogviewWindow .toolbar { background-color: #009587; } GlWindow .titlebar:backdrop, GlWindow .header-bar:backdrop, GlWindow .toolbar:backdrop, LogviewWindow .titlebar:backdrop, LogviewWindow .header-bar:backdrop, LogviewWindow .toolbar:backdrop { background-color: #006259; } /********* * Music * *********/ gnomemusic + window + Window .titlebar, gnomemusic + window + Window .header-bar { background-color: #fe9700; } gnomemusic + window + Window .titlebar:backdrop, gnomemusic + window + Window .header-bar:backdrop { background-color: #cb7900; } /***************** * Notes/Bijiben * *****************/ BjbMainToolbar .titlebar, BjbMainToolbar .header-bar, BjbWindowBase .titlebar, BjbWindowBase .header-bar { background-color: #ebdd4d; } BjbMainToolbar .titlebar:backdrop, BjbMainToolbar .header-bar:backdrop, BjbWindowBase .titlebar:backdrop, BjbWindowBase .header-bar:backdrop { background-color: #e6d41f; } /********** * Photos * **********/ PhotosMainWindow .titlebar, PhotosMainWindow .header-bar { background-color: #D30101; } PhotosMainWindow .titlebar:backdrop, PhotosMainWindow .header-bar:backdrop { background-color: #a00101; } /********** * Polari * **********/ .titlebar.polari-titlebar-left, .titlebar.polari-titlebar-right, .header-bar.polari-titlebar-left, .header-bar.polari-titlebar-right { background-color: #4BAE4F; } .titlebar.polari-titlebar-left:backdrop, .titlebar.polari-titlebar-right:backdrop, .header-bar.polari-titlebar-left:backdrop, .header-bar.polari-titlebar-right:backdrop { background-color: #3c8a3f; } /******************* * System Settings * ******************/ CcWindow .titlebar, CcWindow .header-bar { background-color: #5F7C8A; } CcWindow .titlebar:backdrop, CcWindow .header-bar:backdrop { background-color: #4a616c; } CcShellNavBar { padding: 0px; } /************ * Software * ************/ #window_software .titlebar, #window_software .header-bar { background-color: #1A77C2; } #window_software .titlebar:backdrop, #window_software .header-bar:backdrop { background-color: #145b95; } /****************** * System Monitor * ******************/ #gnome-system-monitor .titlebar, #gnome-system-monitor .header-bar { background-color: #6fbe72; } #gnome-system-monitor .titlebar:backdrop, #gnome-system-monitor .header-bar:backdrop { background-color: #4eac51; } /******** * ToDo * ********/ GtdWindow .titlebar, GtdWindow .header-bar { background-color: #3262A1; } GtdWindow .titlebar:backdrop, GtdWindow .header-bar:backdrop { background-color: #264a7a; } /******** * Yelp * ********/ YelpWindow .titlebar, YelpWindow .header-bar { background-color: #435ece; } YelpWindow .titlebar:backdrop, YelpWindow .header-bar:backdrop { background-color: #2e47b0; } /******** * Gala * *******/ .gala-notification { border-width: 0; border-radius: 2px; color: white; border: 1px solid #6a7981; background-color: #6a7981; } .gala-notification .title, .gala-notification .label { color: white; } .gala-button { padding: 3px; color: #6a7981; border: none; border-radius: 50%; background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.98), inset 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 0 0 rgba(255, 255, 255, 0.99), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.84), 0 3px 6px rgba(0, 0, 0, 0.77); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } /********** * Notify * *********/ .notify { /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.7); background-color: rgba(106, 121, 129, 0.05); } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; color: white; } /************* * Slingshot * ************/ .button.app { border: none; border-radius: 0; box-shadow: none; background-image: none; } .button.app .app:hover { border-radius: 8px; border: none; background-color: rgba(68, 154, 194, 0.3); color: white; } .button.app .app:focus { /*background-color: transparentize(black, 0.20);*/ } .search-item { border-radius: 0; border: none; color: white; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; background-color: rgba(68, 154, 194, 0.3); color: #ffffff; } .search-entry-large, .search-entry-large:focus { border: none; font-size: 18px; font-weight: 300; background-image: none; background: none; box-shadow: none; border-radius: 0; } .search-category-header { font-weight: bold; color: white; } /********* * Panel * ********/ .panel { background-color: transparent; transition: all 100ms ease-in-out; color: white; } .panel.maximized { background-color: #000; } .panel.translucent { background-color: rgba(0, 0, 0, 0.5); } .composited-indicator > GtkRevealer, .composited-indicator > GtkRevealer GtkImage, .composited-indicator > GtkRevealer GtkLabel { color: white; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1); -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1); } .panel.color-light .composited-indicator > GtkRevealer, .panel.color-light .composited-indicator > GtkRevealer GtkImage, .panel.color-light .composited-indicator > GtkRevealer GtkLabel { color: rgba(0, 0, 0, 0.6); text-shadow: 0 1px rgba(255, 255, 255, 0.1); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } /************* * AppCenter * *************/ AppCenterMainWindow .titlebar, AppCenterMainWindow .header-bar { background-color: #378BE6; } AppCenterMainWindow .titlebar:backdrop, AppCenterMainWindow .header-bar:backdrop { background-color: #1a71d0; } /************** * Calculator * **************/ PantheonCalculatorMainWindow { border-radius: 0 0 4px 4px; } PantheonCalculatorMainWindow .titlebar, PantheonCalculatorMainWindow .header-bar { background-color: #07ce8e; } PantheonCalculatorMainWindow .titlebar:backdrop, PantheonCalculatorMainWindow .header-bar:backdrop { background-color: #059d6c; } PantheonCalculatorMainWindow .window-frame { border-radius: 3px; } /******** * Maya * ********/ MayaViewMayaToolbar.titlebar, MayaViewMayaToolbar.header-bar { background-color: #4bae4f; } MayaViewMayaToolbar.titlebar:backdrop, MayaViewMayaToolbar.header-bar:backdrop { background-color: #3c8a3f; } /********* * Cards * *********/ .deck { background-color: #3c4346; } .card { background-color: #6a7981; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 150ms ease-in-out; } .card.collapsed { background-color: #5e6c73; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } /********* * Noise * *********/ NoiseLibraryWindow { border-radius: 0 0 4px 4px; } NoiseLibraryWindow .titlebar, NoiseLibraryWindow .header-bar { background-color: #EE6020; } NoiseLibraryWindow .titlebar:backdrop, NoiseLibraryWindow .header-bar:backdrop { background-color: #cb4a10; } NoiseLibraryWindow .action-bar { border-radius: 0 0 4px 4px; } NoiseLibraryWindow .window-frame { border-radius: 3px; } /*********** * Scratch * ***********/ ScratchMainWindow .titlebar, ScratchMainWindow .header-bar { background-color: #e74c3c; } ScratchMainWindow .titlebar:backdrop, ScratchMainWindow .header-bar:backdrop { background-color: #d62c1a; } /******** * Snap * ********/ SnapMainWindow .titlebar, SnapMainWindow .header-bar, SnapSnapWindow .titlebar, SnapSnapWindow .header-bar { background-color: #6d266a; } SnapMainWindow .titlebar:backdrop, SnapMainWindow .header-bar:backdrop, SnapSnapWindow .titlebar:backdrop, SnapSnapWindow .header-bar:backdrop { background-color: #471945; } SnapMainWindow .take-button, SnapSnapWindow .take-button { border-radius: 0; } /******************* * Photos/Shotwell * *******************/ DirectWindow .titlebar, DirectWindow .header-bar, LibraryWindow .titlebar, LibraryWindow .header-bar { background-color: #5544B5; } DirectWindow .titlebar:backdrop, DirectWindow .header-bar:backdrop, LibraryWindow .titlebar:backdrop, LibraryWindow .header-bar:backdrop { background-color: #443690; } DirectWindow .the-button-in-the-combobox, LibraryWindow .the-button-in-the-combobox { background: none; } .checkerboard-layout { background-color: #4F585C; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); background-size: 24px 24px; background-position: 0 0, 12px 12px; } .checkboard-layout .item { background-color: white; } /******** * Unity * *********/ /* Unity window border color */ /* Backdrop Unity window border color */ /* Unity window text color */ /* Backdrop Unity window text color */ /* Unity panel color #454D50 */ /* Backdrop Unity panel color */ UnityDecoration { /* Border properties (top, right, bottom, left) */ -UnityDecoration-extents: 28px 1px 1px 1px; /* the size of the decorations */ -UnityDecoration-input-extents: 10px; /* the extra size of the input areas */ /* Shadows settings */ -UnityDecoration-shadow-offset-x: 1px; /* Size property, the shadow x offset */ -UnityDecoration-shadow-offset-y: 1px; /* Size property, the shadow y offset */ -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; /* Color property, active window shadow color */ -UnityDecoration-active-shadow-radius: 8px; /* Size property, active window shadow radius */ -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; /* Color property, inactive windows shadow color */ -UnityDecoration-inactive-shadow-radius: 5px; /* Size property, inactive windows shadow radius */ /* Glow applied to the selected scaled window */ -UnityDecoration-glow-size: 8px; /* Size property, size of glow */ -UnityDecoration-glow-color: #449ac2; /* Color property of the glow */ /* Title settings */ -UnityDecoration-title-indent: 10px; /* Size property, left indent of the title */ -UnityDecoration-title-fade: 35px; /* Size property, space of the title that can be faded */ -UnityDecoration-title-alignment: 0.0; /* Float from 0.0 to 1.0, to align the title */ background-color: #546e7a; color: #dbdee0; } UnityDecoration .top { padding: 0 5px 0 5px; border-radius: 4px 4px 0px 0px; box-shadow: none; border: 1px solid #546e7a; border-bottom-width: 0; background-color: #546e7a; color: #dbdee0; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top:backdrop { border-bottom-width: 0; background-color: #3f535c; color: #c0c5c8; border-top: 1px solid rgba(255, 255, 255, 0.1); } UnityDecoration .top .menuitem { color: #dbdee0; } UnityDecoration .top .menuitem:backdrop { background-color: #3f535c; color: #c0c5c8; } UnityDecoration.left, UnityDecoration.right { background-repeat: repeat-x; background-color: #536c78; background-size: 1px 120px; background-clip: border-box; background-image: linear-gradient(to bottom, #546e7a, #536c78); } UnityDecoration.bottom { background-size: 1px; background-repeat: repeat-x; background-color: #536c78; } UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-size: 1px; background-repeat: repeat-x; background-color: #3f535c; } /************** * Unity Panel * ***************/ UnityPanelWidget, .unity-panel { background-color: #2a383e; color: #dbdee0; } UnityPanelWidget:backdrop, .unity-panel:backdrop { background-color: #161c1f; color: #c0c5c8; } .unity-panel.menuitem, .unity-panel .menuitem { border-width: 0 1px; color: #dbdee0; } .unity-panel.menubar, .unity-panel .menubar { color: #dbdee0; } .unity-panel.menu.menubar, .unity-panel .menu .menubar { background-color: #2a383e; color: #dbdee0; } .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { color: #a7acae; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { padding: 3px 5px; border-width: 1px; border-style: solid; border: none; background: none; color: #dbdee0; box-shadow: none; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem:hover { border-radius: 0; background-color: #526b77; color: #dbdee0; box-shadow: none; } .unity-panel.menubar .menuitem *:hover { color: white; box-shadow: none; } .unity-panel.menubar .menuitem.separator, .unity-panel.menubar.menuitem.separator { -GtkMenuItem-horizontal-padding: 0; -GtkWidget-separator-height: 1; border: none; color: #373e41; } /* Force Quit */ SheetStyleDialog.unity-force-quit { background-color: #6a7981; } @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; color: #449ac2; } /*********************** * App-Specific Styles * ***********************/ /******************* * Archive Manager * *******************/ FrWindow .titlebar, FrWindow .header-bar, FrWindow .toolbar { background-color: #A88A67; } FrWindow .titlebar:backdrop, FrWindow .header-bar:backdrop, FrWindow .toolbar:backdrop { background-color: #8c7050; } /********* * Birdie * *********/ BirdieWidgetsUnifiedWindow .titlebar, BirdieWidgetsUnifiedWindow .header-bar { background-image: none; background-color: #3998E7; } BirdieWidgetsUnifiedWindow .titlebar:backdrop, BirdieWidgetsUnifiedWindow .header-bar:backdrop { background-image: none; background-color: #1a7fd3; } BirdieWidgetsUnifiedWindow .menu-button { padding: 0px; padding-left: 6px; padding-right: 6px; } BirdieWidgetsTweetList * { background-image: none; background: none; } BirdieWidgetsUserbox { background-color: rgba(57, 152, 231, 0.2); } BirdieWidgetsNotebook .header { background-color: #6a7981; } BirdieWidgetsNotebook tab:active { box-shadow: inset 0 -3px 0 0 #3998E7; } /********* * Geary * *********/ .geary-titlebar-left, .geary-titlebar-right { background-color: #F2B035; } .geary-titlebar-left:backdrop, .geary-titlebar-right:backdrop { background-color: #e59a0f; } .geary-titlebar-left .separator, .geary-titlebar-right .separator { opacity: 0; } ConversationListView { -GtkWidget-focus-line-width: 1px; -GtkTreeView-grid-line-width: 0; } ConversationListView .view:active, ConversationListView GtkIconView:active, ConversationListView .view:selected, ConversationListView GtkIconView:selected { background-color: #449ac2; color: #ffffff; } ConversationListView .view:active:backdrop, ConversationListView GtkIconView:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView GtkIconView:selected:backdrop { background-color: #57a4c8; color: rgba(255, 255, 255, 0.5); } ConversationListView .view .cell, ConversationListView GtkIconView .cell { border: solid rgba(0, 0, 0, 0.2); border-width: 0 0 1px 0; } ConversationListView .view .cell:selected, ConversationListView GtkIconView .cell:selected { color: #ffffff; border: 0px solid #347d9f; } /*********** * LightDm * ***********/ #panel_window { background-color: rgba(0, 0, 0, 0.7); color: white; font-weight: bold; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.7); } #panel_window .menubar, #panel_window .menubar > .menuitem menubar, #panel_window menubar > menuitem { background-color: transparent; color: white; font-weight: bold; } #panel_window .menubar .menuitem:insensitive, #panel_window menubar menuitem:insensitive { color: rgba(255, 255, 255, 0.5); } #panel_window .menubar .menuitem:insensitive GtkLabel, #panel_window menubar menuitem:insensitive GtkLabel { color: inherit; } #panel_window .menubar .menuitem:insensitive label, #panel_window menubar menuitem:insensitive label { color: inherit; } #panel_window .menubar .menu > .menuitem, #panel_window menubar menu > menuitem { /*font: normal;*/ } #login_window, #shutdown_dialog, #restart_dialog { /*font: normal;*/ border-style: none; background-color: transparent; color: white; } #content_frame { padding-bottom: 14px; background-color: #4F585C; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 1px 0 1px; } #content_frame button { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #4F585C, #434b4e); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } #content_frame button:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } #content_frame button:active, #content_frame button:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #373e41; background-image: linear-gradient(to bottom, #3f4649, #4a5357); text-shadow: 0 1px rgba(0, 0, 0, 0.2); -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } #content_frame button:insensitive { border-color: #373e41; background-image: none; background-color: #5a656b; text-shadow: none; box-shadow: none; -gtk-icon-shadow: none; } #content_frame button:insensitive GtkLabel, #content_frame button:insensitive { color: #a7acae; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; background-color: #3B4245; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; } #buttonbox_frame button { color: #e4e6e7; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(32, 37, 38, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(60, 69, 71, 0.8); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:active, #buttonbox_frame button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(228, 230, 231, 0.3); } #buttonbox_frame button:insensitive { color: #828687; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(52, 56, 57, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } #login_window #user_combobox { color: white; font-size: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { /*font: normal;*/ } #user_image { padding: 3px; border-radius: 2px; } #greeter_infobar { border-bottom-width: 0; font-weight: bold; } /********** * Midori * **********/ MidoriBrowser .titlebar, MidoriBrowser .header-bar, MidoriBrowser .toolbar { background-color: #7FC843; } MidoriBrowser .titlebar:backdrop, MidoriBrowser .header-bar:backdrop, MidoriBrowser .toolbar:backdrop { background-color: #66a731; } /********* * Vocal * *********/ .titlebar.vocal-headerbar, .header-bar.vocal-headerbar { background-color: #9C69C6; } .titlebar.vocal-headerbar:backdrop, .header-bar.vocal-headerbar:backdrop { background-color: #8345b7; }