diff --git a/Breeze-dark-gtk/gtk-3.0/gtk.css b/Breeze-dark-gtk/gtk-3.0/gtk.css deleted file mode 100644 index 8e9df1b..0000000 --- a/Breeze-dark-gtk/gtk-3.0/gtk.css +++ /dev/null @@ -1,3035 +0,0 @@ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #eff0f1; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #eff0f1; -/* -widget base background color */ -@define-color theme_bg_color #31363b; -/* -text widgets and the like base background color */ -@define-color theme_base_color #232629; -/* -base background color of selections */ -@define-color theme_selected_bg_color #3daee9; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #eff0f1; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #2d3136; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(216, 218, 221, 0.35); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color rgba(216, 218, 221, 0.35); -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #eff0f1; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #eff0f1; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #31363b; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #232629; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5); -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #eff0f1; -/* -widgets main borders color */ -@define-color borders #616569; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #616569; -/* -widgets main borders color insensitive */ -@define-color insensitive_borders rgba(88, 92, 95, 0.35); -/* -these are pretty self explicative */ -@define-color warning_color #f67400; -@define-color error_color #da4453; -@define-color success_color #27ae60; -@define-color content_view_bg #232629; -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #da4453; - -GtkButton-child-displacement-x: 0; - -GtkButton-child-displacement-y: 0; - -GtkCheckButton-indicator-size: 18; - -GtkCheckMenuItem-indicator-size: 18; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - -GtkToolItemGroup-expander-size: 11; - -GtkExpander-expander-size: 16; - -GtkTreeView-expander-size: 11; - -GtkTreeView-horizontal-separator: 4; - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - -GtkWidget-link-color: #2980b9; - -GtkWidget-visited-link-color: #7f8c8d; - -GtkWidget-focus-padding: 2; - -GtkWidget-focus-line-width: 1; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - -GtkStatusbar-shadow-type: none; - outline-width: 0px; } - -/*************** - * Base States * - ***************/ -.background { - color: #eff0f1; - background-color: #31363b; } - .background:backdrop { - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - background-color: #31363b; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:insensitive { - -gtk-image-effect: dim; } - -.gtkstyle-fallback { - background-color: #31363b; - color: #eff0f1; } - .gtkstyle-fallback:prelight { - background-color: #485057; - color: #eff0f1; } - .gtkstyle-fallback:active { - background-color: #1a1d1f; - color: #eff0f1; } - .gtkstyle-fallback:insensitive { - background-color: #2d3136; - color: rgba(216, 218, 221, 0.35); } - .gtkstyle-fallback:selected { - background-color: #3daee9; - color: #eff0f1; } - -.view { - color: #eff0f1; - background-color: #232629; } - .view:backdrop { - color: #eff0f1; - background-color: #232629; } - .view:selected { - border-radius: 3px; } - .view:insensitive { - color: rgba(216, 218, 221, 0.35); } - -.rubberband { - border: 1px solid #3daee9; - background-color: rgba(61, 174, 233, 0.2); } - .rubberband:backdrop { - border-color: #3daee9; - background-color: rgba(61, 174, 233, 0.2); } - -.label.separator, GtkPlacesSidebar.sidebar .view .label.separator { - color: #eff0f1; } - .label.separator:backdrop, - GtkPlacesSidebar.sidebar .view .label.separator:backdrop { - color: #eff0f1; } - -.label:insensitive { - color: rgba(216, 218, 221, 0.35); } - .label:insensitive:backdrop { - color: rgba(216, 218, 221, 0.35); } - -.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, -.header-bar .subtitle { - opacity: 0.5; - text-shadow: none; } - -GtkAssistant .sidebar { - background-color: #eff0f1; - border-top: 1px solid #616569; } - GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #616569; } - GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #616569; } - GtkAssistant .sidebar:backdrop { - background-color: #eff0f1; - border-color: #616569; } - -GtkAssistant.csd .sidebar { - border-top-style: none; } - -GtkAssistant .sidebar .label { - padding: 6px 12px; } - -GtkAssistant .sidebar .label.highlight { - background-color: #4c4e51; } - -GtkTextView { - background-color: #2a2e32; } - GtkTextView:backdrop { - background-color: #2a2e32; } - GtkTextView:insensitive { - color: rgba(216, 218, 221, 0.35); } - -.grid-child { - padding: 3px; - border-radius: 3px; } - -.app-notification, -.app-notification.frame, .popover.osd, .osd { - color: #eff0f1; - border: 1px solid #31363b; - background-color: rgba(49, 54, 59, 0.8); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { - color: #eff0f1; - background-color: rgba(49, 54, 59, 0.8); } - -.view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, -.sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { - background-color: #3daee9; - color: #eff0f1; } - .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { - background-color: rgba(61, 174, 233, 0.5); - color: #232629; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } - -.button, .button.osd, .osd .button { - border: 1px solid; - border-radius: 3px; - padding: 6px; - background-clip: border-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .flat.button { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - transition: none; } - .flat.button:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - .flat.button:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .flat.button:checked { - background-color: #616569; } - .button:hover { - color: #eff0f1; - border-color: #3daee9; - -gtk-image-effect: highlight; } - .button:active, .button:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); - transition-duration: 50ms; } - .button:active:hover, .button:checked:hover { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); - -gtk-image-effect: none; } - .button:backdrop:active, .button:backdrop:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { - color: inherit; } - .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { - color: inherit; } - .flat.button:backdrop { - -gtk-image-effect: none; - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: #eff0f1; } - .flat.button:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: rgba(216, 218, 221, 0.35); } - .flat.button:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: rgba(216, 218, 221, 0.35); } - .button:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button:insensitive > .label, .osd .button:insensitive > .label { - color: inherit; } - .button:insensitive:active, .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { - color: inherit; } - -.button.suggested-action, -.button.suggested-action.osd .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action.flat, - .button.suggested-action.osd .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: #3daee9; } - .button.suggested-action:hover, - .button.suggested-action.osd .button:hover { - color: white; - border-color: #3daee9; } - .button.suggested-action:active, .button.suggested-action:checked, - .button.suggested-action.osd .button:active, - .button.suggested-action.osd .button:checked { - color: white; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, - .button.suggested-action.osd .button:backdrop, - .button.suggested-action.osd .button.flat:backdrop { - color: white; - border-color: #616569; - background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, - .button.suggested-action.osd .button:backdrop:active, - .button.suggested-action.osd .button:backdrop:checked, - .button.suggested-action.osd .button.flat:backdrop:active, - .button.suggested-action.osd .button.flat:backdrop:checked { - color: white; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, - .button.suggested-action.osd .button:backdrop:insensitive, - .button.suggested-action.osd .button.flat:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, - .button.suggested-action.osd .button:backdrop:insensitive > .label, - .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { - color: inherit; } - .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, - .button.suggested-action.osd .button:backdrop:insensitive:active, - .button.suggested-action.osd .button:backdrop:insensitive:checked, - .button.suggested-action.osd .button.flat:backdrop:insensitive:active, - .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { - color: rgba(232, 232, 232, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, - .button.suggested-action.osd .button:backdrop:insensitive:active > .label, - .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, - .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, - .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, - .button.suggested-action.osd .button.flat:backdrop, - .button.suggested-action.osd .button.flat:insensitive, - .button.suggested-action.osd .button.flat:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: rgba(61, 174, 233, 0.8); } - .button.suggested-action:insensitive, - .button.suggested-action.osd .button:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.suggested-action:insensitive > .label, - .button.suggested-action.osd .button:insensitive > .label { - color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, - .button.suggested-action.osd .button:insensitive:active, - .button.suggested-action.osd .button:insensitive:checked { - color: rgba(232, 232, 232, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, - .button.suggested-action.osd .button:insensitive:active > .label, - .button.suggested-action.osd .button:insensitive:checked > .label { - color: inherit; } - -.button.destructive-action, -.button.destructive-action.osd .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #da4453; - background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action.flat, - .button.destructive-action.osd .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: #da4453; } - .button.destructive-action:hover, - .button.destructive-action.osd .button:hover { - color: white; - border-color: #da4453; } - .button.destructive-action:active, .button.destructive-action:checked, - .button.destructive-action.osd .button:active, - .button.destructive-action.osd .button:checked { - color: white; - border-color: #da4453; - background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, - .button.destructive-action.osd .button:backdrop, - .button.destructive-action.osd .button.flat:backdrop { - color: white; - border-color: #616569; - background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, - .button.destructive-action.osd .button:backdrop:active, - .button.destructive-action.osd .button:backdrop:checked, - .button.destructive-action.osd .button.flat:backdrop:active, - .button.destructive-action.osd .button.flat:backdrop:checked { - color: white; - border-color: #da4453; - background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, - .button.destructive-action.osd .button:backdrop:insensitive, - .button.destructive-action.osd .button.flat:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, - .button.destructive-action.osd .button:backdrop:insensitive > .label, - .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { - color: inherit; } - .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, - .button.destructive-action.osd .button:backdrop:insensitive:active, - .button.destructive-action.osd .button:backdrop:insensitive:checked, - .button.destructive-action.osd .button.flat:backdrop:insensitive:active, - .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { - color: rgba(232, 232, 232, 0.35); - border-color: rgba(214, 46, 63, 0.35); - background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, - .button.destructive-action.osd .button:backdrop:insensitive:active > .label, - .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, - .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, - .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, - .button.destructive-action.osd .button.flat:backdrop, - .button.destructive-action.osd .button.flat:insensitive, - .button.destructive-action.osd .button.flat:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - color: rgba(218, 68, 83, 0.8); } - .button.destructive-action:insensitive, - .button.destructive-action.osd .button:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.destructive-action:insensitive > .label, - .button.destructive-action.osd .button:insensitive > .label { - color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, - .button.destructive-action.osd .button:insensitive:active, - .button.destructive-action.osd .button:insensitive:checked { - color: rgba(232, 232, 232, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, - .button.destructive-action.osd .button:insensitive:active > .label, - .button.destructive-action.osd .button:insensitive:checked > .label { - color: inherit; } - -.button.image-button { - padding: 6px; } - -.button.text-button { - padding: 6px; } - -.button.text-button.image-button { - padding: 6px; } - .button.text-button.image-button .label:first-child { - padding-left: 8px; } - .button.text-button.image-button .label:last-child { - padding-right: 8px; } - -.stack-switcher > .button > .label { - 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: 6px; } - -.stack-switcher > .button.image-button { - padding: 3px 0px; } - -.stack-switcher > .button.needs-attention:active > .label, -.stack-switcher > .button.needs-attention:active > GtkImage, -.stack-switcher > .button.needs-attention:checked > .label, -.stack-switcher > .button.needs-attention:checked > GtkImage { - animation: none; - background-image: none; } - -.inline-toolbar .button, .inline-toolbar .button:backdrop { - border-radius: 3px; - border-width: 1px; } - -.primary-toolbar .button { - icon-shadow: none; } - -/************** - * ComboBoxes * - **************/ -GtkComboBox { - -GtkComboBox-arrow-scaling: 0.5; - -GtkComboBox-shadow-type: none; } - GtkComboBox > .button { - padding: 5px 4px; } - GtkComboBox:insensitive { - color: rgba(216, 218, 221, 0.35); - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop { - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - GtkComboBox .menuitem { - text-shadow: none; } - GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { - -GtkWidget-wide-separators: true; } - -.stack-switcher > .button.needs-attention > .label, -.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#eff0f1), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > .label:backdrop, - .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > .label:dir(rtl), - .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { - background-position: left 3px, left 4px; } - -.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, -.linked > .button:hover, -.linked > .button:active, -.linked > .button:checked, -.linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { - border-radius: 3px; } - .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), - .linked > .button:dir(rtl):hover, - .linked > .button:dir(rtl):active, - .linked > .button:dir(rtl):checked, - .linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop { - border-radius: 3px; } - -.inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { - border-radius: 3px; - border-style: solid; } - -.inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { - border-radius: 3px; } - -.inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button: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 { - border-style: solid; - border-radius: 3px; } - -.linked.vertical > .button:first-child { - border-radius: 3px; } - -.linked.vertical > .button:last-child { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > .button:only-child { - border-radius: 3px; - border-style: solid; } - -.app-notification .button.flat, -.app-notification.frame .button.flat, .app-notification .button.flat:hover, -.app-notification.frame .button.flat:hover, .app-notification .button.flat:active, -.app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, -.app-notification.frame .button.flat:backdrop, -.app-notification.frame .button.flat:insensitive, -.app-notification.frame .button.flat:backdrop:insensitive, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:active, GtkCalendar.button:backdrop, .titlebar .button.flat:insensitive, -.header-bar .button.flat:insensitive, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop, .button:visited:backdrop, .list-row.button, -.list-row.button:backdrop, -.list-row.button:backdrop:active, -.list-row.button:backdrop:checked, -.list-row.button:backdrop:insensitive, -.list-row.button:backdrop:insensitive:active, -.list-row.button:backdrop:insensitive:checked, -.list-row.button:insensitive:active, -.list-row.button:insensitive:checked, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .scale-popup .button, -.scale-popup .button.flat, .scale-popup .button:hover, -.scale-popup .button.flat:hover, .scrollbar .button, .scrollbar .button:hover, .scrollbar .button:backdrop, .header-bar .button.titlebutton, -.titlebar .button.titlebutton, .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, -.titlebar .button.titlebutton:hover, -.titlebar .button.titlebutton:active, -.titlebar .button.titlebutton:checked, -.titlebar .button.titlebutton:backdrop, -.titlebar .button.titlebutton:active:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - -/**************** - * Text Entries * - ****************/ -.entry { - border: 1px solid; - padding: 5px 8px 5px; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #eff0f1; - border-color: #616569; - background-color: #232629; - box-shadow: none; } - .entry.image.left { - padding-left: 0; } - .entry.image.right { - padding-right: 0; } - .entry.flat, .entry.flat:focus { - padding: 2px; - color: #eff0f1; - border-color: #616569; - background-color: #232629; - box-shadow: none; - border: none; - border-radius: 0; } - .entry:focus { - border-color: #3daee9; } - .entry:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-color: #202325; } - .entry:backdrop { - color: #eff0f1; - border-color: #616569; - background-color: #232629; } - .entry:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-color: #202325; } - .entry.progressbar { - margin: 1px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #3daee9; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } - .entry.progressbar:backdrop { - background-color: transparent; - border-color: rgba(61, 174, 233, 0.5); } - .entry.error { - color: #da4453; - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.error:focus { - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.error:selected, .entry.error:selected:focus { - background-color: #da4453; } - .entry.error:backdrop { - color: #da4453; - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.warning { - color: #f67400; - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.warning:focus { - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.warning:selected, .entry.warning:selected:focus { - background-color: #f67400; } - .entry.warning:backdrop { - color: #f67400; - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.image { - color: #eff0f1; } - .entry.image:hover { - color: #3daee9; } - .entry.image:active { - color: #3daee9; } - .entry.image:backdrop { - color: #eff0f1; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-top-width: 0px; - border-radius: 0px 0px 3px 3px; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; } - .app-notification .button, - .app-notification.frame .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .app-notification .button.flat, - .app-notification.frame .button.flat { - icon-shadow: none; - text-shadow: none; } - .app-notification .button.flat:hover, - .app-notification.frame .button.flat:hover { - color: #3daee9; } - .app-notification .button.flat:active, - .app-notification.frame .button.flat:active { - color: #3daee9; } - .app-notification .button:hover, - .app-notification.frame .button:hover { - color: #eff0f1; - border-color: #3daee9; } - .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked, - .app-notification.frame .button:backdrop:active, - .app-notification.frame .button:backdrop:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, - .app-notification.frame .button:insensitive, - .app-notification.frame .button:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, - .app-notification.frame .button:insensitive > .label, - .app-notification.frame .button:backdrop:insensitive > .label { - color: inherit; } - .app-notification .button:backdrop, - .app-notification.frame .button:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - -/************ - * Calendar * - ***********/ -GtkCalendar { - color: #eff0f1; - border: 1px solid #616569; - background-color: #232629; } - GtkCalendar:selected { - background-color: #616569; } - GtkCalendar:insensitive { - color: rgba(216, 218, 221, 0.35); } - GtkCalendar.header { - border: 1px solid #616569; - border-radius: 0; - color: #eff0f1; } - GtkCalendar.header:backdrop { - color: #eff0f1; - border-color: #616569; } - GtkCalendar.header:insensitive { - color: rgba(216, 218, 221, 0.35); } - GtkCalendar.button { - color: #eff0f1; } - GtkCalendar.button:hover { - color: #3daee9; } - GtkCalendar.button:active { - color: #3daee9; } - GtkCalendar.button:backdrop { - color: #eff0f1; } - GtkCalendar:inconsistent, GtkCalendar.highlight { - color: rgba(239, 240, 241, 0.5); } - GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { - color: rgba(239, 240, 241, 0.5); } - GtkCalendar:backdrop { - color: #eff0f1; - border-color: #616569; - background-color: #232629; } - -/************************* - * Check and Radio items * - *************************/ -.check { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); - icon-shadow: none; } - -.check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); - icon-shadow: none; } - -.check:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); - icon-shadow: none; } - -.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); - icon-shadow: none; } - -.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); - icon-shadow: none; } - -.check:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); - icon-shadow: none; } - -.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); - icon-shadow: none; } - -.check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); - icon-shadow: none; } - -.check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); - icon-shadow: none; } - -.check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); - icon-shadow: none; } - -.check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); - icon-shadow: none; } - -.check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); - icon-shadow: none; } - -.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); - icon-shadow: none; } - -.check:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); - icon-shadow: none; } - -.check:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); - icon-shadow: none; } - -.check:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.menu .menuitem.check:hover, -.popover .button.flat.check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } - -.menu .menuitem.check:active:hover, -.popover .button.flat.check:active:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - -.menu .menuitem.check:checked:hover, -.popover .button.flat.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - -.menu .menuitem.check:inconsistent:hover, -.popover .button.flat.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - -.radio { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); - icon-shadow: none; } - -.radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); - icon-shadow: none; } - -.radio:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); - icon-shadow: none; } - -.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); - icon-shadow: none; } - -.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); - icon-shadow: none; } - -.radio:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); - icon-shadow: none; } - -.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); - icon-shadow: none; } - -.radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); - icon-shadow: none; } - -.radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); - icon-shadow: none; } - -.radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); - icon-shadow: none; } - -.radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); - icon-shadow: none; } - -.radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); - icon-shadow: none; } - -.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); - icon-shadow: none; } - -.radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); - icon-shadow: none; } - -.radio:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); - icon-shadow: none; } - -.radio:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.menu .menuitem.radio:hover, -.popover .button.flat.radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } - -.menu .menuitem.radio:active:hover, -.popover .button.flat.radio:active:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - -.menu .menuitem.radio:checked:hover, -.popover .button.flat.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - -.menu .menuitem.radio:inconsistent:hover, -.popover .button.flat.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - -.view.check, .view.radio, -.list-row .check, list-row .radio { - icon-shadow: none; } - .view.check:selected, .view.check:hover, .view.radio:selected, .view.radio:hover, - .list-row .check:selected, - .list-row .check:hover, list-row .radio:selected, list-row .radio:hover { - icon-shadow: none; } - -.view.content-view.check { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); - background-color: transparent; } - -.view.content-view.check:hover { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:active { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); - background-color: transparent; } - -.view.content-view.check:checked { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:hover { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:active { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:checked { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); - background-color: transparent; } - -GtkCheckButton.text-button, GtkRadioButton.text-button { - padding: 1px 2px 4px; - outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { - color: rgba(216, 218, 221, 0.35); } - GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { - color: rgba(216, 218, 221, 0.35); } - -/***************** - * Color Chooser * - *****************/ -:selected GtkColorSwatch { - box-shadow: none; } - :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { - border-color: #eff0f1; } - -GtkColorSwatch:selected { - box-shadow: none; } - -GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), -GtkColorSwatch.top > .overlay, -GtkColorSwatch.bottom > .overlay, -GtkColorSwatch:first-child:not(.top) > .overlay, -GtkColorSwatch:last-child:not(.bottom) > .overlay, -GtkColorSwatch:only-child > .overlay { - border-radius: 3px; } - -GtkColorSwatch:hover, GtkColorSwatch:hover:selected { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } - -GtkColorSwatch:backdrop, -GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { - background-image: none; - box-shadow: none; } - -GtkColorEditor GtkColorSwatch { - border-radius: 3px; } - GtkColorEditor GtkColorSwatch:hover { - background-image: none; - box-shadow: none; } - GtkColorEditor GtkColorSwatch:backdrop { - box-shadow: none; } - -GtkColorSwatch.color-dark { - color: white; - outline-color: rgba(0, 0, 0, 0.3); } - GtkColorSwatch.color-dark:backdrop { - color: rgba(255, 255, 255, 0.3); } - -GtkColorSwatch.color-light { - color: black; - outline-color: rgba(255, 255, 255, 0.5); } - GtkColorSwatch.color-light:backdrop { - color: rgba(0, 0, 0, 0.3); } - -GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { - border: 1px solid #616569; } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { - border-color: #3daee9; } - -GtkColorSwatch#add-color-button { - border-style: solid; - border-width: 1px; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - GtkColorSwatch#add-color-button:hover { - color: #eff0f1; - border-color: #3daee9; } - GtkColorSwatch#add-color-button:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - GtkColorSwatch#add-color-button .overlay { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - -GtkColorButton.button { - padding: 5px; } - GtkColorButton.button GtkColorSwatch:first-child:last-child { - border-radius: 0; - box-shadow: none; } - GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { - box-shadow: none; } - -/*********** - * Dialogs * - ***********/ -.message-dialog { - -GtkDialog-button-spacing: 8; - -GtkDialog-action-area-border: 8; } - .message-dialog.background { - background-color: #31363b; } - .message-dialog:backdrop { - background-color: #31363b; } - .message-dialog .titlebar { - box-shadow: none; } - -GtkFileChooserDialog .search-bar { - background-color: #31363b; - border-color: #31363b; - box-shadow: none; } - GtkFileChooserDialog .search-bar:backdrop { - background-color: #31363b; - border-color: #31363b; - color: #eff0f1; } - -GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #616569; } - GtkFileChooserDialog .dialog-action-box:backdrop { - border-top-color: #616569; } - -/*************** - * Header bars * - ***************/ -.titlebar, -.header-bar { - transition: none; - padding: 4px 6px; - border-width: 0px 0px 1px 0px; - border-radius: 3px 3px 0px 0px; - border-style: solid; - border-color: #616569; - color: #eff0f1; - background-image: linear-gradient(to bottom, #31363b, #31363b); } - .titlebar:backdrop, - .header-bar:backdrop { - border-color: transparent; - background-image: none; - background-color: #31363b; - color: #7f8c8d; - box-shadow: none; } - .titlebar .path-bar .button, - .header-bar .path-bar .button { - color: #eff0f1; } - .titlebar .button, - .header-bar .button { - transition: none; - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - .titlebar .button.flat, - .header-bar .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - .titlebar .button:hover, - .header-bar .button:hover { - color: #eff0f1; - border-color: #3daee9; } - .titlebar .button:hover:backdrop, - .header-bar .button:hover:backdrop { - border-color: #31363b; } - .titlebar .button:active, .titlebar .button:checked, - .header-bar .button:active, - .header-bar .button:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .titlebar .button:active:hover, .titlebar .button:checked:hover, - .header-bar .button:active:hover, - .header-bar .button:checked:hover { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, - .header-bar .button:active:backdrop, - .header-bar .button:checked:backdrop { - background-image: none; - background-color: #31363b; - border-color: #31363b; - color: #7f8c8d; } - .titlebar .button:backdrop, - .header-bar .button:backdrop { - background-color: #31363b; - color: #7f8c8d; } - .titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop, - .header-bar .button.flat:backdrop, - .header-bar .button.flat:backdrop:insensitive, - .header-bar .button:insensitive:backdrop { - background-image: none; - background-color: #31363b; - color: #7f8c8d; - border-color: transparent; } - .titlebar .button.flat:insensitive, - .header-bar .button.flat:insensitive { - color: rgba(216, 218, 221, 0.35); } - .titlebar .button:insensitive, - .header-bar .button:insensitive { - background-color: transparent; - background-image: none; - color: rgba(216, 218, 221, 0.35); } - .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, - .header-bar .button:insensitive:active, - .header-bar .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, - .header-bar .button:insensitive:active > .label, - .header-bar .button:insensitive:checked > .label { - color: inherit; } - .titlebar .title, - .header-bar .title { - font-weight: normal; - padding: 0px 12px; } - .titlebar .subtitle, - .header-bar .subtitle { - font-size: smaller; - padding: 0 12px; } - .titlebar .header-bar-separator, - .titlebar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator, - .header-bar .header-bar-separator, - .header-bar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator { - -GtkWidget-wide-separators: true; - -GtkWidget-separator-width: 1px; - border-width: 0px; - background-color: #31363b; - border-color: #31363b; } - .titlebar .header-bar-separator:backdrop, - .titlebar > GtkBox > .separator.vertical:backdrop, - GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, - .header-bar .header-bar-separator:backdrop, - .header-bar > GtkBox > .separator.vertical:backdrop, - GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { - background-color: #31363b; - border-color: #31363b; } - .titlebar.selection-mode .selection-menu, - .header-bar.selection-mode .selection-menu { - padding-left: 10px; - padding-right: 10px; } - .titlebar.selection-mode .selection-menu GtkArrow, - .header-bar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .titlebar.selection-mode .selection-menu .arrow, - .header-bar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("arrow-down"); - icon-shadow: none; } - .tiled .titlebar, .maximized .titlebar, .tiled - .header-bar, .maximized - .header-bar { - border-radius: 0; } - .titlebar.default-decoration, - .header-bar.default-decoration { - padding: 4px; } - .titlebar.default-decoration .button, - .header-bar.default-decoration .button { - padding: 5px; } - -.titlebar .button.suggested-action, -.header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action, -.header-bar.selection-mode.suggested-action { - background-image: none; - background-color: #3daee9; } - .titlebar .button.suggested-action:hover, - .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, - .header-bar.selection-mode.suggested-action:hover { - background-color: #3daee9; - color: #eff0f1; } - .titlebar .button.suggested-action:insensitive, - .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, - .header-bar.selection-mode.suggested-action:insensitive { - background-color: transparent; - background-image: none; - color: rgba(216, 218, 221, 0.35); } - .titlebar .button.suggested-action:insensitive:active, - .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, - .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, - .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, - .header-bar.selection-mode.suggested-action:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label { - color: inherit; } - .titlebar .button.suggested-action:backdrop, - .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, - .header-bar.selection-mode.suggested-action:backdrop { - background-color: #31363b; - border-color: transparent; - color: #7f8c8d; } - .titlebar .button.suggested-action:backdrop:insensitive, - .header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive, - .header-bar.selection-mode.suggested-action:backdrop:insensitive { - color: rgba(115, 128, 129, 0.35); } - -/************** - * GtkInfoBar * - **************/ -GtkInfoBar { - border-style: none; - border-bottom: 1px solid #616569; - background-color: #31363b; - background-image: none; } - GtkInfoBar:backdrop { - border-bottom: 1px solid #616569; } - -.info, .titlebar.selection-mode, -.header-bar.selection-mode, -.question, -.warning, -.error { - background-color: #31363b; - background-image: none; - color: #f67400; - text-shadow: none; } - .info:backdrop, .titlebar.selection-mode:backdrop, - .header-bar.selection-mode:backdrop, - .question:backdrop, - .warning:backdrop, - .error:backdrop { - background-color: #31363b; - color: #f67400; } - .info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button, - .question .button, - .warning .button, - .error .button { - box-shadow: none; - background-image: none; - background-color: rgba(246, 116, 0, 0.5); - border-color: rgba(246, 116, 0, 0.5); - color: #eff0f1; } - .info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover, - .question .button:hover, - .warning .button:hover, - .error .button:hover { - background-color: rgba(246, 116, 0, 0.25); - border-color: #f67400; } - .info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked, - .question .button:active, - .question .button:checked, - .warning .button:active, - .warning .button:checked, - .error .button:active, - .error .button:checked { - background-image: linear-gradient(to bottom, #f87500, #ef7100); - color: #31363b; - border-color: #f67400; } - .info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive, - .question .button:insensitive, - .warning .button:insensitive, - .error .button:insensitive { - background-color: rgba(224, 105, 0, 0); - border-color: rgba(224, 105, 0, 0); - color: rgba(216, 218, 221, 0.35); } - .info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop, - .question .button:backdrop, - .warning .button:backdrop, - .error .button:backdrop { - background-color: rgba(246, 116, 0, 0.5); - border-color: rgba(246, 116, 0, 0.5); - color: #eff0f1; } - .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked, - .question .button:backdrop:active, - .question .button:backdrop:checked, - .warning .button:backdrop:active, - .warning .button:backdrop:checked, - .error .button:backdrop:active, - .error .button:backdrop:checked { - background-image: linear-gradient(to bottom, #f87500, #ef7100); - color: #31363b; - border-color: #f67400; } - .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive, - .question .button:backdrop:insensitive, - .warning .button:backdrop:insensitive, - .error .button:backdrop:insensitive { - background-color: rgba(224, 105, 0, 0); - border-color: rgba(224, 105, 0, 0); - color: rgba(216, 218, 221, 0.35); } - .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked, - .question .button:backdrop:insensitive:active, - .question .button:backdrop:insensitive:checked, - .warning .button:backdrop:insensitive:active, - .warning .button:backdrop:insensitive:checked, - .error .button:backdrop:insensitive:active, - .error .button:backdrop:insensitive:checked { - background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); - color: #2d3136; - border-color: rgba(224, 105, 0, 0.35); } - -/********* - * Links * - *********/ -*:link, .button:link, .button:visited { - color: #2980b9; } - *:link:visited, .button:visited { - color: #7f8c8d; } - *:selected *:link:visited, *:selected .button:visited { - color: #a8d6ee; } - *:link:hover, .button:hover:link, .button:hover:visited { - color: #409ad5; } - *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #dde9f0; } - *:link:active, .button:active:link, .button:active:visited { - color: #2980b9; } - *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #cbe3ef; } - *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, - .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { - color: rgba(61, 174, 233, 0.5); } - *:link:selected, .titlebar.selection-mode .subtitle:link, - .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #cbe3ef; } - -.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; } - -/********* - * Lists * - *********/ -.list, .list-row { - background-color: #31363b; - color: #eff0f1; - border-width: 0px; } - .list:backdrop, .list-row:backdrop { - background-color: #31363b; - color: #eff0f1; } - -.list-row, -.grid-child { - padding: 0px 2px; - border-style: solid; - border-width: 0px; - border-color: #31363b; } - -.list-row.button, -.list-row.button:backdrop, -.list-row.button:backdrop:active, -.list-row.button:backdrop:checked, -.list-row.button:backdrop:insensitive, -.list-row.button:backdrop:insensitive:active, -.list-row.button:backdrop:insensitive:checked, -.list-row.button:insensitive:active, -.list-row.button:insensitive:checked { - background-color: rgba(35, 38, 41, 0); - border-style: none; - border-radius: 0; - box-shadow: none; } - -.list-row.button { - background-color: #31363b; } - .list-row.button:hover { - background-color: rgba(61, 174, 233, 0.25); } - .list-row.button:active { - background-color: #3daee9; - box-shadow: none; } - .list-row.button:selected { - background-color: #3daee9; } - .list-row.button:selected:active { - box-shadow: none; } - .list-row.button:selected:hover { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .list-row.button:selected:backdrop { - background-color: rgba(61, 174, 233, 0.5); } - .list-row.button:backdrop { - background-color: #31363b; } - -.list-row:selected .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .list-row:selected .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; } - .list-row:selected .button:hover { - color: #eff0f1; - border-color: #3daee9; } - .list-row:selected .button:active, .list-row:selected .button:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { - color: inherit; } - .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .list-row:selected .button.flat:backdrop { - background-color: #31363b; - color: #eff0f1; - border-color: transparent; } - .list-row:selected .button:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .list-row:selected .button:insensitive > .label { - color: inherit; } - .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { - color: inherit; } - -.list-row, list-row.button { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .list-row:hover, list-row.button:hover { - transition: none; } - -/********* - * Menus * - *********/ -/* menu buttons */ -.menuitem.button.flat { - color: #eff0f1; } - .menuitem.button.flat:hover { - background-color: #3daee9; } - .menuitem.button.flat:selected { - background-color: #3daee9; - color: #eff0f1; } - .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { - color: #eff0f1; } - -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: none; - background-color: #31363b; } - .menubar:backdrop { - background-color: #31363b; } - .menubar > .menuitem { - padding: 6px 8px; - border: 1px solid #31363b; } - .menubar > .menuitem:hover { - background-color: #3daee9; - color: #eff0f1; } - .menubar > .menuitem:insensitive { - color: rgba(216, 218, 221, 0.35); - box-shadow: none; } - .menubar > .menuitem:insensitive:backdrop { - background-color: #31363b; - color: rgba(216, 218, 221, 0.35); } - .menubar > .menuitem:backdrop { - background-color: #31363b; - border-color: #31363b; - color: #eff0f1; } - -.menu { - padding: 0px; - background-color: #31363b; - border: 1px solid #616569; - border-radius: 3px; } - .csd .menu { - border: 1px solid #616569; } - .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { - color: #616569; } - .menu .menuitem { - text-shadow: none; - padding: 4px 4px; } - .menu .menuitem:hover { - color: #eff0f1; - background-color: #3daee9; } - .menu .menuitem:insensitive { - color: rgba(216, 218, 221, 0.35); } - .menu .menuitem:insensitive:backdrop { - color: rgba(216, 218, 221, 0.35); } - .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { - color: #eff0f1; - background-color: #31363b; } - .menu .menuitem.arrow { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .menu .menuitem.arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - -.menuitem .accelerator { - color: alpha(currentColor,0.5); } - -/*************** - * Popovers * - ***************/ -.popover { - margin: 10px; - padding: 0px; - border: 1px solid #616569; - border-radius: 3px; - background-color: #31363b; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } - .popover:backdrop { - box-shadow: none; } - .popover > .list, - .popover > .view, - .popover > .toolbar, - .popover > .inline-toolbar, - .popover > .search-bar, - .popover > .location-bar, - .popover.osd > .toolbar, - .popover.osd > .inline-toolbar, - .popover.osd > .search-bar, - .popover.osd > .location-bar { - border-style: none; - background-color: transparent; } - .popover .button.flat { - border-radius: 0px; - color: #eff0f1; } - .popover .button.flat .label { - padding: 4px 0px; } - .popover .button.flat:hover, .popover .button.flat:checked:hover { - background-image: none; - background-color: #3daee9; - color: #eff0f1; - transition: none; } - .popover .button.flat:backdrop { - background-color: transparent; - color: #eff0f1; } - -.entry.cursor-handle, -.cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - .entry.cursor-handle.top, - .cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } - .entry.cursor-handle.bottom, - .cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } - -.scale-popup .button, -.scale-popup .button.flat { - background-color: transparent; - padding: 5px; - color: #eff0f1; } - .scale-popup .button:hover, - .scale-popup .button.flat:hover { - color: #3daee9; } - .scale-popup .button:active, - .scale-popup .button.flat:active { - color: #3daee9; } - .scale-popup .button:insensitive, - .scale-popup .button.flat:insensitive { - color: rgba(216, 218, 221, 0.35); } - .scale-popup .button:backdrop, - .scale-popup .button.flat:backdrop { - color: #eff0f1; } - .scale-popup .button:backdrop:insensitive, - .scale-popup .button.flat:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - -GtkVolumeButton.button { - padding: 5px; } - -/******** - * Misc * - ********/ -/********** -* Frames * -**********/ -.frame { - border: 1px solid #616569; - padding: 0; } - .frame.flat { - border-style: none; } - .frame.action-bar { - padding: 6px; - border-width: 1px 0 0; } - .frame.action-bar:backdrop { - border-color: #616569; } - .frame:backdrop { - border-color: #616569; } - -GtkScrolledWindow GtkViewport.frame { - border-style: none; } - -.separator, GtkPlacesSidebar.sidebar .view .separator, -GtkPlacesSidebar.sidebar .view .separator:backdrop { - color: transparent; } - .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { - color: #616569; } - .separator.vertical:backdrop, - GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { - color: #616569; } - GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, - GtkFontButton .separator.vertical, - GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, - GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { - -GtkWidget-wide-separators: true; } - -/************* -* Expanders * -*************/ -.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - .expander:hover { - color: white; } - .expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/********* -* Paned * -*********/ -GtkPaned { - -GtkPaned-handle-size: 1; - -gtk-icon-source: none; - margin: 0 8px 8px 0; } - GtkPaned:dir(rtl) { - margin-right: 0; - margin-left: 8px; } - GtkPaned .pane-separator { - background-color: #616569; } - GtkPaned .pane-separator:backdrop { - background-color: #616569; } - -GtkPaned.wide { - -GtkPaned-handle-size: 5; - margin: 0; } - GtkPaned.wide .pane-separator { - background-color: transparent; - border-style: none; } - GtkPaned.wide.vertical .pane-separator { - border-style: none; } - GtkPaned.wide .pane-separator:backdrop { - border-color: transparent; } - -/********************* -* Spinner Animation * -*********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } - -.spinner { - background-image: none; - background-color: blue; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - .spinner:active { - opacity: 1; - animation: spin 1s linear infinite; } - .spinner:active:insensitive { - opacity: 0.5; } - -/***************** - * Notebooks and * - * Tabs * - *****************/ -.notebook { - -GtkNotebook-initial-gap: 0; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #31363b; } - .notebook:backdrop { - background-color: #31363b; } - .notebook.frame { - border: 1px solid #616569; } - .notebook.frame.top { - border-top-width: 0; } - .notebook.frame.bottom { - border-bottom-width: 0; } - .notebook.frame.right { - border-right-width: 0; } - .notebook.frame.left { - border-left-width: 0; } - .notebook.frame:backdrop { - border-color: #616569; } - .notebook.header { - background-color: #31363b; - padding-top: 4px; } - .notebook.header.frame { - border-style: none; } - .notebook.header.top { - box-shadow: inset 0 -1px #616569; } - .notebook.header.top:backdrop { - box-shadow: inset 0 -1px #616569; } - .notebook.header.bottom { - box-shadow: inset 0 1px #616569; } - .notebook.header.bottom:backdrop { - box-shadow: inset 0 1px #616569; } - .notebook.header.right { - box-shadow: inset 1px 0 #616569; } - .notebook.header.right:backdrop { - box-shadow: inset 1px 0 #616569; } - .notebook.header.left { - box-shadow: inset -1px 0 #616569; } - .notebook.header.left:backdrop { - box-shadow: inset -1px 0 #616569; } - .notebook.header:backdrop { - background-color: #31363b; } - .notebook tab { - border: 1px solid rgba(239, 240, 241, 0.2); - background-color: rgba(239, 240, 241, 0.2); - background-clip: padding-box; - padding: 8px; } - .notebook tab:backdrop { - background-color: rgba(239, 240, 241, 0.2); } - .notebook tab.reorderable-page { - background-color: #31363b; } - .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { - padding-left: 12px; - padding-right: 6px; - padding-bottom: 8px; } - .notebook tab.top { - border-radius: 3px 3px 0px 0px; - border-bottom-color: transparent; } - .notebook tab.top:active, .notebook tab.top.active-page { - border-color: #616569; - border-bottom-color: #31363b; - background-color: #31363b; } - .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { - border-color: #616569; - border-bottom-color: #31363b; - background-color: #31363b; } - .notebook tab.bottom { - border-radius: 0px 0px 3px 3px; - border-top-color: transparent; } - .notebook tab.bottom:active, .notebook tab.bottom.active-page { - border-color: #616569; - border-top-color: #31363b; - background-color: #31363b; } - .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { - border-color: #616569; - border-top-color: #31363b; - background-color: #31363b; } - .notebook tab.left { - border-radius: 3px 0px 0px 3px; - border-right-color: transparent; } - .notebook tab.left:active, .notebook tab.left.active-page { - border-color: #616569; - border-right-color: #31363b; - background-color: #31363b; } - .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { - border-color: #616569; - border-right-color: #31363b; - background-color: #31363b; } - .notebook tab.right { - border-radius: 0px 3px 3px 0px; - border-left-color: transparent; } - .notebook tab.right:active, .notebook tab.right.active-page { - border-color: #616569; - border-left-color: #31363b; - background-color: #31363b; } - .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { - border-color: #616569; - border-left-color: #31363b; - background-color: #31363b; } - .notebook tab:hover, .notebook tab.prelight-page { - background-color: rgba(61, 174, 233, 0.2); - border-color: rgba(61, 174, 233, 0.2); } - .notebook tab.reorderable-page.top { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #31363b; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: #616569; - box-shadow: inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { - background-color: #31363b; - border-color: transparent; - border-right-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.top:backdrop { - background-color: #31363b; - border-right-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.bottom { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #31363b; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: #616569; - box-shadow: inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #31363b; } - .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { - background-color: #31363b; - border-color: transparent; - border-right-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.bottom:backdrop { - background-color: #31363b; - border-right-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.left { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #31363b; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: #616569; - box-shadow: inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { - background-color: #31363b; - border-color: transparent; - border-bottom-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.left:backdrop { - background-color: #31363b; - border-bottom-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.right { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #31363b; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: #616569; - box-shadow: inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #31363b; } - .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { - background-color: #31363b; - border-color: transparent; - border-bottom-color: #616569; - box-shadow: none; } - .notebook tab.reorderable-page.right:backdrop { - background-color: #31363b; - border-bottom-color: #616569; - box-shadow: none; } - .notebook tab .label { - padding: 0 2px; - color: #eff0f1; } - .notebook tab .label:backdrop { - color: #eff0f1; } - .notebook tab .label:insensitive { - color: rgba(216, 218, 221, 0.35); } - .notebook tab .button { - padding: 0px; - border: 1px solid transparent; - border-radius: 50%; - background-image: none; - background-color: #616569; - box-shadow: none; - icon-shadow: none; - transition: none; - color: #31363b; } - .notebook tab .button:hover { - background-color: #da4453; - border-color: transparent; - background-image: none; - box-shadow: none; } - .notebook tab .button:active { - color: #31363b; - border-color: transparent; - background-image: none; - box-shadow: none; } - .notebook tab .button:backdrop { - color: #31363b; - background-color: #616569; } - .notebook tab .button > GtkImage { - padding: 0px; } - .notebook tab .button .active-page, .notebook tab .button.active-page { - background-color: #da4453; } - .notebook.arrow { - color: #eff0f1; } - .notebook.arrow:hover { - color: #3daee9; } - .notebook.arrow:active { - color: #3daee9; } - .notebook.arrow:insensitive { - color: rgba(216, 218, 221, 0.35); } - .notebook.arrow:backdrop { - color: #eff0f1; } - .notebook.arrow:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - -/* Decouple the font of context menus from their entry/textview */ -.touch-selection, -.context-menu { - font: initial; } - -.monospace { - font: Monospace; } - -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -/************ - * Pathbars * - ************/ -.path-bar .button { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #eff0f1; - text-shadow: none; - icon-shadow: none; - padding: 4px 8px; - color: #eff0f1; } - .path-bar .button:hover { - border-color: #3daee9; } - .path-bar .button:active, .path-bar .button:checked { - background-color: #616569; } - .path-bar .button:first-child { - padding-left: 8px; } - .path-bar .button:last-child { - padding-right: 8px; } - .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } - .path-bar .button .label:last-child { - padding-left: 2px; } - .path-bar .button .label:first-child { - padding-right: 2px; } - .path-bar .button .label:only-child { - padding-right: 0; - padding-left: 0; } - .path-bar .button GtkImage { - padding-top: 1px; } - -/***************** - * Progress bars * - *****************/ -GtkProgressBar { - padding: 0; - font-size: smaller; - color: rgba(239, 240, 241, 0.3); - box-shadow: none; } - GtkProgressBar:backdrop { - color: rgba(239, 240, 241, 0.3); } - GtkProgressBar.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 0; - -GtkProgressBar-min-horizontal-bar-height: 3; } - GtkProgressBar.trough { - border: 1px solid transparent; - border-radius: 3px; - background-color: rgba(239, 240, 241, 0.3); } - GtkProgressBar.trough.osd { - border: 1px solid transparent; - border-radius: 3px; - background-color: rgba(239, 240, 241, 0.3); } - GtkProgressBar.trough.osd:backdrop { - background-color: rgba(239, 240, 241, 0.3); } - GtkProgressBar.trough:backdrop { - background-color: rgba(239, 240, 241, 0.3); } - -.progressbar { - background-color: #3daee9; - border: 1px solid #3daee9; - border-radius: 0px; - box-shadow: none; } - .progressbar.left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - .progressbar.right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - .progressbar.left.right { - box-shadow: none; } - .progressbar.vertical.bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - box-shadow: none; } - .progressbar.vertical.top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .progressbar.osd { - background-image: none; - background-color: #3daee9; - border: 1px solid #3daee9; - border-radius: 3px; } - .progressbar.osd:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - .progressbar:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - -/************* - * Level Bar * - *************/ -.level-bar.vertical { - -GtkLevelBar-min-block-width: 6; - -GtkLevelBar-min-block-height: 34; } - -.level-bar { - box-shadow: none; - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 6; } - .level-bar.vertical { - -GtkLevelBar-min-block-width: 6; - -GtkLevelBar-min-block-height: 34; } - .level-bar.trough { - border: 1px solid transparent; - padding: 3px; - border-radius: 3px; - background-color: transparent; } - .level-bar.fill-block { - border: 1px solid #3daee9; - background-color: #3daee9; - box-shadow: none; - border-radius: 3px; } - .level-bar.fill-block.indicator-discrete.horizontal { - margin: 0 1px; } - .level-bar.fill-block.indicator-discrete.vertical { - margin: 1px 0; } - .level-bar.fill-block.level-high { - border-color: #27ae60; - background-color: #27ae60; } - .level-bar.fill-block.level-high:backdrop { - background-color: #27ae60; - border-color: #27ae60; } - .level-bar.fill-block.level-low { - border-color: #f67400; - background-color: #f67400; } - .level-bar.fill-block.level-low:backdrop { - background-color: #f67400; - border-color: #f67400; } - .level-bar.fill-block.empty-fill-block { - background-color: rgba(239, 240, 241, 0.3); - border-color: transparent; - box-shadow: none; } - .level-bar.fill-block:backdrop { - border-color: rgba(61, 174, 233, 0.5); - background-color: rgba(61, 174, 233, 0.5); } - -/************ - * GtkScale * - ************/ -.scale, -.scale.scale-has-marks-above.scale-has-marks-below, -.scale.vertical.scale-has-marks-above.scale-has-marks-below { - -GtkScale-slider-length: 18; - -GtkRange-slider-width: 18; - -GtkRange-trough-border: 2; } - .scale.fine-tune.trough, - .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { - margin: 8px; - border-radius: 3px; } - .scale.slider, - .scale.scale-has-marks-above.scale-has-marks-below.slider, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { - background-color: #31363b; - border: 1px solid #616569; - border-radius: 50%; - box-shadow: none; } - .scale.slider:hover, - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { - border-style: solid; - border-width: 2px; - border-color: #3daee9; - border-radius: 50%; } - .scale.slider:hover:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop { - background-color: #31363b; - border-color: #3daee9; } - .scale.slider:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { - border-style: solid; - border-radius: 50%; - background-color: #2d3136; - border-color: rgba(88, 92, 95, 0.35); } - .scale.slider:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { - background-color: #2d3136; - border-color: rgba(88, 92, 95, 0.35); } - .scale.slider:active, - .scale.scale-has-marks-above.scale-has-marks-below.slider:active, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { - border: 2px solid #3daee9; } - .scale.slider:active:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop { - background-color: #31363b; - border-color: #3daee9; } - .scale.slider:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { - background-color: #31363b; - border-color: #616569; } - .scale.trough, - .scale.scale-has-marks-above.scale-has-marks-below.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { - margin: 9px; - border: 1px solid rgba(239, 240, 241, 0.3); - border-radius: 3px; - background-color: rgba(239, 240, 241, 0.3); - box-shadow: none; } - .scale.trough.highlight, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { - background-color: #3daee9; - border-color: #3daee9; } - .scale.trough.highlight.vertical, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { - background-color: #3daee9; - border-color: #3daee9; } - .scale.trough.highlight:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - .scale.trough:insensitive, .scale.trough.vertical:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { - border-color: rgba(104, 108, 113, 0.545); - background-color: rgba(104, 108, 113, 0.545); - box-shadow: none; } - .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { - background-color: rgba(104, 108, 113, 0.545); - border-color: rgba(104, 108, 113, 0.545); } - .scale.trough:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - background-color: rgba(239, 240, 241, 0.3); - border-color: rgba(239, 240, 241, 0.3); } - -/************** - * Scrollbars * - **************/ -.scrollbar { - -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkRange-slider-width: 10px; - -GtkScrollbar-min-slider-length: 64; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } - .scrollbar .button { - color: #eff0f1; } - .scrollbar .button:hover { - color: #3daee9; } - .scrollbar .button:insensitive { - color: rgba(216, 218, 221, 0.35); } - .scrollbar .button:backdrop { - color: #eff0f1; } - .scrollbar .button:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - .scrollbar.dragging, .scrollbar.hovering { - opacity: 0.9910; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.999; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - -GtkRange-slider-width: 10px; - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - margin: 2px; - border: 5px solid transparent; - border-radius: 8px; - background-color: rgba(239, 240, 241, 0.5); } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { - background-color: rgba(239, 240, 241, 0.5); } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { - border: none; - background: none; } - .scrollbar.trough { - margin: 2px; - border: 5px solid transparent; - border-radius: 8px; - background-color: rgba(239, 240, 241, 0.3); } - .scrollbar.trough:backdrop { - background-color: rgba(239, 240, 241, 0.3); } - .scrollbar.slider { - margin: 2px; - border: 5px solid transparent; - border-radius: 8px; - background-color: rgba(239, 240, 241, 0.5); } - .scrollbar.slider:hover { - background-color: #3daee9; } - .scrollbar.slider:active { - background-color: #3daee9; } - .scrollbar.slider:insensitive { - background-color: rgba(216, 218, 221, 0); } - .scrollbar.slider:backdrop { - background-color: rgba(239, 240, 241, 0.3); } - .scrollbar.slider:backdrop:insensitive { - background-color: rgba(216, 218, 221, 0); } - -.scrollbars-junction, -.scrollbars-junction.frame { - border-color: transparent; - background-color: transparent; - border-image: none; } - -/*********** - * Sidebar * - ***********/ -.sidebar, -.sidebar .view { - border: none; - background-color: #31363b; } - .sidebar:backdrop, - .sidebar .view:backdrop { - background-color: #31363b; } - -GtkSidebarRow.list-row { - padding: 0px; } - -GtkSidebarRow .sidebar-revealer { - padding: 4px 14px 4px 12px; } - -GtkSidebarRow .sidebar-icon:dir(ltr) { - padding-right: 8px; } - -GtkSidebarRow .sidebar-icon:dir(rtl) { - padding-left: 8px; } - -GtkSidebarRow .sidebar-label:dir(ltr) { - padding-right: 2px; } - -GtkSidebarRow .sidebar-label:dir(rtl) { - padding-left: 2px; } - -GtkPlacesSidebar.sidebar .view:insensitive { - color: rgba(216, 218, 221, 0.35); } - -GtkPlacesSidebar.sidebar .view:backdrop { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - -GtkPlacesSidebar.sidebar .view .image { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view .image:selected { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view .image:selected:backdrop { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view .image:insensitive { - color: rgba(216, 218, 221, 0.35); } - GtkPlacesSidebar.sidebar .view .image:backdrop { - color: #eff0f1; } - GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); } - -.sidebar-item { - padding: 10px 4px; } - .sidebar-item > .label { - padding-left: 6px; - padding-right: 6px; } - .sidebar-item.needs-attention > .label { - background-size: 6px 6px, 0 0; } - -/***************** - * GtkSpinButton * - *****************/ -.osd .spinbutton .button:last-child { - border-radius: 0 3px 3px 0; } - -.osd .spinbutton .button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } - -.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { - padding-top: 5px; - padding-bottom: 5px; } - .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { - color: #eff0f1; - border-color: #3daee9; } - .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { - color: #eff0f1; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { - color: #eff0f1; - border-color: #3daee9; } - .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - color: #eff0f1; - border-color: #616569; - background-image: linear-gradient(to bottom, #31373c, #303439); } - .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0.35); - background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { - color: inherit; } - -.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { - border-radius: 0px; - padding-left: 0px; - padding-right: 0px; } - .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { - background-color: #202325; } - -GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { - padding: 1px; - border-width: 1px 0; - border-color: #3daee9; - border-radius: 0; - box-shadow: none; } - -.spinbutton .button, .osd .spinbutton .button { - background-image: none; - background-color: transparent; - border-style: none none none solid; - border-color: rgba(97, 101, 105, 0.3); - color: #eff0f1; - border-radius: 0; - box-shadow: none; } - .spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) { - border-style: none solid none none; } - .spinbutton .button:hover { - color: #3daee9; } - .spinbutton .button:insensitive { - color: rgba(216, 218, 221, 0.35); - border-color: rgba(88, 92, 95, 0); } - .spinbutton .button:active { - color: #3daee9; } - .spinbutton .button:backdrop { - color: #eff0f1; - border-color: rgba(97, 101, 105, 0.3); - background-color: transparent; } - .spinbutton .button:backdrop:insensitive { - background-image: none; - color: rgba(216, 218, 221, 0.35); - border-style: none none none solid; - border-color: rgba(88, 92, 95, 0); } - .spinbutton .button:backdrop:insensitive:dir(rtl) { - border-style: none solid none none; } - -.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } - -.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } - -/********** - * Switch * - **********/ -GtkSwitch { - -GtkSwitch-slider-width: 24px; - -GtkSwitch-slider-height: 24px; - font-weight: bold; - font-size: smaller; - outline-offset: 0px; - color: transparent; - box-shadow: none; } - GtkSwitch.trough { - border: 0px solid; - border-radius: 12px; - background-image: none; - background-color: rgba(239, 240, 241, 0.3); - text-shadow: none; } - GtkSwitch.trough:active { - background-color: #3daee9; - box-shadow: none; - text-shadow: none; } - GtkSwitch.trough:backdrop { - background-color: rgba(239, 240, 241, 0.3); } - GtkSwitch.slider { - border: 1px solid; - border-radius: 11px; - background-color: #31363b; - border-color: #616569; } - GtkSwitch.slider:hover { - box-shadow: none; - border-color: #3daee9; - background-color: #31363b; } - GtkSwitch.slider:active { - border-color: #3daee9; } - GtkSwitch.slider:active:hover { - border-color: #3daee9; } - GtkSwitch.slider:insensitive { - background-color: #2d3136; } - GtkSwitch.slider:backdrop { - background-color: #31363b; } - GtkSwitch.slider:backdrop:insensitive { - background-color: #2d3136; } - .header-bar GtkSwitch.trough:backdrop { - background-color: transparent; } - .header-bar GtkSwitch.slider:backdrop { - background-color: #7f8c8d; } - -/************ - * Toolbars * - ************/ -.toolbar, .inline-toolbar, .search-bar, .location-bar, -.primary-toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #31363b; } - .toolbar:backdrop, .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop, - .primary-toolbar:backdrop { - background-color: #31363b; - box-shadow: none; } - .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar, .osd - .primary-toolbar, - .primary-toolbar.osd { - padding: 13px; - border: none; - border-radius: 3px; - background-color: #31363b; } - .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd - .primary-toolbar:backdrop, - .primary-toolbar.osd:backdrop { - border-color: #616569; - background-color: #31363b; - box-shadow: none; } - -.inline-toolbar { - border-width: 0px 0px 1px 0px; - padding: 3px; - border-radius: 0; } - -.search-bar, .location-bar { - border-width: 0px 0px 1px 0px; - padding: 3px; } - -.inline-toolbar, .search-bar, .location-bar { - border-style: solid; - border-color: #616569; - text-shadow: none; - background-color: #31363b; } - -/************ - * Tooltips * - ************/ -.tooltip { - color: #eff0f1; - padding: 4px; - /* not working */ - border-radius: 5px; - box-shadow: none; - text-shadow: none; - border: 1px solid #616569; } - .tooltip.background { - background-color: #31363b; - background-clip: padding-box; } - .tooltip.window-frame.csd { - background-color: transparent; } - -.tooltip * { - padding: 4px; - background-color: transparent; - color: inherit; } - -/************** - * Tree Views * - **************/ -GtkTreeView.view { - -GtkTreeView-grid-line-width: 0; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: #616569; - border-top-color: transparent; } - GtkTreeView.view:selected { - border-radius: 0; } - GtkTreeView.view:selected { - background-color: #3daee9; - border-left-color: #eff0f1; - border-top-color: #eff0f1; } - GtkTreeView.view:backdrop:selected { - background-color: rgba(61, 174, 233, 0.5); - border-left-color: #eff0f1; - border-top-color: #eff0f1; } - GtkTreeView.view:insensitive { - color: rgba(88, 92, 95, 0.35); } - GtkTreeView.view:insensitive:selected { - color: rgba(216, 218, 221, 0.35); } - GtkTreeView.view:insensitive:selected:backdrop { - color: rgba(216, 218, 221, 0.35); } - GtkTreeView.view:insensitive:backdrop { - color: rgba(88, 92, 95, 0.35); } - GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator { - color: #616569; } - GtkTreeView.view.separator:backdrop, - GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop { - color: #616569; } - GtkTreeView.view:backdrop { - border-left-color: #616569; } - GtkTreeView.view.dnd { - border-style: solid none; - border-width: 1px; - border-color: #3daee9; } - GtkTreeView.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #eff0f1; } - GtkTreeView.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkTreeView.view.expander:hover { - color: #3daee9; } - GtkTreeView.view.expander:selected { - color: #eff0f1; } - GtkTreeView.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.expander:checked:selected { - color: #eff0f1; } - GtkTreeView.view.expander:checked:backdrop { - color: #232629; } - GtkTreeView.view.expander:backdrop { - color: #eff0f1; } - -column-header .button { - color: #eff0f1; - background-color: #31363b; - text-shadow: none; - box-shadow: none; } - column-header .button:hover { - color: #eff0f1; - background-color: rgba(61, 174, 233, 0.5); - box-shadow: none; - transition: none; } - column-header .button:active { - color: #eff0f1; - background-color: rgba(61, 174, 233, 0.5); - transition: none; } - -column-header:last-child .button, -column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { - border-right-style: none; } - -column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { - transition: none; - color: #3daee9; - box-shadow: none; } - -column-header .button, column-header .button:hover, column-header .button:active { - padding: 6px; - border-style: none solid solid none; - border-radius: 0; - background-image: none; - border-color: #616569; - text-shadow: none; } - column-header .button:insensitive { - border-color: rgba(88, 92, 95, 0.35); - color: rgba(216, 218, 221, 0.35); - background-color: #2d3136; - background-image: none; } - column-header .button:backdrop { - border-color: #616569; - border-style: none solid solid none; - color: #eff0f1; - background-image: none; - background-color: #31363b; } - column-header .button:backdrop:insensitive { - border-color: rgba(88, 92, 95, 0.35); - background-image: none; - background-color: #2d3136; - color: rgba(216, 218, 221, 0.35); } - -/********************** - * Window Decorations * - *********************/ -.window-frame { - border-radius: 3px; - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); - /* this is used for the resize cursor area */ - margin: 10px; } - .window-frame:backdrop { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } - .window-frame.tiled { - border-radius: 0; } - .window-frame.popup { - border-radius: 3px; - box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } - .window-frame.ssd { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } - .window-frame.csd { - border-radius: 3px; } - .window-frame.csd.popup { - box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } - .window-frame.csd.tooltip { - box-shadow: none; } - .window-frame.csd.message-dialog { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } - .window-frame.solid-csd { - border-radius: 0; - margin: 0px; - background-color: #31363b; - border: none; - box-shadow: none; } - -.header-bar .button.titlebutton, -.titlebar .button.titlebutton { - padding: 0px; } - .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, - .titlebar .button.titlebutton:hover, - .titlebar .button.titlebutton:active, - .titlebar .button.titlebutton:checked, - .titlebar .button.titlebutton:backdrop, - .titlebar .button.titlebutton:active:hover { - transition: none; } - .header-bar .button.titlebutton.close, - .titlebar .button.titlebutton.close { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } - .header-bar .button.titlebutton.close:hover, - .titlebar .button.titlebutton.close:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } - .header-bar .button.titlebutton.close:active, - .titlebar .button.titlebutton.close:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } - .header-bar .button.titlebutton.close:backdrop, - .titlebar .button.titlebutton.close:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } - .header-bar .button.titlebutton.maximize, - .titlebar .button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } - .header-bar .button.titlebutton.maximize:hover, - .titlebar .button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } - .header-bar .button.titlebutton.maximize:active, - .titlebar .button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } - .header-bar .button.titlebutton.maximize:backdrop, - .titlebar .button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } - .header-bar .button.titlebutton.minimize, - .titlebar .button.titlebutton.minimize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } - .header-bar .button.titlebutton.minimize:hover, - .titlebar .button.titlebutton.minimize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } - .header-bar .button.titlebutton.minimize:active, - .titlebar .button.titlebutton.minimize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } - .header-bar .button.titlebutton.minimize:backdrop, - .titlebar .button.titlebutton.minimize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } - -.maximized .header-bar .button.titlebutton.maximize, .maximized -.titlebar .button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } - -.maximized .header-bar .button.titlebutton.maximize:hover, .maximized -.titlebar .button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } - -.maximized .header-bar .button.titlebutton.maximize:active, .maximized -.titlebar .button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } - -.maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized -.titlebar .button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } - -.header-bar.selection-mode .button.titlebutton, -.titlebar.selection-mode .button.titlebutton { - text-shadow: none; } - .header-bar.selection-mode .button.titlebutton:backdrop, - .titlebar.selection-mode .button.titlebutton:backdrop { - icon-shadow: none; } diff --git a/Breeze-dark-gtk/gtk-3.18/gtk.css b/Breeze-dark-gtk/gtk-3.18/gtk.css index 12cdc5f..8e9df1b 100644 --- a/Breeze-dark-gtk/gtk-3.18/gtk.css +++ b/Breeze-dark-gtk/gtk-3.18/gtk.css @@ -1,2938 +1,3035 @@ /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ @define-color theme_fg_color #eff0f1; /* text color for entries, views and content in general */ @define-color theme_text_color #eff0f1; /* widget base background color */ @define-color theme_bg_color #31363b; /* text widgets and the like base background color */ @define-color theme_base_color #232629; /* base background color of selections */ @define-color theme_selected_bg_color #3daee9; /* text/foreground color of selections */ @define-color theme_selected_fg_color #eff0f1; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #2d3136; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(216, 218, 221, 0.35); /* insensitive text widgets and the like base background color */ @define-color insensitive_base_color rgba(216, 218, 221, 0.35); /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #eff0f1; /* text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color #eff0f1; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #31363b; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #232629; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5); /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color #eff0f1; /* widgets main borders color */ @define-color borders #616569; /* widgets main borders color on backdrop windows */ @define-color unfocused_borders #616569; /* widgets main borders color insensitive */ @define-color insensitive_borders rgba(88, 92, 95, 0.35); /* these are pretty self explicative */ @define-color warning_color #f67400; @define-color error_color #da4453; @define-color success_color #27ae60; @define-color content_view_bg #232629; * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #da4453; -GtkButton-child-displacement-x: 0; -GtkButton-child-displacement-y: 0; -GtkCheckButton-indicator-size: 18; -GtkCheckMenuItem-indicator-size: 18; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2980b9; -GtkWidget-visited-link-color: #7f8c8d; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-width: 0px; } /*************** * Base States * ***************/ .background { color: #eff0f1; background-color: #31363b; } .background:backdrop { text-shadow: none; icon-shadow: none; color: #eff0f1; background-color: #31363b; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #31363b; color: #eff0f1; } .gtkstyle-fallback:prelight { background-color: #485057; color: #eff0f1; } .gtkstyle-fallback:active { background-color: #1a1d1f; color: #eff0f1; } .gtkstyle-fallback:insensitive { background-color: #2d3136; color: rgba(216, 218, 221, 0.35); } .gtkstyle-fallback:selected { background-color: #3daee9; color: #eff0f1; } .view { color: #eff0f1; background-color: #232629; } .view:backdrop { color: #eff0f1; background-color: #232629; } .view:selected { border-radius: 3px; } + .view:insensitive { + color: rgba(216, 218, 221, 0.35); } .rubberband { border: 1px solid #3daee9; background-color: rgba(61, 174, 233, 0.2); } .rubberband:backdrop { border-color: #3daee9; background-color: rgba(61, 174, 233, 0.2); } .label.separator, GtkPlacesSidebar.sidebar .view .label.separator { color: #eff0f1; } - .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop { + .label.separator:backdrop, + GtkPlacesSidebar.sidebar .view .label.separator:backdrop { color: #eff0f1; } + .label:insensitive { color: rgba(216, 218, 221, 0.35); } .label:insensitive:backdrop { color: rgba(216, 218, 221, 0.35); } .dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, .header-bar .subtitle { opacity: 0.5; text-shadow: none; } GtkAssistant .sidebar { background-color: #eff0f1; border-top: 1px solid #616569; } GtkAssistant .sidebar:dir(ltr) { border-right: 1px solid #616569; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #616569; } GtkAssistant .sidebar:backdrop { background-color: #eff0f1; border-color: #616569; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar .label { padding: 6px 12px; } + GtkAssistant .sidebar .label.highlight { background-color: #4c4e51; } GtkTextView { background-color: #2a2e32; } GtkTextView:backdrop { background-color: #2a2e32; } + GtkTextView:insensitive { + color: rgba(216, 218, 221, 0.35); } .grid-child { padding: 3px; border-radius: 3px; } .app-notification, .app-notification.frame, .popover.osd, .osd { color: #eff0f1; border: 1px solid #31363b; background-color: rgba(49, 54, 59, 0.8); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { color: #eff0f1; background-color: rgba(49, 54, 59, 0.8); } .view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, .sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { background-color: #3daee9; color: #eff0f1; } .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { background-color: rgba(61, 174, 233, 0.5); color: #232629; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } + .button, .button.osd, .osd .button { border: 1px solid; border-radius: 3px; padding: 6px; background-clip: border-box; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } .flat.button { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; transition: none; } .flat.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } .flat.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .flat.button:checked { background-color: #616569; } .button:hover { color: #eff0f1; border-color: #3daee9; -gtk-image-effect: highlight; } .button:active, .button:checked { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); transition-duration: 50ms; } .button:active:hover, .button:checked:hover { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .button:backdrop { color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); -gtk-image-effect: none; } .button:backdrop:active, .button:backdrop:checked { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .button:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { color: inherit; } .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { color: rgba(216, 218, 221, 0.35); border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { color: inherit; } .flat.button:backdrop { -gtk-image-effect: none; border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: #eff0f1; } .flat.button:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: rgba(216, 218, 221, 0.35); } .flat.button:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: rgba(216, 218, 221, 0.35); } .button:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } .button:insensitive > .label, .osd .button:insensitive > .label { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: rgba(216, 218, 221, 0.35); border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { color: inherit; } -.button.suggested-action, .button.suggested-action.osd .button { +.button.suggested-action, +.button.suggested-action.osd .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action.flat, .button.suggested-action.osd .button.flat { + .button.suggested-action.flat, + .button.suggested-action.osd .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: #3daee9; } - .button.suggested-action:hover, .button.suggested-action.osd .button:hover { + .button.suggested-action:hover, + .button.suggested-action.osd .button:hover { color: white; border-color: #3daee9; } - .button.suggested-action:active, .button.suggested-action:checked, .button.suggested-action.osd .button:active, .button.suggested-action.osd .button:checked { + .button.suggested-action:active, .button.suggested-action:checked, + .button.suggested-action.osd .button:active, + .button.suggested-action.osd .button:checked { color: white; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .button.suggested-action.osd .button:backdrop, .button.suggested-action.osd .button.flat:backdrop { + .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, + .button.suggested-action.osd .button:backdrop, + .button.suggested-action.osd .button.flat:backdrop { color: white; border-color: #616569; background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, .button.suggested-action.osd .button:backdrop:active, .button.suggested-action.osd .button:backdrop:checked, .button.suggested-action.osd .button.flat:backdrop:active, .button.suggested-action.osd .button.flat:backdrop:checked { + .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, + .button.suggested-action.osd .button:backdrop:active, + .button.suggested-action.osd .button:backdrop:checked, + .button.suggested-action.osd .button.flat:backdrop:active, + .button.suggested-action.osd .button.flat:backdrop:checked { color: white; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { + .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .button.suggested-action.osd .button:backdrop:insensitive > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { + .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, + .button.suggested-action.osd .button:backdrop:insensitive > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { color: inherit; } - .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, .button.suggested-action.osd .button:backdrop:insensitive:active, .button.suggested-action.osd .button:backdrop:insensitive:checked, .button.suggested-action.osd .button.flat:backdrop:insensitive:active, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { + .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, + .button.suggested-action.osd .button:backdrop:insensitive:active, + .button.suggested-action.osd .button:backdrop:insensitive:checked, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { color: rgba(232, 232, 232, 0.35); border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button:backdrop:insensitive:active > .label, .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { + .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { color: inherit; } - .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop, .button.suggested-action.osd .button.flat:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { + .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop, + .button.suggested-action.osd .button.flat:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: rgba(61, 174, 233, 0.8); } - .button.suggested-action:insensitive, .button.suggested-action.osd .button:insensitive { + .button.suggested-action:insensitive, + .button.suggested-action.osd .button:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.suggested-action:insensitive > .label, .button.suggested-action.osd .button:insensitive > .label { + .button.suggested-action:insensitive > .label, + .button.suggested-action.osd .button:insensitive > .label { color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, .button.suggested-action.osd .button:insensitive:active, .button.suggested-action.osd .button:insensitive:checked { + .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, + .button.suggested-action.osd .button:insensitive:active, + .button.suggested-action.osd .button:insensitive:checked { color: rgba(232, 232, 232, 0.35); border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .button.suggested-action.osd .button:insensitive:active > .label, .button.suggested-action.osd .button:insensitive:checked > .label { + .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, + .button.suggested-action.osd .button:insensitive:active > .label, + .button.suggested-action.osd .button:insensitive:checked > .label { color: inherit; } -.button.destructive-action, .button.destructive-action.osd .button { + +.button.destructive-action, +.button.destructive-action.osd .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; color: #eff0f1; border-color: #da4453; background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action.flat, .button.destructive-action.osd .button.flat { + .button.destructive-action.flat, + .button.destructive-action.osd .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: #da4453; } - .button.destructive-action:hover, .button.destructive-action.osd .button:hover { + .button.destructive-action:hover, + .button.destructive-action.osd .button:hover { color: white; border-color: #da4453; } - .button.destructive-action:active, .button.destructive-action:checked, .button.destructive-action.osd .button:active, .button.destructive-action.osd .button:checked { + .button.destructive-action:active, .button.destructive-action:checked, + .button.destructive-action.osd .button:active, + .button.destructive-action.osd .button:checked { color: white; border-color: #da4453; background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .button.destructive-action.osd .button:backdrop, .button.destructive-action.osd .button.flat:backdrop { + .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, + .button.destructive-action.osd .button:backdrop, + .button.destructive-action.osd .button.flat:backdrop { color: white; border-color: #616569; background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, .button.destructive-action.osd .button:backdrop:active, .button.destructive-action.osd .button:backdrop:checked, .button.destructive-action.osd .button.flat:backdrop:active, .button.destructive-action.osd .button.flat:backdrop:checked { + .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, + .button.destructive-action.osd .button:backdrop:active, + .button.destructive-action.osd .button:backdrop:checked, + .button.destructive-action.osd .button.flat:backdrop:active, + .button.destructive-action.osd .button.flat:backdrop:checked { color: white; border-color: #da4453; background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { + .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .button.destructive-action.osd .button:backdrop:insensitive > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { + .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, + .button.destructive-action.osd .button:backdrop:insensitive > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { color: inherit; } - .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, .button.destructive-action.osd .button:backdrop:insensitive:active, .button.destructive-action.osd .button:backdrop:insensitive:checked, .button.destructive-action.osd .button.flat:backdrop:insensitive:active, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { + .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, + .button.destructive-action.osd .button:backdrop:insensitive:active, + .button.destructive-action.osd .button:backdrop:insensitive:checked, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { color: rgba(232, 232, 232, 0.35); border-color: rgba(214, 46, 63, 0.35); background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button:backdrop:insensitive:active > .label, .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { + .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { color: inherit; } - .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop, .button.destructive-action.osd .button.flat:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { + .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop, + .button.destructive-action.osd .button.flat:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: rgba(218, 68, 83, 0.8); } - .button.destructive-action:insensitive, .button.destructive-action.osd .button:insensitive { + .button.destructive-action:insensitive, + .button.destructive-action.osd .button:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.destructive-action:insensitive > .label, .button.destructive-action.osd .button:insensitive > .label { + .button.destructive-action:insensitive > .label, + .button.destructive-action.osd .button:insensitive > .label { color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, .button.destructive-action.osd .button:insensitive:active, .button.destructive-action.osd .button:insensitive:checked { + .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, + .button.destructive-action.osd .button:insensitive:active, + .button.destructive-action.osd .button:insensitive:checked { color: rgba(232, 232, 232, 0.35); border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .button.destructive-action.osd .button:insensitive:active > .label, .button.destructive-action.osd .button:insensitive:checked > .label { + .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, + .button.destructive-action.osd .button:insensitive:active > .label, + .button.destructive-action.osd .button:insensitive:checked > .label { color: inherit; } + .button.image-button { padding: 6px; } + .button.text-button { padding: 6px; } + .button.text-button.image-button { padding: 6px; } .button.text-button.image-button .label:first-child { padding-left: 8px; } .button.text-button.image-button .label:last-child { padding-right: 8px; } + .stack-switcher > .button > .label { 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: 6px; } + .stack-switcher > .button.image-button { padding: 3px 0px; } -.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + +.stack-switcher > .button.needs-attention:active > .label, +.stack-switcher > .button.needs-attention:active > GtkImage, +.stack-switcher > .button.needs-attention:checked > .label, +.stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } + .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 3px; border-width: 1px; } + .primary-toolbar .button { icon-shadow: none; } /************** * ComboBoxes * **************/ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding: 5px 4px; } GtkComboBox:insensitive { color: rgba(216, 218, 221, 0.35); text-shadow: none; icon-shadow: none; } GtkComboBox:backdrop { color: #eff0f1; text-shadow: none; icon-shadow: none; } GtkComboBox:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); } GtkComboBox .menuitem { text-shadow: none; } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { -GtkWidget-wide-separators: true; } -.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { +.stack-switcher > .button.needs-attention > .label, +.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#eff0f1), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { + .stack-switcher > .button.needs-attention > .label:backdrop, + .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { + .stack-switcher > .button.needs-attention > .label:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { background-position: left 3px, left 4px; } -.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { +.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, +.linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { border-radius: 3px; } - .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl) { + .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), + .linked > .button:dir(rtl):hover, + .linked > .button:dir(rtl):active, + .linked > .button:dir(rtl):checked, + .linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop { border-radius: 3px; } .inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { border-radius: 3px; border-style: solid; } + .inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { border-radius: 3px; } + .inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button: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 > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, +.linked.vertical > .button:backdrop { border-style: solid; border-radius: 3px; } .linked.vertical > .button:first-child { border-radius: 3px; } + .linked.vertical > .button:last-child { border-radius: 3px; border-style: solid; } + .linked.vertical > .button:only-child { border-radius: 3px; border-style: solid; } .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:hover, .app-notification.frame .button.flat:hover, .app-notification .button.flat:active, .app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, .app-notification.frame .button.flat:backdrop, .app-notification.frame .button.flat:insensitive, .app-notification.frame .button.flat:backdrop:insensitive, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:active, GtkCalendar.button:backdrop, .titlebar .button.flat:insensitive, .header-bar .button.flat:insensitive, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop, .button:visited:backdrop, .list-row.button, .list-row.button:backdrop, .list-row.button:backdrop:active, .list-row.button:backdrop:checked, .list-row.button:backdrop:insensitive, .list-row.button:backdrop:insensitive:active, .list-row.button:backdrop:insensitive:checked, .list-row.button:insensitive:active, .list-row.button:insensitive:checked, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .scale-popup .button, .scale-popup .button.flat, .scale-popup .button:hover, .scale-popup .button.flat:hover, .scrollbar .button, .scrollbar .button:hover, .scrollbar .button:backdrop, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, .titlebar .button.titlebutton:hover, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked, .titlebar .button.titlebutton:backdrop, .titlebar .button.titlebutton:active:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; text-shadow: none; icon-shadow: none; } /**************** * Text Entries * ****************/ .entry { border: 1px solid; padding: 5px 8px 5px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eff0f1; border-color: #616569; background-color: #232629; box-shadow: none; } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; color: #eff0f1; border-color: #616569; background-color: #232629; box-shadow: none; border: none; border-radius: 0; } .entry:focus { border-color: #3daee9; } .entry:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-color: #202325; } .entry:backdrop { color: #eff0f1; border-color: #616569; background-color: #232629; } .entry:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-color: #202325; } .entry.progressbar { margin: 1px; border-radius: 0; border-width: 0 0 2px; border-color: #3daee9; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .entry.progressbar:backdrop { background-color: transparent; border-color: rgba(61, 174, 233, 0.5); } .entry.error { color: #da4453; border-color: #da4453; background-color: rgba(218, 68, 83, 0.5); } .entry.error:focus { border-color: #da4453; background-color: rgba(218, 68, 83, 0.5); } .entry.error:selected, .entry.error:selected:focus { background-color: #da4453; } .entry.error:backdrop { color: #da4453; border-color: #da4453; background-color: rgba(218, 68, 83, 0.5); } .entry.warning { color: #f67400; border-color: #f67400; background-color: rgba(246, 116, 0, 0.5); } .entry.warning:focus { border-color: #f67400; background-color: rgba(246, 116, 0, 0.5); } .entry.warning:selected, .entry.warning:selected:focus { background-color: #f67400; } .entry.warning:backdrop { color: #f67400; border-color: #f67400; background-color: rgba(246, 116, 0, 0.5); } .entry.image { color: #eff0f1; } .entry.image:hover { color: #3daee9; } .entry.image:active { color: #3daee9; } .entry.image:backdrop { color: #eff0f1; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-top-width: 0px; border-radius: 0px 0px 3px 3px; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; } .app-notification .button, .app-notification.frame .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } .app-notification .button.flat, .app-notification.frame .button.flat { icon-shadow: none; text-shadow: none; } .app-notification .button.flat:hover, .app-notification.frame .button.flat:hover { color: #3daee9; } .app-notification .button.flat:active, .app-notification.frame .button.flat:active { color: #3daee9; } .app-notification .button:hover, .app-notification.frame .button:hover { color: #eff0f1; border-color: #3daee9; } .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked, .app-notification.frame .button:backdrop:active, .app-notification.frame .button:backdrop:checked { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, .app-notification.frame .button:insensitive, .app-notification.frame .button:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, .app-notification.frame .button:insensitive > .label, .app-notification.frame .button:backdrop:insensitive > .label { color: inherit; } .app-notification .button:backdrop, .app-notification.frame .button:backdrop { color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } /************ * Calendar * ***********/ GtkCalendar { color: #eff0f1; border: 1px solid #616569; background-color: #232629; } GtkCalendar:selected { background-color: #616569; } + GtkCalendar:insensitive { + color: rgba(216, 218, 221, 0.35); } GtkCalendar.header { border: 1px solid #616569; border-radius: 0; color: #eff0f1; } GtkCalendar.header:backdrop { color: #eff0f1; border-color: #616569; } + GtkCalendar.header:insensitive { + color: rgba(216, 218, 221, 0.35); } GtkCalendar.button { color: #eff0f1; } GtkCalendar.button:hover { color: #3daee9; } GtkCalendar.button:active { color: #3daee9; } GtkCalendar.button:backdrop { color: #eff0f1; } GtkCalendar:inconsistent, GtkCalendar.highlight { color: rgba(239, 240, 241, 0.5); } GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { color: rgba(239, 240, 241, 0.5); } GtkCalendar:backdrop { color: #eff0f1; border-color: #616569; background-color: #232629; } /************************* * Check and Radio items * *************************/ .check { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); icon-shadow: none; } .check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); icon-shadow: none; } .check:active { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); icon-shadow: none; } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); icon-shadow: none; } .check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); icon-shadow: none; } .check:backdrop:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); icon-shadow: none; } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); icon-shadow: none; } .check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); icon-shadow: none; } .check:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); icon-shadow: none; } .check:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); icon-shadow: none; } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); icon-shadow: none; } .check:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); icon-shadow: none; } .check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); icon-shadow: none; } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); icon-shadow: none; } .check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); icon-shadow: none; } .check:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); icon-shadow: none; } .check:backdrop:checked { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); icon-shadow: none; } .check:backdrop:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); icon-shadow: none; } .menu .menuitem.check:hover, .popover .button.flat.check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } .menu .menuitem.check:active:hover, .popover .button.flat.check:active:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } .menu .menuitem.check:checked:hover, .popover .button.flat.check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } .menu .menuitem.check:inconsistent:hover, .popover .button.flat.check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); icon-shadow: none; } .radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); icon-shadow: none; } .radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); icon-shadow: none; } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); icon-shadow: none; } .radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); icon-shadow: none; } .radio:backdrop:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); icon-shadow: none; } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); icon-shadow: none; } .radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); icon-shadow: none; } .radio:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); icon-shadow: none; } .radio:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); icon-shadow: none; } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); icon-shadow: none; } .radio:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); icon-shadow: none; } .radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); icon-shadow: none; } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); icon-shadow: none; } .radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); icon-shadow: none; } .radio:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); icon-shadow: none; } .radio:backdrop:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); icon-shadow: none; } .radio:backdrop:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); icon-shadow: none; } .menu .menuitem.radio:hover, .popover .button.flat.radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } .menu .menuitem.radio:active:hover, .popover .button.flat.radio:active:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } .menu .menuitem.radio:checked:hover, .popover .button.flat.radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } .menu .menuitem.radio:inconsistent:hover, .popover .button.flat.radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } .view.check, .view.radio, .list-row .check, list-row .radio { icon-shadow: none; } .view.check:selected, .view.check:hover, .view.radio:selected, .view.radio:hover, .list-row .check:selected, .list-row .check:hover, list-row .radio:selected, list-row .radio:hover { icon-shadow: none; } .view.content-view.check { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); background-color: transparent; } .view.content-view.check:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); background-color: transparent; } .view.content-view.check:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); background-color: transparent; } .view.content-view.check:backdrop { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); background-color: transparent; } .view.content-view.check:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); background-color: transparent; } .view.content-view.check:checked:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); background-color: transparent; } .view.content-view.check:checked:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); background-color: transparent; } .view.content-view.check:backdrop:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(216, 218, 221, 0.35); } GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { color: rgba(216, 218, 221, 0.35); } /***************** * Color Chooser * *****************/ :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #eff0f1; } + GtkColorSwatch:selected { box-shadow: none; } -GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), GtkColorSwatch.top > .overlay, GtkColorSwatch.bottom > .overlay, GtkColorSwatch:first-child:not(.top) > .overlay, GtkColorSwatch:last-child:not(.bottom) > .overlay, GtkColorSwatch:only-child > .overlay { + +GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), +GtkColorSwatch.top > .overlay, +GtkColorSwatch.bottom > .overlay, +GtkColorSwatch:first-child:not(.top) > .overlay, +GtkColorSwatch:last-child:not(.bottom) > .overlay, +GtkColorSwatch:only-child > .overlay { border-radius: 3px; } + GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } -GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected -GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { + +GtkColorSwatch:backdrop, +GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { background-image: none; box-shadow: none; } + GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; box-shadow: none; } GtkColorEditor GtkColorSwatch:backdrop { box-shadow: none; } + GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-dark:backdrop { color: rgba(255, 255, 255, 0.3); } + GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.color-light:backdrop { color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid #616569; } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: #3daee9; } + GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } GtkColorSwatch#add-color-button:hover { color: #eff0f1; border-color: #3daee9; } GtkColorSwatch#add-color-button:backdrop { color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } GtkColorSwatch#add-color-button .overlay { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch:first-child:last-child { border-radius: 0; box-shadow: none; } GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { box-shadow: none; } /*********** * Dialogs * ***********/ .message-dialog { -GtkDialog-button-spacing: 8; -GtkDialog-action-area-border: 8; } .message-dialog.background { background-color: #31363b; } .message-dialog:backdrop { background-color: #31363b; } .message-dialog .titlebar { box-shadow: none; } GtkFileChooserDialog .search-bar { background-color: #31363b; border-color: #31363b; box-shadow: none; } GtkFileChooserDialog .search-bar:backdrop { background-color: #31363b; border-color: #31363b; color: #eff0f1; } + GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #616569; } GtkFileChooserDialog .dialog-action-box:backdrop { border-top-color: #616569; } /*************** * Header bars * ***************/ .titlebar, .header-bar { transition: none; padding: 4px 6px; border-width: 0px 0px 1px 0px; border-radius: 3px 3px 0px 0px; border-style: solid; - border-color: #3daee9; + border-color: #616569; color: #eff0f1; - background-image: linear-gradient(to bottom, #3b4147, #31363b); } + background-image: linear-gradient(to bottom, #31363b, #31363b); } .titlebar:backdrop, .header-bar:backdrop { border-color: transparent; background-image: none; background-color: #31363b; color: #7f8c8d; box-shadow: none; } .titlebar .path-bar .button, .header-bar .path-bar .button { color: #eff0f1; } .titlebar .button, .header-bar .button { transition: none; border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; } .titlebar .button.flat, .header-bar .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; } .titlebar .button:hover, .header-bar .button:hover { color: #eff0f1; border-color: #3daee9; } .titlebar .button:hover:backdrop, .header-bar .button:hover:backdrop { border-color: #31363b; } .titlebar .button:active, .titlebar .button:checked, .header-bar .button:active, .header-bar .button:checked { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .titlebar .button:active:hover, .titlebar .button:checked:hover, .header-bar .button:active:hover, .header-bar .button:checked:hover { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, .header-bar .button:active:backdrop, .header-bar .button:checked:backdrop { background-image: none; background-color: #31363b; border-color: #31363b; color: #7f8c8d; } .titlebar .button:backdrop, .header-bar .button:backdrop { background-color: #31363b; color: #7f8c8d; } .titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop, .header-bar .button.flat:backdrop, .header-bar .button.flat:backdrop:insensitive, .header-bar .button:insensitive:backdrop { background-image: none; background-color: #31363b; color: #7f8c8d; border-color: transparent; } .titlebar .button.flat:insensitive, .header-bar .button.flat:insensitive { color: rgba(216, 218, 221, 0.35); } .titlebar .button:insensitive, .header-bar .button:insensitive { background-color: transparent; background-image: none; color: rgba(216, 218, 221, 0.35); } .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, .header-bar .button:insensitive:active, .header-bar .button:insensitive:checked { color: rgba(216, 218, 221, 0.35); border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, .header-bar .button:insensitive:active > .label, .header-bar .button:insensitive:checked > .label { color: inherit; } .titlebar .title, .header-bar .title { font-weight: normal; padding: 0px 12px; } .titlebar .subtitle, .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, + .titlebar .header-bar-separator, + .titlebar > GtkBox > .separator.vertical, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0px; background-color: #31363b; border-color: #31363b; } - .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, + .titlebar .header-bar-separator:backdrop, + .titlebar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, .header-bar .header-bar-separator:backdrop, - .header-bar > GtkBox > .separator.vertical:backdrop { + .header-bar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { background-color: #31363b; border-color: #31363b; } .titlebar.selection-mode .selection-menu, .header-bar.selection-mode .selection-menu { padding-left: 10px; padding-right: 10px; } .titlebar.selection-mode .selection-menu GtkArrow, .header-bar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow, .header-bar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("arrow-down"); icon-shadow: none; } .tiled .titlebar, .maximized .titlebar, .tiled .header-bar, .maximized .header-bar { border-radius: 0; } .titlebar.default-decoration, .header-bar.default-decoration { padding: 4px; } .titlebar.default-decoration .button, .header-bar.default-decoration .button { padding: 5px; } .titlebar .button.suggested-action, .header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action, .header-bar.selection-mode.suggested-action { background-image: none; background-color: #3daee9; } .titlebar .button.suggested-action:hover, .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, .header-bar.selection-mode.suggested-action:hover { background-color: #3daee9; color: #eff0f1; } .titlebar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, .header-bar.selection-mode.suggested-action:insensitive { background-color: transparent; background-image: none; color: rgba(216, 218, 221, 0.35); } .titlebar .button.suggested-action:insensitive:active, .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, .header-bar.selection-mode.suggested-action:insensitive:checked { color: rgba(216, 218, 221, 0.35); border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .titlebar .button.suggested-action:insensitive:active > .label, - .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, - .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, - .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, - .header-bar.selection-mode.suggested-action:insensitive:checked > .label { + .titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label { color: inherit; } .titlebar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, .header-bar.selection-mode.suggested-action:backdrop { background-color: #31363b; border-color: transparent; color: #7f8c8d; } .titlebar .button.suggested-action:backdrop:insensitive, .header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive, .header-bar.selection-mode.suggested-action:backdrop:insensitive { color: rgba(115, 128, 129, 0.35); } /************** * GtkInfoBar * **************/ GtkInfoBar { border-style: none; border-bottom: 1px solid #616569; background-color: #31363b; background-image: none; } GtkInfoBar:backdrop { border-bottom: 1px solid #616569; } .info, .titlebar.selection-mode, .header-bar.selection-mode, .question, .warning, .error { background-color: #31363b; background-image: none; color: #f67400; text-shadow: none; } .info:backdrop, .titlebar.selection-mode:backdrop, .header-bar.selection-mode:backdrop, .question:backdrop, .warning:backdrop, .error:backdrop { background-color: #31363b; color: #f67400; } - .info .button, .titlebar.selection-mode .button, - .header-bar.selection-mode .button, + .info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button, .question .button, .warning .button, .error .button { box-shadow: none; background-image: none; background-color: rgba(246, 116, 0, 0.5); border-color: rgba(246, 116, 0, 0.5); color: #eff0f1; } - .info .button:hover, .titlebar.selection-mode .button:hover, - .header-bar.selection-mode .button:hover, + .info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover, .question .button:hover, .warning .button:hover, .error .button:hover { background-color: rgba(246, 116, 0, 0.25); border-color: #f67400; } - .info .button:active, .titlebar.selection-mode .button:active, - .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, - .header-bar.selection-mode .button:checked, + .info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked, .question .button:active, .question .button:checked, .warning .button:active, .warning .button:checked, .error .button:active, .error .button:checked { background-image: linear-gradient(to bottom, #f87500, #ef7100); color: #31363b; border-color: #f67400; } - .info .button:insensitive, .titlebar.selection-mode .button:insensitive, - .header-bar.selection-mode .button:insensitive, + .info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive, .question .button:insensitive, .warning .button:insensitive, .error .button:insensitive { background-color: rgba(224, 105, 0, 0); border-color: rgba(224, 105, 0, 0); color: rgba(216, 218, 221, 0.35); } - .info .button:backdrop, .titlebar.selection-mode .button:backdrop, - .header-bar.selection-mode .button:backdrop, + .info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop, .question .button:backdrop, .warning .button:backdrop, .error .button:backdrop { background-color: rgba(246, 116, 0, 0.5); border-color: rgba(246, 116, 0, 0.5); color: #eff0f1; } - .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, - .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, - .header-bar.selection-mode .button:backdrop:checked, + .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked, .question .button:backdrop:active, .question .button:backdrop:checked, .warning .button:backdrop:active, .warning .button:backdrop:checked, .error .button:backdrop:active, .error .button:backdrop:checked { background-image: linear-gradient(to bottom, #f87500, #ef7100); color: #31363b; border-color: #f67400; } - .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, - .header-bar.selection-mode .button:backdrop:insensitive, + .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive, .question .button:backdrop:insensitive, .warning .button:backdrop:insensitive, .error .button:backdrop:insensitive { background-color: rgba(224, 105, 0, 0); border-color: rgba(224, 105, 0, 0); color: rgba(216, 218, 221, 0.35); } - .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, - .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, - .header-bar.selection-mode .button:backdrop:insensitive:checked, + .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked, .question .button:backdrop:insensitive:active, .question .button:backdrop:insensitive:checked, .warning .button:backdrop:insensitive:active, .warning .button:backdrop:insensitive:checked, .error .button:backdrop:insensitive:active, .error .button:backdrop:insensitive:checked { background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); color: #2d3136; border-color: rgba(224, 105, 0, 0.35); } /********* * Links * *********/ *:link, .button:link, .button:visited { color: #2980b9; } *:link:visited, .button:visited { color: #7f8c8d; } *:selected *:link:visited, *:selected .button:visited { color: #a8d6ee; } *:link:hover, .button:hover:link, .button:hover:visited { color: #409ad5; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { color: #dde9f0; } *:link:active, .button:active:link, .button:active:visited { color: #2980b9; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { color: #cbe3ef; } *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { color: rgba(61, 174, 233, 0.5); } *:link:selected, .titlebar.selection-mode .subtitle:link, .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { color: #cbe3ef; } .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; } /********* * Lists * *********/ .list, .list-row { background-color: #31363b; color: #eff0f1; border-width: 0px; } .list:backdrop, .list-row:backdrop { background-color: #31363b; color: #eff0f1; } .list-row, .grid-child { padding: 0px 2px; border-style: solid; border-width: 0px; border-color: #31363b; } .list-row.button, .list-row.button:backdrop, .list-row.button:backdrop:active, .list-row.button:backdrop:checked, .list-row.button:backdrop:insensitive, .list-row.button:backdrop:insensitive:active, .list-row.button:backdrop:insensitive:checked, .list-row.button:insensitive:active, .list-row.button:insensitive:checked { background-color: rgba(35, 38, 41, 0); border-style: none; border-radius: 0; box-shadow: none; } .list-row.button { background-color: #31363b; } .list-row.button:hover { background-color: rgba(61, 174, 233, 0.25); } .list-row.button:active { background-color: #3daee9; box-shadow: none; } .list-row.button:selected { background-color: #3daee9; } .list-row.button:selected:active { box-shadow: none; } .list-row.button:selected:hover { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .list-row.button:selected:backdrop { background-color: rgba(61, 174, 233, 0.5); } .list-row.button:backdrop { background-color: #31363b; } .list-row:selected .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } .list-row:selected .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; } .list-row:selected .button:hover { color: #eff0f1; border-color: #3daee9; } .list-row:selected .button:active, .list-row:selected .button:checked { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { color: inherit; } .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { color: rgba(216, 218, 221, 0.35); border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { color: inherit; } .list-row:selected .button.flat:backdrop { background-color: #31363b; color: #eff0f1; border-color: transparent; } .list-row:selected .button:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } .list-row:selected .button:insensitive > .label { color: inherit; } .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { color: rgba(216, 218, 221, 0.35); border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } /********* * Menus * *********/ /* menu buttons */ .menuitem.button.flat { color: #eff0f1; } .menuitem.button.flat:hover { background-color: #3daee9; } .menuitem.button.flat:selected { background-color: #3daee9; color: #eff0f1; } .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { color: #eff0f1; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: none; background-color: #31363b; } .menubar:backdrop { background-color: #31363b; } .menubar > .menuitem { padding: 6px 8px; border: 1px solid #31363b; } .menubar > .menuitem:hover { background-color: #3daee9; color: #eff0f1; } .menubar > .menuitem:insensitive { color: rgba(216, 218, 221, 0.35); box-shadow: none; } .menubar > .menuitem:insensitive:backdrop { background-color: #31363b; color: rgba(216, 218, 221, 0.35); } .menubar > .menuitem:backdrop { background-color: #31363b; border-color: #31363b; color: #eff0f1; } .menu { padding: 0px; background-color: #31363b; border: 1px solid #616569; border-radius: 3px; } .csd .menu { border: 1px solid #616569; } .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { color: #616569; } .menu .menuitem { text-shadow: none; padding: 4px 4px; } .menu .menuitem:hover { color: #eff0f1; background-color: #3daee9; } .menu .menuitem:insensitive { color: rgba(216, 218, 221, 0.35); } .menu .menuitem:insensitive:backdrop { color: rgba(216, 218, 221, 0.35); } .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { color: #eff0f1; background-color: #31363b; } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menuitem .accelerator { color: alpha(currentColor,0.5); } /*************** * Popovers * ***************/ .popover { margin: 10px; padding: 0px; border: 1px solid #616569; border-radius: 3px; background-color: #31363b; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } .popover:backdrop { box-shadow: none; } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover > .search-bar, - .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { + .popover > .location-bar, + .popover.osd > .toolbar, + .popover.osd > .inline-toolbar, + .popover.osd > .search-bar, + .popover.osd > .location-bar { border-style: none; background-color: transparent; } .popover .button.flat { border-radius: 0px; color: #eff0f1; } .popover .button.flat .label { padding: 4px 0px; } .popover .button.flat:hover, .popover .button.flat:checked:hover { background-image: none; background-color: #3daee9; color: #eff0f1; transition: none; } .popover .button.flat:backdrop { background-color: transparent; color: #eff0f1; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .scale-popup .button, .scale-popup .button.flat { background-color: transparent; padding: 5px; color: #eff0f1; } .scale-popup .button:hover, .scale-popup .button.flat:hover { color: #3daee9; } .scale-popup .button:active, .scale-popup .button.flat:active { color: #3daee9; } .scale-popup .button:insensitive, .scale-popup .button.flat:insensitive { color: rgba(216, 218, 221, 0.35); } .scale-popup .button:backdrop, .scale-popup .button.flat:backdrop { color: #eff0f1; } .scale-popup .button:backdrop:insensitive, .scale-popup .button.flat:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); } GtkVolumeButton.button { padding: 5px; } /******** * Misc * ********/ /********** * Frames * **********/ .frame { border: 1px solid #616569; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } .frame.action-bar:backdrop { border-color: #616569; } .frame:backdrop { border-color: #616569; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .separator:backdrop { color: transparent; } .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { color: #616569; } - .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { + .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { color: #616569; } - GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { + GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, + GtkFontButton .separator.vertical, + GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, + GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { -GtkWidget-wide-separators: true; } /************* * Expanders * *************/ .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { color: white; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * Paned * *********/ GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { background-color: #616569; } GtkPaned .pane-separator:backdrop { background-color: #616569; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none; } GtkPaned.wide.vertical .pane-separator { border-style: none; } GtkPaned.wide .pane-separator:backdrop { border-color: transparent; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } /***************** * Notebooks and * * Tabs * *****************/ .notebook { -GtkNotebook-initial-gap: 0; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #31363b; } .notebook:backdrop { background-color: #31363b; } .notebook.frame { border: 1px solid #616569; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.frame:backdrop { border-color: #616569; } .notebook.header { background-color: #31363b; padding-top: 4px; } .notebook.header.frame { border-style: none; } .notebook.header.top { box-shadow: inset 0 -1px #616569; } .notebook.header.top:backdrop { box-shadow: inset 0 -1px #616569; } .notebook.header.bottom { box-shadow: inset 0 1px #616569; } .notebook.header.bottom:backdrop { box-shadow: inset 0 1px #616569; } .notebook.header.right { box-shadow: inset 1px 0 #616569; } .notebook.header.right:backdrop { box-shadow: inset 1px 0 #616569; } .notebook.header.left { box-shadow: inset -1px 0 #616569; } .notebook.header.left:backdrop { box-shadow: inset -1px 0 #616569; } .notebook.header:backdrop { background-color: #31363b; } .notebook tab { border: 1px solid rgba(239, 240, 241, 0.2); background-color: rgba(239, 240, 241, 0.2); background-clip: padding-box; padding: 8px; } .notebook tab:backdrop { background-color: rgba(239, 240, 241, 0.2); } .notebook tab.reorderable-page { background-color: #31363b; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 6px; padding-bottom: 8px; } .notebook tab.top { border-radius: 3px 3px 0px 0px; border-bottom-color: transparent; } .notebook tab.top:active, .notebook tab.top.active-page { border-color: #616569; border-bottom-color: #31363b; background-color: #31363b; } .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { border-color: #616569; border-bottom-color: #31363b; background-color: #31363b; } .notebook tab.bottom { border-radius: 0px 0px 3px 3px; border-top-color: transparent; } .notebook tab.bottom:active, .notebook tab.bottom.active-page { border-color: #616569; border-top-color: #31363b; background-color: #31363b; } .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { border-color: #616569; border-top-color: #31363b; background-color: #31363b; } .notebook tab.left { border-radius: 3px 0px 0px 3px; border-right-color: transparent; } .notebook tab.left:active, .notebook tab.left.active-page { border-color: #616569; border-right-color: #31363b; background-color: #31363b; } .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { border-color: #616569; border-right-color: #31363b; background-color: #31363b; } .notebook tab.right { border-radius: 0px 3px 3px 0px; border-left-color: transparent; } .notebook tab.right:active, .notebook tab.right.active-page { border-color: #616569; border-left-color: #31363b; background-color: #31363b; } .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { border-color: #616569; border-left-color: #31363b; background-color: #31363b; } .notebook tab:hover, .notebook tab.prelight-page { background-color: rgba(61, 174, 233, 0.2); border-color: rgba(61, 174, 233, 0.2); } .notebook tab.reorderable-page.top { border-width: 3px; border-style: solid; border-color: transparent; background-color: #31363b; background-clip: padding-box; border-right-width: 1px; border-right-color: #616569; box-shadow: inset -3px 0px 0px 0px #31363b; } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #31363b; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #31363b; } .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { background-color: #31363b; border-color: transparent; border-right-color: #616569; box-shadow: none; } .notebook tab.reorderable-page.top:backdrop { background-color: #31363b; border-right-color: #616569; box-shadow: none; } .notebook tab.reorderable-page.bottom { border-width: 3px; border-style: solid; border-color: transparent; background-color: #31363b; background-clip: padding-box; border-right-width: 1px; border-right-color: #616569; box-shadow: inset -3px 0px 0px 0px #31363b; } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #31363b; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #31363b; } .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { background-color: #31363b; border-color: transparent; border-right-color: #616569; box-shadow: none; } .notebook tab.reorderable-page.bottom:backdrop { background-color: #31363b; border-right-color: #616569; box-shadow: none; } .notebook tab.reorderable-page.left { border-width: 3px; border-style: solid; border-color: transparent; background-color: #31363b; background-clip: padding-box; border-bottom-width: 1px; border-bottom-color: #616569; box-shadow: inset 0px -3px 0px 0px #31363b; } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #31363b; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #31363b; } .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { background-color: #31363b; border-color: transparent; border-bottom-color: #616569; box-shadow: none; } .notebook tab.reorderable-page.left:backdrop { background-color: #31363b; border-bottom-color: #616569; box-shadow: none; } .notebook tab.reorderable-page.right { border-width: 3px; border-style: solid; border-color: transparent; background-color: #31363b; background-clip: padding-box; border-bottom-width: 1px; border-bottom-color: #616569; box-shadow: inset 0px -3px 0px 0px #31363b; } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #31363b; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #31363b; } .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { background-color: #31363b; border-color: transparent; border-bottom-color: #616569; box-shadow: none; } .notebook tab.reorderable-page.right:backdrop { background-color: #31363b; border-bottom-color: #616569; box-shadow: none; } .notebook tab .label { padding: 0 2px; color: #eff0f1; } .notebook tab .label:backdrop { color: #eff0f1; } + .notebook tab .label:insensitive { + color: rgba(216, 218, 221, 0.35); } .notebook tab .button { padding: 0px; border: 1px solid transparent; border-radius: 50%; background-image: none; background-color: #616569; box-shadow: none; icon-shadow: none; transition: none; color: #31363b; } .notebook tab .button:hover { background-color: #da4453; border-color: transparent; background-image: none; box-shadow: none; } .notebook tab .button:active { color: #31363b; border-color: transparent; background-image: none; box-shadow: none; } .notebook tab .button:backdrop { color: #31363b; background-color: #616569; } .notebook tab .button > GtkImage { padding: 0px; } .notebook tab .button .active-page, .notebook tab .button.active-page { background-color: #da4453; } .notebook.arrow { color: #eff0f1; } .notebook.arrow:hover { color: #3daee9; } .notebook.arrow:active { color: #3daee9; } .notebook.arrow:insensitive { color: rgba(216, 218, 221, 0.35); } .notebook.arrow:backdrop { color: #eff0f1; } .notebook.arrow:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); } /* Decouple the font of context menus from their entry/textview */ .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } .overshoot.top:backdrop { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } .overshoot.bottom:backdrop { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } .overshoot.left:backdrop { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .overshoot.right:backdrop { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } /************ * Pathbars * ************/ .path-bar .button { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; padding: 4px 8px; color: #eff0f1; } .path-bar .button:hover { border-color: #3daee9; } .path-bar .button:active, .path-bar .button:checked { background-color: #616569; } .path-bar .button:first-child { padding-left: 8px; } .path-bar .button:last-child { padding-right: 8px; } .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } .path-bar .button .label:last-child { padding-left: 2px; } .path-bar .button .label:first-child { padding-right: 2px; } .path-bar .button .label:only-child { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 1px; } /***************** * Progress bars * *****************/ GtkProgressBar { padding: 0; font-size: smaller; color: rgba(239, 240, 241, 0.3); box-shadow: none; } GtkProgressBar:backdrop { color: rgba(239, 240, 241, 0.3); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } GtkProgressBar.trough { border: 1px solid transparent; border-radius: 3px; background-color: rgba(239, 240, 241, 0.3); } GtkProgressBar.trough.osd { border: 1px solid transparent; border-radius: 3px; background-color: rgba(239, 240, 241, 0.3); } GtkProgressBar.trough.osd:backdrop { background-color: rgba(239, 240, 241, 0.3); } GtkProgressBar.trough:backdrop { background-color: rgba(239, 240, 241, 0.3); } .progressbar { background-color: #3daee9; border: 1px solid #3daee9; border-radius: 0px; box-shadow: none; } .progressbar.left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .progressbar.right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .progressbar.left.right { box-shadow: none; } .progressbar.vertical.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: none; } .progressbar.vertical.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } .progressbar.osd { background-image: none; background-color: #3daee9; border: 1px solid #3daee9; border-radius: 3px; } .progressbar.osd:backdrop { background-color: rgba(61, 174, 233, 0.5); border-color: rgba(61, 174, 233, 0.5); } .progressbar:backdrop { background-color: rgba(61, 174, 233, 0.5); border-color: rgba(61, 174, 233, 0.5); } /************* * Level Bar * *************/ .level-bar.vertical { -GtkLevelBar-min-block-width: 6; -GtkLevelBar-min-block-height: 34; } .level-bar { box-shadow: none; -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 6; } .level-bar.vertical { -GtkLevelBar-min-block-width: 6; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { border: 1px solid transparent; padding: 3px; border-radius: 3px; background-color: transparent; } .level-bar.fill-block { border: 1px solid #3daee9; background-color: #3daee9; box-shadow: none; border-radius: 3px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #27ae60; background-color: #27ae60; } .level-bar.fill-block.level-high:backdrop { background-color: #27ae60; border-color: #27ae60; } .level-bar.fill-block.level-low { border-color: #f67400; background-color: #f67400; } .level-bar.fill-block.level-low:backdrop { background-color: #f67400; border-color: #f67400; } .level-bar.fill-block.empty-fill-block { background-color: rgba(239, 240, 241, 0.3); border-color: transparent; box-shadow: none; } .level-bar.fill-block:backdrop { border-color: rgba(61, 174, 233, 0.5); background-color: rgba(61, 174, 233, 0.5); } /************ * GtkScale * ************/ .scale, .scale.scale-has-marks-above.scale-has-marks-below, .scale.vertical.scale-has-marks-above.scale-has-marks-below { -GtkScale-slider-length: 18; -GtkRange-slider-width: 18; -GtkRange-trough-border: 2; } .scale.fine-tune.trough, .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { margin: 8px; border-radius: 3px; } .scale.slider, .scale.scale-has-marks-above.scale-has-marks-below.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { background-color: #31363b; border: 1px solid #616569; border-radius: 50%; box-shadow: none; } .scale.slider:hover, .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { border-style: solid; border-width: 2px; border-color: #3daee9; border-radius: 50%; } .scale.slider:hover:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop { background-color: #31363b; border-color: #3daee9; } .scale.slider:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { border-style: solid; border-radius: 50%; background-color: #2d3136; border-color: rgba(88, 92, 95, 0.35); } .scale.slider:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { background-color: #2d3136; border-color: rgba(88, 92, 95, 0.35); } .scale.slider:active, .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { border: 2px solid #3daee9; } .scale.slider:active:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop { background-color: #31363b; border-color: #3daee9; } .scale.slider:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { background-color: #31363b; border-color: #616569; } .scale.trough, .scale.scale-has-marks-above.scale-has-marks-below.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { margin: 9px; border: 1px solid rgba(239, 240, 241, 0.3); border-radius: 3px; background-color: rgba(239, 240, 241, 0.3); box-shadow: none; } .scale.trough.highlight, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { background-color: #3daee9; border-color: #3daee9; } .scale.trough.highlight.vertical, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { background-color: #3daee9; border-color: #3daee9; } .scale.trough.highlight:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { background-color: rgba(61, 174, 233, 0.5); border-color: rgba(61, 174, 233, 0.5); } .scale.trough:insensitive, .scale.trough.vertical:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { - border-color: rgba(216, 218, 221, 0); - background-color: rgba(216, 218, 221, 0); + border-color: rgba(104, 108, 113, 0.545); + background-color: rgba(104, 108, 113, 0.545); box-shadow: none; } .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { - background-color: rgba(216, 218, 221, 0); - border-color: rgba(216, 218, 221, 0); } + background-color: rgba(104, 108, 113, 0.545); + border-color: rgba(104, 108, 113, 0.545); } .scale.trough:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { background-color: rgba(239, 240, 241, 0.3); border-color: rgba(239, 240, 241, 0.3); } /************** * Scrollbars * **************/ .scrollbar { -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: true; - -GtkScrollbar-has-forward-stepper: true; - -GtkRange-slider-width: 20; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 10px; -GtkScrollbar-min-slider-length: 64; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { color: #eff0f1; } .scrollbar .button:hover { color: #3daee9; } .scrollbar .button:insensitive { color: rgba(216, 218, 221, 0.35); } .scrollbar .button:backdrop { color: #eff0f1; } .scrollbar .button:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); } .scrollbar.dragging, .scrollbar.hovering { opacity: 0.9910; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - -GtkRange-slider-width: 8px; + -GtkRange-slider-width: 10px; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 2px; - border: 2px solid transparent; - border-radius: 2px; + border: 5px solid transparent; + border-radius: 8px; background-color: rgba(239, 240, 241, 0.5); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { background-color: rgba(239, 240, 241, 0.5); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border: none; background: none; } .scrollbar.trough { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical.png"), url("../assets/scrollbar-trough-vertical@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal.png"), url("../assets/scrollbar-trough-horizontal@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(239, 240, 241, 0.3); } .scrollbar.trough:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical-backdrop.png"), url("../assets/scrollbar-trough-vertical-backdrop@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal-backdrop.png"), url("../assets/scrollbar-trough-horizontal-backdrop@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } + background-color: rgba(239, 240, 241, 0.3); } .scrollbar.slider { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical.png"), url("../assets/scrollbar-slider-vertical@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal.png"), url("../assets/scrollbar-slider-horizontal@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(239, 240, 241, 0.5); } .scrollbar.slider:hover { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-hover.png"), url("../assets/scrollbar-slider-vertical-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:hover.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-hover.png"), url("../assets/scrollbar-slider-horizontal-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: #3daee9; } .scrollbar.slider:active { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-active.png"), url("../assets/scrollbar-slider-vertical-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:active.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-active.png"), url("../assets/scrollbar-slider-horizontal-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: #3daee9; } .scrollbar.slider:insensitive { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-insensitive.png"), url("../assets/scrollbar-slider-vertical-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:insensitive.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-insensitive.png"), url("../assets/scrollbar-slider-horizontal-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: rgba(216, 218, 221, 0); } .scrollbar.slider:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-backdrop.png"), url("../assets/scrollbar-slider-vertical-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-backdrop.png"), url("../assets/scrollbar-slider-horizontal-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: rgba(239, 240, 241, 0.3); } + .scrollbar.slider:backdrop:insensitive { + background-color: rgba(216, 218, 221, 0); } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; background-color: transparent; border-image: none; } /*********** * Sidebar * ***********/ .sidebar, .sidebar .view { border: none; background-color: #31363b; } .sidebar:backdrop, .sidebar .view:backdrop { background-color: #31363b; } GtkSidebarRow.list-row { padding: 0px; } + GtkSidebarRow .sidebar-revealer { padding: 4px 14px 4px 12px; } + GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } + GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } + GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } + GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .view:insensitive { color: rgba(216, 218, 221, 0.35); } + GtkPlacesSidebar.sidebar .view:backdrop { color: #eff0f1; } GtkPlacesSidebar.sidebar .view:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); } + GtkPlacesSidebar.sidebar .view .image { color: #eff0f1; } GtkPlacesSidebar.sidebar .view .image:selected { color: #eff0f1; } GtkPlacesSidebar.sidebar .view .image:selected:backdrop { color: #eff0f1; } GtkPlacesSidebar.sidebar .view .image:insensitive { color: rgba(216, 218, 221, 0.35); } GtkPlacesSidebar.sidebar .view .image:backdrop { color: #eff0f1; } GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); } .sidebar-item { padding: 10px 4px; } .sidebar-item > .label { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > .label { background-size: 6px 6px, 0 0; } /***************** * GtkSpinButton * *****************/ .osd .spinbutton .button:last-child { border-radius: 0 3px 3px 0; } + .osd .spinbutton .button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { padding-top: 5px; padding-bottom: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #eff0f1; border-color: #3daee9; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { color: inherit; } .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #eff0f1; border-color: #3daee9; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { color: inherit; } .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { color: #eff0f1; border-color: #616569; background-image: linear-gradient(to bottom, #31373c, #303439); } .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { color: inherit; } + .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0px; padding-left: 0px; padding-right: 0px; } .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { background-color: #202325; } + GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #3daee9; border-radius: 0; box-shadow: none; } .spinbutton .button, .osd .spinbutton .button { background-image: none; background-color: transparent; border-style: none none none solid; border-color: rgba(97, 101, 105, 0.3); color: #eff0f1; border-radius: 0; box-shadow: none; } - .spinbutton .button:dir(rtl) { + .spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:hover { color: #3daee9; } .spinbutton .button:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0); } .spinbutton .button:active { color: #3daee9; } .spinbutton .button:backdrop { color: #eff0f1; border-color: rgba(97, 101, 105, 0.3); background-color: transparent; } .spinbutton .button:backdrop:insensitive { background-image: none; color: rgba(216, 218, 221, 0.35); border-style: none none none solid; border-color: rgba(88, 92, 95, 0); } .spinbutton .button:backdrop:insensitive:dir(rtl) { border-style: none solid none none; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } /********** * Switch * **********/ GtkSwitch { -GtkSwitch-slider-width: 24px; -GtkSwitch-slider-height: 24px; font-weight: bold; font-size: smaller; outline-offset: 0px; color: transparent; box-shadow: none; } GtkSwitch.trough { border: 0px solid; border-radius: 12px; background-image: none; background-color: rgba(239, 240, 241, 0.3); text-shadow: none; } GtkSwitch.trough:active { background-color: #3daee9; box-shadow: none; text-shadow: none; } GtkSwitch.trough:backdrop { background-color: rgba(239, 240, 241, 0.3); } GtkSwitch.slider { border: 1px solid; border-radius: 11px; background-color: #31363b; border-color: #616569; } GtkSwitch.slider:hover { box-shadow: none; border-color: #3daee9; background-color: #31363b; } GtkSwitch.slider:active { border-color: #3daee9; } GtkSwitch.slider:active:hover { border-color: #3daee9; } GtkSwitch.slider:insensitive { background-color: #2d3136; } GtkSwitch.slider:backdrop { background-color: #31363b; } GtkSwitch.slider:backdrop:insensitive { background-color: #2d3136; } .header-bar GtkSwitch.trough:backdrop { background-color: transparent; } .header-bar GtkSwitch.slider:backdrop { background-color: #7f8c8d; } /************ * Toolbars * ************/ .toolbar, .inline-toolbar, .search-bar, .location-bar, .primary-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #31363b; } .toolbar:backdrop, .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop, .primary-toolbar:backdrop { background-color: #31363b; box-shadow: none; } .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar, .osd .primary-toolbar, .primary-toolbar.osd { padding: 13px; border: none; border-radius: 3px; background-color: #31363b; } .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd .primary-toolbar:backdrop, .primary-toolbar.osd:backdrop { border-color: #616569; background-color: #31363b; box-shadow: none; } .inline-toolbar { border-width: 0px 0px 1px 0px; padding: 3px; border-radius: 0; } .search-bar, .location-bar { border-width: 0px 0px 1px 0px; padding: 3px; } .inline-toolbar, .search-bar, .location-bar { border-style: solid; border-color: #616569; text-shadow: none; background-color: #31363b; } /************ * Tooltips * ************/ .tooltip { color: #eff0f1; padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; - text-shadow: none; } + text-shadow: none; + border: 1px solid #616569; } .tooltip.background { background-color: #31363b; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } /************** * Tree Views * **************/ GtkTreeView.view { -GtkTreeView-grid-line-width: 0; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: #616569; border-top-color: transparent; } GtkTreeView.view:selected { border-radius: 0; } GtkTreeView.view:selected { background-color: #3daee9; border-left-color: #eff0f1; border-top-color: #eff0f1; } GtkTreeView.view:backdrop:selected { background-color: rgba(61, 174, 233, 0.5); border-left-color: #eff0f1; border-top-color: #eff0f1; } GtkTreeView.view:insensitive { color: rgba(88, 92, 95, 0.35); } GtkTreeView.view:insensitive:selected { color: rgba(216, 218, 221, 0.35); } GtkTreeView.view:insensitive:selected:backdrop { color: rgba(216, 218, 221, 0.35); } GtkTreeView.view:insensitive:backdrop { color: rgba(88, 92, 95, 0.35); } - GtkTreeView.view.separator { + GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator { color: #616569; } - GtkTreeView.view.separator:backdrop { + GtkTreeView.view.separator:backdrop, + GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop { color: #616569; } GtkTreeView.view:backdrop { border-left-color: #616569; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #3daee9; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #eff0f1; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #3daee9; } GtkTreeView.view.expander:selected { color: #eff0f1; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:checked:selected { color: #eff0f1; } GtkTreeView.view.expander:checked:backdrop { color: #232629; } GtkTreeView.view.expander:backdrop { - color: #232629; } + color: #eff0f1; } column-header .button { color: #eff0f1; background-color: #31363b; text-shadow: none; box-shadow: none; } column-header .button:hover { color: #eff0f1; background-color: rgba(61, 174, 233, 0.5); box-shadow: none; transition: none; } column-header .button:active { color: #eff0f1; background-color: rgba(61, 174, 233, 0.5); transition: none; } -column-header:last-child .button, column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { + +column-header:last-child .button, +column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { border-right-style: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #3daee9; box-shadow: none; } column-header .button, column-header .button:hover, column-header .button:active { padding: 6px; border-style: none solid solid none; border-radius: 0; background-image: none; border-color: #616569; text-shadow: none; } column-header .button:insensitive { border-color: rgba(88, 92, 95, 0.35); color: rgba(216, 218, 221, 0.35); background-color: #2d3136; background-image: none; } column-header .button:backdrop { border-color: #616569; border-style: none solid solid none; color: #eff0f1; background-image: none; background-color: #31363b; } column-header .button:backdrop:insensitive { border-color: rgba(88, 92, 95, 0.35); background-image: none; background-color: #2d3136; color: rgba(216, 218, 221, 0.35); } /********************** * Window Decorations * *********************/ .window-frame { border-radius: 3px; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); /* this is used for the resize cursor area */ margin: 10px; } .window-frame:backdrop { box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { border-radius: 3px; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } .window-frame.ssd { box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd { border-radius: 3px; } .window-frame.csd.popup { box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { box-shadow: none; } .window-frame.csd.message-dialog { box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } .window-frame.solid-csd { border-radius: 0; - margin: 1px; - background-color: #616569; + margin: 0px; + background-color: #31363b; border: none; box-shadow: none; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 0px; } .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, .titlebar .button.titlebutton:hover, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked, .titlebar .button.titlebutton:backdrop, .titlebar .button.titlebutton:active:hover { transition: none; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { - padding: 6px 1px; + padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { - padding: 6px 1px; + padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { - padding: 6px 1px; + padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } .maximized .header-bar .button.titlebutton.maximize, .maximized .titlebar .button.titlebutton.maximize { - padding: 6px 1px; + padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:hover, .maximized .titlebar .button.titlebutton.maximize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:active, .maximized .titlebar .button.titlebutton.maximize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized .titlebar .button.titlebutton.maximize:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { text-shadow: none; } .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { icon-shadow: none; } - -/*# sourceMappingURL=gtk.css.map */ diff --git a/Breeze-gtk/gtk-3.0/gtk.css b/Breeze-gtk/gtk-3.0/gtk.css deleted file mode 100644 index 28b6ce5..0000000 --- a/Breeze-gtk/gtk-3.0/gtk.css +++ /dev/null @@ -1,3035 +0,0 @@ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #232627; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #232627; -/* -widget base background color */ -@define-color theme_bg_color #eff0f1; -/* -text widgets and the like base background color */ -@define-color theme_base_color #fcfcfc; -/* -base background color of selections */ -@define-color theme_selected_bg_color #3daee9; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #fcfcfc; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #d8dadd; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(32, 35, 35, 0.35); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color rgba(32, 35, 35, 0.35); -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #232627; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #232627; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #eff0f1; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #fcfcfc; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5); -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #fcfcfc; -/* -widgets main borders color */ -@define-color borders #bcbebf; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #bcbebf; -/* -widgets main borders color insensitive */ -@define-color insensitive_borders rgba(170, 173, 174, 0.35); -/* -these are pretty self explicative */ -@define-color warning_color #f67400; -@define-color error_color #da4453; -@define-color success_color #27ae60; -@define-color content_view_bg #fcfcfc; -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #da4453; - -GtkButton-child-displacement-x: 0; - -GtkButton-child-displacement-y: 0; - -GtkCheckButton-indicator-size: 18; - -GtkCheckMenuItem-indicator-size: 18; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - -GtkToolItemGroup-expander-size: 11; - -GtkExpander-expander-size: 16; - -GtkTreeView-expander-size: 11; - -GtkTreeView-horizontal-separator: 4; - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - -GtkWidget-link-color: #2980b9; - -GtkWidget-visited-link-color: #7f8c8d; - -GtkWidget-focus-padding: 2; - -GtkWidget-focus-line-width: 1; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - -GtkStatusbar-shadow-type: none; - outline-width: 0px; } - -/*************** - * Base States * - ***************/ -.background { - color: #232627; - background-color: #eff0f1; } - .background:backdrop { - text-shadow: none; - icon-shadow: none; - color: #232627; - background-color: #eff0f1; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:insensitive { - -gtk-image-effect: dim; } - -.gtkstyle-fallback { - background-color: #eff0f1; - color: #232627; } - .gtkstyle-fallback:prelight { - background-color: white; - color: #232627; } - .gtkstyle-fallback:active { - background-color: #d4d7d9; - color: #232627; } - .gtkstyle-fallback:insensitive { - background-color: #d8dadd; - color: rgba(32, 35, 35, 0.35); } - .gtkstyle-fallback:selected { - background-color: #3daee9; - color: #fcfcfc; } - -.view { - color: #232627; - background-color: #fcfcfc; } - .view:backdrop { - color: #232627; - background-color: #fcfcfc; } - .view:selected { - border-radius: 3px; } - .view:insensitive { - color: rgba(32, 35, 35, 0.35); } - -.rubberband { - border: 1px solid #3daee9; - background-color: rgba(61, 174, 233, 0.2); } - .rubberband:backdrop { - border-color: #3daee9; - background-color: rgba(61, 174, 233, 0.2); } - -.label.separator, GtkPlacesSidebar.sidebar .view .label.separator { - color: #232627; } - .label.separator:backdrop, - GtkPlacesSidebar.sidebar .view .label.separator:backdrop { - color: #232627; } - -.label:insensitive { - color: rgba(32, 35, 35, 0.35); } - .label:insensitive:backdrop { - color: rgba(32, 35, 35, 0.35); } - -.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, -.header-bar .subtitle { - opacity: 0.5; - text-shadow: none; } - -GtkAssistant .sidebar { - background-color: #232627; - border-top: 1px solid #bcbebf; } - GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #bcbebf; } - GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #bcbebf; } - GtkAssistant .sidebar:backdrop { - background-color: #232627; - border-color: #bcbebf; } - -GtkAssistant.csd .sidebar { - border-top-style: none; } - -GtkAssistant .sidebar .label { - padding: 6px 12px; } - -GtkAssistant .sidebar .label.highlight { - background-color: #d1d1d1; } - -GtkTextView { - background-color: #f6f6f7; } - GtkTextView:backdrop { - background-color: #f6f6f7; } - GtkTextView:insensitive { - color: rgba(32, 35, 35, 0.35); } - -.grid-child { - padding: 3px; - border-radius: 3px; } - -.app-notification, -.app-notification.frame, .popover.osd, .osd { - color: #232627; - border: 1px solid #eff0f1; - background-color: rgba(239, 240, 241, 0.8); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { - color: #232627; - background-color: rgba(239, 240, 241, 0.8); } - -.view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, -.sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { - background-color: #3daee9; - color: #fcfcfc; } - .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { - background-color: rgba(61, 174, 233, 0.5); - color: #fcfcfc; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } - -.button, .button.osd, .osd .button { - border: 1px solid; - border-radius: 3px; - padding: 6px; - background-clip: border-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .flat.button { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; - transition: none; } - .flat.button:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - .flat.button:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .flat.button:checked { - background-color: #bcbebf; } - .button:hover { - color: #232627; - border-color: #93cee9; - -gtk-image-effect: highlight; } - .button:active, .button:checked { - color: #fcfcfc; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); - transition-duration: 50ms; } - .button:active:hover, .button:checked:hover { - color: #232627; - border-color: #93cee9; - background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } - .button:backdrop { - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); - -gtk-image-effect: none; } - .button:backdrop:active, .button:backdrop:checked { - color: #fcfcfc; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { - color: inherit; } - .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { - color: #e5e5e5; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { - color: inherit; } - .flat.button:backdrop { - -gtk-image-effect: none; - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; - color: #232627; } - .flat.button:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; - color: rgba(32, 35, 35, 0.35); } - .flat.button:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; - color: rgba(32, 35, 35, 0.35); } - .button:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .button:insensitive > .label, .osd .button:insensitive > .label { - color: inherit; } - .button:insensitive:active, .button:insensitive:checked { - color: #e5e5e5; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { - color: inherit; } - -.button.suggested-action, -.button.suggested-action.osd .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #fcfcfc; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action.flat, - .button.suggested-action.osd .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; - color: #3daee9; } - .button.suggested-action:hover, - .button.suggested-action.osd .button:hover { - color: white; - border-color: #3daee9; } - .button.suggested-action:active, .button.suggested-action:checked, - .button.suggested-action.osd .button:active, - .button.suggested-action.osd .button:checked { - color: white; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, - .button.suggested-action.osd .button:backdrop, - .button.suggested-action.osd .button.flat:backdrop { - color: white; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, - .button.suggested-action.osd .button:backdrop:active, - .button.suggested-action.osd .button:backdrop:checked, - .button.suggested-action.osd .button.flat:backdrop:active, - .button.suggested-action.osd .button.flat:backdrop:checked { - color: white; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, - .button.suggested-action.osd .button:backdrop:insensitive, - .button.suggested-action.osd .button.flat:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, - .button.suggested-action.osd .button:backdrop:insensitive > .label, - .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { - color: inherit; } - .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, - .button.suggested-action.osd .button:backdrop:insensitive:active, - .button.suggested-action.osd .button:backdrop:insensitive:checked, - .button.suggested-action.osd .button.flat:backdrop:insensitive:active, - .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { - color: #e8e8e8; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, - .button.suggested-action.osd .button:backdrop:insensitive:active > .label, - .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, - .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, - .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, - .button.suggested-action.osd .button.flat:backdrop, - .button.suggested-action.osd .button.flat:insensitive, - .button.suggested-action.osd .button.flat:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; - color: rgba(61, 174, 233, 0.8); } - .button.suggested-action:insensitive, - .button.suggested-action.osd .button:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .button.suggested-action:insensitive > .label, - .button.suggested-action.osd .button:insensitive > .label { - color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, - .button.suggested-action.osd .button:insensitive:active, - .button.suggested-action.osd .button:insensitive:checked { - color: #e8e8e8; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, - .button.suggested-action.osd .button:insensitive:active > .label, - .button.suggested-action.osd .button:insensitive:checked > .label { - color: inherit; } - -.button.destructive-action, -.button.destructive-action.osd .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #fcfcfc; - border-color: #da4453; - background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action.flat, - .button.destructive-action.osd .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; - color: #da4453; } - .button.destructive-action:hover, - .button.destructive-action.osd .button:hover { - color: white; - border-color: #da4453; } - .button.destructive-action:active, .button.destructive-action:checked, - .button.destructive-action.osd .button:active, - .button.destructive-action.osd .button:checked { - color: white; - border-color: #da4453; - background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, - .button.destructive-action.osd .button:backdrop, - .button.destructive-action.osd .button.flat:backdrop { - color: white; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, - .button.destructive-action.osd .button:backdrop:active, - .button.destructive-action.osd .button:backdrop:checked, - .button.destructive-action.osd .button.flat:backdrop:active, - .button.destructive-action.osd .button.flat:backdrop:checked { - color: white; - border-color: #da4453; - background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, - .button.destructive-action.osd .button:backdrop:insensitive, - .button.destructive-action.osd .button.flat:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, - .button.destructive-action.osd .button:backdrop:insensitive > .label, - .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { - color: inherit; } - .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, - .button.destructive-action.osd .button:backdrop:insensitive:active, - .button.destructive-action.osd .button:backdrop:insensitive:checked, - .button.destructive-action.osd .button.flat:backdrop:insensitive:active, - .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { - color: #e8e8e8; - border-color: rgba(214, 46, 63, 0.35); - background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, - .button.destructive-action.osd .button:backdrop:insensitive:active > .label, - .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, - .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, - .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, - .button.destructive-action.osd .button.flat:backdrop, - .button.destructive-action.osd .button.flat:insensitive, - .button.destructive-action.osd .button.flat:backdrop:insensitive { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; - color: rgba(218, 68, 83, 0.8); } - .button.destructive-action:insensitive, - .button.destructive-action.osd .button:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .button.destructive-action:insensitive > .label, - .button.destructive-action.osd .button:insensitive > .label { - color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, - .button.destructive-action.osd .button:insensitive:active, - .button.destructive-action.osd .button:insensitive:checked { - color: #e8e8e8; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, - .button.destructive-action.osd .button:insensitive:active > .label, - .button.destructive-action.osd .button:insensitive:checked > .label { - color: inherit; } - -.button.image-button { - padding: 6px; } - -.button.text-button { - padding: 6px; } - -.button.text-button.image-button { - padding: 6px; } - .button.text-button.image-button .label:first-child { - padding-left: 8px; } - .button.text-button.image-button .label:last-child { - padding-right: 8px; } - -.stack-switcher > .button > .label { - 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: 6px; } - -.stack-switcher > .button.image-button { - padding: 3px 0px; } - -.stack-switcher > .button.needs-attention:active > .label, -.stack-switcher > .button.needs-attention:active > GtkImage, -.stack-switcher > .button.needs-attention:checked > .label, -.stack-switcher > .button.needs-attention:checked > GtkImage { - animation: none; - background-image: none; } - -.inline-toolbar .button, .inline-toolbar .button:backdrop { - border-radius: 3px; - border-width: 1px; } - -.primary-toolbar .button { - icon-shadow: none; } - -/************** - * ComboBoxes * - **************/ -GtkComboBox { - -GtkComboBox-arrow-scaling: 0.5; - -GtkComboBox-shadow-type: none; } - GtkComboBox > .button { - padding: 5px 4px; } - GtkComboBox:insensitive { - color: rgba(32, 35, 35, 0.35); - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop { - color: #232627; - text-shadow: none; - icon-shadow: none; } - GtkComboBox:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); } - GtkComboBox .menuitem { - text-shadow: none; } - GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { - -GtkWidget-wide-separators: true; } - -.stack-switcher > .button.needs-attention > .label, -.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#232627), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > .label:backdrop, - .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > .label:dir(rtl), - .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { - background-position: left 3px, left 4px; } - -.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, -.linked > .button:hover, -.linked > .button:active, -.linked > .button:checked, -.linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { - border-radius: 3px; } - .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), - .linked > .button:dir(rtl):hover, - .linked > .button:dir(rtl):active, - .linked > .button:dir(rtl):checked, - .linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop { - border-radius: 3px; } - -.inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { - border-radius: 3px; - border-style: solid; } - -.inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { - border-radius: 3px; } - -.inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button: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 { - border-style: solid; - border-radius: 3px; } - -.linked.vertical > .button:first-child { - border-radius: 3px; } - -.linked.vertical > .button:last-child { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > .button:only-child { - border-radius: 3px; - border-style: solid; } - -.app-notification .button.flat, -.app-notification.frame .button.flat, .app-notification .button.flat:hover, -.app-notification.frame .button.flat:hover, .app-notification .button.flat:active, -.app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, -.app-notification.frame .button.flat:backdrop, -.app-notification.frame .button.flat:insensitive, -.app-notification.frame .button.flat:backdrop:insensitive, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:active, GtkCalendar.button:backdrop, .titlebar .button.flat:insensitive, -.header-bar .button.flat:insensitive, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop, .button:visited:backdrop, .list-row.button, -.list-row.button:backdrop, -.list-row.button:backdrop:active, -.list-row.button:backdrop:checked, -.list-row.button:backdrop:insensitive, -.list-row.button:backdrop:insensitive:active, -.list-row.button:backdrop:insensitive:checked, -.list-row.button:insensitive:active, -.list-row.button:insensitive:checked, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .scale-popup .button, -.scale-popup .button.flat, .scale-popup .button:hover, -.scale-popup .button.flat:hover, .scrollbar .button, .scrollbar .button:hover, .scrollbar .button:backdrop, .header-bar .button.titlebutton, -.titlebar .button.titlebutton, .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, -.titlebar .button.titlebutton:hover, -.titlebar .button.titlebutton:active, -.titlebar .button.titlebutton:checked, -.titlebar .button.titlebutton:backdrop, -.titlebar .button.titlebutton:active:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - text-shadow: none; - icon-shadow: none; } - -/**************** - * Text Entries * - ****************/ -.entry { - border: 1px solid; - padding: 5px 8px 5px; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #232627; - border-color: #bcbebf; - background-color: #fcfcfc; - box-shadow: none; } - .entry.image.left { - padding-left: 0; } - .entry.image.right { - padding-right: 0; } - .entry.flat, .entry.flat:focus { - padding: 2px; - color: #232627; - border-color: #bcbebf; - background-color: #fcfcfc; - box-shadow: none; - border: none; - border-radius: 0; } - .entry:focus { - border-color: #3daee9; } - .entry:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-color: #e5e5e5; } - .entry:backdrop { - color: #232627; - border-color: #bcbebf; - background-color: #fcfcfc; } - .entry:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-color: #e5e5e5; } - .entry.progressbar { - margin: 1px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #3daee9; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } - .entry.progressbar:backdrop { - background-color: transparent; - border-color: rgba(61, 174, 233, 0.5); } - .entry.error { - color: #da4453; - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.error:focus { - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.error:selected, .entry.error:selected:focus { - background-color: #da4453; } - .entry.error:backdrop { - color: #da4453; - border-color: #da4453; - background-color: rgba(218, 68, 83, 0.5); } - .entry.warning { - color: #f67400; - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.warning:focus { - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.warning:selected, .entry.warning:selected:focus { - background-color: #f67400; } - .entry.warning:backdrop { - color: #f67400; - border-color: #f67400; - background-color: rgba(246, 116, 0, 0.5); } - .entry.image { - color: #232627; } - .entry.image:hover { - color: #93cee9; } - .entry.image:active { - color: #3daee9; } - .entry.image:backdrop { - color: #232627; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-top-width: 0px; - border-radius: 0px 0px 3px 3px; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; } - .app-notification .button, - .app-notification.frame .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .app-notification .button.flat, - .app-notification.frame .button.flat { - icon-shadow: none; - text-shadow: none; } - .app-notification .button.flat:hover, - .app-notification.frame .button.flat:hover { - color: #93cee9; } - .app-notification .button.flat:active, - .app-notification.frame .button.flat:active { - color: #3daee9; } - .app-notification .button:hover, - .app-notification.frame .button:hover { - color: #232627; - border-color: #93cee9; } - .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked, - .app-notification.frame .button:backdrop:active, - .app-notification.frame .button:backdrop:checked { - color: #fcfcfc; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, - .app-notification.frame .button:insensitive, - .app-notification.frame .button:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, - .app-notification.frame .button:insensitive > .label, - .app-notification.frame .button:backdrop:insensitive > .label { - color: inherit; } - .app-notification .button:backdrop, - .app-notification.frame .button:backdrop { - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - -/************ - * Calendar * - ***********/ -GtkCalendar { - color: #232627; - border: 1px solid #bcbebf; - background-color: #fcfcfc; } - GtkCalendar:selected { - background-color: #bcbebf; } - GtkCalendar:insensitive { - color: rgba(32, 35, 35, 0.35); } - GtkCalendar.header { - border: 1px solid #bcbebf; - border-radius: 0; - color: #232627; } - GtkCalendar.header:backdrop { - color: #232627; - border-color: #bcbebf; } - GtkCalendar.header:insensitive { - color: rgba(32, 35, 35, 0.35); } - GtkCalendar.button { - color: #232627; } - GtkCalendar.button:hover { - color: #93cee9; } - GtkCalendar.button:active { - color: #3daee9; } - GtkCalendar.button:backdrop { - color: #232627; } - GtkCalendar:inconsistent, GtkCalendar.highlight { - color: rgba(35, 38, 39, 0.5); } - GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { - color: rgba(35, 38, 39, 0.5); } - GtkCalendar:backdrop { - color: #232627; - border-color: #bcbebf; - background-color: #fcfcfc; } - -/************************* - * Check and Radio items * - *************************/ -.check { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); - icon-shadow: none; } - -.check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); - icon-shadow: none; } - -.check:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); - icon-shadow: none; } - -.check:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); - icon-shadow: none; } - -.check:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); - icon-shadow: none; } - -.check:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.check:inconsistent { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); - icon-shadow: none; } - -.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); - icon-shadow: none; } - -.check:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); - icon-shadow: none; } - -.check:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); - icon-shadow: none; } - -.check:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); - icon-shadow: none; } - -.check:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); - icon-shadow: none; } - -.check:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); - icon-shadow: none; } - -.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); - icon-shadow: none; } - -.check:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); - icon-shadow: none; } - -.check:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); - icon-shadow: none; } - -.check:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.menu .menuitem.check:hover, -.popover .button.flat.check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } - -.menu .menuitem.check:active:hover, -.popover .button.flat.check:active:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - -.menu .menuitem.check:checked:hover, -.popover .button.flat.check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - -.menu .menuitem.check:inconsistent:hover, -.popover .button.flat.check:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - -.radio { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); - icon-shadow: none; } - -.radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); - icon-shadow: none; } - -.radio:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); - icon-shadow: none; } - -.radio:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); - icon-shadow: none; } - -.radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); - icon-shadow: none; } - -.radio:backdrop:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.radio:inconsistent { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); - icon-shadow: none; } - -.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); - icon-shadow: none; } - -.radio:inconsistent:selected { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); - icon-shadow: none; } - -.radio:inconsistent:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); - icon-shadow: none; } - -.radio:inconsistent:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); - icon-shadow: none; } - -.radio:inconsistent:insensitive:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); - icon-shadow: none; } - -.radio:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); - icon-shadow: none; } - -.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); - icon-shadow: none; } - -.radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); - icon-shadow: none; } - -.radio:backdrop:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); - icon-shadow: none; } - -.radio:backdrop:checked:insensitive { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); - icon-shadow: none; } - -.menu .menuitem.radio:hover, -.popover .button.flat.radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } - -.menu .menuitem.radio:active:hover, -.popover .button.flat.radio:active:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - -.menu .menuitem.radio:checked:hover, -.popover .button.flat.radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - -.menu .menuitem.radio:inconsistent:hover, -.popover .button.flat.radio:inconsistent:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - -.view.check, .view.radio, -.list-row .check, list-row .radio { - icon-shadow: none; } - .view.check:selected, .view.check:hover, .view.radio:selected, .view.radio:hover, - .list-row .check:selected, - .list-row .check:hover, list-row .radio:selected, list-row .radio:hover { - icon-shadow: none; } - -.view.content-view.check { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); - background-color: transparent; } - -.view.content-view.check:hover { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:active { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); - background-color: transparent; } - -.view.content-view.check:checked { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:hover { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:active { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:checked { - icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); - background-color: transparent; } - -GtkCheckButton.text-button, GtkRadioButton.text-button { - padding: 1px 2px 4px; - outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { - color: rgba(32, 35, 35, 0.35); } - GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { - color: rgba(32, 35, 35, 0.35); } - -/***************** - * Color Chooser * - *****************/ -:selected GtkColorSwatch { - box-shadow: none; } - :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { - border-color: #fcfcfc; } - -GtkColorSwatch:selected { - box-shadow: none; } - -GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), -GtkColorSwatch.top > .overlay, -GtkColorSwatch.bottom > .overlay, -GtkColorSwatch:first-child:not(.top) > .overlay, -GtkColorSwatch:last-child:not(.bottom) > .overlay, -GtkColorSwatch:only-child > .overlay { - border-radius: 3px; } - -GtkColorSwatch:hover, GtkColorSwatch:hover:selected { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } - -GtkColorSwatch:backdrop, -GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { - background-image: none; - box-shadow: none; } - -GtkColorEditor GtkColorSwatch { - border-radius: 3px; } - GtkColorEditor GtkColorSwatch:hover { - background-image: none; - box-shadow: none; } - GtkColorEditor GtkColorSwatch:backdrop { - box-shadow: none; } - -GtkColorSwatch.color-dark { - color: white; - outline-color: rgba(0, 0, 0, 0.3); } - GtkColorSwatch.color-dark:backdrop { - color: rgba(255, 255, 255, 0.3); } - -GtkColorSwatch.color-light { - color: black; - outline-color: rgba(255, 255, 255, 0.5); } - GtkColorSwatch.color-light:backdrop { - color: rgba(0, 0, 0, 0.3); } - -GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { - border: 1px solid #bcbebf; } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { - border-color: #93cee9; } - -GtkColorSwatch#add-color-button { - border-style: solid; - border-width: 1px; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - GtkColorSwatch#add-color-button:hover { - color: #232627; - border-color: #93cee9; } - GtkColorSwatch#add-color-button:backdrop { - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - GtkColorSwatch#add-color-button .overlay { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; } - -GtkColorButton.button { - padding: 5px; } - GtkColorButton.button GtkColorSwatch:first-child:last-child { - border-radius: 0; - box-shadow: none; } - GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { - box-shadow: none; } - -/*********** - * Dialogs * - ***********/ -.message-dialog { - -GtkDialog-button-spacing: 8; - -GtkDialog-action-area-border: 8; } - .message-dialog.background { - background-color: #eff0f1; } - .message-dialog:backdrop { - background-color: #eff0f1; } - .message-dialog .titlebar { - box-shadow: none; } - -GtkFileChooserDialog .search-bar { - background-color: #eff0f1; - border-color: #eff0f1; - box-shadow: none; } - GtkFileChooserDialog .search-bar:backdrop { - background-color: #eff0f1; - border-color: #eff0f1; - color: #232627; } - -GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #bcbebf; } - GtkFileChooserDialog .dialog-action-box:backdrop { - border-top-color: #bcbebf; } - -/*************** - * Header bars * - ***************/ -.titlebar, -.header-bar { - transition: none; - padding: 4px 6px; - border-width: 0px 0px 1px 0px; - border-radius: 3px 3px 0px 0px; - border-style: solid; - border-color: #bcbebf; - color: #232627; - background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); } - .titlebar:backdrop, - .header-bar:backdrop { - border-color: transparent; - background-image: none; - background-color: #eff0f1; - color: #bdc3c7; - box-shadow: none; } - .titlebar .path-bar .button, - .header-bar .path-bar .button { - color: #232627; } - .titlebar .button, - .header-bar .button { - transition: none; - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; } - .titlebar .button.flat, - .header-bar .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; } - .titlebar .button:hover, - .header-bar .button:hover { - color: #232627; - border-color: #93cee9; } - .titlebar .button:hover:backdrop, - .header-bar .button:hover:backdrop { - border-color: #eff0f1; } - .titlebar .button:active, .titlebar .button:checked, - .header-bar .button:active, - .header-bar .button:checked { - color: #fcfcfc; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .titlebar .button:active:hover, .titlebar .button:checked:hover, - .header-bar .button:active:hover, - .header-bar .button:checked:hover { - color: #232627; - border-color: #93cee9; - background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } - .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, - .header-bar .button:active:backdrop, - .header-bar .button:checked:backdrop { - background-image: none; - background-color: #eff0f1; - border-color: #eff0f1; - color: #bdc3c7; } - .titlebar .button:backdrop, - .header-bar .button:backdrop { - background-color: #eff0f1; - color: #bdc3c7; } - .titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop, - .header-bar .button.flat:backdrop, - .header-bar .button.flat:backdrop:insensitive, - .header-bar .button:insensitive:backdrop { - background-image: none; - background-color: #eff0f1; - color: #bdc3c7; - border-color: transparent; } - .titlebar .button.flat:insensitive, - .header-bar .button.flat:insensitive { - color: rgba(32, 35, 35, 0.35); } - .titlebar .button:insensitive, - .header-bar .button:insensitive { - background-color: transparent; - background-image: none; - color: rgba(32, 35, 35, 0.35); } - .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, - .header-bar .button:insensitive:active, - .header-bar .button:insensitive:checked { - color: #e5e5e5; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, - .header-bar .button:insensitive:active > .label, - .header-bar .button:insensitive:checked > .label { - color: inherit; } - .titlebar .title, - .header-bar .title { - font-weight: normal; - padding: 0px 12px; } - .titlebar .subtitle, - .header-bar .subtitle { - font-size: smaller; - padding: 0 12px; } - .titlebar .header-bar-separator, - .titlebar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator, - .header-bar .header-bar-separator, - .header-bar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator { - -GtkWidget-wide-separators: true; - -GtkWidget-separator-width: 1px; - border-width: 0px; - background-color: #eff0f1; - border-color: #eff0f1; } - .titlebar .header-bar-separator:backdrop, - .titlebar > GtkBox > .separator.vertical:backdrop, - GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, - .header-bar .header-bar-separator:backdrop, - .header-bar > GtkBox > .separator.vertical:backdrop, - GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { - background-color: #eff0f1; - border-color: #eff0f1; } - .titlebar.selection-mode .selection-menu, - .header-bar.selection-mode .selection-menu { - padding-left: 10px; - padding-right: 10px; } - .titlebar.selection-mode .selection-menu GtkArrow, - .header-bar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .titlebar.selection-mode .selection-menu .arrow, - .header-bar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("arrow-down"); - icon-shadow: none; } - .tiled .titlebar, .maximized .titlebar, .tiled - .header-bar, .maximized - .header-bar { - border-radius: 0; } - .titlebar.default-decoration, - .header-bar.default-decoration { - padding: 4px; } - .titlebar.default-decoration .button, - .header-bar.default-decoration .button { - padding: 5px; } - -.titlebar .button.suggested-action, -.header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action, -.header-bar.selection-mode.suggested-action { - background-image: none; - background-color: #3daee9; } - .titlebar .button.suggested-action:hover, - .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, - .header-bar.selection-mode.suggested-action:hover { - background-color: #93cee9; - color: #232627; } - .titlebar .button.suggested-action:insensitive, - .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, - .header-bar.selection-mode.suggested-action:insensitive { - background-color: transparent; - background-image: none; - color: rgba(32, 35, 35, 0.35); } - .titlebar .button.suggested-action:insensitive:active, - .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, - .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, - .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, - .header-bar.selection-mode.suggested-action:insensitive:checked { - color: #e5e5e5; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label { - color: inherit; } - .titlebar .button.suggested-action:backdrop, - .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, - .header-bar.selection-mode.suggested-action:backdrop { - background-color: #eff0f1; - border-color: transparent; - color: #bdc3c7; } - .titlebar .button.suggested-action:backdrop:insensitive, - .header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive, - .header-bar.selection-mode.suggested-action:backdrop:insensitive { - color: rgba(170, 178, 183, 0.35); } - -/************** - * GtkInfoBar * - **************/ -GtkInfoBar { - border-style: none; - border-bottom: 1px solid #bcbebf; - background-color: #eff0f1; - background-image: none; } - GtkInfoBar:backdrop { - border-bottom: 1px solid #bcbebf; } - -.info, .titlebar.selection-mode, -.header-bar.selection-mode, -.question, -.warning, -.error { - background-color: #eff0f1; - background-image: none; - color: #f67400; - text-shadow: none; } - .info:backdrop, .titlebar.selection-mode:backdrop, - .header-bar.selection-mode:backdrop, - .question:backdrop, - .warning:backdrop, - .error:backdrop { - background-color: #eff0f1; - color: #f67400; } - .info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button, - .question .button, - .warning .button, - .error .button { - box-shadow: none; - background-image: none; - background-color: rgba(246, 116, 0, 0.5); - border-color: rgba(246, 116, 0, 0.5); - color: #232627; } - .info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover, - .question .button:hover, - .warning .button:hover, - .error .button:hover { - background-color: rgba(246, 116, 0, 0.25); - border-color: #f67400; } - .info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked, - .question .button:active, - .question .button:checked, - .warning .button:active, - .warning .button:checked, - .error .button:active, - .error .button:checked { - background-image: linear-gradient(to bottom, #f87500, #ef7100); - color: #eff0f1; - border-color: #f67400; } - .info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive, - .question .button:insensitive, - .warning .button:insensitive, - .error .button:insensitive { - background-color: rgba(224, 105, 0, 0); - border-color: rgba(224, 105, 0, 0); - color: rgba(32, 35, 35, 0.35); } - .info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop, - .question .button:backdrop, - .warning .button:backdrop, - .error .button:backdrop { - background-color: rgba(246, 116, 0, 0.5); - border-color: rgba(246, 116, 0, 0.5); - color: #232627; } - .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked, - .question .button:backdrop:active, - .question .button:backdrop:checked, - .warning .button:backdrop:active, - .warning .button:backdrop:checked, - .error .button:backdrop:active, - .error .button:backdrop:checked { - background-image: linear-gradient(to bottom, #f87500, #ef7100); - color: #eff0f1; - border-color: #f67400; } - .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive, - .question .button:backdrop:insensitive, - .warning .button:backdrop:insensitive, - .error .button:backdrop:insensitive { - background-color: rgba(224, 105, 0, 0); - border-color: rgba(224, 105, 0, 0); - color: rgba(32, 35, 35, 0.35); } - .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked, - .question .button:backdrop:insensitive:active, - .question .button:backdrop:insensitive:checked, - .warning .button:backdrop:insensitive:active, - .warning .button:backdrop:insensitive:checked, - .error .button:backdrop:insensitive:active, - .error .button:backdrop:insensitive:checked { - background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); - color: #d8dadd; - border-color: rgba(224, 105, 0, 0.35); } - -/********* - * Links * - *********/ -*:link, .button:link, .button:visited { - color: #2980b9; } - *:link:visited, .button:visited { - color: #7f8c8d; } - *:selected *:link:visited, *:selected .button:visited { - color: #b0ddf4; } - *:link:hover, .button:hover:link, .button:hover:visited { - color: #409ad5; } - *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #e9f4fa; } - *:link:active, .button:active:link, .button:active:visited { - color: #2980b9; } - *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #d6ecf8; } - *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, - .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { - color: rgba(61, 174, 233, 0.5); } - *:link:selected, .titlebar.selection-mode .subtitle:link, - .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #d6ecf8; } - -.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; } - -/********* - * Lists * - *********/ -.list, .list-row { - background-color: #eff0f1; - color: #232627; - border-width: 0px; } - .list:backdrop, .list-row:backdrop { - background-color: #eff0f1; - color: #232627; } - -.list-row, -.grid-child { - padding: 0px 2px; - border-style: solid; - border-width: 0px; - border-color: #eff0f1; } - -.list-row.button, -.list-row.button:backdrop, -.list-row.button:backdrop:active, -.list-row.button:backdrop:checked, -.list-row.button:backdrop:insensitive, -.list-row.button:backdrop:insensitive:active, -.list-row.button:backdrop:insensitive:checked, -.list-row.button:insensitive:active, -.list-row.button:insensitive:checked { - background-color: rgba(252, 252, 252, 0); - border-style: none; - border-radius: 0; - box-shadow: none; } - -.list-row.button { - background-color: #eff0f1; } - .list-row.button:hover { - background-color: rgba(147, 206, 233, 0.25); } - .list-row.button:active { - background-color: #3daee9; - box-shadow: none; } - .list-row.button:selected { - background-color: #3daee9; } - .list-row.button:selected:active { - box-shadow: none; } - .list-row.button:selected:hover { - color: #232627; - border-color: #93cee9; - background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } - .list-row.button:selected:backdrop { - background-color: rgba(61, 174, 233, 0.5); } - .list-row.button:backdrop { - background-color: #eff0f1; } - -.list-row:selected .button { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .list-row:selected .button.flat { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; } - .list-row:selected .button:hover { - color: #232627; - border-color: #93cee9; } - .list-row:selected .button:active, .list-row:selected .button:checked { - color: #fcfcfc; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { - color: #fcfcfc; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { - color: inherit; } - .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { - color: #e5e5e5; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { - color: inherit; } - .list-row:selected .button.flat:backdrop { - background-color: #eff0f1; - color: #232627; - border-color: transparent; } - .list-row:selected .button:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .list-row:selected .button:insensitive > .label { - color: inherit; } - .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { - color: #e5e5e5; - border-color: rgba(37, 164, 230, 0.35); - background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { - color: inherit; } - -.list-row, list-row.button { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .list-row:hover, list-row.button:hover { - transition: none; } - -/********* - * Menus * - *********/ -/* menu buttons */ -.menuitem.button.flat { - color: #232627; } - .menuitem.button.flat:hover { - background-color: #93cee9; } - .menuitem.button.flat:selected { - background-color: #3daee9; - color: #fcfcfc; } - .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { - color: #232627; } - -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: none; - background-color: #eff0f1; } - .menubar:backdrop { - background-color: #eff0f1; } - .menubar > .menuitem { - padding: 6px 8px; - border: 1px solid #eff0f1; } - .menubar > .menuitem:hover { - background-color: #3daee9; - color: #fcfcfc; } - .menubar > .menuitem:insensitive { - color: rgba(32, 35, 35, 0.35); - box-shadow: none; } - .menubar > .menuitem:insensitive:backdrop { - background-color: #eff0f1; - color: rgba(32, 35, 35, 0.35); } - .menubar > .menuitem:backdrop { - background-color: #eff0f1; - border-color: #eff0f1; - color: #232627; } - -.menu { - padding: 0px; - background-color: #eff0f1; - border: 1px solid #bcbebf; - border-radius: 3px; } - .csd .menu { - border: 1px solid #bcbebf; } - .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { - color: #bcbebf; } - .menu .menuitem { - text-shadow: none; - padding: 4px 4px; } - .menu .menuitem:hover { - color: #fcfcfc; - background-color: #3daee9; } - .menu .menuitem:insensitive { - color: rgba(32, 35, 35, 0.35); } - .menu .menuitem:insensitive:backdrop { - color: rgba(32, 35, 35, 0.35); } - .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { - color: #232627; - background-color: #eff0f1; } - .menu .menuitem.arrow { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .menu .menuitem.arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - -.menuitem .accelerator { - color: alpha(currentColor,0.5); } - -/*************** - * Popovers * - ***************/ -.popover { - margin: 10px; - padding: 0px; - border: 1px solid #bcbebf; - border-radius: 3px; - background-color: #eff0f1; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } - .popover:backdrop { - box-shadow: none; } - .popover > .list, - .popover > .view, - .popover > .toolbar, - .popover > .inline-toolbar, - .popover > .search-bar, - .popover > .location-bar, - .popover.osd > .toolbar, - .popover.osd > .inline-toolbar, - .popover.osd > .search-bar, - .popover.osd > .location-bar { - border-style: none; - background-color: transparent; } - .popover .button.flat { - border-radius: 0px; - color: #232627; } - .popover .button.flat .label { - padding: 4px 0px; } - .popover .button.flat:hover, .popover .button.flat:checked:hover { - background-image: none; - background-color: #3daee9; - color: #fcfcfc; - transition: none; } - .popover .button.flat:backdrop { - background-color: transparent; - color: #232627; } - -.entry.cursor-handle, -.cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - .entry.cursor-handle.top, - .cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } - .entry.cursor-handle.bottom, - .cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } - -.scale-popup .button, -.scale-popup .button.flat { - background-color: transparent; - padding: 5px; - color: #232627; } - .scale-popup .button:hover, - .scale-popup .button.flat:hover { - color: #93cee9; } - .scale-popup .button:active, - .scale-popup .button.flat:active { - color: #3daee9; } - .scale-popup .button:insensitive, - .scale-popup .button.flat:insensitive { - color: rgba(32, 35, 35, 0.35); } - .scale-popup .button:backdrop, - .scale-popup .button.flat:backdrop { - color: #232627; } - .scale-popup .button:backdrop:insensitive, - .scale-popup .button.flat:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); } - -GtkVolumeButton.button { - padding: 5px; } - -/******** - * Misc * - ********/ -/********** -* Frames * -**********/ -.frame { - border: 1px solid #bcbebf; - padding: 0; } - .frame.flat { - border-style: none; } - .frame.action-bar { - padding: 6px; - border-width: 1px 0 0; } - .frame.action-bar:backdrop { - border-color: #bcbebf; } - .frame:backdrop { - border-color: #bcbebf; } - -GtkScrolledWindow GtkViewport.frame { - border-style: none; } - -.separator, GtkPlacesSidebar.sidebar .view .separator, -GtkPlacesSidebar.sidebar .view .separator:backdrop { - color: transparent; } - .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { - color: #bcbebf; } - .separator.vertical:backdrop, - GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { - color: #bcbebf; } - GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, - GtkFontButton .separator.vertical, - GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, - GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { - -GtkWidget-wide-separators: true; } - -/************* -* Expanders * -*************/ -.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - .expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - .expander:hover { - color: #6b7578; } - .expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/********* -* Paned * -*********/ -GtkPaned { - -GtkPaned-handle-size: 1; - -gtk-icon-source: none; - margin: 0 8px 8px 0; } - GtkPaned:dir(rtl) { - margin-right: 0; - margin-left: 8px; } - GtkPaned .pane-separator { - background-color: #bcbebf; } - GtkPaned .pane-separator:backdrop { - background-color: #bcbebf; } - -GtkPaned.wide { - -GtkPaned-handle-size: 5; - margin: 0; } - GtkPaned.wide .pane-separator { - background-color: transparent; - border-style: none; } - GtkPaned.wide.vertical .pane-separator { - border-style: none; } - GtkPaned.wide .pane-separator:backdrop { - border-color: transparent; } - -/********************* -* Spinner Animation * -*********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } - -.spinner { - background-image: none; - background-color: blue; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - .spinner:active { - opacity: 1; - animation: spin 1s linear infinite; } - .spinner:active:insensitive { - opacity: 0.5; } - -/***************** - * Notebooks and * - * Tabs * - *****************/ -.notebook { - -GtkNotebook-initial-gap: 0; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #eff0f1; } - .notebook:backdrop { - background-color: #eff0f1; } - .notebook.frame { - border: 1px solid #bcbebf; } - .notebook.frame.top { - border-top-width: 0; } - .notebook.frame.bottom { - border-bottom-width: 0; } - .notebook.frame.right { - border-right-width: 0; } - .notebook.frame.left { - border-left-width: 0; } - .notebook.frame:backdrop { - border-color: #bcbebf; } - .notebook.header { - background-color: #eff0f1; - padding-top: 4px; } - .notebook.header.frame { - border-style: none; } - .notebook.header.top { - box-shadow: inset 0 -1px #bcbebf; } - .notebook.header.top:backdrop { - box-shadow: inset 0 -1px #bcbebf; } - .notebook.header.bottom { - box-shadow: inset 0 1px #bcbebf; } - .notebook.header.bottom:backdrop { - box-shadow: inset 0 1px #bcbebf; } - .notebook.header.right { - box-shadow: inset 1px 0 #bcbebf; } - .notebook.header.right:backdrop { - box-shadow: inset 1px 0 #bcbebf; } - .notebook.header.left { - box-shadow: inset -1px 0 #bcbebf; } - .notebook.header.left:backdrop { - box-shadow: inset -1px 0 #bcbebf; } - .notebook.header:backdrop { - background-color: #eff0f1; } - .notebook tab { - border: 1px solid rgba(35, 38, 39, 0.2); - background-color: rgba(35, 38, 39, 0.2); - background-clip: padding-box; - padding: 8px; } - .notebook tab:backdrop { - background-color: rgba(35, 38, 39, 0.2); } - .notebook tab.reorderable-page { - background-color: #eff0f1; } - .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { - padding-left: 12px; - padding-right: 6px; - padding-bottom: 8px; } - .notebook tab.top { - border-radius: 3px 3px 0px 0px; - border-bottom-color: transparent; } - .notebook tab.top:active, .notebook tab.top.active-page { - border-color: #bcbebf; - border-bottom-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { - border-color: #bcbebf; - border-bottom-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.bottom { - border-radius: 0px 0px 3px 3px; - border-top-color: transparent; } - .notebook tab.bottom:active, .notebook tab.bottom.active-page { - border-color: #bcbebf; - border-top-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { - border-color: #bcbebf; - border-top-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.left { - border-radius: 3px 0px 0px 3px; - border-right-color: transparent; } - .notebook tab.left:active, .notebook tab.left.active-page { - border-color: #bcbebf; - border-right-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { - border-color: #bcbebf; - border-right-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.right { - border-radius: 0px 3px 3px 0px; - border-left-color: transparent; } - .notebook tab.right:active, .notebook tab.right.active-page { - border-color: #bcbebf; - border-left-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { - border-color: #bcbebf; - border-left-color: #eff0f1; - background-color: #eff0f1; } - .notebook tab:hover, .notebook tab.prelight-page { - background-color: rgba(61, 174, 233, 0.2); - border-color: rgba(61, 174, 233, 0.2); } - .notebook tab.reorderable-page.top { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #eff0f1; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: #bcbebf; - box-shadow: inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { - background-color: #eff0f1; - border-color: transparent; - border-right-color: #bcbebf; - box-shadow: none; } - .notebook tab.reorderable-page.top:backdrop { - background-color: #eff0f1; - border-right-color: #bcbebf; - box-shadow: none; } - .notebook tab.reorderable-page.bottom { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #eff0f1; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: #bcbebf; - box-shadow: inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { - background-color: #eff0f1; - border-color: transparent; - border-right-color: #bcbebf; - box-shadow: none; } - .notebook tab.reorderable-page.bottom:backdrop { - background-color: #eff0f1; - border-right-color: #bcbebf; - box-shadow: none; } - .notebook tab.reorderable-page.left { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #eff0f1; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: #bcbebf; - box-shadow: inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { - background-color: #eff0f1; - border-color: transparent; - border-bottom-color: #bcbebf; - box-shadow: none; } - .notebook tab.reorderable-page.left:backdrop { - background-color: #eff0f1; - border-bottom-color: #bcbebf; - box-shadow: none; } - .notebook tab.reorderable-page.right { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: #eff0f1; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: #bcbebf; - box-shadow: inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { - box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { - box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } - .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { - background-color: #eff0f1; - border-color: transparent; - border-bottom-color: #bcbebf; - box-shadow: none; } - .notebook tab.reorderable-page.right:backdrop { - background-color: #eff0f1; - border-bottom-color: #bcbebf; - box-shadow: none; } - .notebook tab .label { - padding: 0 2px; - color: #232627; } - .notebook tab .label:backdrop { - color: #232627; } - .notebook tab .label:insensitive { - color: rgba(32, 35, 35, 0.35); } - .notebook tab .button { - padding: 0px; - border: 1px solid transparent; - border-radius: 50%; - background-image: none; - background-color: #bcbebf; - box-shadow: none; - icon-shadow: none; - transition: none; - color: #eff0f1; } - .notebook tab .button:hover { - background-color: #da4453; - border-color: transparent; - background-image: none; - box-shadow: none; } - .notebook tab .button:active { - color: #eff0f1; - border-color: transparent; - background-image: none; - box-shadow: none; } - .notebook tab .button:backdrop { - color: #eff0f1; - background-color: #bcbebf; } - .notebook tab .button > GtkImage { - padding: 0px; } - .notebook tab .button .active-page, .notebook tab .button.active-page { - background-color: #da4453; } - .notebook.arrow { - color: #232627; } - .notebook.arrow:hover { - color: #93cee9; } - .notebook.arrow:active { - color: #3daee9; } - .notebook.arrow:insensitive { - color: rgba(32, 35, 35, 0.35); } - .notebook.arrow:backdrop { - color: #232627; } - .notebook.arrow:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); } - -/* Decouple the font of context menus from their entry/textview */ -.touch-selection, -.context-menu { - font: initial; } - -.monospace { - font: Monospace; } - -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - -.overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - .overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -/************ - * Pathbars * - ************/ -.path-bar .button { - border-color: rgba(255, 255, 255, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: #232627; - text-shadow: none; - icon-shadow: none; - padding: 4px 8px; - color: #232627; } - .path-bar .button:hover { - border-color: #93cee9; } - .path-bar .button:active, .path-bar .button:checked { - background-color: #bcbebf; } - .path-bar .button:first-child { - padding-left: 8px; } - .path-bar .button:last-child { - padding-right: 8px; } - .path-bar .button:only-child { - padding-left: 12px; - padding-right: 12px; } - .path-bar .button .label:last-child { - padding-left: 2px; } - .path-bar .button .label:first-child { - padding-right: 2px; } - .path-bar .button .label:only-child { - padding-right: 0; - padding-left: 0; } - .path-bar .button GtkImage { - padding-top: 1px; } - -/***************** - * Progress bars * - *****************/ -GtkProgressBar { - padding: 0; - font-size: smaller; - color: rgba(35, 38, 39, 0.3); - box-shadow: none; } - GtkProgressBar:backdrop { - color: rgba(35, 38, 39, 0.3); } - GtkProgressBar.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 0; - -GtkProgressBar-min-horizontal-bar-height: 3; } - GtkProgressBar.trough { - border: 1px solid transparent; - border-radius: 3px; - background-color: rgba(35, 38, 39, 0.3); } - GtkProgressBar.trough.osd { - border: 1px solid transparent; - border-radius: 3px; - background-color: rgba(35, 38, 39, 0.3); } - GtkProgressBar.trough.osd:backdrop { - background-color: rgba(35, 38, 39, 0.3); } - GtkProgressBar.trough:backdrop { - background-color: rgba(35, 38, 39, 0.3); } - -.progressbar { - background-color: #3daee9; - border: 1px solid #3daee9; - border-radius: 0px; - box-shadow: none; } - .progressbar.left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - .progressbar.right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - .progressbar.left.right { - box-shadow: none; } - .progressbar.vertical.bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - box-shadow: none; } - .progressbar.vertical.top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - .progressbar.osd { - background-image: none; - background-color: #3daee9; - border: 1px solid #3daee9; - border-radius: 3px; } - .progressbar.osd:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - .progressbar:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - -/************* - * Level Bar * - *************/ -.level-bar.vertical { - -GtkLevelBar-min-block-width: 6; - -GtkLevelBar-min-block-height: 34; } - -.level-bar { - box-shadow: none; - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 6; } - .level-bar.vertical { - -GtkLevelBar-min-block-width: 6; - -GtkLevelBar-min-block-height: 34; } - .level-bar.trough { - border: 1px solid transparent; - padding: 3px; - border-radius: 3px; - background-color: transparent; } - .level-bar.fill-block { - border: 1px solid #3daee9; - background-color: #3daee9; - box-shadow: none; - border-radius: 3px; } - .level-bar.fill-block.indicator-discrete.horizontal { - margin: 0 1px; } - .level-bar.fill-block.indicator-discrete.vertical { - margin: 1px 0; } - .level-bar.fill-block.level-high { - border-color: #27ae60; - background-color: #27ae60; } - .level-bar.fill-block.level-high:backdrop { - background-color: #27ae60; - border-color: #27ae60; } - .level-bar.fill-block.level-low { - border-color: #f67400; - background-color: #f67400; } - .level-bar.fill-block.level-low:backdrop { - background-color: #f67400; - border-color: #f67400; } - .level-bar.fill-block.empty-fill-block { - background-color: rgba(35, 38, 39, 0.3); - border-color: transparent; - box-shadow: none; } - .level-bar.fill-block:backdrop { - border-color: rgba(61, 174, 233, 0.5); - background-color: rgba(61, 174, 233, 0.5); } - -/************ - * GtkScale * - ************/ -.scale, -.scale.scale-has-marks-above.scale-has-marks-below, -.scale.vertical.scale-has-marks-above.scale-has-marks-below { - -GtkScale-slider-length: 18; - -GtkRange-slider-width: 18; - -GtkRange-trough-border: 2; } - .scale.fine-tune.trough, - .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { - margin: 8px; - border-radius: 3px; } - .scale.slider, - .scale.scale-has-marks-above.scale-has-marks-below.slider, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { - background-color: #eff0f1; - border: 1px solid #bcbebf; - border-radius: 50%; - box-shadow: none; } - .scale.slider:hover, - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { - border-style: solid; - border-width: 2px; - border-color: #93cee9; - border-radius: 50%; } - .scale.slider:hover:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop { - background-color: #eff0f1; - border-color: #93cee9; } - .scale.slider:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { - border-style: solid; - border-radius: 50%; - background-color: #d8dadd; - border-color: rgba(170, 173, 174, 0.35); } - .scale.slider:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { - background-color: #d8dadd; - border-color: rgba(170, 173, 174, 0.35); } - .scale.slider:active, - .scale.scale-has-marks-above.scale-has-marks-below.slider:active, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { - border: 2px solid #3daee9; } - .scale.slider:active:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop { - background-color: #eff0f1; - border-color: #3daee9; } - .scale.slider:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { - background-color: #eff0f1; - border-color: #bcbebf; } - .scale.trough, - .scale.scale-has-marks-above.scale-has-marks-below.trough, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { - margin: 9px; - border: 1px solid rgba(35, 38, 39, 0.3); - border-radius: 3px; - background-color: rgba(35, 38, 39, 0.3); - box-shadow: none; } - .scale.trough.highlight, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { - background-color: #3daee9; - border-color: #3daee9; } - .scale.trough.highlight.vertical, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { - background-color: #3daee9; - border-color: #3daee9; } - .scale.trough.highlight:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { - background-color: rgba(61, 174, 233, 0.5); - border-color: rgba(61, 174, 233, 0.5); } - .scale.trough:insensitive, .scale.trough.vertical:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { - border-color: rgba(170, 172, 173, 0.545); - background-color: rgba(170, 172, 173, 0.545); - box-shadow: none; } - .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { - background-color: rgba(170, 172, 173, 0.545); - border-color: rgba(170, 172, 173, 0.545); } - .scale.trough:backdrop, - .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, - .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - background-color: rgba(35, 38, 39, 0.3); - border-color: rgba(35, 38, 39, 0.3); } - -/************** - * Scrollbars * - **************/ -.scrollbar { - -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkRange-slider-width: 10px; - -GtkScrollbar-min-slider-length: 64; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } - .scrollbar .button { - color: #232627; } - .scrollbar .button:hover { - color: #93cee9; } - .scrollbar .button:insensitive { - color: rgba(32, 35, 35, 0.35); } - .scrollbar .button:backdrop { - color: #232627; } - .scrollbar .button:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); } - .scrollbar.dragging, .scrollbar.hovering { - opacity: 0.9910; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.999; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - -GtkRange-slider-width: 10px; - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { - margin: 2px; - border: 5px solid transparent; - border-radius: 8px; - background-color: rgba(35, 38, 39, 0.5); } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { - background-color: rgba(35, 38, 39, 0.5); } - .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { - border: none; - background: none; } - .scrollbar.trough { - margin: 2px; - border: 5px solid transparent; - border-radius: 8px; - background-color: rgba(35, 38, 39, 0.3); } - .scrollbar.trough:backdrop { - background-color: rgba(35, 38, 39, 0.3); } - .scrollbar.slider { - margin: 2px; - border: 5px solid transparent; - border-radius: 8px; - background-color: rgba(35, 38, 39, 0.5); } - .scrollbar.slider:hover { - background-color: #93cee9; } - .scrollbar.slider:active { - background-color: #3daee9; } - .scrollbar.slider:insensitive { - background-color: rgba(32, 35, 35, 0); } - .scrollbar.slider:backdrop { - background-color: rgba(35, 38, 39, 0.3); } - .scrollbar.slider:backdrop:insensitive { - background-color: rgba(32, 35, 35, 0); } - -.scrollbars-junction, -.scrollbars-junction.frame { - border-color: transparent; - background-color: transparent; - border-image: none; } - -/*********** - * Sidebar * - ***********/ -.sidebar, -.sidebar .view { - border: none; - background-color: #eff0f1; } - .sidebar:backdrop, - .sidebar .view:backdrop { - background-color: #eff0f1; } - -GtkSidebarRow.list-row { - padding: 0px; } - -GtkSidebarRow .sidebar-revealer { - padding: 4px 14px 4px 12px; } - -GtkSidebarRow .sidebar-icon:dir(ltr) { - padding-right: 8px; } - -GtkSidebarRow .sidebar-icon:dir(rtl) { - padding-left: 8px; } - -GtkSidebarRow .sidebar-label:dir(ltr) { - padding-right: 2px; } - -GtkSidebarRow .sidebar-label:dir(rtl) { - padding-left: 2px; } - -GtkPlacesSidebar.sidebar .view:insensitive { - color: rgba(32, 35, 35, 0.35); } - -GtkPlacesSidebar.sidebar .view:backdrop { - color: #232627; } - GtkPlacesSidebar.sidebar .view:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); } - -GtkPlacesSidebar.sidebar .view .image { - color: #232627; } - GtkPlacesSidebar.sidebar .view .image:selected { - color: #fcfcfc; } - GtkPlacesSidebar.sidebar .view .image:selected:backdrop { - color: #232627; } - GtkPlacesSidebar.sidebar .view .image:insensitive { - color: rgba(32, 35, 35, 0.35); } - GtkPlacesSidebar.sidebar .view .image:backdrop { - color: #232627; } - GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); } - -.sidebar-item { - padding: 10px 4px; } - .sidebar-item > .label { - padding-left: 6px; - padding-right: 6px; } - .sidebar-item.needs-attention > .label { - background-size: 6px 6px, 0 0; } - -/***************** - * GtkSpinButton * - *****************/ -.osd .spinbutton .button:last-child { - border-radius: 0 3px 3px 0; } - -.osd .spinbutton .button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } - -.spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { - padding-top: 5px; - padding-bottom: 5px; } - .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { - color: #fcfcfc; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { - color: #232627; - border-color: #93cee9; } - .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: none; - icon-shadow: none; - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { - color: #fcfcfc; - border-color: #3daee9; - background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { - color: #232627; - border-color: #93cee9; } - .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { - color: inherit; } - .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - color: #232627; - border-color: #bcbebf; - background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } - .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0.35); - background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } - .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { - color: inherit; } - -.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { - border-radius: 0px; - padding-left: 0px; - padding-right: 0px; } - .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { - background-color: #e5e5e5; } - -GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { - padding: 1px; - border-width: 1px 0; - border-color: #3daee9; - border-radius: 0; - box-shadow: none; } - -.spinbutton .button, .osd .spinbutton .button { - background-image: none; - background-color: transparent; - border-style: none none none solid; - border-color: rgba(188, 190, 191, 0.3); - color: #232627; - border-radius: 0; - box-shadow: none; } - .spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) { - border-style: none solid none none; } - .spinbutton .button:hover { - color: #93cee9; } - .spinbutton .button:insensitive { - color: rgba(32, 35, 35, 0.35); - border-color: rgba(170, 173, 174, 0); } - .spinbutton .button:active { - color: #3daee9; } - .spinbutton .button:backdrop { - color: #232627; - border-color: rgba(188, 190, 191, 0.3); - background-color: transparent; } - .spinbutton .button:backdrop:insensitive { - background-image: none; - color: rgba(32, 35, 35, 0.35); - border-style: none none none solid; - border-color: rgba(170, 173, 174, 0); } - .spinbutton .button:backdrop:insensitive:dir(rtl) { - border-style: none solid none none; } - -.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } - -.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } - -/********** - * Switch * - **********/ -GtkSwitch { - -GtkSwitch-slider-width: 24px; - -GtkSwitch-slider-height: 24px; - font-weight: bold; - font-size: smaller; - outline-offset: 0px; - color: transparent; - box-shadow: none; } - GtkSwitch.trough { - border: 0px solid; - border-radius: 12px; - background-image: none; - background-color: rgba(35, 38, 39, 0.3); - text-shadow: none; } - GtkSwitch.trough:active { - background-color: #3daee9; - box-shadow: none; - text-shadow: none; } - GtkSwitch.trough:backdrop { - background-color: rgba(35, 38, 39, 0.3); } - GtkSwitch.slider { - border: 1px solid; - border-radius: 11px; - background-color: #eff0f1; - border-color: #bcbebf; } - GtkSwitch.slider:hover { - box-shadow: none; - border-color: #93cee9; - background-color: #eff0f1; } - GtkSwitch.slider:active { - border-color: #3daee9; } - GtkSwitch.slider:active:hover { - border-color: #93cee9; } - GtkSwitch.slider:insensitive { - background-color: #d8dadd; } - GtkSwitch.slider:backdrop { - background-color: #eff0f1; } - GtkSwitch.slider:backdrop:insensitive { - background-color: #d8dadd; } - .header-bar GtkSwitch.trough:backdrop { - background-color: transparent; } - .header-bar GtkSwitch.slider:backdrop { - background-color: #bdc3c7; } - -/************ - * Toolbars * - ************/ -.toolbar, .inline-toolbar, .search-bar, .location-bar, -.primary-toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #eff0f1; } - .toolbar:backdrop, .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop, - .primary-toolbar:backdrop { - background-color: #eff0f1; - box-shadow: none; } - .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar, .osd - .primary-toolbar, - .primary-toolbar.osd { - padding: 13px; - border: none; - border-radius: 3px; - background-color: #eff0f1; } - .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd - .primary-toolbar:backdrop, - .primary-toolbar.osd:backdrop { - border-color: #bcbebf; - background-color: #eff0f1; - box-shadow: none; } - -.inline-toolbar { - border-width: 0px 0px 1px 0px; - padding: 3px; - border-radius: 0; } - -.search-bar, .location-bar { - border-width: 0px 0px 1px 0px; - padding: 3px; } - -.inline-toolbar, .search-bar, .location-bar { - border-style: solid; - border-color: #bcbebf; - text-shadow: none; - background-color: #eff0f1; } - -/************ - * Tooltips * - ************/ -.tooltip { - color: #fcfcfc; - padding: 4px; - /* not working */ - border-radius: 5px; - box-shadow: none; - text-shadow: none; - border: 1px solid #595c5c; } - .tooltip.background { - background-color: #232627; - background-clip: padding-box; } - .tooltip.window-frame.csd { - background-color: transparent; } - -.tooltip * { - padding: 4px; - background-color: transparent; - color: inherit; } - -/************** - * Tree Views * - **************/ -GtkTreeView.view { - -GtkTreeView-grid-line-width: 0; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: #bcbebf; - border-top-color: transparent; } - GtkTreeView.view:selected { - border-radius: 0; } - GtkTreeView.view:selected { - background-color: #3daee9; - border-left-color: #fcfcfc; - border-top-color: #fcfcfc; } - GtkTreeView.view:backdrop:selected { - background-color: rgba(61, 174, 233, 0.5); - border-left-color: #fcfcfc; - border-top-color: #fcfcfc; } - GtkTreeView.view:insensitive { - color: rgba(170, 173, 174, 0.35); } - GtkTreeView.view:insensitive:selected { - color: #e5e5e5; } - GtkTreeView.view:insensitive:selected:backdrop { - color: #e5e5e5; } - GtkTreeView.view:insensitive:backdrop { - color: rgba(170, 173, 174, 0.35); } - GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator { - color: #bcbebf; } - GtkTreeView.view.separator:backdrop, - GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop { - color: #bcbebf; } - GtkTreeView.view:backdrop { - border-left-color: #bcbebf; } - GtkTreeView.view.dnd { - border-style: solid none; - border-width: 1px; - border-color: #93cee9; } - GtkTreeView.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #232627; } - GtkTreeView.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - GtkTreeView.view.expander:hover { - color: #93cee9; } - GtkTreeView.view.expander:selected { - color: #fcfcfc; } - GtkTreeView.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.expander:checked:selected { - color: #fcfcfc; } - GtkTreeView.view.expander:checked:backdrop { - color: #fcfcfc; } - GtkTreeView.view.expander:backdrop { - color: #232627; } - -column-header .button { - color: #232627; - background-color: #eff0f1; - text-shadow: none; - box-shadow: none; } - column-header .button:hover { - color: #232627; - background-color: rgba(147, 206, 233, 0.5); - box-shadow: none; - transition: none; } - column-header .button:active { - color: #232627; - background-color: rgba(147, 206, 233, 0.5); - transition: none; } - -column-header:last-child .button, -column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { - border-right-style: none; } - -column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { - transition: none; - color: #3daee9; - box-shadow: none; } - -column-header .button, column-header .button:hover, column-header .button:active { - padding: 6px; - border-style: none solid solid none; - border-radius: 0; - background-image: none; - border-color: #bcbebf; - text-shadow: none; } - column-header .button:insensitive { - border-color: rgba(170, 173, 174, 0.35); - color: rgba(32, 35, 35, 0.35); - background-color: #d8dadd; - background-image: none; } - column-header .button:backdrop { - border-color: #bcbebf; - border-style: none solid solid none; - color: #232627; - background-image: none; - background-color: #eff0f1; } - column-header .button:backdrop:insensitive { - border-color: rgba(170, 173, 174, 0.35); - background-image: none; - background-color: #d8dadd; - color: rgba(32, 35, 35, 0.35); } - -/********************** - * Window Decorations * - *********************/ -.window-frame { - border-radius: 3px; - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); - /* this is used for the resize cursor area */ - margin: 10px; } - .window-frame:backdrop { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } - .window-frame.tiled { - border-radius: 0; } - .window-frame.popup { - border-radius: 3px; - box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } - .window-frame.ssd { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } - .window-frame.csd { - border-radius: 3px; } - .window-frame.csd.popup { - box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } - .window-frame.csd.tooltip { - box-shadow: none; } - .window-frame.csd.message-dialog { - box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } - .window-frame.solid-csd { - border-radius: 0; - margin: 0px; - background-color: #eff0f1; - border: none; - box-shadow: none; } - -.header-bar .button.titlebutton, -.titlebar .button.titlebutton { - padding: 0px; } - .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, - .titlebar .button.titlebutton:hover, - .titlebar .button.titlebutton:active, - .titlebar .button.titlebutton:checked, - .titlebar .button.titlebutton:backdrop, - .titlebar .button.titlebutton:active:hover { - transition: none; } - .header-bar .button.titlebutton.close, - .titlebar .button.titlebutton.close { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } - .header-bar .button.titlebutton.close:hover, - .titlebar .button.titlebutton.close:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } - .header-bar .button.titlebutton.close:active, - .titlebar .button.titlebutton.close:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } - .header-bar .button.titlebutton.close:backdrop, - .titlebar .button.titlebutton.close:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } - .header-bar .button.titlebutton.maximize, - .titlebar .button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } - .header-bar .button.titlebutton.maximize:hover, - .titlebar .button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } - .header-bar .button.titlebutton.maximize:active, - .titlebar .button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } - .header-bar .button.titlebutton.maximize:backdrop, - .titlebar .button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } - .header-bar .button.titlebutton.minimize, - .titlebar .button.titlebutton.minimize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } - .header-bar .button.titlebutton.minimize:hover, - .titlebar .button.titlebutton.minimize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } - .header-bar .button.titlebutton.minimize:active, - .titlebar .button.titlebutton.minimize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } - .header-bar .button.titlebutton.minimize:backdrop, - .titlebar .button.titlebutton.minimize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } - -.maximized .header-bar .button.titlebutton.maximize, .maximized -.titlebar .button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } - -.maximized .header-bar .button.titlebutton.maximize:hover, .maximized -.titlebar .button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } - -.maximized .header-bar .button.titlebutton.maximize:active, .maximized -.titlebar .button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } - -.maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized -.titlebar .button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } - -.header-bar.selection-mode .button.titlebutton, -.titlebar.selection-mode .button.titlebutton { - text-shadow: none; } - .header-bar.selection-mode .button.titlebutton:backdrop, - .titlebar.selection-mode .button.titlebutton:backdrop { - icon-shadow: none; } diff --git a/Breeze-gtk/gtk-3.18/gtk-dark.css b/Breeze-gtk/gtk-3.18/gtk-dark.css new file mode 100644 index 0000000..2b7ae08 --- /dev/null +++ b/Breeze-gtk/gtk-3.18/gtk-dark.css @@ -0,0 +1 @@ +@import url("../../Breeze-Dark/gtk-3.18/gtk.css"); diff --git a/Breeze-gtk/gtk-3.18/gtk.css b/Breeze-gtk/gtk-3.18/gtk.css index 3d5ce01..28b6ce5 100644 --- a/Breeze-gtk/gtk-3.18/gtk.css +++ b/Breeze-gtk/gtk-3.18/gtk.css @@ -1,2938 +1,3035 @@ /* GTK NAMED COLORS ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #31363b; +@define-color theme_fg_color #232627; /* text color for entries, views and content in general */ -@define-color theme_text_color #31363b; +@define-color theme_text_color #232627; /* widget base background color */ @define-color theme_bg_color #eff0f1; /* text widgets and the like base background color */ @define-color theme_base_color #fcfcfc; /* base background color of selections */ @define-color theme_selected_bg_color #3daee9; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #eff0f1; +@define-color theme_selected_fg_color #fcfcfc; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color rgba(216, 218, 221, 0.35); +@define-color insensitive_bg_color #d8dadd; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(45, 49, 54, 0.35); +@define-color insensitive_fg_color rgba(32, 35, 35, 0.35); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color rgba(45, 49, 54, 0.35); +@define-color insensitive_base_color rgba(32, 35, 35, 0.35); /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #31363b; +@define-color theme_unfocused_fg_color #232627; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #31363b; +@define-color theme_unfocused_text_color #232627; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #eff0f1; /* text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #fcfcfc; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5); /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #eff0f1; +@define-color theme_unfocused_selected_fg_color #fcfcfc; /* widgets main borders color */ -@define-color borders #c0c2c4; +@define-color borders #bcbebf; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #c0c2c4; +@define-color unfocused_borders #bcbebf; /* widgets main borders color insensitive */ -@define-color insensitive_borders rgba(174, 176, 179, 0.35); +@define-color insensitive_borders rgba(170, 173, 174, 0.35); /* these are pretty self explicative */ @define-color warning_color #f67400; @define-color error_color #da4453; @define-color success_color #27ae60; @define-color content_view_bg #fcfcfc; * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #da4453; -GtkButton-child-displacement-x: 0; -GtkButton-child-displacement-y: 0; -GtkCheckButton-indicator-size: 18; -GtkCheckMenuItem-indicator-size: 18; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkScrolledWindow-scrollbars-within-bevel: 1; -GtkToolItemGroup-expander-size: 11; -GtkExpander-expander-size: 16; -GtkTreeView-expander-size: 11; -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; -GtkWidget-link-color: #2980b9; -GtkWidget-visited-link-color: #7f8c8d; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 20; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; -GtkStatusbar-shadow-type: none; outline-width: 0px; } /*************** * Base States * ***************/ .background { - color: #31363b; + color: #232627; background-color: #eff0f1; } .background:backdrop { text-shadow: none; icon-shadow: none; - color: #31363b; + color: #232627; background-color: #eff0f1; } /* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */ *:insensitive { -gtk-image-effect: dim; } .gtkstyle-fallback { background-color: #eff0f1; - color: #31363b; } + color: #232627; } .gtkstyle-fallback:prelight { background-color: white; - color: #31363b; } + color: #232627; } .gtkstyle-fallback:active { background-color: #d4d7d9; - color: #31363b; } + color: #232627; } .gtkstyle-fallback:insensitive { - background-color: rgba(216, 218, 221, 0.35); - color: rgba(45, 49, 54, 0.35); } + background-color: #d8dadd; + color: rgba(32, 35, 35, 0.35); } .gtkstyle-fallback:selected { background-color: #3daee9; - color: #eff0f1; } + color: #fcfcfc; } .view { - color: #31363b; + color: #232627; background-color: #fcfcfc; } .view:backdrop { - color: #31363b; + color: #232627; background-color: #fcfcfc; } .view:selected { border-radius: 3px; } + .view:insensitive { + color: rgba(32, 35, 35, 0.35); } .rubberband { border: 1px solid #3daee9; background-color: rgba(61, 174, 233, 0.2); } .rubberband:backdrop { border-color: #3daee9; background-color: rgba(61, 174, 233, 0.2); } .label.separator, GtkPlacesSidebar.sidebar .view .label.separator { - color: #31363b; } - .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop { - color: #31363b; } + color: #232627; } + .label.separator:backdrop, + GtkPlacesSidebar.sidebar .view .label.separator:backdrop { + color: #232627; } + .label:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .label:insensitive:backdrop { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, .header-bar .subtitle { opacity: 0.5; text-shadow: none; } GtkAssistant .sidebar { - background-color: #31363b; - border-top: 1px solid #c0c2c4; } + background-color: #232627; + border-top: 1px solid #bcbebf; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #c0c2c4; } + border-right: 1px solid #bcbebf; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #c0c2c4; } + border-left: 1px solid #bcbebf; } GtkAssistant .sidebar:backdrop { - background-color: #31363b; - border-color: #c0c2c4; } + background-color: #232627; + border-color: #bcbebf; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar .label { padding: 6px 12px; } + GtkAssistant .sidebar .label.highlight { - background-color: #d3d4d5; } + background-color: #d1d1d1; } GtkTextView { background-color: #f6f6f7; } GtkTextView:backdrop { background-color: #f6f6f7; } + GtkTextView:insensitive { + color: rgba(32, 35, 35, 0.35); } .grid-child { padding: 3px; border-radius: 3px; } .app-notification, .app-notification.frame, .popover.osd, .osd { - color: #31363b; + color: #232627; border: 1px solid #eff0f1; background-color: rgba(239, 240, 241, 0.8); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { - color: #31363b; + color: #232627; background-color: rgba(239, 240, 241, 0.8); } .view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, .sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { background-color: #3daee9; - color: #eff0f1; } + color: #fcfcfc; } .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { background-color: rgba(61, 174, 233, 0.5); color: #fcfcfc; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } + .button, .button.osd, .osd .button { border: 1px solid; border-radius: 3px; padding: 6px; background-clip: border-box; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .flat.button { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; transition: none; } .flat.button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } .flat.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .flat.button:checked { - background-color: #c0c2c4; } + background-color: #bcbebf; } .button:hover { - color: #31363b; + color: #232627; border-color: #93cee9; -gtk-image-effect: highlight; } .button:active, .button:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); transition-duration: 50ms; } .button:active:hover, .button:checked:hover { - color: #31363b; + color: #232627; border-color: #93cee9; background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } .button:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); -gtk-image-effect: none; } .button:backdrop:active, .button:backdrop:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { color: inherit; } .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { color: inherit; } .flat.button:backdrop { -gtk-image-effect: none; border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; - color: #31363b; } + color: #232627; } .flat.button:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .flat.button:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .button:insensitive > .label, .osd .button:insensitive > .label { color: inherit; } .button:insensitive:active, .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { color: inherit; } -.button.suggested-action, .button.suggested-action.osd .button { +.button.suggested-action, +.button.suggested-action.osd .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action.flat, .button.suggested-action.osd .button.flat { + .button.suggested-action.flat, + .button.suggested-action.osd .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; color: #3daee9; } - .button.suggested-action:hover, .button.suggested-action.osd .button:hover { + .button.suggested-action:hover, + .button.suggested-action.osd .button:hover { color: white; border-color: #3daee9; } - .button.suggested-action:active, .button.suggested-action:checked, .button.suggested-action.osd .button:active, .button.suggested-action.osd .button:checked { + .button.suggested-action:active, .button.suggested-action:checked, + .button.suggested-action.osd .button:active, + .button.suggested-action.osd .button:checked { color: white; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .button.suggested-action.osd .button:backdrop, .button.suggested-action.osd .button.flat:backdrop { + .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, + .button.suggested-action.osd .button:backdrop, + .button.suggested-action.osd .button.flat:backdrop { color: white; - border-color: #c0c2c4; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, .button.suggested-action.osd .button:backdrop:active, .button.suggested-action.osd .button:backdrop:checked, .button.suggested-action.osd .button.flat:backdrop:active, .button.suggested-action.osd .button.flat:backdrop:checked { + .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .button.suggested-action.flat:backdrop:checked, + .button.suggested-action.osd .button:backdrop:active, + .button.suggested-action.osd .button:backdrop:checked, + .button.suggested-action.osd .button.flat:backdrop:active, + .button.suggested-action.osd .button.flat:backdrop:checked { color: white; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .button.suggested-action.osd .button:backdrop:insensitive > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { + .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } + .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, + .button.suggested-action.osd .button:backdrop:insensitive > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { color: inherit; } - .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, .button.suggested-action.osd .button:backdrop:insensitive:active, .button.suggested-action.osd .button:backdrop:insensitive:checked, .button.suggested-action.osd .button.flat:backdrop:insensitive:active, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { + .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, + .button.suggested-action.osd .button:backdrop:insensitive:active, + .button.suggested-action.osd .button:backdrop:insensitive:checked, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { color: #e8e8e8; border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button:backdrop:insensitive:active > .label, .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { + .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { color: inherit; } - .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop, .button.suggested-action.osd .button.flat:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { + .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop, + .button.suggested-action.osd .button.flat:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; color: rgba(61, 174, 233, 0.8); } - .button.suggested-action:insensitive, .button.suggested-action.osd .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.suggested-action:insensitive > .label, .button.suggested-action.osd .button:insensitive > .label { + .button.suggested-action:insensitive, + .button.suggested-action.osd .button:insensitive { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } + .button.suggested-action:insensitive > .label, + .button.suggested-action.osd .button:insensitive > .label { color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, .button.suggested-action.osd .button:insensitive:active, .button.suggested-action.osd .button:insensitive:checked { + .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, + .button.suggested-action.osd .button:insensitive:active, + .button.suggested-action.osd .button:insensitive:checked { color: #e8e8e8; border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .button.suggested-action.osd .button:insensitive:active > .label, .button.suggested-action.osd .button:insensitive:checked > .label { + .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, + .button.suggested-action.osd .button:insensitive:active > .label, + .button.suggested-action.osd .button:insensitive:checked > .label { color: inherit; } -.button.destructive-action, .button.destructive-action.osd .button { + +.button.destructive-action, +.button.destructive-action.osd .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #eff0f1; + color: #fcfcfc; border-color: #da4453; background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action.flat, .button.destructive-action.osd .button.flat { + .button.destructive-action.flat, + .button.destructive-action.osd .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; color: #da4453; } - .button.destructive-action:hover, .button.destructive-action.osd .button:hover { + .button.destructive-action:hover, + .button.destructive-action.osd .button:hover { color: white; border-color: #da4453; } - .button.destructive-action:active, .button.destructive-action:checked, .button.destructive-action.osd .button:active, .button.destructive-action.osd .button:checked { + .button.destructive-action:active, .button.destructive-action:checked, + .button.destructive-action.osd .button:active, + .button.destructive-action.osd .button:checked { color: white; border-color: #da4453; background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .button.destructive-action.osd .button:backdrop, .button.destructive-action.osd .button.flat:backdrop { + .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, + .button.destructive-action.osd .button:backdrop, + .button.destructive-action.osd .button.flat:backdrop { color: white; - border-color: #c0c2c4; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, .button.destructive-action.osd .button:backdrop:active, .button.destructive-action.osd .button:backdrop:checked, .button.destructive-action.osd .button.flat:backdrop:active, .button.destructive-action.osd .button.flat:backdrop:checked { + .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, + .button.destructive-action.osd .button:backdrop:active, + .button.destructive-action.osd .button:backdrop:checked, + .button.destructive-action.osd .button.flat:backdrop:active, + .button.destructive-action.osd .button.flat:backdrop:checked { color: white; border-color: #da4453; background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .button.destructive-action.osd .button:backdrop:insensitive > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { + .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } + .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, + .button.destructive-action.osd .button:backdrop:insensitive > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { color: inherit; } - .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, .button.destructive-action.osd .button:backdrop:insensitive:active, .button.destructive-action.osd .button:backdrop:insensitive:checked, .button.destructive-action.osd .button.flat:backdrop:insensitive:active, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { + .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, + .button.destructive-action.osd .button:backdrop:insensitive:active, + .button.destructive-action.osd .button:backdrop:insensitive:checked, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { color: #e8e8e8; border-color: rgba(214, 46, 63, 0.35); background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button:backdrop:insensitive:active > .label, .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { + .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { color: inherit; } - .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop, .button.destructive-action.osd .button.flat:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { + .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop, + .button.destructive-action.osd .button.flat:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; color: rgba(218, 68, 83, 0.8); } - .button.destructive-action:insensitive, .button.destructive-action.osd .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.destructive-action:insensitive > .label, .button.destructive-action.osd .button:insensitive > .label { + .button.destructive-action:insensitive, + .button.destructive-action.osd .button:insensitive { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } + .button.destructive-action:insensitive > .label, + .button.destructive-action.osd .button:insensitive > .label { color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, .button.destructive-action.osd .button:insensitive:active, .button.destructive-action.osd .button:insensitive:checked { + .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, + .button.destructive-action.osd .button:insensitive:active, + .button.destructive-action.osd .button:insensitive:checked { color: #e8e8e8; border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .button.destructive-action.osd .button:insensitive:active > .label, .button.destructive-action.osd .button:insensitive:checked > .label { + .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, + .button.destructive-action.osd .button:insensitive:active > .label, + .button.destructive-action.osd .button:insensitive:checked > .label { color: inherit; } + .button.image-button { padding: 6px; } + .button.text-button { padding: 6px; } + .button.text-button.image-button { padding: 6px; } .button.text-button.image-button .label:first-child { padding-left: 8px; } .button.text-button.image-button .label:last-child { padding-right: 8px; } + .stack-switcher > .button > .label { 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: 6px; } + .stack-switcher > .button.image-button { padding: 3px 0px; } -.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + +.stack-switcher > .button.needs-attention:active > .label, +.stack-switcher > .button.needs-attention:active > GtkImage, +.stack-switcher > .button.needs-attention:checked > .label, +.stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } + .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 3px; border-width: 1px; } + .primary-toolbar .button { icon-shadow: none; } /************** * ComboBoxes * **************/ GtkComboBox { -GtkComboBox-arrow-scaling: 0.5; -GtkComboBox-shadow-type: none; } GtkComboBox > .button { padding: 5px 4px; } GtkComboBox:insensitive { - color: rgba(45, 49, 54, 0.35); + color: rgba(32, 35, 35, 0.35); text-shadow: none; icon-shadow: none; } GtkComboBox:backdrop { - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; } GtkComboBox:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } GtkComboBox .menuitem { text-shadow: none; } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { -GtkWidget-wide-separators: true; } -.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { +.stack-switcher > .button.needs-attention > .label, +.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#31363b), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#232627), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { + .stack-switcher > .button.needs-attention > .label:backdrop, + .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { + .stack-switcher > .button.needs-attention > .label:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { background-position: left 3px, left 4px; } -.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { +.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, +.linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { border-radius: 3px; } - .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl) { + .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), + .linked > .button:dir(rtl):hover, + .linked > .button:dir(rtl):active, + .linked > .button:dir(rtl):checked, + .linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop { border-radius: 3px; } .inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { border-radius: 3px; border-style: solid; } + .inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { border-radius: 3px; } + .inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button: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 > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, +.linked.vertical > .button:backdrop { border-style: solid; border-radius: 3px; } .linked.vertical > .button:first-child { border-radius: 3px; } + .linked.vertical > .button:last-child { border-radius: 3px; border-style: solid; } + .linked.vertical > .button:only-child { border-radius: 3px; border-style: solid; } .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:hover, .app-notification.frame .button.flat:hover, .app-notification .button.flat:active, .app-notification.frame .button.flat:active, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, .app-notification.frame .button.flat:backdrop, .app-notification.frame .button.flat:insensitive, .app-notification.frame .button.flat:backdrop:insensitive, GtkCalendar.button, GtkCalendar.button:hover, GtkCalendar.button:active, GtkCalendar.button:backdrop, .titlebar .button.flat:insensitive, .header-bar .button.flat:insensitive, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop, .button:visited:backdrop, .list-row.button, .list-row.button:backdrop, .list-row.button:backdrop:active, .list-row.button:backdrop:checked, .list-row.button:backdrop:insensitive, .list-row.button:backdrop:insensitive:active, .list-row.button:backdrop:insensitive:checked, .list-row.button:insensitive:active, .list-row.button:insensitive:checked, .menuitem.button.flat, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .scale-popup .button, .scale-popup .button.flat, .scale-popup .button:hover, .scale-popup .button.flat:hover, .scrollbar .button, .scrollbar .button:hover, .scrollbar .button:backdrop, .header-bar .button.titlebutton, .titlebar .button.titlebutton, .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, .titlebar .button.titlebutton:hover, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked, .titlebar .button.titlebutton:backdrop, .titlebar .button.titlebutton:active:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; text-shadow: none; icon-shadow: none; } /**************** * Text Entries * ****************/ .entry { border: 1px solid; padding: 5px 8px 5px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-color: #fcfcfc; box-shadow: none; } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-color: #fcfcfc; box-shadow: none; border: none; border-radius: 0; } .entry:focus { border-color: #3daee9; } .entry:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); background-color: #e5e5e5; } .entry:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-color: #fcfcfc; } .entry:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); background-color: #e5e5e5; } .entry.progressbar { margin: 1px; border-radius: 0; border-width: 0 0 2px; border-color: #3daee9; border-style: solid; background-image: none; background-color: transparent; box-shadow: none; } .entry.progressbar:backdrop { background-color: transparent; border-color: rgba(61, 174, 233, 0.5); } .entry.error { color: #da4453; border-color: #da4453; background-color: rgba(218, 68, 83, 0.5); } .entry.error:focus { border-color: #da4453; background-color: rgba(218, 68, 83, 0.5); } .entry.error:selected, .entry.error:selected:focus { background-color: #da4453; } .entry.error:backdrop { color: #da4453; border-color: #da4453; background-color: rgba(218, 68, 83, 0.5); } .entry.warning { color: #f67400; border-color: #f67400; background-color: rgba(246, 116, 0, 0.5); } .entry.warning:focus { border-color: #f67400; background-color: rgba(246, 116, 0, 0.5); } .entry.warning:selected, .entry.warning:selected:focus { background-color: #f67400; } .entry.warning:backdrop { color: #f67400; border-color: #f67400; background-color: rgba(246, 116, 0, 0.5); } .entry.image { - color: #31363b; } + color: #232627; } .entry.image:hover { color: #93cee9; } .entry.image:active { color: #3daee9; } .entry.image:backdrop { - color: #31363b; } + color: #232627; } /********************* * App Notifications * *********************/ .app-notification, .app-notification.frame { padding: 10px; border-top-width: 0px; border-radius: 0px 0px 3px 3px; } .app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; } .app-notification .button, .app-notification.frame .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .app-notification .button.flat, .app-notification.frame .button.flat { icon-shadow: none; text-shadow: none; } .app-notification .button.flat:hover, .app-notification.frame .button.flat:hover { color: #93cee9; } .app-notification .button.flat:active, .app-notification.frame .button.flat:active { color: #3daee9; } .app-notification .button:hover, .app-notification.frame .button:hover { - color: #31363b; + color: #232627; border-color: #93cee9; } .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked, .app-notification.frame .button:backdrop:active, .app-notification.frame .button:backdrop:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, .app-notification.frame .button:insensitive, .app-notification.frame .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, .app-notification.frame .button:insensitive > .label, .app-notification.frame .button:backdrop:insensitive > .label { color: inherit; } .app-notification .button:backdrop, .app-notification.frame .button:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } /************ * Calendar * ***********/ GtkCalendar { - color: #31363b; - border: 1px solid #c0c2c4; + color: #232627; + border: 1px solid #bcbebf; background-color: #fcfcfc; } GtkCalendar:selected { - background-color: #c0c2c4; } + background-color: #bcbebf; } + GtkCalendar:insensitive { + color: rgba(32, 35, 35, 0.35); } GtkCalendar.header { - border: 1px solid #c0c2c4; + border: 1px solid #bcbebf; border-radius: 0; - color: #31363b; } + color: #232627; } GtkCalendar.header:backdrop { - color: #31363b; - border-color: #c0c2c4; } + color: #232627; + border-color: #bcbebf; } + GtkCalendar.header:insensitive { + color: rgba(32, 35, 35, 0.35); } GtkCalendar.button { - color: #31363b; } + color: #232627; } GtkCalendar.button:hover { color: #93cee9; } GtkCalendar.button:active { color: #3daee9; } GtkCalendar.button:backdrop { - color: #31363b; } + color: #232627; } GtkCalendar:inconsistent, GtkCalendar.highlight { - color: rgba(49, 54, 59, 0.5); } + color: rgba(35, 38, 39, 0.5); } GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { - color: rgba(49, 54, 59, 0.5); } + color: rgba(35, 38, 39, 0.5); } GtkCalendar:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-color: #fcfcfc; } /************************* * Check and Radio items * *************************/ .check { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); icon-shadow: none; } .check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); icon-shadow: none; } .check:active { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); icon-shadow: none; } .check:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); icon-shadow: none; } .check:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); icon-shadow: none; } .check:backdrop:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); icon-shadow: none; } .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); icon-shadow: none; } .check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); icon-shadow: none; } .check:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); icon-shadow: none; } .check:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); icon-shadow: none; } .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); icon-shadow: none; } .check:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); icon-shadow: none; } .check:checked { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); icon-shadow: none; } .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); icon-shadow: none; } .check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); icon-shadow: none; } .check:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); icon-shadow: none; } .check:backdrop:checked { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); icon-shadow: none; } .check:backdrop:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); icon-shadow: none; } .menu .menuitem.check:hover, .popover .button.flat.check:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } .menu .menuitem.check:active:hover, .popover .button.flat.check:active:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } .menu .menuitem.check:checked:hover, .popover .button.flat.check:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } .menu .menuitem.check:inconsistent:hover, .popover .button.flat.check:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } .radio { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); icon-shadow: none; } .radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); icon-shadow: none; } .radio:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); icon-shadow: none; } .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); icon-shadow: none; } .radio:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); icon-shadow: none; } .radio:backdrop:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); icon-shadow: none; } .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); icon-shadow: none; } .radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); icon-shadow: none; } .radio:inconsistent:selected { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); icon-shadow: none; } .radio:inconsistent:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); icon-shadow: none; } .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); icon-shadow: none; } .radio:inconsistent:insensitive:backdrop { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); icon-shadow: none; } .radio:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); icon-shadow: none; } .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); icon-shadow: none; } .radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); icon-shadow: none; } .radio:checked:active { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); icon-shadow: none; } .radio:backdrop:checked { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); icon-shadow: none; } .radio:backdrop:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); icon-shadow: none; } .menu .menuitem.radio:hover, .popover .button.flat.radio:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } .menu .menuitem.radio:active:hover, .popover .button.flat.radio:active:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } .menu .menuitem.radio:checked:hover, .popover .button.flat.radio:checked:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } .menu .menuitem.radio:inconsistent:hover, .popover .button.flat.radio:inconsistent:hover { -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } .view.check, .view.radio, .list-row .check, list-row .radio { icon-shadow: none; } .view.check:selected, .view.check:hover, .view.radio:selected, .view.radio:hover, .list-row .check:selected, .list-row .check:hover, list-row .radio:selected, list-row .radio:hover { icon-shadow: none; } .view.content-view.check { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); background-color: transparent; } .view.content-view.check:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); background-color: transparent; } .view.content-view.check:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); background-color: transparent; } .view.content-view.check:backdrop { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); background-color: transparent; } .view.content-view.check:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); background-color: transparent; } .view.content-view.check:checked:hover { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); background-color: transparent; } .view.content-view.check:checked:active { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); background-color: transparent; } .view.content-view.check:backdrop:checked { icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); background-color: transparent; } GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } /***************** * Color Chooser * *****************/ :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { - border-color: #eff0f1; } + border-color: #fcfcfc; } + GtkColorSwatch:selected { box-shadow: none; } -GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), GtkColorSwatch.top > .overlay, GtkColorSwatch.bottom > .overlay, GtkColorSwatch:first-child:not(.top) > .overlay, GtkColorSwatch:last-child:not(.bottom) > .overlay, GtkColorSwatch:only-child > .overlay { + +GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), +GtkColorSwatch.top > .overlay, +GtkColorSwatch.bottom > .overlay, +GtkColorSwatch:first-child:not(.top) > .overlay, +GtkColorSwatch:last-child:not(.bottom) > .overlay, +GtkColorSwatch:only-child > .overlay { border-radius: 3px; } + GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } -GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected -GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { + +GtkColorSwatch:backdrop, +GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { background-image: none; box-shadow: none; } + GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; box-shadow: none; } GtkColorEditor GtkColorSwatch:backdrop { box-shadow: none; } + GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-dark:backdrop { color: rgba(255, 255, 255, 0.3); } + GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.color-light:backdrop { color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { - border: 1px solid #c0c2c4; } + border: 1px solid #bcbebf; } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: #93cee9; } + GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } GtkColorSwatch#add-color-button:hover { - color: #31363b; + color: #232627; border-color: #93cee9; } GtkColorSwatch#add-color-button:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } GtkColorSwatch#add-color-button .overlay { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; } GtkColorButton.button { padding: 5px; } GtkColorButton.button GtkColorSwatch:first-child:last-child { border-radius: 0; box-shadow: none; } GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { box-shadow: none; } /*********** * Dialogs * ***********/ .message-dialog { -GtkDialog-button-spacing: 8; -GtkDialog-action-area-border: 8; } .message-dialog.background { background-color: #eff0f1; } .message-dialog:backdrop { background-color: #eff0f1; } .message-dialog .titlebar { box-shadow: none; } GtkFileChooserDialog .search-bar { background-color: #eff0f1; border-color: #eff0f1; box-shadow: none; } GtkFileChooserDialog .search-bar:backdrop { background-color: #eff0f1; border-color: #eff0f1; - color: #31363b; } + color: #232627; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #c0c2c4; } + border-top: 1px solid #bcbebf; } GtkFileChooserDialog .dialog-action-box:backdrop { - border-top-color: #c0c2c4; } + border-top-color: #bcbebf; } /*************** * Header bars * ***************/ .titlebar, .header-bar { transition: none; padding: 4px 6px; border-width: 0px 0px 1px 0px; border-radius: 3px 3px 0px 0px; border-style: solid; - border-color: #3daee9; - color: #eff0f1; - background-image: linear-gradient(to bottom, #556068, #475057); } + border-color: #bcbebf; + color: #232627; + background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); } .titlebar:backdrop, .header-bar:backdrop { border-color: transparent; background-image: none; background-color: #eff0f1; color: #bdc3c7; box-shadow: none; } .titlebar .path-bar .button, .header-bar .path-bar .button { - color: #eff0f1; } + color: #232627; } .titlebar .button, .header-bar .button { transition: none; border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #eff0f1; + color: #232627; text-shadow: none; icon-shadow: none; } .titlebar .button.flat, .header-bar .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #eff0f1; + color: #232627; text-shadow: none; icon-shadow: none; } .titlebar .button:hover, .header-bar .button:hover { - color: #eff0f1; + color: #232627; border-color: #93cee9; } .titlebar .button:hover:backdrop, .header-bar .button:hover:backdrop { border-color: #eff0f1; } .titlebar .button:active, .titlebar .button:checked, .header-bar .button:active, .header-bar .button:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .titlebar .button:active:hover, .titlebar .button:checked:hover, .header-bar .button:active:hover, .header-bar .button:checked:hover { - color: #31363b; + color: #232627; border-color: #93cee9; background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, .header-bar .button:active:backdrop, .header-bar .button:checked:backdrop { background-image: none; background-color: #eff0f1; border-color: #eff0f1; color: #bdc3c7; } .titlebar .button:backdrop, .header-bar .button:backdrop { background-color: #eff0f1; color: #bdc3c7; } .titlebar .button.flat:backdrop, .titlebar .button.flat:backdrop:insensitive, .titlebar .button:insensitive:backdrop, .header-bar .button.flat:backdrop, .header-bar .button.flat:backdrop:insensitive, .header-bar .button:insensitive:backdrop { background-image: none; background-color: #eff0f1; color: #bdc3c7; border-color: transparent; } .titlebar .button.flat:insensitive, .header-bar .button.flat:insensitive { - color: rgba(216, 218, 221, 0.35); } + color: rgba(32, 35, 35, 0.35); } .titlebar .button:insensitive, .header-bar .button:insensitive { background-color: transparent; background-image: none; - color: rgba(216, 218, 221, 0.35); } + color: rgba(32, 35, 35, 0.35); } .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, .header-bar .button:insensitive:active, .header-bar .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, .header-bar .button:insensitive:active > .label, .header-bar .button:insensitive:checked > .label { color: inherit; } .titlebar .title, .header-bar .title { font-weight: normal; padding: 0px 12px; } .titlebar .subtitle, .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, + .titlebar .header-bar-separator, + .titlebar > GtkBox > .separator.vertical, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0px; - background-color: #475057; - border-color: #475057; } - .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, + background-color: #eff0f1; + border-color: #eff0f1; } + .titlebar .header-bar-separator:backdrop, + .titlebar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, .header-bar .header-bar-separator:backdrop, - .header-bar > GtkBox > .separator.vertical:backdrop { + .header-bar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { background-color: #eff0f1; border-color: #eff0f1; } .titlebar.selection-mode .selection-menu, .header-bar.selection-mode .selection-menu { padding-left: 10px; padding-right: 10px; } .titlebar.selection-mode .selection-menu GtkArrow, .header-bar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .titlebar.selection-mode .selection-menu .arrow, .header-bar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("arrow-down"); icon-shadow: none; } .tiled .titlebar, .maximized .titlebar, .tiled .header-bar, .maximized .header-bar { border-radius: 0; } .titlebar.default-decoration, .header-bar.default-decoration { padding: 4px; } .titlebar.default-decoration .button, .header-bar.default-decoration .button { padding: 5px; } .titlebar .button.suggested-action, .header-bar .button.suggested-action, .titlebar.selection-mode.suggested-action, .header-bar.selection-mode.suggested-action { background-image: none; background-color: #3daee9; } .titlebar .button.suggested-action:hover, .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, .header-bar.selection-mode.suggested-action:hover { background-color: #93cee9; - color: #31363b; } + color: #232627; } .titlebar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, .header-bar.selection-mode.suggested-action:insensitive { background-color: transparent; background-image: none; - color: rgba(216, 218, 221, 0.35); } + color: rgba(32, 35, 35, 0.35); } .titlebar .button.suggested-action:insensitive:active, .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, .header-bar.selection-mode.suggested-action:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } - .titlebar .button.suggested-action:insensitive:active > .label, - .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, - .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, - .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, - .header-bar.selection-mode.suggested-action:insensitive:checked > .label { + .titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label { color: inherit; } .titlebar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, .header-bar.selection-mode.suggested-action:backdrop { background-color: #eff0f1; border-color: transparent; color: #bdc3c7; } .titlebar .button.suggested-action:backdrop:insensitive, .header-bar .button.suggested-action:backdrop:insensitive, .titlebar.selection-mode.suggested-action:backdrop:insensitive, .header-bar.selection-mode.suggested-action:backdrop:insensitive { color: rgba(170, 178, 183, 0.35); } /************** * GtkInfoBar * **************/ GtkInfoBar { border-style: none; - border-bottom: 1px solid #c0c2c4; + border-bottom: 1px solid #bcbebf; background-color: #eff0f1; background-image: none; } GtkInfoBar:backdrop { - border-bottom: 1px solid #c0c2c4; } + border-bottom: 1px solid #bcbebf; } .info, .titlebar.selection-mode, .header-bar.selection-mode, .question, .warning, .error { background-color: #eff0f1; background-image: none; color: #f67400; text-shadow: none; } .info:backdrop, .titlebar.selection-mode:backdrop, .header-bar.selection-mode:backdrop, .question:backdrop, .warning:backdrop, .error:backdrop { background-color: #eff0f1; color: #f67400; } - .info .button, .titlebar.selection-mode .button, - .header-bar.selection-mode .button, + .info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button, .question .button, .warning .button, .error .button { box-shadow: none; background-image: none; background-color: rgba(246, 116, 0, 0.5); border-color: rgba(246, 116, 0, 0.5); - color: #31363b; } - .info .button:hover, .titlebar.selection-mode .button:hover, - .header-bar.selection-mode .button:hover, + color: #232627; } + .info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover, .question .button:hover, .warning .button:hover, .error .button:hover { background-color: rgba(246, 116, 0, 0.25); border-color: #f67400; } - .info .button:active, .titlebar.selection-mode .button:active, - .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, - .header-bar.selection-mode .button:checked, + .info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked, .question .button:active, .question .button:checked, .warning .button:active, .warning .button:checked, .error .button:active, .error .button:checked { background-image: linear-gradient(to bottom, #f87500, #ef7100); color: #eff0f1; border-color: #f67400; } - .info .button:insensitive, .titlebar.selection-mode .button:insensitive, - .header-bar.selection-mode .button:insensitive, + .info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive, .question .button:insensitive, .warning .button:insensitive, .error .button:insensitive { background-color: rgba(224, 105, 0, 0); border-color: rgba(224, 105, 0, 0); - color: rgba(45, 49, 54, 0.35); } - .info .button:backdrop, .titlebar.selection-mode .button:backdrop, - .header-bar.selection-mode .button:backdrop, + color: rgba(32, 35, 35, 0.35); } + .info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop, .question .button:backdrop, .warning .button:backdrop, .error .button:backdrop { background-color: rgba(246, 116, 0, 0.5); border-color: rgba(246, 116, 0, 0.5); - color: #31363b; } - .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, - .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, - .header-bar.selection-mode .button:backdrop:checked, + color: #232627; } + .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked, .question .button:backdrop:active, .question .button:backdrop:checked, .warning .button:backdrop:active, .warning .button:backdrop:checked, .error .button:backdrop:active, .error .button:backdrop:checked { background-image: linear-gradient(to bottom, #f87500, #ef7100); color: #eff0f1; border-color: #f67400; } - .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, - .header-bar.selection-mode .button:backdrop:insensitive, + .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive, .question .button:backdrop:insensitive, .warning .button:backdrop:insensitive, .error .button:backdrop:insensitive { background-color: rgba(224, 105, 0, 0); border-color: rgba(224, 105, 0, 0); - color: rgba(45, 49, 54, 0.35); } - .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, - .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, - .header-bar.selection-mode .button:backdrop:insensitive:checked, + color: rgba(32, 35, 35, 0.35); } + .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked, .question .button:backdrop:insensitive:active, .question .button:backdrop:insensitive:checked, .warning .button:backdrop:insensitive:active, .warning .button:backdrop:insensitive:checked, .error .button:backdrop:insensitive:active, .error .button:backdrop:insensitive:checked { background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); - color: rgba(216, 218, 221, 0.35); + color: #d8dadd; border-color: rgba(224, 105, 0, 0.35); } /********* * Links * *********/ *:link, .button:link, .button:visited { color: #2980b9; } *:link:visited, .button:visited { color: #7f8c8d; } *:selected *:link:visited, *:selected .button:visited { - color: #a8d6ee; } + color: #b0ddf4; } *:link:hover, .button:hover:link, .button:hover:visited { color: #409ad5; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #dde9f0; } + color: #e9f4fa; } *:link:active, .button:active:link, .button:active:visited { color: #2980b9; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #cbe3ef; } + color: #d6ecf8; } *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { color: rgba(61, 174, 233, 0.5); } *:link:selected, .titlebar.selection-mode .subtitle:link, .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #cbe3ef; } + color: #d6ecf8; } .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; } /********* * Lists * *********/ .list, .list-row { background-color: #eff0f1; - color: #31363b; + color: #232627; border-width: 0px; } .list:backdrop, .list-row:backdrop { background-color: #eff0f1; - color: #31363b; } + color: #232627; } .list-row, .grid-child { padding: 0px 2px; border-style: solid; border-width: 0px; border-color: #eff0f1; } .list-row.button, .list-row.button:backdrop, .list-row.button:backdrop:active, .list-row.button:backdrop:checked, .list-row.button:backdrop:insensitive, .list-row.button:backdrop:insensitive:active, .list-row.button:backdrop:insensitive:checked, .list-row.button:insensitive:active, .list-row.button:insensitive:checked { background-color: rgba(252, 252, 252, 0); border-style: none; border-radius: 0; box-shadow: none; } .list-row.button { background-color: #eff0f1; } .list-row.button:hover { background-color: rgba(147, 206, 233, 0.25); } .list-row.button:active { background-color: #3daee9; box-shadow: none; } .list-row.button:selected { background-color: #3daee9; } .list-row.button:selected:active { box-shadow: none; } .list-row.button:selected:hover { - color: #31363b; + color: #232627; border-color: #93cee9; background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } .list-row.button:selected:backdrop { background-color: rgba(61, 174, 233, 0.5); } .list-row.button:backdrop { background-color: #eff0f1; } .list-row:selected .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .list-row:selected .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; } .list-row:selected .button:hover { - color: #31363b; + color: #232627; border-color: #93cee9; } .list-row:selected .button:active, .list-row:selected .button:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { color: inherit; } .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { color: inherit; } .list-row:selected .button.flat:backdrop { background-color: #eff0f1; - color: #31363b; + color: #232627; border-color: transparent; } .list-row:selected .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .list-row:selected .button:insensitive > .label { color: inherit; } .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); } .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { color: inherit; } .list-row, list-row.button { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .list-row:hover, list-row.button:hover { transition: none; } /********* * Menus * *********/ /* menu buttons */ .menuitem.button.flat { - color: #31363b; } + color: #232627; } .menuitem.button.flat:hover { background-color: #93cee9; } .menuitem.button.flat:selected { background-color: #3daee9; - color: #eff0f1; } + color: #fcfcfc; } .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { - color: #31363b; } + color: #232627; } .menubar { -GtkWidget-window-dragging: true; padding: 0px; box-shadow: none; background-color: #eff0f1; } .menubar:backdrop { background-color: #eff0f1; } .menubar > .menuitem { padding: 6px 8px; border: 1px solid #eff0f1; } .menubar > .menuitem:hover { background-color: #3daee9; - color: #eff0f1; } + color: #fcfcfc; } .menubar > .menuitem:insensitive { - color: rgba(45, 49, 54, 0.35); + color: rgba(32, 35, 35, 0.35); box-shadow: none; } .menubar > .menuitem:insensitive:backdrop { background-color: #eff0f1; - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .menubar > .menuitem:backdrop { background-color: #eff0f1; border-color: #eff0f1; - color: #31363b; } + color: #232627; } .menu { padding: 0px; background-color: #eff0f1; - border: 1px solid #c0c2c4; + border: 1px solid #bcbebf; border-radius: 3px; } .csd .menu { - border: 1px solid #c0c2c4; } + border: 1px solid #bcbebf; } .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { - color: #c0c2c4; } + color: #bcbebf; } .menu .menuitem { text-shadow: none; padding: 4px 4px; } .menu .menuitem:hover { - color: #eff0f1; + color: #fcfcfc; background-color: #3daee9; } .menu .menuitem:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .menu .menuitem:insensitive:backdrop { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { - color: #31363b; + color: #232627; background-color: #eff0f1; } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .menuitem .accelerator { color: alpha(currentColor,0.5); } /*************** * Popovers * ***************/ .popover { margin: 10px; padding: 0px; - border: 1px solid #c0c2c4; + border: 1px solid #bcbebf; border-radius: 3px; background-color: #eff0f1; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } .popover:backdrop { box-shadow: none; } .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover > .search-bar, - .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { + .popover > .location-bar, + .popover.osd > .toolbar, + .popover.osd > .inline-toolbar, + .popover.osd > .search-bar, + .popover.osd > .location-bar { border-style: none; background-color: transparent; } .popover .button.flat { border-radius: 0px; - color: #31363b; } + color: #232627; } .popover .button.flat .label { padding: 4px 0px; } .popover .button.flat:hover, .popover .button.flat:checked:hover { background-image: none; background-color: #3daee9; - color: #eff0f1; + color: #fcfcfc; transition: none; } .popover .button.flat:backdrop { background-color: transparent; - color: #31363b; } + color: #232627; } .entry.cursor-handle, .cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; } .entry.cursor-handle.top, .cursor-handle.top { -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } .entry.cursor-handle.bottom, .cursor-handle.bottom { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } .scale-popup .button, .scale-popup .button.flat { background-color: transparent; padding: 5px; - color: #31363b; } + color: #232627; } .scale-popup .button:hover, .scale-popup .button.flat:hover { color: #93cee9; } .scale-popup .button:active, .scale-popup .button.flat:active { color: #3daee9; } .scale-popup .button:insensitive, .scale-popup .button.flat:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .scale-popup .button:backdrop, .scale-popup .button.flat:backdrop { - color: #31363b; } + color: #232627; } .scale-popup .button:backdrop:insensitive, .scale-popup .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } GtkVolumeButton.button { padding: 5px; } /******** * Misc * ********/ /********** * Frames * **********/ .frame { - border: 1px solid #c0c2c4; + border: 1px solid #bcbebf; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } .frame.action-bar:backdrop { - border-color: #c0c2c4; } + border-color: #bcbebf; } .frame:backdrop { - border-color: #c0c2c4; } + border-color: #bcbebf; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .separator:backdrop { color: transparent; } .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { - color: #c0c2c4; } - .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { - color: #c0c2c4; } - GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { + color: #bcbebf; } + .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { + color: #bcbebf; } + GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, + GtkFontButton .separator.vertical, + GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, + GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { -GtkWidget-wide-separators: true; } /************* * Expanders * *************/ .expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { - color: #77838e; } + color: #6b7578; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } /********* * Paned * *********/ GtkPaned { -GtkPaned-handle-size: 1; -gtk-icon-source: none; margin: 0 8px 8px 0; } GtkPaned:dir(rtl) { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { - background-color: #c0c2c4; } + background-color: #bcbebf; } GtkPaned .pane-separator:backdrop { - background-color: #c0c2c4; } + background-color: #bcbebf; } GtkPaned.wide { -GtkPaned-handle-size: 5; margin: 0; } GtkPaned.wide .pane-separator { background-color: transparent; border-style: none; } GtkPaned.wide.vertical .pane-separator { border-style: none; } GtkPaned.wide .pane-separator:backdrop { border-color: transparent; } /********************* * Spinner Animation * *********************/ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } .spinner:active { opacity: 1; animation: spin 1s linear infinite; } .spinner:active:insensitive { opacity: 0.5; } /***************** * Notebooks and * * Tabs * *****************/ .notebook { -GtkNotebook-initial-gap: 0; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; -GtkNotebook-tab-overlap: 1; -GtkNotebook-has-tab-gap: false; -GtkWidget-focus-padding: 0; -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: #eff0f1; } .notebook:backdrop { background-color: #eff0f1; } .notebook.frame { - border: 1px solid #c0c2c4; } + border: 1px solid #bcbebf; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { border-bottom-width: 0; } .notebook.frame.right { border-right-width: 0; } .notebook.frame.left { border-left-width: 0; } .notebook.frame:backdrop { - border-color: #c0c2c4; } + border-color: #bcbebf; } .notebook.header { background-color: #eff0f1; padding-top: 4px; } .notebook.header.frame { border-style: none; } .notebook.header.top { - box-shadow: inset 0 -1px #c0c2c4; } + box-shadow: inset 0 -1px #bcbebf; } .notebook.header.top:backdrop { - box-shadow: inset 0 -1px #c0c2c4; } + box-shadow: inset 0 -1px #bcbebf; } .notebook.header.bottom { - box-shadow: inset 0 1px #c0c2c4; } + box-shadow: inset 0 1px #bcbebf; } .notebook.header.bottom:backdrop { - box-shadow: inset 0 1px #c0c2c4; } + box-shadow: inset 0 1px #bcbebf; } .notebook.header.right { - box-shadow: inset 1px 0 #c0c2c4; } + box-shadow: inset 1px 0 #bcbebf; } .notebook.header.right:backdrop { - box-shadow: inset 1px 0 #c0c2c4; } + box-shadow: inset 1px 0 #bcbebf; } .notebook.header.left { - box-shadow: inset -1px 0 #c0c2c4; } + box-shadow: inset -1px 0 #bcbebf; } .notebook.header.left:backdrop { - box-shadow: inset -1px 0 #c0c2c4; } + box-shadow: inset -1px 0 #bcbebf; } .notebook.header:backdrop { background-color: #eff0f1; } .notebook tab { - border: 1px solid rgba(49, 54, 59, 0.2); - background-color: rgba(49, 54, 59, 0.2); + border: 1px solid rgba(35, 38, 39, 0.2); + background-color: rgba(35, 38, 39, 0.2); background-clip: padding-box; padding: 8px; } .notebook tab:backdrop { - background-color: rgba(49, 54, 59, 0.2); } + background-color: rgba(35, 38, 39, 0.2); } .notebook tab.reorderable-page { background-color: #eff0f1; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { padding-left: 12px; padding-right: 6px; padding-bottom: 8px; } .notebook tab.top { border-radius: 3px 3px 0px 0px; border-bottom-color: transparent; } .notebook tab.top:active, .notebook tab.top.active-page { - border-color: #c0c2c4; + border-color: #bcbebf; border-bottom-color: #eff0f1; background-color: #eff0f1; } .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; border-bottom-color: #eff0f1; background-color: #eff0f1; } .notebook tab.bottom { border-radius: 0px 0px 3px 3px; border-top-color: transparent; } .notebook tab.bottom:active, .notebook tab.bottom.active-page { - border-color: #c0c2c4; + border-color: #bcbebf; border-top-color: #eff0f1; background-color: #eff0f1; } .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; border-top-color: #eff0f1; background-color: #eff0f1; } .notebook tab.left { border-radius: 3px 0px 0px 3px; border-right-color: transparent; } .notebook tab.left:active, .notebook tab.left.active-page { - border-color: #c0c2c4; + border-color: #bcbebf; border-right-color: #eff0f1; background-color: #eff0f1; } .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; border-right-color: #eff0f1; background-color: #eff0f1; } .notebook tab.right { border-radius: 0px 3px 3px 0px; border-left-color: transparent; } .notebook tab.right:active, .notebook tab.right.active-page { - border-color: #c0c2c4; + border-color: #bcbebf; border-left-color: #eff0f1; background-color: #eff0f1; } .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; border-left-color: #eff0f1; background-color: #eff0f1; } .notebook tab:hover, .notebook tab.prelight-page { background-color: rgba(61, 174, 233, 0.2); border-color: rgba(61, 174, 233, 0.2); } .notebook tab.reorderable-page.top { border-width: 3px; border-style: solid; border-color: transparent; background-color: #eff0f1; background-clip: padding-box; border-right-width: 1px; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { background-color: #eff0f1; border-color: transparent; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.top:backdrop { background-color: #eff0f1; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.bottom { border-width: 3px; border-style: solid; border-color: transparent; background-color: #eff0f1; background-clip: padding-box; border-right-width: 1px; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { background-color: #eff0f1; border-color: transparent; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.bottom:backdrop { background-color: #eff0f1; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.left { border-width: 3px; border-style: solid; border-color: transparent; background-color: #eff0f1; background-clip: padding-box; border-bottom-width: 1px; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { background-color: #eff0f1; border-color: transparent; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.left:backdrop { background-color: #eff0f1; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.right { border-width: 3px; border-style: solid; border-color: transparent; background-color: #eff0f1; background-clip: padding-box; border-bottom-width: 1px; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { background-color: #eff0f1; border-color: transparent; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.right:backdrop { background-color: #eff0f1; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: none; } .notebook tab .label { padding: 0 2px; - color: #31363b; } + color: #232627; } .notebook tab .label:backdrop { - color: #31363b; } + color: #232627; } + .notebook tab .label:insensitive { + color: rgba(32, 35, 35, 0.35); } .notebook tab .button { padding: 0px; border: 1px solid transparent; border-radius: 50%; background-image: none; - background-color: #c0c2c4; + background-color: #bcbebf; box-shadow: none; icon-shadow: none; transition: none; color: #eff0f1; } .notebook tab .button:hover { background-color: #da4453; border-color: transparent; background-image: none; box-shadow: none; } .notebook tab .button:active { color: #eff0f1; border-color: transparent; background-image: none; box-shadow: none; } .notebook tab .button:backdrop { color: #eff0f1; - background-color: #c0c2c4; } + background-color: #bcbebf; } .notebook tab .button > GtkImage { padding: 0px; } .notebook tab .button .active-page, .notebook tab .button.active-page { background-color: #da4453; } .notebook.arrow { - color: #31363b; } + color: #232627; } .notebook.arrow:hover { color: #93cee9; } .notebook.arrow:active { color: #3daee9; } .notebook.arrow:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .notebook.arrow:backdrop { - color: #31363b; } + color: #232627; } .notebook.arrow:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } /* Decouple the font of context menus from their entry/textview */ .touch-selection, .context-menu { font: initial; } .monospace { font: Monospace; } .overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } .overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } .overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } .overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } /************ * Pathbars * ************/ .path-bar .button { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; padding: 4px 8px; - color: #31363b; } + color: #232627; } .path-bar .button:hover { border-color: #93cee9; } .path-bar .button:active, .path-bar .button:checked { - background-color: #c0c2c4; } + background-color: #bcbebf; } .path-bar .button:first-child { padding-left: 8px; } .path-bar .button:last-child { padding-right: 8px; } .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } .path-bar .button .label:last-child { padding-left: 2px; } .path-bar .button .label:first-child { padding-right: 2px; } .path-bar .button .label:only-child { padding-right: 0; padding-left: 0; } .path-bar .button GtkImage { padding-top: 1px; } /***************** * Progress bars * *****************/ GtkProgressBar { padding: 0; font-size: smaller; - color: rgba(49, 54, 59, 0.3); + color: rgba(35, 38, 39, 0.3); box-shadow: none; } GtkProgressBar:backdrop { - color: rgba(49, 54, 59, 0.3); } + color: rgba(35, 38, 39, 0.3); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } GtkProgressBar.trough { border: 1px solid transparent; border-radius: 3px; - background-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); } GtkProgressBar.trough.osd { border: 1px solid transparent; border-radius: 3px; - background-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); } GtkProgressBar.trough.osd:backdrop { - background-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); } GtkProgressBar.trough:backdrop { - background-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); } .progressbar { background-color: #3daee9; border: 1px solid #3daee9; border-radius: 0px; box-shadow: none; } .progressbar.left { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .progressbar.right { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .progressbar.left.right { box-shadow: none; } .progressbar.vertical.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: none; } .progressbar.vertical.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } .progressbar.osd { background-image: none; background-color: #3daee9; border: 1px solid #3daee9; border-radius: 3px; } .progressbar.osd:backdrop { background-color: rgba(61, 174, 233, 0.5); border-color: rgba(61, 174, 233, 0.5); } .progressbar:backdrop { background-color: rgba(61, 174, 233, 0.5); border-color: rgba(61, 174, 233, 0.5); } /************* * Level Bar * *************/ .level-bar.vertical { -GtkLevelBar-min-block-width: 6; -GtkLevelBar-min-block-height: 34; } .level-bar { box-shadow: none; -GtkLevelBar-min-block-width: 34; -GtkLevelBar-min-block-height: 6; } .level-bar.vertical { -GtkLevelBar-min-block-width: 6; -GtkLevelBar-min-block-height: 34; } .level-bar.trough { border: 1px solid transparent; padding: 3px; border-radius: 3px; background-color: transparent; } .level-bar.fill-block { border: 1px solid #3daee9; background-color: #3daee9; box-shadow: none; border-radius: 3px; } .level-bar.fill-block.indicator-discrete.horizontal { margin: 0 1px; } .level-bar.fill-block.indicator-discrete.vertical { margin: 1px 0; } .level-bar.fill-block.level-high { border-color: #27ae60; background-color: #27ae60; } .level-bar.fill-block.level-high:backdrop { background-color: #27ae60; border-color: #27ae60; } .level-bar.fill-block.level-low { border-color: #f67400; background-color: #f67400; } .level-bar.fill-block.level-low:backdrop { background-color: #f67400; border-color: #f67400; } .level-bar.fill-block.empty-fill-block { - background-color: rgba(49, 54, 59, 0.3); + background-color: rgba(35, 38, 39, 0.3); border-color: transparent; box-shadow: none; } .level-bar.fill-block:backdrop { border-color: rgba(61, 174, 233, 0.5); background-color: rgba(61, 174, 233, 0.5); } /************ * GtkScale * ************/ .scale, .scale.scale-has-marks-above.scale-has-marks-below, .scale.vertical.scale-has-marks-above.scale-has-marks-below { -GtkScale-slider-length: 18; -GtkRange-slider-width: 18; -GtkRange-trough-border: 2; } .scale.fine-tune.trough, .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough { margin: 8px; border-radius: 3px; } .scale.slider, .scale.scale-has-marks-above.scale-has-marks-below.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { background-color: #eff0f1; - border: 1px solid #c0c2c4; + border: 1px solid #bcbebf; border-radius: 50%; box-shadow: none; } .scale.slider:hover, .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover { border-style: solid; border-width: 2px; border-color: #93cee9; border-radius: 50%; } .scale.slider:hover:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover:backdrop { background-color: #eff0f1; border-color: #93cee9; } .scale.slider:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { border-style: solid; border-radius: 50%; - background-color: rgba(216, 218, 221, 0.35); - border-color: rgba(174, 176, 179, 0.35); } + background-color: #d8dadd; + border-color: rgba(170, 173, 174, 0.35); } .scale.slider:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { - background-color: rgba(216, 218, 221, 0.35); - border-color: rgba(174, 176, 179, 0.35); } + background-color: #d8dadd; + border-color: rgba(170, 173, 174, 0.35); } .scale.slider:active, .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { border: 2px solid #3daee9; } .scale.slider:active:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active:backdrop { background-color: #eff0f1; border-color: #3daee9; } .scale.slider:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { background-color: #eff0f1; - border-color: #c0c2c4; } + border-color: #bcbebf; } .scale.trough, .scale.scale-has-marks-above.scale-has-marks-below.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { margin: 9px; - border: 1px solid rgba(49, 54, 59, 0.3); + border: 1px solid rgba(35, 38, 39, 0.3); border-radius: 3px; - background-color: rgba(49, 54, 59, 0.3); + background-color: rgba(35, 38, 39, 0.3); box-shadow: none; } .scale.trough.highlight, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { background-color: #3daee9; border-color: #3daee9; } .scale.trough.highlight.vertical, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { background-color: #3daee9; border-color: #3daee9; } .scale.trough.highlight:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop { background-color: rgba(61, 174, 233, 0.5); border-color: rgba(61, 174, 233, 0.5); } .scale.trough:insensitive, .scale.trough.vertical:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { - border-color: rgba(45, 49, 54, 0); - background-color: rgba(45, 49, 54, 0); + border-color: rgba(170, 172, 173, 0.545); + background-color: rgba(170, 172, 173, 0.545); box-shadow: none; } .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { - background-color: rgba(45, 49, 54, 0); - border-color: rgba(45, 49, 54, 0); } + background-color: rgba(170, 172, 173, 0.545); + border-color: rgba(170, 172, 173, 0.545); } .scale.trough:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - background-color: rgba(49, 54, 59, 0.3); - border-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); + border-color: rgba(35, 38, 39, 0.3); } /************** * Scrollbars * **************/ .scrollbar { -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: true; - -GtkScrollbar-has-forward-stepper: true; - -GtkRange-slider-width: 20; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 10px; -GtkScrollbar-min-slider-length: 64; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { - color: #31363b; } + color: #232627; } .scrollbar .button:hover { color: #93cee9; } .scrollbar .button:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .scrollbar .button:backdrop { - color: #31363b; } + color: #232627; } .scrollbar .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .scrollbar.dragging, .scrollbar.hovering { opacity: 0.9910; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - -GtkRange-slider-width: 8px; + -GtkRange-slider-width: 10px; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 2px; - border: 2px solid transparent; - border-radius: 2px; - background-color: rgba(49, 54, 59, 0.5); } + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(35, 38, 39, 0.5); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { - background-color: rgba(49, 54, 59, 0.5); } + background-color: rgba(35, 38, 39, 0.5); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border: none; background: none; } .scrollbar.trough { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical.png"), url("../assets/scrollbar-trough-vertical@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal.png"), url("../assets/scrollbar-trough-horizontal@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(35, 38, 39, 0.3); } .scrollbar.trough:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical-backdrop.png"), url("../assets/scrollbar-trough-vertical-backdrop@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal-backdrop.png"), url("../assets/scrollbar-trough-horizontal-backdrop@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } + background-color: rgba(35, 38, 39, 0.3); } .scrollbar.slider { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical.png"), url("../assets/scrollbar-slider-vertical@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal.png"), url("../assets/scrollbar-slider-horizontal@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(35, 38, 39, 0.5); } .scrollbar.slider:hover { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-hover.png"), url("../assets/scrollbar-slider-vertical-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:hover.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-hover.png"), url("../assets/scrollbar-slider-horizontal-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: #93cee9; } .scrollbar.slider:active { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-active.png"), url("../assets/scrollbar-slider-vertical-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:active.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-active.png"), url("../assets/scrollbar-slider-horizontal-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: #3daee9; } .scrollbar.slider:insensitive { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-insensitive.png"), url("../assets/scrollbar-slider-vertical-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:insensitive.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-insensitive.png"), url("../assets/scrollbar-slider-horizontal-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: rgba(32, 35, 35, 0); } .scrollbar.slider:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-backdrop.png"), url("../assets/scrollbar-slider-vertical-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-backdrop.png"), url("../assets/scrollbar-slider-horizontal-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: rgba(35, 38, 39, 0.3); } + .scrollbar.slider:backdrop:insensitive { + background-color: rgba(32, 35, 35, 0); } .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; background-color: transparent; border-image: none; } /*********** * Sidebar * ***********/ .sidebar, .sidebar .view { border: none; background-color: #eff0f1; } .sidebar:backdrop, .sidebar .view:backdrop { background-color: #eff0f1; } GtkSidebarRow.list-row { padding: 0px; } + GtkSidebarRow .sidebar-revealer { padding: 4px 14px 4px 12px; } + GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } + GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } + GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } + GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .view:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } + GtkPlacesSidebar.sidebar .view:backdrop { - color: #31363b; } + color: #232627; } GtkPlacesSidebar.sidebar .view:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } + GtkPlacesSidebar.sidebar .view .image { - color: #31363b; } + color: #232627; } GtkPlacesSidebar.sidebar .view .image:selected { - color: #eff0f1; } + color: #fcfcfc; } GtkPlacesSidebar.sidebar .view .image:selected:backdrop { - color: #31363b; } + color: #232627; } GtkPlacesSidebar.sidebar .view .image:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } GtkPlacesSidebar.sidebar .view .image:backdrop { - color: #31363b; } + color: #232627; } GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .sidebar-item { padding: 10px 4px; } .sidebar-item > .label { padding-left: 6px; padding-right: 6px; } .sidebar-item.needs-attention > .label { background-size: 6px 6px, 0 0; } /***************** * GtkSpinButton * *****************/ .osd .spinbutton .button:last-child { border-radius: 0 3px 3px 0; } + .osd .spinbutton .button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { padding-top: 5px; padding-bottom: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { - color: #31363b; + color: #232627; border-color: #93cee9; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { color: inherit; } .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { - color: #31363b; + color: #232627; border-color: #93cee9; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { color: inherit; } .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { color: inherit; } + .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0px; padding-left: 0px; padding-right: 0px; } .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { background-color: #e5e5e5; } + GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; border-color: #3daee9; border-radius: 0; box-shadow: none; } .spinbutton .button, .osd .spinbutton .button { background-image: none; background-color: transparent; border-style: none none none solid; - border-color: rgba(192, 194, 196, 0.3); - color: #31363b; + border-color: rgba(188, 190, 191, 0.3); + color: #232627; border-radius: 0; box-shadow: none; } - .spinbutton .button:dir(rtl) { + .spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:hover { color: #93cee9; } .spinbutton .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0); } .spinbutton .button:active { color: #3daee9; } .spinbutton .button:backdrop { - color: #31363b; - border-color: rgba(192, 194, 196, 0.3); + color: #232627; + border-color: rgba(188, 190, 191, 0.3); background-color: transparent; } .spinbutton .button:backdrop:insensitive { background-image: none; - color: rgba(45, 49, 54, 0.35); + color: rgba(32, 35, 35, 0.35); border-style: none none none solid; - border-color: rgba(174, 176, 179, 0); } + border-color: rgba(170, 173, 174, 0); } .spinbutton .button:backdrop:insensitive:dir(rtl) { border-style: none solid none none; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } /********** * Switch * **********/ GtkSwitch { -GtkSwitch-slider-width: 24px; -GtkSwitch-slider-height: 24px; font-weight: bold; font-size: smaller; outline-offset: 0px; color: transparent; box-shadow: none; } GtkSwitch.trough { border: 0px solid; border-radius: 12px; background-image: none; - background-color: rgba(49, 54, 59, 0.3); + background-color: rgba(35, 38, 39, 0.3); text-shadow: none; } GtkSwitch.trough:active { background-color: #3daee9; box-shadow: none; text-shadow: none; } GtkSwitch.trough:backdrop { - background-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); } GtkSwitch.slider { border: 1px solid; border-radius: 11px; background-color: #eff0f1; - border-color: #c0c2c4; } + border-color: #bcbebf; } GtkSwitch.slider:hover { box-shadow: none; border-color: #93cee9; background-color: #eff0f1; } GtkSwitch.slider:active { border-color: #3daee9; } GtkSwitch.slider:active:hover { border-color: #93cee9; } GtkSwitch.slider:insensitive { - background-color: rgba(216, 218, 221, 0.35); } + background-color: #d8dadd; } GtkSwitch.slider:backdrop { background-color: #eff0f1; } GtkSwitch.slider:backdrop:insensitive { - background-color: rgba(216, 218, 221, 0.35); } + background-color: #d8dadd; } .header-bar GtkSwitch.trough:backdrop { background-color: transparent; } .header-bar GtkSwitch.slider:backdrop { background-color: #bdc3c7; } /************ * Toolbars * ************/ .toolbar, .inline-toolbar, .search-bar, .location-bar, .primary-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #eff0f1; } .toolbar:backdrop, .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop, .primary-toolbar:backdrop { background-color: #eff0f1; box-shadow: none; } .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar, .osd .primary-toolbar, .primary-toolbar.osd { padding: 13px; border: none; border-radius: 3px; background-color: #eff0f1; } .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd .primary-toolbar:backdrop, .primary-toolbar.osd:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; background-color: #eff0f1; box-shadow: none; } .inline-toolbar { border-width: 0px 0px 1px 0px; padding: 3px; border-radius: 0; } .search-bar, .location-bar { border-width: 0px 0px 1px 0px; padding: 3px; } .inline-toolbar, .search-bar, .location-bar { border-style: solid; - border-color: #c0c2c4; + border-color: #bcbebf; text-shadow: none; background-color: #eff0f1; } /************ * Tooltips * ************/ .tooltip { - color: #eff0f1; + color: #fcfcfc; padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; - text-shadow: none; } + text-shadow: none; + border: 1px solid #595c5c; } .tooltip.background { - background-color: #31363b; + background-color: #232627; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } .tooltip * { padding: 4px; background-color: transparent; color: inherit; } /************** * Tree Views * **************/ GtkTreeView.view { -GtkTreeView-grid-line-width: 0; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; - border-left-color: #c0c2c4; + border-left-color: #bcbebf; border-top-color: transparent; } GtkTreeView.view:selected { border-radius: 0; } GtkTreeView.view:selected { background-color: #3daee9; - border-left-color: #eff0f1; - border-top-color: #eff0f1; } + border-left-color: #fcfcfc; + border-top-color: #fcfcfc; } GtkTreeView.view:backdrop:selected { background-color: rgba(61, 174, 233, 0.5); - border-left-color: #eff0f1; - border-top-color: #eff0f1; } + border-left-color: #fcfcfc; + border-top-color: #fcfcfc; } GtkTreeView.view:insensitive { - color: rgba(174, 176, 179, 0.35); } + color: rgba(170, 173, 174, 0.35); } GtkTreeView.view:insensitive:selected { - color: rgba(216, 218, 221, 0.35); } + color: #e5e5e5; } GtkTreeView.view:insensitive:selected:backdrop { - color: rgba(216, 218, 221, 0.35); } + color: #e5e5e5; } GtkTreeView.view:insensitive:backdrop { - color: rgba(174, 176, 179, 0.35); } - GtkTreeView.view.separator { - color: #c0c2c4; } - GtkTreeView.view.separator:backdrop { - color: #c0c2c4; } + color: rgba(170, 173, 174, 0.35); } + GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator { + color: #bcbebf; } + GtkTreeView.view.separator:backdrop, + GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop { + color: #bcbebf; } GtkTreeView.view:backdrop { - border-left-color: #c0c2c4; } + border-left-color: #bcbebf; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #93cee9; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #31363b; } + color: #232627; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #93cee9; } GtkTreeView.view.expander:selected { - color: #eff0f1; } + color: #fcfcfc; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:checked:selected { - color: #eff0f1; } + color: #fcfcfc; } GtkTreeView.view.expander:checked:backdrop { color: #fcfcfc; } GtkTreeView.view.expander:backdrop { - color: #fcfcfc; } + color: #232627; } column-header .button { - color: #31363b; + color: #232627; background-color: #eff0f1; text-shadow: none; box-shadow: none; } column-header .button:hover { - color: #31363b; + color: #232627; background-color: rgba(147, 206, 233, 0.5); box-shadow: none; transition: none; } column-header .button:active { - color: #31363b; + color: #232627; background-color: rgba(147, 206, 233, 0.5); transition: none; } -column-header:last-child .button, column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { + +column-header:last-child .button, +column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { border-right-style: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { transition: none; color: #3daee9; box-shadow: none; } column-header .button, column-header .button:hover, column-header .button:active { padding: 6px; border-style: none solid solid none; border-radius: 0; background-image: none; - border-color: #c0c2c4; + border-color: #bcbebf; text-shadow: none; } column-header .button:insensitive { - border-color: rgba(174, 176, 179, 0.35); - color: rgba(45, 49, 54, 0.35); - background-color: rgba(216, 218, 221, 0.35); + border-color: rgba(170, 173, 174, 0.35); + color: rgba(32, 35, 35, 0.35); + background-color: #d8dadd; background-image: none; } column-header .button:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; border-style: none solid solid none; - color: #31363b; + color: #232627; background-image: none; background-color: #eff0f1; } column-header .button:backdrop:insensitive { - border-color: rgba(174, 176, 179, 0.35); + border-color: rgba(170, 173, 174, 0.35); background-image: none; - background-color: rgba(216, 218, 221, 0.35); - color: rgba(45, 49, 54, 0.35); } + background-color: #d8dadd; + color: rgba(32, 35, 35, 0.35); } /********************** * Window Decorations * *********************/ .window-frame { border-radius: 3px; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); /* this is used for the resize cursor area */ margin: 10px; } .window-frame:backdrop { box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } .window-frame.tiled { border-radius: 0; } .window-frame.popup { border-radius: 3px; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } .window-frame.ssd { box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd { border-radius: 3px; } .window-frame.csd.popup { box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } .window-frame.csd.tooltip { box-shadow: none; } .window-frame.csd.message-dialog { box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } .window-frame.solid-csd { border-radius: 0; - margin: 1px; - background-color: #c0c2c4; + margin: 0px; + background-color: #eff0f1; border: none; box-shadow: none; } .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 0px; } .header-bar .button.titlebutton:hover, .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .header-bar .button.titlebutton:backdrop, .header-bar .button.titlebutton:active:hover, .titlebar .button.titlebutton:hover, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked, .titlebar .button.titlebutton:backdrop, .titlebar .button.titlebutton:active:hover { transition: none; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { - padding: 6px 1px; + padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } .header-bar .button.titlebutton.close:hover, .titlebar .button.titlebutton.close:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } .header-bar .button.titlebutton.close:active, .titlebar .button.titlebutton.close:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } .header-bar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.close:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } .header-bar .button.titlebutton.maximize, .titlebar .button.titlebutton.maximize { - padding: 6px 1px; + padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } .header-bar .button.titlebutton.maximize:hover, .titlebar .button.titlebutton.maximize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } .header-bar .button.titlebutton.maximize:active, .titlebar .button.titlebutton.maximize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } .header-bar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.maximize:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } .header-bar .button.titlebutton.minimize, .titlebar .button.titlebutton.minimize { - padding: 6px 1px; + padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } .header-bar .button.titlebutton.minimize:hover, .titlebar .button.titlebutton.minimize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } .header-bar .button.titlebutton.minimize:active, .titlebar .button.titlebutton.minimize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } .header-bar .button.titlebutton.minimize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } .maximized .header-bar .button.titlebutton.maximize, .maximized .titlebar .button.titlebutton.maximize { - padding: 6px 1px; + padding: 1px; color: transparent; border-image: none; box-shadow: none; background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:hover, .maximized .titlebar .button.titlebutton.maximize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:active, .maximized .titlebar .button.titlebutton.maximize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized .titlebar .button.titlebutton.maximize:backdrop { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } .header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton { text-shadow: none; } .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { icon-shadow: none; } - -/*# sourceMappingURL=gtk.css.map */ diff --git a/Breeze-gtk/gtk-3.20/gtk-dark.css b/Breeze-gtk/gtk-3.20/gtk-dark.css new file mode 100644 index 0000000..77f47ca --- /dev/null +++ b/Breeze-gtk/gtk-3.20/gtk-dark.css @@ -0,0 +1 @@ +@import url("../../Breeze-Dark/gtk-3.20/gtk.css"); diff --git a/CMakeLists.txt b/CMakeLists.txt index 8641ae0..043b80e 100644 --- a/CMakeLists.txt +++ b/CMakeLists.txt @@ -1,27 +1,35 @@ project(breeze-gtk) set(PROJECT_VERSION "5.14.80") set(PROJECT_VERSION_MAJOR 5) cmake_minimum_required(VERSION 2.8.12) find_package(ECM 0.0.9 REQUIRED NO_MODULE) include(FeatureSummary) set(CMAKE_MODULE_PATH ${ECM_MODULE_PATH} ${ECM_KDE_MODULE_DIR} "${CMAKE_SOURCE_DIR}/cmake") find_package(GTKEngine) +find_package(Sass REQUIRED) + +if(${CMAKE_VERSION} GREATER_EQUAL 3.12.0) + find_package(Python3 COMPONENTS Interpreter REQUIRED) +else() + find_package(PythonInterp 3 REQUIRED) +endif() include(KDEInstallDirs) # Exclude these patterns when installing directories as they have no use # in production. set(directory_EXCLUDES PATTERN "render-assets.sh" EXCLUDE PATTERN "assets.svg" EXCLUDE PATTERN "assets.txt" EXCLUDE ) add_subdirectory(Breeze-dark-gtk) add_subdirectory(Breeze-gtk) add_subdirectory(kconf_update) +add_subdirectory(src) feature_summary(WHAT ALL INCLUDE_QUIET_PACKAGES FATAL_ON_MISSING_REQUIRED_PACKAGES) diff --git a/cmake/FindSass.cmake b/cmake/FindSass.cmake new file mode 100644 index 0000000..99fb5ac --- /dev/null +++ b/cmake/FindSass.cmake @@ -0,0 +1,32 @@ +set_package_properties(Sass PROPERTIES + DESCRIPTION "SASS compiler" + URL "https://sass-lang.com/" + PURPOSE "Required for building GTK themes") + +find_program(Sass_EXECUTABLE NAMES sassc) + +if(Sass_EXECUTABLE) + set(Sass_COMPILER_TYPE sassc) +else() + find_program(Sass_EXECUTABLE NAMES sass) + set(Sass_COMPILER_TYPE sass) +endif() + +include(FindPackageHandleStandardArgs) + +find_package_handle_standard_args(Sass + FOUND_VAR + Sass_FOUND + REQUIRED_VARS + Sass_EXECUTABLE +) +mark_as_advanced(Sass_EXECUTABLE) + +if (Sass_FOUND) + if (NOT TARGET Sass::Sass) + add_executable(Sass::Sass IMPORTED) + set_target_properties(Sass::Sass PROPERTIES + IMPORTED_LOCATION "${Sass_EXECUTABLE}" + ) + endif() +endif() diff --git a/rebuild-theme.sh b/rebuild-theme.sh deleted file mode 100755 index 0c051a2..0000000 --- a/rebuild-theme.sh +++ /dev/null @@ -1,5 +0,0 @@ -#!/bin/sh - -cd src -./build_theme.sh BreezeDark ../Breeze-dark-gtk -./build_theme.sh Breeze ../Breeze-gtk diff --git a/src/CMakeLists.txt b/src/CMakeLists.txt new file mode 100644 index 0000000..101ba60 --- /dev/null +++ b/src/CMakeLists.txt @@ -0,0 +1,13 @@ +add_custom_target( + Breeze-dark-gtk ALL + COMMAND ./build_theme.sh BreezeDark ../Breeze-dark-gtk + WORKING_DIRECTORY "${PROJECT_SOURCE_DIR}/src" +) + +add_custom_target( + Breeze-gtk ALL + COMMAND ./build_theme.sh Breeze ../Breeze-gtk + COMMAND cp gtk-dark-3.18.css ../Breeze-gtk/gtk-3.18/gtk-dark.css + COMMAND cp gtk-dark-3.20.css ../Breeze-gtk/gtk-3.20/gtk-dark.css + WORKING_DIRECTORY "${PROJECT_SOURCE_DIR}/src" +) diff --git a/src/_global.scss b/src/_global.scss index 645fbf6..6daddf1 100644 --- a/src/_global.scss +++ b/src/_global.scss @@ -1,82 +1,82 @@ -$ButtonBackgroundAlternate:rgb(189,195,199); -$ButtonBackgroundNormal:rgb(239,240,241); +$ButtonBackgroundAlternate:rgb(77,77,77); +$ButtonBackgroundNormal:rgb(49,54,59); $ButtonDecorationFocus:rgb(61,174,233); -$ButtonDecorationHover:rgb(147,206,233); +$ButtonDecorationHover:rgb(61,174,233); $ButtonForegroundActive:rgb(61,174,233); -$ButtonForegroundInactive:127,140,141; +$ButtonForegroundInactive:189,195,199; $ButtonForegroundLink:rgb(41,128,185); $ButtonForegroundNegative:rgb(218,68,83); $ButtonForegroundNeutral:rgb(246,116,0); -$ButtonForegroundNormal:rgb(35,38,39); +$ButtonForegroundNormal:rgb(239,240,241); $ButtonForegroundPositive:rgb(39,174,96); $ButtonForegroundVisited:rgb(127,140,141); $DisabledColor:rgb(56,56,56); $DisabledColorAmount:0; $DisabledColorEffect:0; $DisabledContrastAmount:0.65; $DisabledContrastEffect:1; $DisabledIntensityAmount:0.1; $DisabledIntensityEffect:2; $InactiveChangeSelectionColor:true; $InactiveColor:rgb(112,111,110); $InactiveColorAmount:0.025; $InactiveColorEffect:2; $InactiveContrastAmount:0.1; $InactiveContrastEffect:2; $InactiveEnable:false; $InactiveIntensityAmount:0; $InactiveIntensityEffect:0; $SelectionBackgroundAlternate:rgb(29,153,243); $SelectionBackgroundNormal:rgb(61,174,233); $SelectionDecorationFocus:rgb(61,174,233); -$SelectionDecorationHover:rgb(147,206,233); +$SelectionDecorationHover:rgb(61,174,233); $SelectionForegroundActive:rgb(252,252,252); $SelectionForegroundInactive:239,240,241; $SelectionForegroundLink:rgb(253,188,75); $SelectionForegroundNegative:rgb(218,68,83); $SelectionForegroundNeutral:rgb(246,116,0); -$SelectionForegroundNormal:rgb(252,252,252); +$SelectionForegroundNormal:rgb(239,240,241); $SelectionForegroundPositive:rgb(39,174,96); $SelectionForegroundVisited:rgb(189,195,199); $TooltipBackgroundAlternate:rgb(77,77,77); -$TooltipBackgroundNormal:rgb(35,38,39); +$TooltipBackgroundNormal:rgb(49,54,59); $TooltipDecorationFocus:rgb(61,174,233); -$TooltipDecorationHover:rgb(147,206,233); +$TooltipDecorationHover:rgb(61,174,233); $TooltipForegroundActive:rgb(61,174,233); $TooltipForegroundInactive:189,195,199; $TooltipForegroundLink:rgb(41,128,185); $TooltipForegroundNegative:rgb(218,68,83); $TooltipForegroundNeutral:rgb(246,116,0); -$TooltipForegroundNormal:rgb(252,252,252); +$TooltipForegroundNormal:rgb(239,240,241); $TooltipForegroundPositive:rgb(39,174,96); $TooltipForegroundVisited:rgb(127,140,141); -$ViewBackgroundAlternate:rgb(239,240,241); -$ViewBackgroundNormal:rgb(252,252,252); +$ViewBackgroundAlternate:rgb(49,54,59); +$ViewBackgroundNormal:rgb(35,38,41); $ViewDecorationFocus:rgb(61,174,233); -$ViewDecorationHover:rgb(147,206,233); +$ViewDecorationHover:rgb(61,174,233); $ViewForegroundActive:rgb(61,174,233); -$ViewForegroundInactive:127,140,141; +$ViewForegroundInactive:189,195,199; $ViewForegroundLink:rgb(41,128,185); $ViewForegroundNegative:rgb(218,68,83); $ViewForegroundNeutral:rgb(246,116,0); -$ViewForegroundNormal:rgb(35,38,39); +$ViewForegroundNormal:rgb(239,240,241); $ViewForegroundPositive:rgb(39,174,96); $ViewForegroundVisited:rgb(127,140,141); -$WMactiveBackground:rgb(71,80,87); -$WMactiveBlend:rgb(252,252,252); -$WMactiveForeground:rgb(252,252,252); -$WMinactiveBackground:rgb(239,240,241); +$WMactiveBackground:rgb(49,54,59); +$WMactiveBlend:rgb(255,255,255); +$WMactiveForeground:rgb(239,240,241); +$WMinactiveBackground:rgb(49,54,59); $WMinactiveBlend:rgb(75,71,67); -$WMinactiveForeground:rgb(189,195,199); -$WindowBackgroundAlternate:rgb(189,195,199); -$WindowBackgroundNormal:rgb(239,240,241); +$WMinactiveForeground:rgb(127,140,141); +$WindowBackgroundAlternate:rgb(77,77,77); +$WindowBackgroundNormal:rgb(49,54,59); $WindowDecorationFocus:rgb(61,174,233); -$WindowDecorationHover:rgb(147,206,233); +$WindowDecorationHover:rgb(61,174,233); $WindowForegroundActive:rgb(61,174,233); -$WindowForegroundInactive:127,140,141; +$WindowForegroundInactive:189,195,199; $WindowForegroundLink:rgb(41,128,185); $WindowForegroundNegative:rgb(218,68,83); $WindowForegroundNeutral:rgb(246,116,0); -$WindowForegroundNormal:rgb(35,38,39); +$WindowForegroundNormal:rgb(239,240,241); $WindowForegroundPositive:rgb(39,174,96); $WindowForegroundVisited:rgb(127,140,141); diff --git a/src/build_theme.sh b/src/build_theme.sh index fa445e3..1af5e05 100755 --- a/src/build_theme.sh +++ b/src/build_theme.sh @@ -1,67 +1,68 @@ #!/bin/sh # Usage: build_theme.sh [ []] # If is unset or empty, colors from kdeglobals are used # If is unset or empty, the theme is installed into ~/.local/share/themes/ +set -e create_folders () { - for j in gtk-2.0 gtk-3.0 gtk-3.20; do + for j in gtk-2.0 gtk-3.18 gtk-3.20; do if ! [ -d "$1/$j" ]; then mkdir -p "$1/$j" fi done } build_sass() { if command -v sassc >/dev/null 2>&1; then sassc "$1" "$2" else sass --cache-location /tmp/sass-cache "$1" "$2" fi } install_theme () { COLOR_SCHEME="$1" INSTALL_TARGET="$2" if [ -z "$INSTALL_TARGET" ]; then INSTALL_TARGET="$HOME/.local/share/themes/$COLOR_SCHEME" fi mkdir -p "$INSTALL_TARGET" - for dir in assets gtk-2.0 gtk-3.0 gtk-3.20; do + for dir in assets gtk-2.0 gtk-3.18 gtk-3.20; do if [ -d "$INSTALL_TARGET/$dir" ]; then rm -rf "${INSTALL_TARGET:?}/$dir" fi mv -f "$COLOR_SCHEME/$dir" "$INSTALL_TARGET" done rmdir "$COLOR_SCHEME" } render_theme () { python3 render_assets.py "$1" create_folders "$2" - build_sass gtk318/gtk.scss "$2/gtk-3.0/gtk.css" + build_sass gtk318/gtk.scss "$2/gtk-3.18/gtk.css" build_sass gtk320/gtk.scss "$2/gtk-3.20/gtk.css" mv assets "$2/" cp -R gtk2/* "$2/gtk-2.0/" install_theme "$2" "$3" } COLOR_SCHEME="$1" INSTALL_TARGET="$2" if [ -z "$COLOR_SCHEME" ]; then if [ -f "$HOME/.config/kdeglobals" ]; then render_theme "$HOME/.config/kdeglobals" Breeze "$INSTALL_TARGET" else echo "$HOME/.config/kdeglobals not found, using defaults" render_theme /usr/share/color-schemes/Breeze.colors Breeze "$INSTALL_TARGET" fi else if [ -f "/usr/share/color-schemes/$COLOR_SCHEME.colors" ]; then render_theme "/usr/share/color-schemes/$COLOR_SCHEME.colors" "$COLOR_SCHEME" "$INSTALL_TARGET" elif [ -f "$HOME/.local/share/color-schemes/$COLOR_SCHEME.colors" ]; then render_theme "$HOME/.local/share/color-schemes/$COLOR_SCHEME.colors" "$COLOR_SCHEME" "$INSTALL_TARGET" else echo "colorscheme $COLOR_SCHEME not found" fi fi diff --git a/src/gtk-dark-3.18.css b/src/gtk-dark-3.18.css new file mode 100644 index 0000000..2b7ae08 --- /dev/null +++ b/src/gtk-dark-3.18.css @@ -0,0 +1 @@ +@import url("../../Breeze-Dark/gtk-3.18/gtk.css"); diff --git a/src/gtk-dark-3.20.css b/src/gtk-dark-3.20.css new file mode 100644 index 0000000..77f47ca --- /dev/null +++ b/src/gtk-dark-3.20.css @@ -0,0 +1 @@ +@import url("../../Breeze-Dark/gtk-3.20/gtk.css"); diff --git a/src/gtk2/gtkrc b/src/gtk2/gtkrc index ba00097..f6fa0bd 100644 --- a/src/gtk2/gtkrc +++ b/src/gtk2/gtkrc @@ -1,30 +1,30 @@ # Theme: Breeze-gtk # Description: Breeze theme for GTK+2.0 -gtk-color-scheme = "text_color:#232627" -gtk-color-scheme = "base_color:#fcfcfc" -gtk-color-scheme = "insensitive_base_color:#e5e5e5" -gtk-color-scheme = "fg_color:#232627" -gtk-color-scheme = "bg_color:#eff0f1" -gtk-color-scheme = "selected_fg_color:#fcfcfc" +gtk-color-scheme = "text_color:#eff0f1" +gtk-color-scheme = "base_color:#232629" +gtk-color-scheme = "insensitive_base_color:#1f2225" +gtk-color-scheme = "fg_color:#eff0f1" +gtk-color-scheme = "bg_color:#31363b" +gtk-color-scheme = "selected_fg_color:#eff0f1" gtk-color-scheme = "selected_bg_color:#3daee9" -gtk-color-scheme = "button_fg_color:#232627" -gtk-color-scheme = "tooltip_fg_color:#fcfcfc" -gtk-color-scheme = "tooltip_bg_color:#232627" -gtk-color-scheme = "insensitive_fg_color:#a6a8a9" -gtk-color-scheme = "insensitive_text_color:#aeafb0" -gtk-color-scheme = "button_insensitive_fg_color:#a6a8a9" +gtk-color-scheme = "button_fg_color:#eff0f1" +gtk-color-scheme = "tooltip_fg_color:#eff0f1" +gtk-color-scheme = "tooltip_bg_color:#31363b" +gtk-color-scheme = "insensitive_fg_color:#6b6f73" +gtk-color-scheme = "insensitive_text_color:#626567" +gtk-color-scheme = "button_insensitive_fg_color:#6b6f73" gtk-color-scheme = "button_active:#3daee9" -gtk-color-scheme = "border_color:#bcbdbe" +gtk-color-scheme = "border_color:#606468" include "widgets/default" include "widgets/buttons" include "widgets/menu" include "widgets/entry" include "widgets/notebook" include "widgets/range" include "widgets/scrollbar" include "widgets/toolbar" include "widgets/progressbar" include "widgets/misc" include "widgets/styles"