diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 79c4f72..953b891 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -1,127 +1,6 @@ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ +@import "../gtk-common/common.css"; -@import "../theme_colors.css"; -/* -widget text/foreground color */ -@define-color theme_fg_color_breeze @window_fg; -/* -text color for entries, views and content in general */ -@define-color theme_text_color_breeze @text_widget_fg; /*shade(@theme_fg_color_breeze, 1.15);*/ -/* -window background color */ -@define-color theme_bg_color_breeze @window_bg; -/* -text widgets and the like base background color */ -@define-color theme_base_color_breeze @text_widget_bg; - -@define-color theme_disabled_fg_color @disabled_fg; /*alpha(@theme_fg_color_breeze, 0.5);*/ - -/* - * button color, sorry for the mess*/ -@define-color theme_button_background_normal_breeze @button_bg; -@define-color button_bg_color @theme_button_background_normal_breeze; - -@define-color theme_button_foreground_normal_breeze @button_fg; -@define-color button_fg_color @theme_button_foreground_normal_breeze; - -@define-color theme_button_foreground_active_breeze @button_pushed_fg; -@define-color theme_button_background_active_breeze @button_pushed_bg; - - - -/* -base background color of selections */ -@define-color theme_selected_bg_color_breeze @selected_bg; /*#7BBD89*/ -/* -second color, on scales... */ -@define-color secondary_selected_bg_color shade(@theme_selected_bg_color_breeze, 1.7); -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color_breeze @selected_fg; /*#ffffff*/ -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color_breeze @disabled_bg; /*shade(@theme_bg_color_breeze, 0.95);*/ -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color_breeze @disabled_fg; /*shade(@theme_fg_color_breeze, 1.1);*/ -@define-color theme_disabled_fg_color @insensitive_fg_color_breeze; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color_breeze @disabled_bg; /*@theme_base_color_breeze;*/ -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color_breeze @theme_fg_color_breeze; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color @theme_fg_color_breeze; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color_breeze @theme_bg_color_breeze; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color_breeze @theme_base_color_breeze; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color_breeze @theme_selected_bg_color_breeze; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color_breeze @theme_selected_fg_color_breeze; -/* -insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color shade(@theme_text_color_breeze, 1.1); -/* -widgets main borders color */ -@define-color borders-breeze mix(@border_color, @theme_bg_color_breeze, 0.7); -@define-color borders @borders-breeze; - -/*highlight for buttons*/ -@define-color highlight_color alpha(white, 0.5); - -/*text shadows to simulate "groove" (or "outset")*/ -@define-color text_shadow_color black; - -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders @borders; /*shade(@borders, 1.05);*/ - -/* -these are pretty self explicative */ -@define-color warning_color_breeze @warning_color; -@define-color error_color_breeze @error_color; -@define-color success_color_breeze @success_color; - -/*Window headers*/ -@define-color theme_titlebar_background_breeze @titlebar_active_bg; /*mix(@theme_selected_bg_color_breeze, @theme_bg_color_breeze, 0.5);*/ -@define-color theme_titlebar_background_backdrop_breeze @titlebar_backdrop_bg; /*@theme_bg_color_breeze;*/ -@define-color theme_titlebar_foreground_breeze @titlebar_active_fg; /*@theme_selected_fg_color_breeze;*/ -@define-color theme_titlebar_foreground_backdrop_breeze @titlebar_backdrop_fg; /*@theme_fg_color_breeze;*/ - - -/* scale slider colors*/ -@define-color slider_inner_color @warning_color_breeze; -@define-color slider_middle_color alpha(@warning_color_breeze,0.7); -@define-color slider_outer_color alpha(@warning_color_breeze,0); - -/* -these colors are exported for the window manager and shouldn't be used in applications, -read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(@theme_fg_color_breeze, 1.8); -@define-color wm_unfocused_title @theme_unfocused_fg_color_breeze; -@define-color wm_highlight alpha(white, 0.5); -@define-color wm_borders_edge alpha(white, 0.5); -@define-color wm_bg_a shade(@theme_bg_color_breeze, 1.2); -@define-color wm_bg_b @theme_bg_color_breeze; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(@theme_bg_color_breeze, 1.3); -@define-color wm_button_hover_color_b @theme_bg_color_breeze; -@define-color wm_button_active_color_a shade(@theme_bg_color_breeze, 0.85); -@define-color wm_button_active_color_b shade(@theme_bg_color_breeze, 0.89); -@define-color wm_button_active_color_c shade(@theme_bg_color_breeze, 0.9); -@define-color content_view_bg @theme_base_color_breeze; * { padding: 0; @@ -143,170 +22,12 @@ read if you used those and something break with a version upgrade you're on your /*************** * Base States * ***************/ -.background { - color: @theme_fg_color_breeze; - background-color: @theme_bg_color_breeze; } - /*.background:backdrop { - color: @wm_unfocused_title; - background-color: @theme_bg_color_breeze; - text-shadow: none; - -gtk-icon-shadow: none; }*/ -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ *:disabled { -gtk-icon-effect: dim; } -.gtkstyle-fallback { - color: @theme_fg_color_breeze; - background-color: @theme_bg_color_breeze; } - .gtkstyle-fallback:hover { - color: @theme_fg_color_breeze; - background-color: shade(@theme_bg_color_breeze, 1.1); } - .gtkstyle-fallback:active { - color: @theme_fg_color_breeze; - background-color: shade(@theme_bg_color_breeze, 0.9); } - .gtkstyle-fallback:disabled { - color: @theme_disabled_fg_color; - background-color: @theme_unfocused_bg_color_breeze; } - .gtkstyle-fallback:selected { - color: @theme_selected_fg_color_breeze; - background-color: @theme_selected_bg_color_breeze; } -.view, iconview, -.view text, -iconview text, -textview text { - color: @theme_text_color_breeze; - background-color: @theme_base_color_breeze; } - /*.view:backdrop, iconview:backdrop, - .view text:backdrop, - iconview text:backdrop, - textview text:backdrop { - color: @theme_unfocused_text_color; - background-color: @theme_unfocused_base_color_breeze; } - .view:backdrop:disabled, iconview:backdrop:disabled, - .view text:backdrop:disabled, - iconview text:backdrop:disabled, - textview text:backdrop:disabled { - color: @unfocused_insensitive_color; }*/ - .view:disabled, iconview:disabled, - .view text:disabled, - iconview text:disabled, - textview text:disabled { - color: @theme_disabled_fg_color; - background-color: @theme_base_color_breeze; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected { - border-radius: 5px; } -textview border { - background-color: @theme_bg_color_breeze; } - -.rubberband, -rubberband, -flowbox rubberband, -treeview.view rubberband, -.content-view rubberband, -.content-view .rubberband { - border: 1px solid @theme_selected_bg_color_breeze; - background-color: alpha(@theme_selected_bg_color_breeze, 0.3); } - -flowbox flowboxchild { - padding: 3px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -.content-view .tile { - margin: 2px; - background-color: transparent; - border-radius: 0; - padding: 0; } - /*.content-view .tile:backdrop { - background-color: transparent; }*/ - .content-view .tile:active, .content-view .tile:selected { - background-color: transparent; } - .content-view .tile:disabled { - background-color: transparent; } - -label { - caret-color: currentColor; - /*color: @theme_text_color_breeze;*/ - } - label.separator { - color: @theme_fg_color_breeze; } - /*label.separator:backdrop { - color: @wm_unfocused_title; }*/ - label selection { - background-color: @theme_selected_bg_color_breeze; - color: @theme_selected_fg_color_breeze; } - label:disabled { - color: @theme_disabled_fg_color; } - /*label:disabled:backdrop { - color: @unfocused_insensitive_color; }*/ - /*label:backdrop { - color: @wm_unfocused_title; }*/ - -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle { - opacity: 0.55; - text-shadow: none; } - -assistant .sidebar { - background-color: @theme_base_color_breeze; - border-top: 1px solid @borders; } - assistant .sidebar:backdrop { - background-color: @theme_unfocused_base_color_breeze; - border-color: @unfocused_borders; } - -assistant.csd .sidebar { - border-top-style: none; } - -assistant .sidebar label { - padding: 6px 12px; } - -assistant .sidebar label.highlight { - background-color: @wm_highlight; } - -.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, -.app-notification.frame, .osd .scale-popup, -.osd { - color: @theme_fg_color_breeze; - border: none; - background-color: alpha(@theme_bg_color_breeze, 0.7); - background-clip: padding-box; - /*text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black;*/ } - /*popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, - .osd:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; }*/ - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } /**************** * Text Entries * @@ -327,290 +48,7 @@ entry { /*0 -1px 1px 0 alpha(black, 0.7),*/ 0 1px 1px 0 @highlight_color; } - spinbutton:not(.vertical) image.left, - entry image.left { - margin-right: 6px; } - spinbutton:not(.vertical) image.right, - entry image.right { - margin-left: 6px; } - - /* undershoots defined globally later - * - spinbutton:not(.vertical) undershoot.left, - entry undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; - box-shadow: none; } - spinbutton:not(.vertical) undershoot.right, - entry undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; - box-shadow: none; }*/ - - spinbutton:focus button { -background-color: @theme_base_color_breeze; -} - - spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.flat:not(.vertical), - entry.flat:focus, - entry.flat:backdrop, - entry.flat:disabled, - entry.flat:backdrop:disabled, - entry.flat { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; } - spinbutton:focus:not(.vertical), - entry:focus { - border-color: @theme_selected_bg_color_breeze; } - spinbutton:disabled:not(.vertical), - entry:disabled { - color: @theme_disabled_fg_color; - border-color: @theme_disabled_fg_color; - background-color: @insensitive_base_color_breeze; - /*box-shadow: none;*/ - } -/* spinbutton:backdrop:not(.vertical), - entry:backdrop { - color: @theme_unfocused_text_color; - border-color: @unfocused_borders; - background-color: @theme_unfocused_base_color_breeze; - box-shadow: none; - transition: 80ms ease-out; }*/ -/* spinbutton:backdrop:disabled:not(.vertical), - entry:backdrop:disabled { - color: @unfocused_insensitive_color; - border-color: @unfocused_borders; - background-color: @insensitive_bg_color_breeze; - box-shadow: none; }*/ - spinbutton.error:not(.vertical), - entry.error { - color: @error_color_breeze; - border-color: @error_color_breeze; } - spinbutton.error:focus:not(.vertical), - entry.error:focus { - border-color: @error_color_breeze; } - spinbutton.error:not(.vertical) selection, - entry.error selection { - background-color: @error_color_breeze; } - spinbutton.warning:not(.vertical), - entry.warning { - color: @warning_color_breeze; - border-color: @warning_color_breeze; } - spinbutton.warning:focus:not(.vertical), - entry.warning:focus { - border-color: @warning_color_breeze; } - spinbutton.warning:not(.vertical) selection, - entry.warning selection { - background-color: @warning_color_breeze; } - spinbutton:not(.vertical) image, - entry image { - color: @theme_text_color_breeze; } - spinbutton:not(.vertical) image:hover, - entry image:hover { - color: @theme_fg_color_breeze; } - spinbutton:not(.vertical) image:active, - entry image:active { - color: @theme_selected_bg_color_breeze; } - /*spinbutton:not(.vertical) image:backdrop, - entry image:backdrop { - color: @theme_unfocused_text_color; }*/ - spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), - entry:drop(active):focus, - entry:drop(active) { - border-color: @success_color_breeze; - box-shadow: inset 0 0 0 1px @success_color_breeze; } - .osd spinbutton:not(.vertical), .osd - entry { - color: white; - border-color: alpha(black, 0.7); - background-color: alpha(black, 0.5); - background-clip: padding-box; - box-shadow: none; - /*text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; */} - .osd spinbutton:focus:not(.vertical), .osd - entry:focus { - color: white; - border-color: @theme_selected_bg_color_breeze; - background-color: alpha(black, 0.5); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px @theme_selected_bg_color_breeze; - /*text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black;*/ } - /*.osd spinbutton:backdrop:not(.vertical), .osd - entry:backdrop { - color: white; - border-color: alpha(black, 0.7); - background-color: alpha(black, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - .osd spinbutton:disabled:not(.vertical), .osd - entry:disabled { - color: @theme_disabled_fg_color; - border-color: alpha(@theme_disabled_fg_color, 0.7); - background-color: @insensitive_base_color_breeze; /*rgba(49, 52, 52, 0.5);*/ - background-clip: padding-box; - /*box-shadow: none;*/ - text-shadow: none; - -gtk-icon-shadow: none; } - -spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: @theme_selected_bg_color_breeze; - border-style: solid; - /*box-shadow: none;*/ } -/* spinbutton:not(.vertical) progress:backdrop, - entry progress:backdrop { - background-color: transparent; }*/ - -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:focus + button, -.linked:not(.vertical) > -entry:focus + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + -entry, .linked:not(.vertical) > -entry:focus + -entry { - border-left-color: @theme_selected_bg_color_breeze; } - -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:drop(active) + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:drop(active) + button, -.linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -entry, .linked:not(.vertical) > -entry:drop(active) + -entry { - border-left-color: @success_color_breeze; } - -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), -.linked.vertical > -entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: @theme_bg_color_breeze; } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, - .linked.vertical > - entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: @theme_bg_color_breeze; } - -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -entry:disabled + spinbutton:disabled:not(.vertical), -.linked.vertical > -entry:disabled + entry:disabled { - border-top-color: @theme_bg_color_breeze; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > -entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus:not(:only-child) { - border-top-color: @theme_selected_bg_color_breeze; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > -entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:drop(active):not(:only-child) { - border-top-color: @success_color_breeze; } - -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:focus:not(:only-child) + entry, -.linked.vertical > -entry:focus:not(:only-child) + button, -.linked.vertical > -entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: @theme_selected_bg_color_breeze; } - -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:drop(active):not(:only-child) + entry, -.linked.vertical > -entry:drop(active):not(:only-child) + button, -.linked.vertical > -entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: @success_color_breeze; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: @theme_base_color_breeze; - transition-property: color, background; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: @theme_base_color_breeze; } - treeview entry.flat:focus, treeview entry:focus { - border-color: @theme_selected_bg_color_breeze; } - -.entry-tag { - padding: 5px; - margin-top: 2px; - margin-bottom: 2px; - border-style: none; - color: @theme_selected_fg_color_breeze; - background-color: @theme_selected_bg_color_breeze; } - :dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: -5px; } - :dir(rtl) .entry-tag { - margin-left: -5px; - margin-right: 8px; } - .entry-tag:hover { - background-color: shade(@theme_selected_bg_color_breeze, 1.15); } - :backdrop .entry-tag { - color: @theme_unfocused_base_color_breeze; - background-color: @theme_selected_bg_color_breeze; } - .entry-tag.button { - background-color: transparent; - color: @theme_selected_fg_color_breeze; } - :not(:backdrop) .entry-tag.button:hover { - border: 1px solid @theme_selected_bg_color_breeze; - color: @theme_selected_fg_color_breeze; } - :not(:backdrop) .entry-tag.button:active { - background-color: @theme_selected_bg_color_breeze; - color: @theme_selected_fg_color_breeze; } + /*********** * Buttons * @@ -621,1425 +59,19 @@ treeview entry.flat, treeview entry { to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color_breeze), to(transparent)); } } -notebook > header > tabs > arrow, button.titlebutton, -button { - min-height: 24px; - min-width: 16px; - padding: 4px 8px; - border: 1px solid; - border-radius: 5px; - transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -button.default { - font-weight: bold; -} -notebook > header > tabs > arrow, button.titlebutton:hover, -button, button.flat:hover, button.flat:focus { - color: @button_fg_color; - outline-color: alpha(black, 0.1); - /*text-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3); - -gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3);*/ - border-color: @border_color; /*shade(@theme_base_color_breeze, 0.4);*/ - /*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 1), shade(@theme_bg_color_breeze, 1.05));*/ - background-image: linear-gradient(to top, shade(@button_bg_color,0.9), shade(@button_bg_color, 1.1)); - /*box-shadow: inset 0px 1px 1px shade(@theme_bg_color_breeze, 1.15);*/ - box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5), inset 0px -1px 1px alpha(black, 0.85), 0px 3px 3px -2px alpha(black, 0.6) ; -} - notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - /*box-shadow: inset 0 1px alpha(white, 1);*/ - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, - button.flat:hover { - transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; - background-color: alpha(@highlight_color, 0.2) - } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, - button.flat:hover:active { - transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:focus, button.titlebutton:focus, - button:focus { - outline-offset: -8px; - background-color: alpha(@highlight_color, 0.7); - } - notebook > header > tabs > arrow:hover, +notebook > header > tabs > arrow:hover, button:hover { -/* color: @theme_fg_color_breeze; - outline-color: alpha(black, 0.1);*/ - /*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 1.05), shade(@theme_bg_color_breeze, 1.1));*/ -/* background: linear-gradient(to top, shade(@button_bg_color, 1.05), shade(@button_bg_color, 1.1)); - border-color: @borders; - border-bottom-color: shade(@borders, 0.75);*/ - background-color: alpha(@highlight_color, 0.7); - -gtk-icon-effect: highlight; } - headerbar button:hover { - background-color: alpha(@highlight_color, 0.3); - } - notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, - button:active, - button:checked, button.flat:active, button.flat:checked { - color: @theme_button_foreground_active_breeze; - outline-color: alpha(black, 0.1); - border-color: @border_color; - /*text-shadow: 0 1px alpha(white, 0.769231);*/ - /*-gtk-icon-shadow: 0 1px alpha(white, 0.769231);*/ - /*border-color: shade(@borders, 0.6);*/ - /* border-bottom-color: alpha(@highlight_color, 0.5);*/ - /*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.85), shade(@theme_bg_color_breeze, 0.9));*/ - /*background-image: linear-gradient(to top, alpha(shade(@button_bg_color, 0.75), 0.6), alpha(shade(@button_bg_color, 0.8), 0.6));*/ - background-image: linear-gradient(to top, shade(@theme_button_background_active_breeze,0.9), shade(@theme_button_background_active_breeze, 1.1)); - -gtk-icon-shadow: none; - /*box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.6);*/ - box-shadow: inset 0px 0px 2px 0px shade(@button_bg_color, 0.6), - inset 0px 2px 2px 0px shade(@button_bg_color, 0.3), - 0px 1px 1px alpha(@highlight_color, 0.5); - transition-duration: 50ms; } -/* notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, - button:backdrop.flat, - button:backdrop { - border-color: @unfocused_borders; - background: none; - background-image: image(@theme_bg_color_breeze); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); - transition: 80ms ease-out; - -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, - button:backdrop.flat label, - button:backdrop.flat, - button:backdrop label, - button:backdrop { - color: @wm_unfocused_title; } - notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - border-color: @unfocused_borders; - background-image: image(@theme_unfocused_bg_color_breeze); - box-shadow: inset 0 1px alpha(white, 0); } - notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, - button:backdrop.flat:active label, - button:backdrop.flat:active, - button:backdrop.flat:checked label, - button:backdrop.flat:checked, - button:backdrop:active label, - button:backdrop:active, - button:backdrop:checked label, - button:backdrop:checked { - color: @wm_unfocused_title; } - notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - border-color: @unfocused_borders; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, - button:backdrop.flat:disabled label, - button:backdrop.flat:disabled, - button:backdrop:disabled label, - button:backdrop:disabled { - color: @unfocused_insensitive_color; } - notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - border-color: @unfocused_borders; - background-image: image(@insensitive_bg_color_breeze); - box-shadow: inset 0 1px alpha(white, 0), inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.6) ; } - notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, - button:backdrop.flat:disabled:active label, - button:backdrop.flat:disabled:checked label, - button:backdrop:disabled:active label, - button:backdrop:disabled:checked label { - color: @unfocused_insensitive_color; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - */ - - notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, - button:disabled { - text-shadow: none; - -gtk-icon-shadow: none; - /*background-image: image(@insensitive_bg_color_breeze);*/ - background-image: none; - background-color: alpha(@insensitive_bg_color_breeze, 0.5); - box-shadow: 0px 1px 2px @borders; - box-shadow: none; - border-color: @theme_disabled_fg_color; } - notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, - button:disabled label, - button:disabled { - color: @theme_disabled_fg_color;} /*@wm_unfocused_title; }*/ - notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, - button:disabled:active, - button:disabled:checked { - /*color: @theme_fg_color_breeze;*/ - outline-color: alpha(black, 0.1); - text-shadow: none; - background-image: none; - /*background-image: image(@insensitive_bg_color_breeze);*/ - background-color: alpha(@insensitive_bg_color_breeze, 0.5); - box-shadow: inset 0px 2px 2px 0px shade(@button_bg_color, 0.3), - 0px 1px 1px alpha(@highlight_color, 0.5); - /*border-bottom-color: alpha(@highlight_color, 0.5);*/ - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, - button.image-button { - min-width: 24px; - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), - button:drop(active) { - color: shade(@success_color_breeze, 0.85); - border-color: shade(@success_color_breeze, 0.85); - box-shadow: inset 0 0 0 1px shade(@success_color_breeze, 0.85); } - -row:selected -button { - border-color: shade(@theme_selected_bg_color_breeze, 0.75); } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: @theme_selected_fg_color_breeze; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: @theme_unfocused_base_color_breeze; } - -/* -button.osd { - min-width: 24px; - min-height: 32px; - color: #eeeeec; - border-radius: 5px; - color: #eeeeec; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(28, 31, 32, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); - border: none; - box-shadow: none; } - - button.osd.image-button { - min-width: 32px; } - - button.osd:hover { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(57, 63, 65, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); - border: none; - box-shadow: none; } - - button.osd:active, - button.osd:checked { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(black, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); - border: none; - box-shadow: none; } - - button.osd:disabled:backdrop, - button.osd:disabled { - color: @theme_disabled_fg_color; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(49, 52, 52, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } -*/ - /*button.osd:backdrop { - color: #eeeeec; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(28, 31, 32, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; }*/ -/* -.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, -.app-notification.frame button, -.osd -button { - color: #eeeeec; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(28, 31, 32, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, - .osd - button:hover { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(57, 63, 65, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, - .osd - button:active:backdrop, - .osd - button:active, - .osd - button:checked:backdrop, - .osd - button:checked { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(black, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); } - popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, - .osd - button:disabled:backdrop, - .osd - button:disabled { - color: @theme_disabled_fg_color; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(49, 52, 52, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ -/* popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, - .osd - button:backdrop { - color: #eeeeec; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(28, 31, 32, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - /*popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, - .osd - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, - .osd*/ - /*button.flat:hover { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(57, 63, 65, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); }*/ - /* popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, - .osd - button.flat:disabled { - color: @theme_disabled_fg_color; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(49, 52, 52, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, - .osd*/ - /* button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; }*/ - /* popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, - .osd - button.flat:active, - .osd - button.flat:checked { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(black, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); }*/ - - -button.suggested-action { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - /*text-shadow: 0 1px alpha(black, 0.428024); - -gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/ - /*border-color: shade(@theme_selected_bg_color_breeze, 0.75);*/ - background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1.05), shade(@theme_selected_bg_color_breeze, 1.15)); - /*box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2);*/ -} - .selection-mode button.titlebutton, - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_selected_bg_color_breeze; } - - button.suggested-action:hover { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1), shade(@theme_selected_bg_color_breeze, 1.1)); - /*border-color: shade(@theme_selected_bg_color_breeze, 0.6); - border-bottom-color: shade(@theme_selected_bg_color_breeze, 0.55); */} - - button.suggested-action:active, - button.suggested-action:checked { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - /*text-shadow: 0 1px alpha(black, 0.428024); - -gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/ - /*border-color: shade(@theme_selected_bg_color_breeze, 0.4);*/ - background-image: image(shade(@theme_selected_bg_color_breeze, 0.85)); - -gtk-icon-shadow: none; - box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.6); } -/* .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - border-color: @theme_selected_bg_color_breeze; - background-image: image(@theme_selected_bg_color_breeze); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); }*/ - /* .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop label, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop label, - button.suggested-action.flat:backdrop { - color: alpha(@theme_selected_fg_color_breeze, 0.75); } - .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { - border-color: shade(@theme_selected_bg_color_breeze, 1.25); - background-image: image(shade(@theme_selected_bg_color_breeze, 1.25)); - box-shadow: inset 0 1px alpha(white, 0); } - .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, - button.suggested-action:backdrop:active label, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked label, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active label, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked label, - button.suggested-action.flat:backdrop:checked { - color: alpha(@theme_selected_fg_color_breeze, 0.75); } - .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: @unfocused_borders; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - .selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action:backdrop:disabled label, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled label, - button.suggested-action.flat:backdrop:disabled { - color: @unfocused_insensitive_color; } - .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { - border-color: shade(@theme_selected_bg_color_breeze, 1.25); - background-image: image(shade(@theme_selected_bg_color_breeze, 1.25)); - box-shadow: inset 0 1px alpha(white, 0); } - .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, - button.suggested-action:backdrop:disabled:active label, - button.suggested-action:backdrop:disabled:checked label, - button.suggested-action.flat:backdrop:disabled:active label, - button.suggested-action.flat:backdrop:disabled:checked label { - color: shade(@theme_selected_bg_color_breeze, 1.1); }*/ - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_disabled_fg_color; } - - button.suggested-action:disabled { - text-shadow: none; - -gtk-icon-shadow: none; - background-image: image(shade(@theme_selected_bg_color_breeze, 1.15)); - box-shadow: 0px 1px 2px @borders; - box-shadow: none; - border-color: shade(@theme_selected_bg_color_breeze, 0.9); } - - button.suggested-action:disabled label, - button.suggested-action:disabled { - color: @theme_disabled_fg_color; } - - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - text-shadow: none; - background-image: image(@theme_selected_bg_color_breeze); - box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 1.25); - -gtk-icon-shadow: none; } - /* .osd - button.suggested-action { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_selected_bg_color_breeze, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.suggested-action:hover { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_selected_bg_color_breeze, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(@theme_selected_bg_color_breeze); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #858786; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(49, 52, 52, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_selected_bg_color_breeze, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - - -button.destructive-action, -button.close:hover, button.close:focus, -button.flat.close:hover, button.flat.close:focus { - color: @theme_fg_color_breeze; - outline-color: alpha(white, 0.2); - /*text-shadow: 0 1px alpha(black, 0.451529); - -gtk-icon-shadow: 0 1px alpha(black, 0.451529);*/ - /*border-color: shade(@error_color_breeze, 0.6);*/ - background: linear-gradient(to top, shade(mix(@error_color_breeze, @button_bg_color, 0.5), 0.9), shade(mix(@error_color_breeze, @button_bg_color, 0.5), 1.1)); - /*box-shadow: inset 0px 1px 1px shade(@error_color_breeze, 1.15); */ + -gtk-icon-effect: highlight; } - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @error_color_breeze; } - - button.destructive-action:hover { - /*color: @theme_selected_fg_color_breeze;*/ - outline-color: alpha(white, 0.2); - background: linear-gradient(to top, shade(mix(@error_color_breeze, @button_bg_color, 0.5), 1), shade(mix(@error_color_breeze, @button_bg_color, 0.5), 1.1)); } - - button.destructive-action:active, - button.destructive-action:checked { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - /*text-shadow: 0 1px alpha(black, 0.451529); - -gtk-icon-shadow: 0 1px alpha(black, 0.451529);*/ - /*border-color: shade(@error_color_breeze, 0.4);*/ - background-image: image(@error_color_breeze); - -gtk-icon-shadow: none; - /*box-shadow: inset 0px 0px 2px 0px shade(@error_color_breeze, 0.5);*/ - } - - /*button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - border-color: @error_color_breeze; - background-image: image(@error_color_breeze); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - - button.destructive-action:backdrop label, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop label, - button.destructive-action.flat:backdrop { - color: alpha(@theme_selected_fg_color_breeze, 0.8); } - - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - border-color: @error_color_breeze; - background-image: image(@error_color_breeze); - box-shadow: inset 0 1px alpha(white, 0); } - - button.destructive-action:backdrop:active label, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked label, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active label, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked label, - button.destructive-action.flat:backdrop:checked { - color: alpha(@theme_selected_fg_color_breeze, 0.8); } - - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: alpha(@error_color_breeze, 0.75); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - - button.destructive-action:backdrop:disabled label, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled label, - button.destructive-action.flat:backdrop:disabled { - color: @unfocused_insensitive_color; } - - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { - border-color: @error_color_breeze; - background-image: image(@error_color_breeze); - box-shadow: inset 0 1px alpha(white, 0); } - - button.destructive-action:backdrop:disabled:active label, - button.destructive-action:backdrop:disabled:checked label, - button.destructive-action.flat:backdrop:disabled:active label, - button.destructive-action.flat:backdrop:disabled:checked label { - color: shade(@error_color_breeze, 1.2); } - - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(@error_color_breeze, 0.8); }*/ - - button.destructive-action:disabled { - text-shadow: none; - -gtk-icon-shadow: none; - background-image: image(alpha(@error_color_breeze, 0.35)); - box-shadow: 0px 1px 2px @borders; - box-shadow: none; - border-color: @borders; } - - button.destructive-action:disabled label, - button.destructive-action:disabled { - color: alpha(@theme_selected_fg_color_breeze, 0.65); } - - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - text-shadow: none; - background-image: image(@error_color_breeze); - box-shadow: inset 0px 0px 2px 0px shade(@error_color_breeze, 0.6); - -gtk-icon-shadow: none; } - /* .osd - button.destructive-action { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@error_color_breeze, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.destructive-action:hover { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@error_color_breeze, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(@error_color_breeze); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #858786; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(49, 52, 52, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@error_color_breeze, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - -.stack-switcher > -button { - outline-offset: -3px; } - .stack-switcher > - button > label { - padding-left: 6px; - padding-right: 6px; } - .stack-switcher > - button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - .stack-switcher > - button.text-button { - padding-left: 10px; - padding-right: 10px; } - .stack-switcher > - button.image-button { - padding-left: 2px; - padding-right: 2px; } - .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { - animation: none; - background-image: none; } - - -button.font separator, -button.file separator { - background-color: transparent; } - - -button.font > box > box > label { - font-weight: bold; } - -.inline-toolbar -button, .inline-toolbar -button:backdrop { - border-radius: 5px; - border-width: 1px; } - -.primary-toolbar -button { - -gtk-icon-shadow: none; } - + button.circular { - border-radius: 100%; - -gtk-outline-radius: 9999px; - background-origin: padding-box, border-box; - background-clip: padding-box, border-box; } + -gtk-outline-radius: 9999px; + } - button.circular label { - padding: 0; } -/* button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - text-shadow: 0 1px alpha(white, 0.769231); - -gtk-icon-shadow: 0 1px alpha(white, 0.769231); - border-color: @borders; - border-bottom-color: shade(@borders, 1.1); - background-image: image(@button_bg_color); - box-shadow: inset 0px 0px 0px 1px alpha(white, 0.5), 0px 1px 2px alpha(black, 0.1); } - - button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - background-image: image(shade(@button_bg_color, 1.1)); - border-color: @borders; - border-bottom-color: shade(@borders, 1.1); }*/ - -.stack-switcher > -button.needs-attention > label, -.stack-switcher > -button.needs-attention > image, stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@warning_color_breeze), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(white, 0.769231)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > - button.needs-attention > label:backdrop, - .stack-switcher > - button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > - button.needs-attention > label:dir(rtl), - .stack-switcher > - button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { - background-position: left 3px, left 4px; } - -/*.inline-toolbar toolbutton > button { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - text-shadow: 0 1px alpha(white, 0.769231); - -gtk-icon-shadow: 0 1px alpha(white, 0.769231); - border-color: @borders; - border-bottom-color: shade(@borders, 1.1); - background-image: image(@theme_bg_color_breeze);*/ -/* box-shadow: inset 0px 0px 0px 1px alpha(white, 0.5), 0px 1px 2px alpha(black, 0.1); - box-shadow: inset 0px 0px 0px 1px rgba(254, 254, 254, 0.5), 0px 2px 0px alpha(@theme_bg_color_breeze, 0.5), 0px 1px 0px alpha(@theme_bg_color_breeze, 0.5); - */ /* } - .inline-toolbar toolbutton > button:hover { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - background-image: image(shade(@theme_bg_color_breeze, 1.1)); - border-color: @borders; - border-bottom-color: shade(@borders, 1.1); } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - text-shadow: 0 1px alpha(white, 0.769231); - -gtk-icon-shadow: 0 1px alpha(white, 0.769231); - border-color: @borders; - background-image: image(shade(@theme_bg_color_breeze, 1.25)); - -gtk-icon-shadow: none; - box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.75); } - .inline-toolbar toolbutton > button:disabled { - text-shadow: none; - -gtk-icon-shadow: none; - background-image: image(@insensitive_bg_color_breeze); - box-shadow: 0px 1px 2px @borders; - box-shadow: none; - border-color: @borders; } - .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: @theme_disabled_fg_color; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - text-shadow: none; - background-image: image(@insensitive_bg_color_breeze); - box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.75); - -gtk-icon-shadow: none; }*/ - /* .inline-toolbar toolbutton > button:backdrop { - border-color: @unfocused_borders; - background-image: image(@theme_unfocused_bg_color_breeze); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: @theme_disabled_fg_color; } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: @unfocused_borders; - background-image: image(shade(@theme_unfocused_bg_color_breeze, 1.25)); - box-shadow: inset 0 1px alpha(white, 0); } - .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: @theme_disabled_fg_color; } - .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: @unfocused_borders; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: @unfocused_insensitive_color; } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: @unfocused_borders; - background-image: image(shade(@theme_unfocused_bg_color_breeze, 1.05)); - box-shadow: inset 0 1px alpha(white, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: @unfocused_insensitive_color; }*/ - -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, -.linked > button:hover, -.linked > button:active, -.linked > button:checked, -.linked > button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > entry:active:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > button:active:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:active:not(:backdrop):hover + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:active:not(:backdrop):checked + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:active:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + entry:not(:backdrop), .linked:not(.vertical) > entry:active:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop):backdrop + entry:not(:backdrop), .linked:not(.vertical) > button:active:not(:backdrop) + entry:not(:backdrop), -.linked:not(.vertical) > button:active:not(:backdrop):hover + entry:not(:backdrop), -.linked:not(.vertical) > button:active:not(:backdrop):checked + entry:not(:backdrop), -.linked:not(.vertical) > button:active:not(:backdrop):backdrop + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:active:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked > button:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar -.linked > button:active:not(:backdrop):hover + button:not(:backdrop), .inline-toolbar -.linked > button:active:not(:backdrop):checked + button:not(:backdrop), .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .inline-toolbar .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .inline-toolbar .linked > button:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:active:not(:backdrop):hover + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:active:not(:backdrop):checked + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop), .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:active:not(:backdrop):backdrop + button:not(:backdrop), .linked > button:active:not(:backdrop) + button:not(:backdrop), -.linked > button:active:not(:backdrop):hover + button:not(:backdrop), -.linked > button:active:not(:backdrop):checked + button:not(:backdrop), -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop), .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):hover, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar -.linked > button:active:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked > button:active:not(:backdrop) + button:not(:backdrop):hover, -.linked > button:active:not(:backdrop):hover + button:not(:backdrop):hover, -.linked > button:active:not(:backdrop):checked + button:not(:backdrop):hover, -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):active, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar -.linked > button:active:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):active, .linked > button:active:not(:backdrop) + button:not(:backdrop):active, -.linked > button:active:not(:backdrop):hover + button:not(:backdrop):active, -.linked > button:active:not(:backdrop):checked + button:not(:backdrop):active, -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):active, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):checked, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar -.linked > button:active:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked > button:active:not(:backdrop) + button:not(:backdrop):checked, -.linked > button:active:not(:backdrop):hover + button:not(:backdrop):checked, -.linked > button:active:not(:backdrop):checked + button:not(:backdrop):checked, -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked > button:active:not(:backdrop) + button:not(:backdrop):backdrop, -.linked > button:active:not(:backdrop):hover + button:not(:backdrop):backdrop, -.linked > button:active:not(:backdrop):checked + button:not(:backdrop):backdrop, -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > entry:checked:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > button:checked:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:checked:not(:backdrop):hover + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:checked:not(:backdrop):active + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:checked:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + entry:not(:backdrop), .linked:not(.vertical) > entry:checked:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop):backdrop + entry:not(:backdrop), .linked:not(.vertical) > button:checked:not(:backdrop) + entry:not(:backdrop), -.linked:not(.vertical) > button:checked:not(:backdrop):hover + entry:not(:backdrop), -.linked:not(.vertical) > button:checked:not(:backdrop):active + entry:not(:backdrop), -.linked:not(.vertical) > button:checked:not(:backdrop):backdrop + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:checked:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked > button:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop), .inline-toolbar -.linked > button:checked:not(:backdrop):active + button:not(:backdrop), .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .inline-toolbar .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .inline-toolbar .linked > button:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:checked:not(:backdrop):active + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop), .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop), .linked > button:checked:not(:backdrop) + button:not(:backdrop), -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop), -.linked > button:checked:not(:backdrop):active + button:not(:backdrop), -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop), .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):hover, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar -.linked > button:checked:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked > button:checked:not(:backdrop) + button:not(:backdrop):hover, -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):hover, -.linked > button:checked:not(:backdrop):active + button:not(:backdrop):hover, -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):active, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar -.linked > button:checked:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):active, .linked > button:checked:not(:backdrop) + button:not(:backdrop):active, -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):active, -.linked > button:checked:not(:backdrop):active + button:not(:backdrop):active, -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):active, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):checked, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar -.linked > button:checked:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked > button:checked:not(:backdrop) + button:not(:backdrop):checked, -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):checked, -.linked > button:checked:not(:backdrop):active + button:not(:backdrop):checked, -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked > button:checked:not(:backdrop) + button:not(:backdrop):backdrop, -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):backdrop, -.linked > button:checked:not(:backdrop):active + button:not(:backdrop):backdrop, -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop { - border-left-color: shade(@borders, 1.1); } - -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - border-right-style: solid; } - -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 5px; - border-style: solid; } - -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked, -.linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - border-style: solid; } - -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 5px; - border-style: solid; } - -modelbutton.flat, -.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, button:link, -button:visited, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px alpha(white, 0), 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 5px; - outline-offset: -2px; } - modelbutton.flat:hover, - .menuitem.button.flat:hover { - background-color: @theme_base_color_breeze; } - -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow:hover { - background: none; } - modelbutton.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -button.color { - padding: 4px; } - button.color colorswatch:only-child { - box-shadow: 0 1px alpha(@highlight_color, 0.769231); } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - .osd button.color colorswatch:only-child { - box-shadow: none; } - .osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { - box-shadow: none; } - -/********* - * Links * - *********/ -button:link > label, -button:visited > label, -*:link, -button:link, -button:visited { - color: mix(@theme_selected_bg_color_breeze, @theme_fg_color_breeze, 0.6); } -button:link > label:visited, -button:visited > label:visited, -*:link:visited, -button:visited { - color: @theme_selected_bg_color_breeze; } -*:selected button:link > label:visited, *:selected -button:visited > label:visited, -*:selected -*:link:visited, -*:selected button:visited:link, -*:selected -button:visited { - color: shade(@theme_selected_bg_color_breeze, 1.05); } -button:link > label:hover, -button:visited > label:hover, -*:link:hover, -button:hover:link, -button:hover:visited { - color: shade(@theme_selected_bg_color_breeze, 1.1); } -*:selected button:link > label:hover, *:selected -button:visited > label:hover, -*:selected -*:link:hover, -*:selected button:hover:link, -*:selected -button:hover:visited { - color: shade(@theme_selected_bg_color_breeze, 1.15); } -button:link > label:active, -button:visited > label:active, -*:link:active, -button:active:link, -button:active:visited { - color: shade(@theme_selected_bg_color_breeze, 1.05); } -*:selected button:link > label:active, *:selected -button:visited > label:active, -*:selected -*:link:active, -*:selected button:active:link, -*:selected -button:active:visited { - color: shade(@theme_selected_bg_color_breeze, 1.15); } -/*button:link > label:backdrop:backdrop:hover, -button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, -button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, -button:visited > label:backdrop, -*:link:backdrop:backdrop:hover, -button:backdrop:backdrop:hover:link, -button:backdrop:backdrop:hover:visited, -*:link:backdrop:backdrop:hover:selected, -button:backdrop:backdrop:hover:selected:link, -button:backdrop:backdrop:hover:selected:visited, -.selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, -headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, -*:link:backdrop, -button:backdrop:link, -button:backdrop:visited { - color: @theme_selected_bg_color_breeze; }*/ -infobar.info *:link, infobar.info button:link, infobar.info -button:visited, infobar.question *:link, infobar.question button:link, infobar.question -button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning -button:visited, infobar.error *:link, infobar.error button:link, infobar.error -button:visited, button:link > label:selected, -button:visited > label:selected, -*:selected button:link > label, -*:selected -button:visited > label, -*:link:selected, -button:selected:link, -button:selected:visited, -.selection-mode.titlebar:not(headerbar) .subtitle:link, -headerbar.selection-mode .subtitle:link, -*:selected -*:link, -*:selected button:link, -*:selected -button:visited { - color: shade(@theme_selected_bg_color_breeze, 1.2); } - -button:link, -button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked { - text-shadow: none; } - button:link > label, - button:visited > label { - text-decoration-line: underline; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton:not(.vertical) { - padding: 0; } - spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } - /*spinbutton:not(.vertical) entry:backdrop:disabled { - background-color: transparent; }*/ -spinbutton button { - border-radius:5em; - padding: 0.1em; - min-height:0; - min-width:0; -} - /*spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: @theme_text_color_breeze; - background-image: none; - border-style: none none none solid; - border-color: alpha(@borders, 0.3); - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:hover { - color: @theme_fg_color_breeze; - background-color: alpha(@theme_fg_color_breeze, 0.05); } - spinbutton:not(.vertical) button:disabled { - color: @insensitive_fg_color_breeze; - background-color: transparent; } - spinbutton:not(.vertical) button:active { - background-color: alpha(@theme_fg_color_breeze, 0.1); - - } - - spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 5px 5px 0; } - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 5px 0 0 5px; }*/ - -/*.osd spinbutton:not(.vertical) button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color_breeze; - border-style: none none none solid; - border-color: alpha(black, 0.4); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color_breeze; - border-color: alpha(black, 0.5); - background-color: @theme_button_background_normal_breeze; - -gtk-icon-shadow: 0 1px black; - box-shadow: none; }*/ - /* .osd spinbutton:not(.vertical) button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color_breeze; - border-color: alpha(black, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; }*/ - /* .osd spinbutton:not(.vertical) button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_disabled_fg_color; - border-color: alpha(black, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 5px 5px 0; } - .osd spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 5px 0 0 5px; }*/ - -spinbutton.vertical:disabled { - color: @theme_disabled_fg_color; } - -/*spinbutton.vertical:backdrop:disabled { - color: @unfocused_insensitive_color; }*/ - -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } - -spinbutton.vertical entry { - min-height: 32px; - min-width: 32px; - padding: 0; - /*border-radius: 0; */} - -/*spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; } - -spinbutton.vertical button.up { - border-radius: 5px 5px 0 0; - border-style: solid solid none solid; } - -spinbutton.vertical button.down { - border-radius: 0 0 5px 5px; - border-style: none solid solid solid; } - -.osd spinbutton.vertical button:first-child { - color: @theme_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_bg_color_breeze, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - - outline-color: alpha(@theme_fg_color_breeze, 0.2); } - .osd spinbutton.vertical button:first-child:hover { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(shade(@theme_bg_color_breeze,1.2), 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - - outline-color: alpha(@theme_fg_color_breeze, 0.2); } - .osd spinbutton.vertical button:first-child:active { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(black, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: alpha(@theme_fg_color_breeze, 0.2); } - .osd spinbutton.vertical button:first-child:disabled { - color: #858786; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_unfocused_bg_color_breeze, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - /*.osd spinbutton.vertical button:first-child:backdrop { - color: #eeeeec; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_bg_color_breeze, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - -treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - treeview spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; } - -/************** - * ComboBoxes * - **************/ -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } - -combobox:drop(active) { - box-shadow: none; } /************ * Toolbars * @@ -2047,53 +79,8 @@ combobox:drop(active) { toolbar, .inline-toolbar, searchbar, .location-bar { -GtkWidget-window-dragging: true; - padding: 4px; - background-color: @theme_bg_color_breeze; } + } -toolbar { - padding: 4px 3px 3px 4px; } - .osd toolbar { - background-color: transparent; } - toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: rgba(28, 31, 32, 0.7); } - toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; } - toolbar.horizontal separator { - margin: 0 7px 1px 6px; } - toolbar.vertical separator { - margin: 6px 1px 7px 0; } - toolbar:not(.inline-toolbar):not(.osd) switch, - toolbar:not(.inline-toolbar):not(.osd) scale, - toolbar:not(.inline-toolbar):not(.osd) entry, - toolbar:not(.inline-toolbar):not(.osd) spinbutton, - toolbar:not(.inline-toolbar):not(.osd) button { - margin-right: 1px; - margin-bottom: 1px; } - -.inline-toolbar { - padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; } - -searchbar, -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -.inline-toolbar, searchbar, -.location-bar { - border-style: solid; - border-color: @borders; - background-color: shade(@theme_bg_color_breeze, 1.05); } - .inline-toolbar:backdrop, searchbar:backdrop, - .location-bar:backdrop { - border-color: @unfocused_borders; - background-color: @theme_bg_color_breeze; - box-shadow: none; - transition: 80ms ease-out; } /*************** * Header bars * @@ -2103,7 +90,7 @@ headerbar { color: @theme_titlebar_foreground_breeze; /*text-shadow: 0 1px alpha(@text_shadow_color, 0.3), 0 -1px alpha(black, 0.3);*/ padding: 0 6px; - min-height: 46px; + min-height: 2em; border-width: 0; border-radius: 0; /* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.85), shade(@theme_bg_color_breeze, 0.95) 4px, @theme_bg_color_breeze 7px);*/ @@ -2111,6 +98,7 @@ background: linear-gradient(to top, @theme_titlebar_background_breeze, shade(@th /* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.8), shade(@theme_bg_color_breeze, 0.6) 2px, shade(@theme_bg_color_breeze, 1.05) 3px); */ /* background: linear-gradient(to top, @theme_bg_color_breeze, shade(@theme_bg_color_breeze, 1.15)); */ box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.3); } + .titlebar:backdrop:not(headerbar), headerbar:backdrop { color: @theme_titlebar_foreground_backdrop_breeze; @@ -2410,15 +398,15 @@ headerbar entry, headerbar spinbutton, headerbar separator, headerbar button { - margin-top: 6px; - margin-bottom: 6px; + margin-top: 0.3em; + margin-bottom: 0.3em; /*border-color: alpha(black, 0.3);*/ } -headerbar button:disabled { +/*headerbar button:disabled { background-color: alpha(@insensitive_bg_color_breeze, 0.2); - /*border-color: alpha(black, 0.2);*/ -} + border-color: alpha(black, 0.2); +}*/ headerbar switch { margin-top: 14px; @@ -2516,49 +504,25 @@ window.solid-csd headerbar:backdrop:only-child { border-top-left-radius: 0; border-top-right-radius: 0; } -window.csd > .titlebar:not(headerbar) { +/*window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; - box-shadow: none; } + box-shadow: none; }*/ .titlebar:not(headerbar) > separator { background-color: @borders; } -/************ - * Pathbars * - ************/ -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } -.path-bar button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } -.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; } -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; } - -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } /************** * Tree Views * **************/ -treeview.view { - border-left-color: @borders; - border-top-color: @theme_bg_color_breeze; - } + * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; @@ -2566,6 +530,7 @@ treeview.view { -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; } + treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { @@ -2874,7 +839,7 @@ notebook > header { padding: 0px; border-color: @borders; border-width: 1px; - background-color: @theme_bg_color_breeze } + background-color: @theme_bg_color_breeze; } /*notebook > header:backdrop { border-color: @unfocused_borders; background-color: @theme_unfocused_bg_color_breeze; }*/ diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index 3d3c1c1..1278c79 100755 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -1,127 +1,6 @@ -/* GTK NAMED COLORS - ---------------- - use responsibly! */ +@import "../gtk-common/common.css"; -@import "../theme_colors.css"; -/* -widget text/foreground color */ -@define-color theme_fg_color_breeze @window_fg; -/* -text color for entries, views and content in general */ -@define-color theme_text_color_breeze @text_widget_fg; /*shade(@theme_fg_color_breeze, 1.15);*/ -/* -window background color */ -@define-color theme_bg_color_breeze @window_bg; -/* -text widgets and the like base background color */ -@define-color theme_base_color_breeze @text_widget_bg; - -@define-color theme_disabled_fg_color @disabled_fg; /*alpha(@theme_fg_color_breeze, 0.5);*/ - -/* - * button color, sorry for the mess*/ -@define-color theme_button_background_normal_breeze @button_bg; -@define-color button_bg_color @theme_button_background_normal_breeze; - -@define-color theme_button_foreground_normal_breeze @button_fg; -@define-color button_fg_color @theme_button_foreground_normal_breeze; - -@define-color theme_button_foreground_active_breeze @button_pushed_fg; -@define-color theme_button_background_active_breeze @button_pushed_bg; - - -/* -base background color of selections */ -@define-color theme_selected_bg_color_breeze @selected_bg; /*#7BBD89*/ -/* -second color, on scales... */ -@define-color secondary_selected_bg_color shade(@theme_selected_bg_color_breeze, 1.7); -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color_breeze @selected_fg; /*#ffffff*/ -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color_breeze @disabled_bg; /*shade(@theme_bg_color_breeze, 0.95);*/ -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color_breeze @disabled_fg; /*shade(@theme_fg_color_breeze, 1.1);*/ -@define-color theme_disabled_fg_color @insensitive_fg_color_breeze; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color_breeze @disabled_bg; /*@theme_base_color_breeze;*/ -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color_breeze @theme_fg_color_breeze; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color @theme_fg_color_breeze; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color_breeze @theme_bg_color_breeze; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color_breeze @theme_base_color_breeze; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color_breeze @theme_selected_bg_color_breeze; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color_breeze @theme_selected_fg_color_breeze; -/* -insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color shade(@theme_text_color_breeze, 1.1); -/* -widgets main borders color */ -@define-color borders-breeze mix(@border_color, @theme_bg_color_breeze, 0.7); -@define-color borders @borders-breeze; - -/*highlight for buttons*/ -@define-color highlight_color alpha(white, 0.5); - -/*text shadows to simulate "groove" (or "outset")*/ -@define-color text_shadow_color black; - -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders @borders; /*shade(@borders, 1.05);*/ - -/* -these are pretty self explicative */ -@define-color warning_color_breeze @warning_color; -@define-color error_color_breeze @error_color; -@define-color success_color_breeze @success_color; - -/*Window headers*/ -@define-color theme_titlebar_background_breeze @titlebar_active_bg; /*mix(@theme_selected_bg_color_breeze, @theme_bg_color_breeze, 0.5);*/ -@define-color theme_titlebar_background_backdrop_breeze @titlebar_backdrop_bg; /*@theme_bg_color_breeze;*/ -@define-color theme_titlebar_foreground_breeze @titlebar_active_fg; /*@theme_selected_fg_color_breeze;*/ -@define-color theme_titlebar_foreground_backdrop_breeze @titlebar_backdrop_fg; /*@theme_fg_color_breeze;*/ - - -/* scale slider colors*/ -@define-color slider_inner_color @warning_color_breeze; -@define-color slider_middle_color alpha(@warning_color_breeze,0.7); -@define-color slider_outer_color alpha(@warning_color_breeze,0); - -/* -these colors are exported for the window manager and shouldn't be used in applications, -read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(@theme_fg_color_breeze, 1.8); -@define-color wm_unfocused_title @theme_unfocused_fg_color_breeze; -@define-color wm_highlight alpha(white, 0.5); -@define-color wm_borders_edge alpha(white, 0.5); -@define-color wm_bg_a shade(@theme_bg_color_breeze, 1.2); -@define-color wm_bg_b @theme_bg_color_breeze; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(@theme_bg_color_breeze, 1.3); -@define-color wm_button_hover_color_b @theme_bg_color_breeze; -@define-color wm_button_active_color_a shade(@theme_bg_color_breeze, 0.85); -@define-color wm_button_active_color_b shade(@theme_bg_color_breeze, 0.89); -@define-color wm_button_active_color_c shade(@theme_bg_color_breeze, 0.9); -@define-color content_view_bg @theme_base_color_breeze; - * { padding: 0; /* -GtkToolButton-icon-spacing: 4; @@ -139,157 +18,14 @@ read if you used those and something break with a version upgrade you're on your -gtk-outline-radius: 2px; -gtk-secondary-caret-color: @theme_selected_bg_color_breeze;*/ } + + /*************** * Base States * ***************/ -.background { - color: @theme_fg_color_breeze; - background-color: @theme_bg_color_breeze; } - /*.background:backdrop { - color: @wm_unfocused_title; - background-color: @theme_bg_color_breeze; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ *:disabled { -gtk-icon-filter: opacity(0.5); } -.gtkstyle-fallback { - color: @theme_fg_color_breeze; - background-color: @theme_bg_color_breeze; } - .gtkstyle-fallback:hover { - color: @theme_fg_color_breeze; - background-color: shade(@theme_bg_color_breeze, 1.1); } - .gtkstyle-fallback:active { - color: @theme_fg_color_breeze; - background-color: shade(@theme_bg_color_breeze, 0.9); } - .gtkstyle-fallback:disabled { - color: @theme_disabled_fg_color; - background-color: @theme_unfocused_bg_color_breeze; } - .gtkstyle-fallback:selected { - color: @theme_selected_fg_color_breeze; - background-color: @theme_selected_bg_color_breeze; } - -.view, iconview, -.view text, -iconview text, -textview text { - color: @theme_text_color_breeze; - background-color: @theme_base_color_breeze; } - /*.view:backdrop, iconview:backdrop, - .view text:backdrop, - iconview text:backdrop, - textview text:backdrop { - color: @theme_unfocused_text_color; - background-color: @theme_unfocused_base_color_breeze; } - .view:backdrop:disabled, iconview:backdrop:disabled, - .view text:backdrop:disabled, - iconview text:backdrop:disabled, - textview text:backdrop:disabled { - color: @unfocused_insensitive_color; }*/ - .view:disabled, iconview:disabled, - .view text:disabled, - iconview text:disabled, - textview text:disabled { - color: @theme_disabled_fg_color; - background-color: @theme_base_color_breeze; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected { - border-radius: 5px; } - -textview border { - background-color: @theme_bg_color_breeze; } - -.rubberband, -rubberband, -flowbox rubberband, -treeview.view rubberband, -.content-view rubberband, -.content-view .rubberband { - border: 1px solid @theme_selected_bg_color_breeze; - background-color: alpha(@theme_selected_bg_color_breeze, 0.3); } - -flowbox flowboxchild { - padding: 3px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -.content-view .tile { - margin: 2px; - background-color: transparent; - border-radius: 0; - padding: 0; } - /*.content-view .tile:backdrop { - background-color: transparent; }*/ - .content-view .tile:active, .content-view .tile:selected { - background-color: transparent; } - .content-view .tile:disabled { - background-color: transparent; } - -label { - caret-color: currentColor; - /*color: @theme_text_color_breeze;*/ - } - label.separator { - color: @theme_fg_color_breeze; } - /*label.separator:backdrop { - color: @wm_unfocused_title; }*/ - label selection { - background-color: @theme_selected_bg_color_breeze; - color: @theme_selected_fg_color_breeze; } - label:disabled { - color: @theme_disabled_fg_color; } - /*label:disabled:backdrop { - color: @unfocused_insensitive_color; }*/ - /*label:backdrop { - color: @wm_unfocused_title; }*/ - -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle { - opacity: 0.55; - text-shadow: none; } - -assistant .sidebar { - background-color: @theme_base_color_breeze; - border-top: 1px solid @borders; } - assistant .sidebar:backdrop { - background-color: @theme_unfocused_base_color_breeze; - border-color: @unfocused_borders; } - -assistant.csd .sidebar { - border-top-style: none; } - -assistant .sidebar label { - padding: 6px 12px; } - -assistant .sidebar label.highlight { - background-color: @wm_highlight; } - -.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, -.app-notification.frame, .osd .scale-popup, -.osd { - color: @theme_fg_color_breeze; - border: none; - background-color: alpha(@theme_bg_color_breeze, 0.7); - background-clip: padding-box; - /*text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black;*/ } - /*popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, - .osd:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; }*/ - /********************** * General Typography * @@ -331,22 +67,7 @@ assistant .sidebar label.highlight { font-size: 9pt; } -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } /**************** * Text Entries * @@ -365,293 +86,10 @@ entry { background-color: @theme_base_color_breeze; /*box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0);*/ box-shadow: inset 0 4px 3px 0px alpha(black,0.5), - 0 -1px 1px 0 alpha(black, 0.7), + /*0 -1px 1px 0 alpha(black, 0.7),*/ 0 1px 1px 0 @highlight_color; } - spinbutton:not(.vertical) image.left, - entry image.left { - margin-right: 6px; } - spinbutton:not(.vertical) image.right, - entry image.right { - margin-left: 6px; } - - /* undershoots defined globally later - * - spinbutton:not(.vertical) undershoot.left, - entry undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; - box-shadow: none; } - spinbutton:not(.vertical) undershoot.right, - entry undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; - box-shadow: none; }*/ - - spinbutton:focus button { -background-color: @theme_base_color_breeze; -} - - spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.flat:not(.vertical), - entry.flat:focus, - entry.flat:backdrop, - entry.flat:disabled, - entry.flat:backdrop:disabled, - entry.flat { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; } - spinbutton:focus:not(.vertical), - entry:focus { - border-color: @theme_selected_bg_color_breeze; } - spinbutton:disabled:not(.vertical), - entry:disabled { - color: @theme_disabled_fg_color; - border-color: @theme_disabled_fg_color; - background-color: @insensitive_base_color_breeze; - /*box-shadow: none;*/ - } -/* spinbutton:backdrop:not(.vertical), - entry:backdrop { - color: @theme_unfocused_text_color; - border-color: @unfocused_borders; - background-color: @theme_unfocused_base_color_breeze; - box-shadow: none; - transition: 80ms ease-out; }*/ -/* spinbutton:backdrop:disabled:not(.vertical), - entry:backdrop:disabled { - color: @unfocused_insensitive_color; - border-color: @unfocused_borders; - background-color: @insensitive_bg_color_breeze; - box-shadow: none; }*/ - spinbutton.error:not(.vertical), - entry.error { - color: @error_color_breeze; - border-color: @error_color_breeze; } - spinbutton.error:focus:not(.vertical), - entry.error:focus { - border-color: @error_color_breeze; } - spinbutton.error:not(.vertical) selection, - entry.error selection { - background-color: @error_color_breeze; } - spinbutton.warning:not(.vertical), - entry.warning { - color: @warning_color_breeze; - border-color: @warning_color_breeze; } - spinbutton.warning:focus:not(.vertical), - entry.warning:focus { - border-color: @warning_color_breeze; } - spinbutton.warning:not(.vertical) selection, - entry.warning selection { - background-color: @warning_color_breeze; } - spinbutton:not(.vertical) image, - entry image { - color: @theme_text_color_breeze; } - spinbutton:not(.vertical) image:hover, - entry image:hover { - color: @theme_fg_color_breeze; } - spinbutton:not(.vertical) image:active, - entry image:active { - color: @theme_selected_bg_color_breeze; } - /*spinbutton:not(.vertical) image:backdrop, - entry image:backdrop { - color: @theme_unfocused_text_color; }*/ - spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), - entry:drop(active):focus, - entry:drop(active) { - border-color: @success_color_breeze; - box-shadow: inset 0 0 0 1px @success_color_breeze; } - .osd spinbutton:not(.vertical), .osd - entry { - color: white; - border-color: alpha(black, 0.7); - background-color: alpha(black, 0.5); - background-clip: padding-box; - box-shadow: none; - /*text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; */} - .osd spinbutton:focus:not(.vertical), .osd - entry:focus { - color: white; - border-color: @theme_selected_bg_color_breeze; - background-color: alpha(black, 0.5); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px @theme_selected_bg_color_breeze; - /*text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black;*/ } - /*.osd spinbutton:backdrop:not(.vertical), .osd - entry:backdrop { - color: white; - border-color: alpha(black, 0.7); - background-color: alpha(black, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - .osd spinbutton:disabled:not(.vertical), .osd - entry:disabled { - color: @theme_disabled_fg_color; - border-color: alpha(@theme_disabled_fg_color, 0.7); - background-color: @insensitive_base_color_breeze; /*rgba(49, 52, 52, 0.5);*/ - background-clip: padding-box; - /*box-shadow: none;*/ - text-shadow: none; - -gtk-icon-shadow: none; } - -spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: @theme_selected_bg_color_breeze; - border-style: solid; - /*box-shadow: none;*/ } -/* spinbutton:not(.vertical) progress:backdrop, - entry progress:backdrop { - background-color: transparent; }*/ - -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:focus + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:focus + button, -.linked:not(.vertical) > -entry:focus + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + -entry, .linked:not(.vertical) > -entry:focus + -entry { - border-left-color: @theme_selected_bg_color_breeze; } - -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > -entry:drop(active) + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:drop(active) + button, -.linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -entry, .linked:not(.vertical) > -entry:drop(active) + -entry { - border-left-color: @success_color_breeze; } - -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), -.linked.vertical > -entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: @theme_bg_color_breeze; } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, - .linked.vertical > - entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: @theme_bg_color_breeze; } - -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > -entry:disabled + spinbutton:disabled:not(.vertical), -.linked.vertical > -entry:disabled + entry:disabled { - border-top-color: @theme_bg_color_breeze; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > -entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:focus:not(:only-child) { - border-top-color: @theme_selected_bg_color_breeze; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > -entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > -entry + entry:drop(active):not(:only-child) { - border-top-color: @success_color_breeze; } - -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:focus:not(:only-child) + entry, -.linked.vertical > -entry:focus:not(:only-child) + button, -.linked.vertical > -entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: @theme_selected_bg_color_breeze; } - -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > -entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > -entry:drop(active):not(:only-child) + entry, -.linked.vertical > -entry:drop(active):not(:only-child) + button, -.linked.vertical > -entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: @success_color_breeze; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: @theme_base_color_breeze; - transition-property: color, background; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: @theme_base_color_breeze; } - treeview entry.flat:focus, treeview entry:focus { - border-color: @theme_selected_bg_color_breeze; } - -.entry-tag { - padding: 5px; - margin-top: 2px; - margin-bottom: 2px; - border-style: none; - color: @theme_selected_fg_color_breeze; - background-color: @theme_selected_bg_color_breeze; } - :dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: -5px; } - :dir(rtl) .entry-tag { - margin-left: -5px; - margin-right: 8px; } - .entry-tag:hover { - background-color: shade(@theme_selected_bg_color_breeze, 1.15); } - :backdrop .entry-tag { - color: @theme_unfocused_base_color_breeze; - background-color: @theme_selected_bg_color_breeze; } - .entry-tag.button { - background-color: transparent; - color: @theme_selected_fg_color_breeze; } - :not(:backdrop) .entry-tag.button:hover { - border: 1px solid @theme_selected_bg_color_breeze; - color: @theme_selected_fg_color_breeze; } - :not(:backdrop) .entry-tag.button:active { - background-color: @theme_selected_bg_color_breeze; - color: @theme_selected_fg_color_breeze; } + /*********** * Buttons * @@ -662,1505 +100,18 @@ treeview entry.flat, treeview entry { to { background-image: radial-gradient(@theme_selected_bg_color_breeze, @theme_selected_bg_color_breeze 70%, alpha(@theme_selected_bg_color_breeze, 0)); } } -notebook > header > tabs > arrow, button.titlebutton, -button { - min-height: 24px; - min-width: 16px; - padding: 4px 8px; - border: 1px solid; - border-radius: 5px; - transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -button.default { - font-weight: bold; -} -notebook > header > tabs > arrow, button.titlebutton:hover, -button, button.flat:hover, button.flat:focus { - color: @button_fg_color; - outline-color: alpha(black, 0.1); - /*text-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3); - -gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3);*/ - border-color: @border_color; /*shade(@theme_base_color_breeze, 0.4);*/ - /*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 1), shade(@theme_bg_color_breeze, 1.05));*/ - background-image: linear-gradient(to top, shade(@button_bg_color,0.9), shade(@button_bg_color, 1.1)); - /*box-shadow: inset 0px 1px 1px shade(@theme_bg_color_breeze, 1.15);*/ - box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5), inset 0px -1px 1px alpha(black, 0.85), 0px 3px 3px -2px alpha(black, 0.6); -} - notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - /*box-shadow: inset 0 1px alpha(white, 1);*/ - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, - button.flat:hover { - transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; - background-color: alpha(@highlight_color, 0.2); - } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, - button.flat:hover:active { - transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:focus, button.titlebutton:focus, - button:focus { - outline-offset: -8px; - background-color: alpha(@highlight_color, 0.7); - } - notebook > header > tabs > arrow:hover, + +notebook > header > tabs > arrow:hover, button:hover { -/* color: @theme_fg_color_breeze; - outline-color: alpha(black, 0.1);*/ - /*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 1.05), shade(@theme_bg_color_breeze, 1.1));*/ -/* background: linear-gradient(to top, shade(@button_bg_color, 1.05), shade(@button_bg_color, 1.1)); - border-color: @borders; - border-bottom-color: shade(@borders, 0.75);*/ - background-color: alpha(@highlight_color, 0.7); - -gtk-icon-filter: brightness(1.2); } - headerbar button:hover { - background-color: alpha(@highlight_color, 0.3); - } - notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, - button:active, - button:checked, button.flat:active, button.flat:checked { - color: @button_fg_color; - outline-color: alpha(black, 0.1); - /*text-shadow: 0 1px alpha(white, 0.769231);*/ - /*-gtk-icon-shadow: 0 1px alpha(white, 0.769231);*/ - /*border-color: shade(@borders, 0.6);*/ - /* border-bottom-color: alpha(@highlight_color, 0.5);*/ - /*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.85), shade(@theme_bg_color_breeze, 0.9));*/ - background-image: linear-gradient(to top, shade(@theme_button_background_active_breeze,0.9), shade(@theme_button_background_active_breeze, 1.1)); - -gtk-icon-shadow: none; - /*box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.6);*/ - box-shadow: inset 0px 0px 2px 0px shade(@button_bg_color, 0.6), - inset 0px 2px 2px 0px shade(@button_bg_color, 0.3), - 0px 1px 1px alpha(@highlight_color, 0.5); - transition-duration: 50ms; } -/* notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, - button:backdrop.flat, - button:backdrop { - border-color: @unfocused_borders; - background: none; - background-image: image(@theme_bg_color_breeze); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); - transition: 80ms ease-out; - -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, - button:backdrop.flat label, - button:backdrop.flat, - button:backdrop label, - button:backdrop { - color: @wm_unfocused_title; } - notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - border-color: @unfocused_borders; - background-image: image(@theme_unfocused_bg_color_breeze); - box-shadow: inset 0 1px alpha(white, 0); } - notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, - button:backdrop.flat:active label, - button:backdrop.flat:active, - button:backdrop.flat:checked label, - button:backdrop.flat:checked, - button:backdrop:active label, - button:backdrop:active, - button:backdrop:checked label, - button:backdrop:checked { - color: @wm_unfocused_title; } - notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - border-color: @unfocused_borders; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, - button:backdrop.flat:disabled label, - button:backdrop.flat:disabled, - button:backdrop:disabled label, - button:backdrop:disabled { - color: @unfocused_insensitive_color; } - notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - border-color: @unfocused_borders; - background-image: image(@insensitive_bg_color_breeze); - box-shadow: inset 0 1px alpha(white, 0), inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.6) ; } - notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, - button:backdrop.flat:disabled:active label, - button:backdrop.flat:disabled:checked label, - button:backdrop:disabled:active label, - button:backdrop:disabled:checked label { - color: @unfocused_insensitive_color; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - */ - - notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, - button:disabled { - text-shadow: none; - -gtk-icon-shadow: none; - /*background-image: image(@insensitive_bg_color_breeze);*/ - background-image: none; - background-color: alpha(@insensitive_bg_color_breeze, 0.5); - box-shadow: 0px 1px 2px @borders; - box-shadow: none; - border-color: @theme_disabled_fg_color; } - notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, - button:disabled label, - button:disabled { - color: @theme_disabled_fg_color;} /*@wm_unfocused_title; }*/ - notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, - button:disabled:active, - button:disabled:checked { - /*color: @theme_fg_color_breeze;*/ - outline-color: alpha(black, 0.1); - text-shadow: none; - background-image: none; - /*background-image: image(@insensitive_bg_color_breeze);*/ - background-color: alpha(@insensitive_bg_color_breeze, 0.5); - box-shadow: inset 0px 2px 2px 0px shade(@button_bg_color, 0.3), - 0px 1px 1px alpha(@highlight_color, 0.5); - /*border-bottom-color: alpha(@highlight_color, 0.5);*/ - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, - button.image-button { - min-width: 24px; - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), - button:drop(active) { - color: shade(@success_color_breeze, 0.85); - border-color: shade(@success_color_breeze, 0.85); - box-shadow: inset 0 0 0 1px shade(@success_color_breeze, 0.85); } - -row:selected -button { - border-color: shade(@theme_selected_bg_color_breeze, 0.75); } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: @theme_selected_fg_color_breeze; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: @theme_unfocused_base_color_breeze; } - -/* -button.osd { - min-width: 24px; - min-height: 32px; - color: #eeeeec; - border-radius: 5px; - color: #eeeeec; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(28, 31, 32, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); - border: none; - box-shadow: none; } - - button.osd.image-button { - min-width: 32px; } - - button.osd:hover { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(57, 63, 65, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); - border: none; - box-shadow: none; } - - button.osd:active, - button.osd:checked { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(black, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); - border: none; - box-shadow: none; } - - button.osd:disabled:backdrop, - button.osd:disabled { - color: @theme_disabled_fg_color; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(49, 52, 52, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } -*/ - /*button.osd:backdrop { - color: #eeeeec; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(28, 31, 32, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; }*/ -/* -.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, -.app-notification.frame button, -.osd -button { - color: #eeeeec; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(28, 31, 32, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, - .osd - button:hover { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(57, 63, 65, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, - .osd - button:active:backdrop, - .osd - button:active, - .osd - button:checked:backdrop, - .osd - button:checked { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(black, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); } - popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, - .osd - button:disabled:backdrop, - .osd - button:disabled { - color: @theme_disabled_fg_color; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(49, 52, 52, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ -/* popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, - .osd - button:backdrop { - color: #eeeeec; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(28, 31, 32, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - /*popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, - .osd - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, - .osd*/ - /*button.flat:hover { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(57, 63, 65, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); }*/ - /* popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, - .osd - button.flat:disabled { - color: @theme_disabled_fg_color; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(49, 52, 52, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, - .osd*/ - /* button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; }*/ - /* popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, - .osd - button.flat:active, - .osd - button.flat:checked { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(black, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); }*/ - - -button.suggested-action { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - /*text-shadow: 0 1px alpha(black, 0.428024); - -gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/ - /*border-color: shade(@theme_selected_bg_color_breeze, 0.75);*/ - background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1.05), shade(@theme_selected_bg_color_breeze, 1.15)); - /*box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2);*/ -} - .selection-mode button.titlebutton, - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_selected_bg_color_breeze; } - - button.suggested-action:hover { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1), shade(@theme_selected_bg_color_breeze, 1.1)); - /*border-color: shade(@theme_selected_bg_color_breeze, 0.6); - border-bottom-color: shade(@theme_selected_bg_color_breeze, 0.55); */} - - button.suggested-action:active, - button.suggested-action:checked { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - /*text-shadow: 0 1px alpha(black, 0.428024); - -gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/ - /*border-color: shade(@theme_selected_bg_color_breeze, 0.4);*/ - background-image: image(shade(@theme_selected_bg_color_breeze, 0.85)); - -gtk-icon-shadow: none; - box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.6); } -/* .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - border-color: @theme_selected_bg_color_breeze; - background-image: image(@theme_selected_bg_color_breeze); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); }*/ - /* .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop label, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop label, - button.suggested-action.flat:backdrop { - color: alpha(@theme_selected_fg_color_breeze, 0.75); } - .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { - border-color: shade(@theme_selected_bg_color_breeze, 1.25); - background-image: image(shade(@theme_selected_bg_color_breeze, 1.25)); - box-shadow: inset 0 1px alpha(white, 0); } - .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, - button.suggested-action:backdrop:active label, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked label, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active label, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked label, - button.suggested-action.flat:backdrop:checked { - color: alpha(@theme_selected_fg_color_breeze, 0.75); } - .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: @unfocused_borders; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - .selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action:backdrop:disabled label, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled label, - button.suggested-action.flat:backdrop:disabled { - color: @unfocused_insensitive_color; } - .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { - border-color: shade(@theme_selected_bg_color_breeze, 1.25); - background-image: image(shade(@theme_selected_bg_color_breeze, 1.25)); - box-shadow: inset 0 1px alpha(white, 0); } - .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, - button.suggested-action:backdrop:disabled:active label, - button.suggested-action:backdrop:disabled:checked label, - button.suggested-action.flat:backdrop:disabled:active label, - button.suggested-action.flat:backdrop:disabled:checked label { - color: shade(@theme_selected_bg_color_breeze, 1.1); }*/ - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_disabled_fg_color; } - - button.suggested-action:disabled { - text-shadow: none; - -gtk-icon-shadow: none; - background-image: image(shade(@theme_selected_bg_color_breeze, 1.15)); - box-shadow: 0px 1px 2px @borders; - box-shadow: none; - border-color: shade(@theme_selected_bg_color_breeze, 0.9); } - - button.suggested-action:disabled label, - button.suggested-action:disabled { - color: @theme_disabled_fg_color; } - - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - text-shadow: none; - background-image: image(@theme_selected_bg_color_breeze); - box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 1.25); - -gtk-icon-shadow: none; } - /* .osd - button.suggested-action { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_selected_bg_color_breeze, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.suggested-action:hover { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_selected_bg_color_breeze, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(@theme_selected_bg_color_breeze); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #858786; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(49, 52, 52, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_selected_bg_color_breeze, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - - -button.destructive-action, -button.close:hover, button.close:focus, -button.flat.close:hover, button.flat.close:focus { - color: @theme_fg_color_breeze; - outline-color: alpha(white, 0.2); - /*text-shadow: 0 1px alpha(black, 0.451529); - -gtk-icon-shadow: 0 1px alpha(black, 0.451529);*/ - /*border-color: shade(@error_color_breeze, 0.6);*/ - background: linear-gradient(to top, shade(mix(@error_color_breeze, @button_bg_color, 0.5), 0.9), shade(mix(@error_color_breeze, @button_bg_color, 0.5), 1.1)); - /*box-shadow: inset 0px 1px 1px shade(@error_color_breeze, 1.15); */ + -gtk-icon-filter: brightness(1.2); } - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @error_color_breeze; } - button.destructive-action:hover { - /*color: @theme_selected_fg_color_breeze;*/ - outline-color: alpha(white, 0.2); - background: linear-gradient(to top, shade(mix(@error_color_breeze, @button_bg_color, 0.5), 1), shade(mix(@error_color_breeze, @button_bg_color, 0.5), 1.1)); } - - button.destructive-action:active, - button.destructive-action:checked { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - /*text-shadow: 0 1px alpha(black, 0.451529); - -gtk-icon-shadow: 0 1px alpha(black, 0.451529);*/ - /*border-color: shade(@error_color_breeze, 0.4);*/ - background-image: image(@error_color_breeze); - -gtk-icon-shadow: none; - /*box-shadow: inset 0px 0px 2px 0px shade(@error_color_breeze, 0.5);*/ - } - - /*button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - border-color: @error_color_breeze; - background-image: image(@error_color_breeze); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - - button.destructive-action:backdrop label, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop label, - button.destructive-action.flat:backdrop { - color: alpha(@theme_selected_fg_color_breeze, 0.8); } - - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - border-color: @error_color_breeze; - background-image: image(@error_color_breeze); - box-shadow: inset 0 1px alpha(white, 0); } - - button.destructive-action:backdrop:active label, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked label, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active label, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked label, - button.destructive-action.flat:backdrop:checked { - color: alpha(@theme_selected_fg_color_breeze, 0.8); } - - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: alpha(@error_color_breeze, 0.75); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - - button.destructive-action:backdrop:disabled label, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled label, - button.destructive-action.flat:backdrop:disabled { - color: @unfocused_insensitive_color; } - - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { - border-color: @error_color_breeze; - background-image: image(@error_color_breeze); - box-shadow: inset 0 1px alpha(white, 0); } - - button.destructive-action:backdrop:disabled:active label, - button.destructive-action:backdrop:disabled:checked label, - button.destructive-action.flat:backdrop:disabled:active label, - button.destructive-action.flat:backdrop:disabled:checked label { - color: shade(@error_color_breeze, 1.2); } - - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(@error_color_breeze, 0.8); }*/ - - button.destructive-action:disabled { - text-shadow: none; - -gtk-icon-shadow: none; - background-image: image(alpha(@error_color_breeze, 0.35)); - box-shadow: 0px 1px 2px @borders; - box-shadow: none; - border-color: @borders; } - - button.destructive-action:disabled label, - button.destructive-action:disabled { - color: alpha(@theme_selected_fg_color_breeze, 0.65); } - - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - color: @theme_selected_fg_color_breeze; - outline-color: alpha(white, 0.2); - text-shadow: none; - background-image: image(@error_color_breeze); - box-shadow: inset 0px 0px 2px 0px shade(@error_color_breeze, 0.6); - -gtk-icon-shadow: none; } - /* .osd - button.destructive-action { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@error_color_breeze, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.destructive-action:hover { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@error_color_breeze, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(@error_color_breeze); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.2); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #858786; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(rgba(49, 52, 52, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { - color: @theme_selected_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@error_color_breeze, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - -.stack-switcher > -button { - outline-offset: -3px; } - .stack-switcher > - button > label { - padding-left: 6px; - padding-right: 6px; } - .stack-switcher > - button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - .stack-switcher > - button.text-button { - padding-left: 10px; - padding-right: 10px; } - .stack-switcher > - button.image-button { - padding-left: 2px; - padding-right: 2px; } - .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { - animation: none; - background-image: none; } - - -button.font separator, -button.file separator { - background-color: transparent; } - - -button.font > box > box > label { - font-weight: bold; } - -.inline-toolbar -button, .inline-toolbar -button:backdrop { - border-radius: 5px; - border-width: 1px; } - -.primary-toolbar -button { - -gtk-icon-shadow: none; } - - -button.circular { - border-radius: 100%; - /*-gtk-outline-radius: 9999px;*/ - background-origin: padding-box, border-box; - background-clip: padding-box, border-box; } - - button.circular label { - padding: 0; } - -/* button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - text-shadow: 0 1px alpha(white, 0.769231); - -gtk-icon-shadow: 0 1px alpha(white, 0.769231); - border-color: @borders; - border-bottom-color: shade(@borders, 1.1); - background-image: image(@button_bg_color); - box-shadow: inset 0px 0px 0px 1px alpha(white, 0.5), 0px 1px 2px alpha(black, 0.1); } - - button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - background-image: image(shade(@button_bg_color, 1.1)); - border-color: @borders; - border-bottom-color: shade(@borders, 1.1); }*/ - -.needs-attention { - animation: needs_attention 150ms ease-in; - background-image: radial-gradient(closest-side, @warning_color_breeze 0%, @warning_color_breeze 50%, alpha(@warning_color_breeze, 0) 100%); - background-size: 1em 1em; - background-repeat: no-repeat; - background-position: top right; -} - -.needs-attention:dir(rtl) { - background-position: top left; -} - -/* -.stack-switcher > -button.needs-attention > label, -.stack-switcher > -button.needs-attention > image, stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: radial-gradient(@theme_selected_bg_color_breeze, @warning_color_breeze 70%, alpha(@warning_color_breeze, 0)); - background-size: 1em 1em; - background-repeat: no-repeat; - background-position: top right; - }*/ - /*.stack-switcher > - button.needs-attention > label:backdrop, - .stack-switcher > - button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { - background-size: 6px 6px, 0 0; }*/ -/* .stack-switcher > - button.needs-attention > label:dir(rtl), - .stack-switcher > - button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { - background-position: top left; }*/ - -/*.inline-toolbar toolbutton > button { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - text-shadow: 0 1px alpha(white, 0.769231); - -gtk-icon-shadow: 0 1px alpha(white, 0.769231); - border-color: @borders; - border-bottom-color: shade(@borders, 1.1); - background-image: image(@theme_bg_color_breeze);*/ -/* box-shadow: inset 0px 0px 0px 1px alpha(white, 0.5), 0px 1px 2px alpha(black, 0.1); - box-shadow: inset 0px 0px 0px 1px rgba(254, 254, 254, 0.5), 0px 2px 0px alpha(@theme_bg_color_breeze, 0.5), 0px 1px 0px alpha(@theme_bg_color_breeze, 0.5); - */ /* } - .inline-toolbar toolbutton > button:hover { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - background-image: image(shade(@theme_bg_color_breeze, 1.1)); - border-color: @borders; - border-bottom-color: shade(@borders, 1.1); } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - text-shadow: 0 1px alpha(white, 0.769231); - -gtk-icon-shadow: 0 1px alpha(white, 0.769231); - border-color: @borders; - background-image: image(shade(@theme_bg_color_breeze, 1.25)); - -gtk-icon-shadow: none; - box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.75); } - .inline-toolbar toolbutton > button:disabled { - text-shadow: none; - -gtk-icon-shadow: none; - background-image: image(@insensitive_bg_color_breeze); - box-shadow: 0px 1px 2px @borders; - box-shadow: none; - border-color: @borders; } - .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: @theme_disabled_fg_color; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: @theme_fg_color_breeze; - outline-color: rgba(82, 87, 98, 0.2); - text-shadow: none; - background-image: image(@insensitive_bg_color_breeze); - box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.75); - -gtk-icon-shadow: none; }*/ - /* .inline-toolbar toolbutton > button:backdrop { - border-color: @unfocused_borders; - background-image: image(@theme_unfocused_bg_color_breeze); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: @theme_disabled_fg_color; } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: @unfocused_borders; - background-image: image(shade(@theme_unfocused_bg_color_breeze, 1.25)); - box-shadow: inset 0 1px alpha(white, 0); } - .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: @theme_disabled_fg_color; } - .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: @unfocused_borders; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px alpha(white, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: @unfocused_insensitive_color; } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: @unfocused_borders; - background-image: image(shade(@theme_unfocused_bg_color_breeze, 1.05)); - box-shadow: inset 0 1px alpha(white, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: @unfocused_insensitive_color; }*/ - -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, -.linked > button:hover, -.linked > button:active, -.linked > button:checked, -.linked > button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > entry:active:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > button:active:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:active:not(:backdrop):hover + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:active:not(:backdrop):checked + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:active:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + entry:not(:backdrop), .linked:not(.vertical) > entry:active:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop):backdrop + entry:not(:backdrop), .linked:not(.vertical) > button:active:not(:backdrop) + entry:not(:backdrop), -.linked:not(.vertical) > button:active:not(:backdrop):hover + entry:not(:backdrop), -.linked:not(.vertical) > button:active:not(:backdrop):checked + entry:not(:backdrop), -.linked:not(.vertical) > button:active:not(:backdrop):backdrop + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:active:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked > button:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar -.linked > button:active:not(:backdrop):hover + button:not(:backdrop), .inline-toolbar -.linked > button:active:not(:backdrop):checked + button:not(:backdrop), .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .inline-toolbar .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .inline-toolbar .linked > button:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:active:not(:backdrop):hover + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:active:not(:backdrop):checked + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop), .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:active:not(:backdrop):backdrop + button:not(:backdrop), .linked > button:active:not(:backdrop) + button:not(:backdrop), -.linked > button:active:not(:backdrop):hover + button:not(:backdrop), -.linked > button:active:not(:backdrop):checked + button:not(:backdrop), -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop), .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):hover, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar -.linked > button:active:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked > button:active:not(:backdrop) + button:not(:backdrop):hover, -.linked > button:active:not(:backdrop):hover + button:not(:backdrop):hover, -.linked > button:active:not(:backdrop):checked + button:not(:backdrop):hover, -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):active, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar -.linked > button:active:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):active, .linked > button:active:not(:backdrop) + button:not(:backdrop):active, -.linked > button:active:not(:backdrop):hover + button:not(:backdrop):active, -.linked > button:active:not(:backdrop):checked + button:not(:backdrop):active, -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):active, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):checked, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar -.linked > button:active:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked > button:active:not(:backdrop) + button:not(:backdrop):checked, -.linked > button:active:not(:backdrop):hover + button:not(:backdrop):checked, -.linked > button:active:not(:backdrop):checked + button:not(:backdrop):checked, -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked > button:active:not(:backdrop) + button:not(:backdrop):backdrop, -.linked > button:active:not(:backdrop):hover + button:not(:backdrop):backdrop, -.linked > button:active:not(:backdrop):checked + button:not(:backdrop):backdrop, -.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > entry:checked:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > button:checked:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:checked:not(:backdrop):hover + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:checked:not(:backdrop):active + spinbutton:not(:backdrop):not(.vertical), -.linked:not(.vertical) > button:checked:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + entry:not(:backdrop), .linked:not(.vertical) > entry:checked:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop):backdrop + entry:not(:backdrop), .linked:not(.vertical) > button:checked:not(:backdrop) + entry:not(:backdrop), -.linked:not(.vertical) > button:checked:not(:backdrop):hover + entry:not(:backdrop), -.linked:not(.vertical) > button:checked:not(:backdrop):active + entry:not(:backdrop), -.linked:not(.vertical) > button:checked:not(:backdrop):backdrop + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:checked:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked > button:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop), .inline-toolbar -.linked > button:checked:not(:backdrop):active + button:not(:backdrop), .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .inline-toolbar .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .inline-toolbar .linked > button:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:checked:not(:backdrop):active + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop), .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop), .linked > button:checked:not(:backdrop) + button:not(:backdrop), -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop), -.linked > button:checked:not(:backdrop):active + button:not(:backdrop), -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop), .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):hover, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar -.linked > button:checked:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked > button:checked:not(:backdrop) + button:not(:backdrop):hover, -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):hover, -.linked > button:checked:not(:backdrop):active + button:not(:backdrop):hover, -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):active, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar -.linked > button:checked:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):active, .linked > button:checked:not(:backdrop) + button:not(:backdrop):active, -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):active, -.linked > button:checked:not(:backdrop):active + button:not(:backdrop):active, -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):active, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):checked, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar -.linked > button:checked:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked > button:checked:not(:backdrop) + button:not(:backdrop):checked, -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):checked, -.linked > button:checked:not(:backdrop):active + button:not(:backdrop):checked, -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked > button:checked:not(:backdrop) + button:not(:backdrop):backdrop, -.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):backdrop, -.linked > button:checked:not(:backdrop):active + button:not(:backdrop):backdrop, -.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop { - border-left-color: shade(@borders, 1.1); } - -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - border-right-style: solid; } - -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 5px; - border-style: solid; } - -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked, -.linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - border-style: solid; } - -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 5px; - border-style: solid; } - -modelbutton.flat, -.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, button:link, -button:visited, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px alpha(white, 0), 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 5px; - outline-offset: -2px; } - modelbutton.flat:hover, - .menuitem.button.flat:hover { - background-color: @theme_base_color_breeze; } - -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow:hover { - background: none; } - modelbutton.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -button.color { - padding: 4px; } - button.color colorswatch:only-child { - box-shadow: 0 1px alpha(@highlight_color, 0.769231); } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - .osd button.color colorswatch:only-child { - box-shadow: none; } - .osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { - box-shadow: none; } - -/********* - * Links * - *********/ -button:link > label, -button:visited > label, -*:link, -button:link, -button:visited { - color: mix(@theme_selected_bg_color_breeze, @theme_fg_color_breeze, 0.6); } -button:link > label:visited, -button:visited > label:visited, -*:link:visited, -button:visited { - color: @theme_selected_bg_color_breeze; } -*:selected button:link > label:visited, *:selected -button:visited > label:visited, -*:selected -*:link:visited, -*:selected button:visited:link, -*:selected -button:visited { - color: shade(@theme_selected_bg_color_breeze, 1.05); } -button:link > label:hover, -button:visited > label:hover, -*:link:hover, -button:hover:link, -button:hover:visited { - color: shade(@theme_selected_bg_color_breeze, 1.1); } -*:selected button:link > label:hover, *:selected -button:visited > label:hover, -*:selected -*:link:hover, -*:selected button:hover:link, -*:selected -button:hover:visited { - color: shade(@theme_selected_bg_color_breeze, 1.15); } -button:link > label:active, -button:visited > label:active, -*:link:active, -button:active:link, -button:active:visited { - color: shade(@theme_selected_bg_color_breeze, 1.05); } -*:selected button:link > label:active, *:selected -button:visited > label:active, -*:selected -*:link:active, -*:selected button:active:link, -*:selected -button:active:visited { - color: shade(@theme_selected_bg_color_breeze, 1.15); } -/*button:link > label:backdrop:backdrop:hover, -button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, -button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, -button:visited > label:backdrop, -*:link:backdrop:backdrop:hover, -button:backdrop:backdrop:hover:link, -button:backdrop:backdrop:hover:visited, -*:link:backdrop:backdrop:hover:selected, -button:backdrop:backdrop:hover:selected:link, -button:backdrop:backdrop:hover:selected:visited, -.selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, -headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, -*:link:backdrop, -button:backdrop:link, -button:backdrop:visited { - color: @theme_selected_bg_color_breeze; }*/ -infobar.info *:link, infobar.info button:link, infobar.info -button:visited, infobar.question *:link, infobar.question button:link, infobar.question -button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning -button:visited, infobar.error *:link, infobar.error button:link, infobar.error -button:visited, button:link > label:selected, -button:visited > label:selected, -*:selected button:link > label, -*:selected -button:visited > label, -*:link:selected, -button:selected:link, -button:selected:visited, -.selection-mode.titlebar:not(headerbar) .subtitle:link, -headerbar.selection-mode .subtitle:link, -*:selected -*:link, -*:selected button:link, -*:selected -button:visited { - color: shade(@theme_selected_bg_color_breeze, 1.2); } - -button:link, -button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked { - text-shadow: none; } - button:link > label, - button:visited > label { - text-decoration-line: underline; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton:not(.vertical) { - padding: 0; } - spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } - /*spinbutton:not(.vertical) entry:backdrop:disabled { - background-color: transparent; }*/ - -spinbutton button { - border-radius:5em; - padding: 0.1em; - min-height:0; - min-width:0; -} - /*spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: @theme_text_color_breeze; - background-image: none; - border-style: none none none solid; - border-color: alpha(@borders, 0.3); - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:hover { - color: @theme_fg_color_breeze; - background-color: alpha(@theme_fg_color_breeze, 0.05); } - spinbutton:not(.vertical) button:disabled { - color: @insensitive_fg_color_breeze; - background-color: transparent; } - spinbutton:not(.vertical) button:active { - background-color: alpha(@theme_fg_color_breeze, 0.1); - }*/ - /*spinbutton:not(.vertical) button:backdrop { - color: shade(@insensitive_fg_color_breeze, 1.25); - background-color: transparent; - border-color: alpha(@insensitive_fg_color_breeze, 0.5); - transition: 80ms ease-out; }*/ - /*spinbutton:not(.vertical) button:backdrop:disabled { - color: alpha(@unfocused_insensitive_color, 0.3); - background-color: transparent; - border-style: none none none solid; } - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; }*/ - /* spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 5px 5px 0; } - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 5px 0 0 5px; }*/ - -/*.osd spinbutton:not(.vertical) button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color_breeze; - border-style: none none none solid; - border-color: alpha(black, 0.4); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color_breeze; - border-color: alpha(black, 0.5); - background-color: @theme_button_background_normal_breeze; - -gtk-icon-shadow: 0 1px black; - box-shadow: none; }*/ - /* .osd spinbutton:not(.vertical) button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color_breeze; - border-color: alpha(black, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; }*/ - /* .osd spinbutton:not(.vertical) button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_disabled_fg_color; - border-color: alpha(black, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 5px 5px 0; } - .osd spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 5px 0 0 5px; } - -spinbutton.vertical:disabled { - color: @theme_disabled_fg_color; }*/ - -/*spinbutton.vertical:backdrop:disabled { - color: @unfocused_insensitive_color; }*/ - -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } - -spinbutton.vertical entry { - min-height: 32px; - min-width: 32px; - padding: 0; - /*border-radius: 0;*/ } - -spinbutton:not(.vertical) text { -margin: 0 4px; -min-width: 2em; -} - -/*spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; } - -spinbutton.vertical button.up { - border-radius: 5px 5px 0 0; - border-style: solid solid none solid; } - -spinbutton.vertical button.down { - border-radius: 0 0 5px 5px; - border-style: none solid solid solid; } - -.osd spinbutton.vertical button:first-child { - color: @theme_fg_color_breeze; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_bg_color_breeze, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - - outline-color: alpha(@theme_fg_color_breeze, 0.2); } - .osd spinbutton.vertical button:first-child:hover { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(shade(@theme_bg_color_breeze,1.2), 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px alpha(white, 0.1); - - outline-color: alpha(@theme_fg_color_breeze, 0.2); } - .osd spinbutton.vertical button:first-child:active { - color: white; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(black, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: alpha(@theme_fg_color_breeze, 0.2); } - .osd spinbutton.vertical button:first-child:disabled { - color: #858786; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_unfocused_bg_color_breeze, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - /*.osd spinbutton.vertical button:first-child:backdrop { - color: #eeeeec; - border-color: alpha(black, 0.7); - background-color: transparent; - background-image: image(alpha(@theme_bg_color_breeze, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; }*/ - -treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - treeview spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; } - -/************** - * ComboBoxes * - **************/ -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } - -combobox:drop(active) { - box-shadow: none; } /************ * Toolbars * ************/ -toolbar, .inline-toolbar, searchbar, -.location-bar { - /*-GtkWidget-window-dragging: true;*/ - padding: 4px; - background-color: @theme_bg_color_breeze; } -toolbar { - padding: 4px 3px 3px 4px; } - .osd toolbar { - background-color: transparent; } - toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: rgba(28, 31, 32, 0.7); } - toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; } - toolbar.horizontal separator { - margin: 0 7px 1px 6px; } - toolbar.vertical separator { - margin: 6px 1px 7px 0; } - toolbar:not(.inline-toolbar):not(.osd) switch, - toolbar:not(.inline-toolbar):not(.osd) scale, - toolbar:not(.inline-toolbar):not(.osd) entry, - toolbar:not(.inline-toolbar):not(.osd) spinbutton, - toolbar:not(.inline-toolbar):not(.osd) button { - margin-right: 1px; - margin-bottom: 1px; } - -.inline-toolbar { - padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; } - -searchbar, -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -.inline-toolbar, searchbar, -.location-bar { - border-style: solid; - border-color: @borders; - background-color: shade(@theme_bg_color_breeze, 1.05); } - .inline-toolbar:backdrop, searchbar:backdrop, - .location-bar:backdrop { - border-color: @unfocused_borders; - background-color: @theme_bg_color_breeze; - box-shadow: none; - transition: 80ms ease-out; } /*************** * Header bars * @@ -2179,7 +130,9 @@ background: linear-gradient(to top, @theme_header_bg, shade(@theme_header_bg, 1. /* background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.8), shade(@theme_bg_color_breeze, 0.6) 2px, shade(@theme_bg_color_breeze, 1.05) 3px); */ /* background: linear-gradient(to top, @theme_bg_color_breeze, shade(@theme_bg_color_breeze, 1.15)); */ box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.3); } - .titlebar:backdrop:not(headerbar), + + /*.titlebar:backdrop:not(headerbar),*/ + .titlebar:backdrop, headerbar:backdrop { color: @theme_header_unfocused_fg; border-color: transparent; @@ -2478,15 +431,15 @@ headerbar entry, headerbar spinbutton, headerbar separator, headerbar button { - margin-top: 6px; - margin-bottom: 6px; + margin-top: 0.3em; + margin-bottom: 0.3em; /*border-color: alpha(black, 0.3);*/ } -headerbar button:disabled { +/*headerbar button:disabled { background-color: alpha(@insensitive_bg_color_breeze, 0.2); - /*border-color: alpha(black, 0.2);*/ -} + border-color: alpha(black, 0.2); +}*/ headerbar switch { margin-top: 14px; @@ -2595,316 +548,19 @@ window.csd > .titlebar:not(headerbar) { .titlebar:not(headerbar) > separator { background-color: @borders; } -/************ - * Pathbars * - ************/ -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } -.path-bar button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } -.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; } -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; } - -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } /************** * Tree Views * **************/ -treeview.view { - border-left-color: @borders; - border-top-color: @theme_bg_color_breeze; - } - /** { - -GtkTreeView-horizontal-separator: 4; - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; }*/ - treeview.view:selected:focus, treeview.view:selected { - border-radius: 0; } - treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: shade(@theme_selected_bg_color_breeze, 1.4); - border-top-color: alpha(@theme_fg_color_breeze, 0.25); } - treeview.view:disabled { - color: @theme_disabled_fg_color; } - treeview.view:disabled:selected { - color: alpha(@theme_selected_fg_color_breeze, 0.25); } - /*treeview.view:disabled:selected:backdrop { - color: alpha(@theme_selected_fg_color_breeze, 0.5); }*/ - treeview.view:disabled:backdrop { - color: @unfocused_insensitive_color; } - treeview.view.separator { - min-height: 2px; - color: @theme_bg_color_breeze; } - /* treeview.view.separator:backdrop { - color: alpha(@theme_bg_color_breeze, 0.1); }*/ - /*treeview.view:backdrop { - border-left-color: shade(@theme_bg_color_breeze, 1.1); - border-top: @theme_bg_color_breeze; }*/ - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: shade(@theme_selected_bg_color_breeze, 0.5); } - treeview.view:drop(active).after { - border-top-style: none; } - treeview.view:drop(active).before { - border-bottom-style: none; } - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: shade(@theme_fg_color_breeze, 1.3); } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: @theme_fg_color_breeze; } - treeview.view.expander:selected { - color: shade(@theme_selected_bg_color_breeze, 1.3); } - treeview.view.expander:selected:hover { - color: shade(@theme_selected_bg_color_breeze, 1.5); } - treeview.view.expander:selected:backdrop { - color: shade(@theme_selected_bg_color_breeze, 1.3); } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:backdrop { - color: shade(@theme_fg_color_breeze, 1.3); } - treeview.view.progressbar { - color: @theme_base_color_breeze; - border: 1px solid shade(@theme_selected_bg_color_breeze, 1.5); - border-radius: 4px; - background-color: @theme_selected_bg_color_breeze; - background-image: linear-gradient(to bottom, @theme_selected_bg_color_breeze, shade(@theme_selected_bg_color_breeze, 1.1)); - box-shadow: inset 0 1px alpha(white, 0.3), 0 1px alpha(black, 0.2); } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - border-radius: 4px; - color: @theme_selected_fg_color_breeze; - box-shadow: none; - background-image: linear-gradient(to bottom, @theme_base_color_breeze, @theme_bg_color_breeze); } - /*treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - color: @theme_selected_bg_color_breeze; - border-color: shade(@theme_selected_bg_color_breeze, 1.5); - background-color: @theme_unfocused_base_color_breeze; }*/ - /*treeview.view.progressbar:backdrop { - color: @theme_unfocused_base_color_breeze; - background-image: none; - box-shadow: none; }*/ - treeview.view.trough { - background-color: rgba(82, 87, 98, 0.1); - border-radius: 4px; } - treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: alpha(white, 0.3); - border-radius: 4px; - border-width: 1px 0; - border-style: solid; - border-color: @theme_selected_bg_color_breeze; } - treeview.view header button { - /*color: @theme_fg_color_breeze; */ /*shade(@theme_fg_color_breeze, 1.5);*/ - /*background-color: @theme_button_background_normal_breeze;*/ /*@theme_base_color_breeze;*/ - font-weight: bold; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - /*color: shade(@theme_fg_color_breeze, 1.1);*/ - box-shadow: none; - transition: none; } - treeview.view header button:active { - /*color: @shade(@theme_fg_color_breeze, 1.2); - background-color: shade(@theme_button_background_normal_breeze, 1.2);*/ - transition: none; } - treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - color: @theme_selected_fg_color_breeze; - background-image: none; - background-color: @theme_selected_bg_color_breeze; - border-style: none; - border-radius: 0; - box-shadow: inset 0 0 0 1px @theme_base_color_breeze; - text-shadow: none; - transition: none; } - treeview.view acceleditor > label { - background-color: @theme_selected_bg_color_breeze; } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 0 6px; - background-image: none; - border-style: none solid solid none; - border-color: @theme_bg_color_breeze; - border-radius: 0; - text-shadow: none; } - treeview.view header button:disabled { - border-color: @theme_bg_color_breeze; - background-image: none; } - /*treeview.view header button:backdrop { - color: shade(@theme_fg_color_breeze, 1.1); - border-color: @theme_bg_color_breeze; - border-style: none solid solid none; - background-image: none; - background-color: @theme_unfocused_base_color_breeze; } - treeview.view header button:backdrop:disabled { - border-color: @theme_bg_color_breeze; - background-image: none; }*/ - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { - border-right-style: none; } -/********* +//********* * Menus * *********/ -menubar, -.menubar { - /*-GtkWidget-window-dragging: true;*/ - padding: 0px; - box-shadow: inset 0 -1px alpha(black, 0.1); } - menubar:backdrop, - .menubar:backdrop { - background-color: @theme_bg_color_breeze; } - menubar > menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 4px 8px; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - box-shadow: inset 0 -3px @theme_selected_bg_color_breeze; - background-color: @theme_selected_bg_color_breeze; - color: @theme_selected_fg_color_breeze; - /*text-shadow: 0px 1px alpha(black, 0.6); */} - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: @theme_disabled_fg_color; - box-shadow: none; } -menu, -.menu, -.context-menu { - margin: 4px; - padding: 2px 0px; - background-color: @theme_base_color_breeze; - border: 1px solid @borders; } - .csd menu, .csd - .menu, .csd - .context-menu { - border: none; } - /*menu:backdrop, - .menu:backdrop, - .context-menu:backdrop { - background-color: @theme_unfocused_base_color_breeze; }*/ - menu menuitem, - .menu menuitem, - .context-menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 4px 6px; - text-shadow: none; } - menu menuitem:hover, - .menu menuitem:hover, - .context-menu menuitem:hover { - color: @theme_selected_fg_color_breeze; - background-color: @theme_selected_bg_color_breeze; } - menu menuitem:disabled, - .menu menuitem:disabled, - .context-menu menuitem:disabled { - color: @theme_disabled_fg_color; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop, - .context-menu menuitem:disabled:backdrop { - color: @unfocused_insensitive_color; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover, - .context-menu menuitem:backdrop, - .context-menu menuitem:backdrop:hover { - color: @theme_disabled_fg_color; - background-color: transparent; } - menu menuitem arrow, - .menu menuitem arrow, - .context-menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - menu menuitem arrow:dir(ltr), - .menu menuitem arrow:dir(ltr), - .context-menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - menu menuitem arrow:dir(rtl), - .menu menuitem arrow:dir(rtl), - .context-menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; } - menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), - .menu menuitem label:dir(rtl), - .menu menuitem label:dir(ltr), - .context-menu menuitem label:dir(rtl), - .context-menu menuitem label:dir(ltr) { - color: inherit; } - menu > arrow, - .menu > arrow, - .context-menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px alpha(white, 0); - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: @theme_base_color_breeze; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top, - .context-menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid rgba(235, 235, 237, 0.9991); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom, - .context-menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid rgba(235, 235, 237, 0.9991); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover, - .context-menu > arrow:hover { - background-color: shade(@theme_base_color_breeze, 1.1); } - menu > arrow:backdrop, - .menu > arrow:backdrop, - .context-menu > arrow:backdrop { - background-color: @theme_unfocused_base_color_breeze; } - menu > arrow:disabled, - .menu > arrow:disabled, - .context-menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -menuitem accelerator { - color: alpha(currentColor,0.55); } - -menuitem check, -menuitem radio { - min-height: 16px; - min-width: 16px; } - menuitem check:dir(ltr), - menuitem radio:dir(ltr) { - margin-right: 7px; } - menuitem check:dir(rtl), - menuitem radio:dir(rtl) { - margin-left: 7px; } /*************** * Popovers * @@ -3605,7 +1261,7 @@ treeview.view radio { scale trough, scale fill, progressbar trough { border-radius: 5px; background-color: @borders; - padding: 1px } + padding: 1px; } progressbar trough, scale trough, levelbar trough { box-shadow: inset 0 1px 2px 1px alpha(black, 0.3), inset 0 -1px 2px 1px alpha(@highlight_color, 0.3); } diff --git a/gtk-common/common.css b/gtk-common/common.css new file mode 100644 index 0000000..7f235e1 --- /dev/null +++ b/gtk-common/common.css @@ -0,0 +1,2022 @@ + +@import "../theme_colors.css"; + + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + + +/* +widget text/foreground color */ +@define-color theme_fg_color_breeze @window_fg; +/* +text color for entries, views and content in general */ +@define-color theme_text_color_breeze @text_widget_fg; /*shade(@theme_fg_color_breeze, 1.15);*/ +/* +window background color */ +@define-color theme_bg_color_breeze @window_bg; +/* +text widgets and the like base background color */ +@define-color theme_base_color_breeze @text_widget_bg; + +@define-color theme_disabled_fg_color @disabled_fg; /*alpha(@theme_fg_color_breeze, 0.5);*/ + +/* + * button color, sorry for the mess*/ +@define-color theme_button_background_normal_breeze @button_bg; +@define-color button_bg_color @theme_button_background_normal_breeze; + +@define-color theme_button_foreground_normal_breeze @button_fg; +@define-color button_fg_color @theme_button_foreground_normal_breeze; + +@define-color theme_button_foreground_active_breeze @button_pushed_fg; +@define-color theme_button_background_active_breeze @button_pushed_bg; + + +/* +base background color of selections */ +@define-color theme_selected_bg_color_breeze @selected_bg; /*#7BBD89*/ +/* +second color, on scales... */ +@define-color secondary_selected_bg_color shade(@theme_selected_bg_color_breeze, 1.7); +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color_breeze @selected_fg; /*#ffffff*/ +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color_breeze @disabled_bg; /*shade(@theme_bg_color_breeze, 0.95);*/ +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color_breeze @disabled_fg; /*shade(@theme_fg_color_breeze, 1.1);*/ +@define-color theme_disabled_fg_color @insensitive_fg_color_breeze; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color_breeze @disabled_bg; /*@theme_base_color_breeze;*/ +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color_breeze @theme_fg_color_breeze; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color @theme_fg_color_breeze; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color_breeze @theme_bg_color_breeze; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color_breeze @theme_base_color_breeze; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color_breeze @theme_selected_bg_color_breeze; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color_breeze @theme_selected_fg_color_breeze; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color shade(@theme_text_color_breeze, 1.1); +/* +widgets main borders color */ +@define-color borders-breeze mix(@border_color, @theme_bg_color_breeze, 0.7); +@define-color borders @borders-breeze; + +/*highlight for buttons*/ +@define-color highlight_color alpha(white, 0.5); + +/*text shadows to simulate "groove" (or "outset")*/ +@define-color text_shadow_color black; + +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders @borders; /*shade(@borders, 1.05);*/ + +/* +these are pretty self explicative */ +@define-color warning_color_breeze @warning_color; +@define-color error_color_breeze @error_color; +@define-color success_color_breeze @success_color; + +/*Window headers*/ +@define-color theme_titlebar_background_breeze @titlebar_active_bg; /*mix(@theme_selected_bg_color_breeze, @theme_bg_color_breeze, 0.5);*/ +@define-color theme_titlebar_background_backdrop_breeze @titlebar_backdrop_bg; /*@theme_bg_color_breeze;*/ +@define-color theme_titlebar_foreground_breeze @titlebar_active_fg; /*@theme_selected_fg_color_breeze;*/ +@define-color theme_titlebar_foreground_backdrop_breeze @titlebar_backdrop_fg; /*@theme_fg_color_breeze;*/ + + +/* scale slider colors*/ +@define-color slider_inner_color @warning_color_breeze; +@define-color slider_middle_color alpha(@warning_color_breeze,0.7); +@define-color slider_outer_color alpha(@warning_color_breeze,0); + +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(@theme_fg_color_breeze, 1.8); +@define-color wm_unfocused_title @theme_unfocused_fg_color_breeze; +@define-color wm_highlight alpha(white, 0.5); +@define-color wm_borders_edge alpha(white, 0.5); +@define-color wm_bg_a shade(@theme_bg_color_breeze, 1.2); +@define-color wm_bg_b @theme_bg_color_breeze; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(@theme_bg_color_breeze, 1.3); +@define-color wm_button_hover_color_b @theme_bg_color_breeze; +@define-color wm_button_active_color_a shade(@theme_bg_color_breeze, 0.85); +@define-color wm_button_active_color_b shade(@theme_bg_color_breeze, 0.89); +@define-color wm_button_active_color_c shade(@theme_bg_color_breeze, 0.9); +@define-color content_view_bg @theme_base_color_breeze; + + +/*************** + * Base States * + ***************/ +.background { + color: @theme_fg_color_breeze; + background-color: @theme_bg_color_breeze; } + /*.background:backdrop { + color: @wm_unfocused_title; + background-color: @theme_bg_color_breeze; + text-shadow: none; + -gtk-icon-shadow: none; }*/ + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +.gtkstyle-fallback { + color: @theme_fg_color_breeze; + background-color: @theme_bg_color_breeze; } + .gtkstyle-fallback:hover { + color: @theme_fg_color_breeze; + background-color: shade(@theme_bg_color_breeze, 1.1); } + .gtkstyle-fallback:active { + color: @theme_fg_color_breeze; + background-color: shade(@theme_bg_color_breeze, 0.9); } + .gtkstyle-fallback:disabled { + color: @theme_disabled_fg_color; + background-color: @theme_unfocused_bg_color_breeze; } + .gtkstyle-fallback:selected { + color: @theme_selected_fg_color_breeze; + background-color: @theme_selected_bg_color_breeze; } + + .view, iconview, +.view text, +iconview text, +textview text { + color: @theme_text_color_breeze; + background-color: @theme_base_color_breeze; } + /*.view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: @theme_unfocused_text_color; + background-color: @theme_unfocused_base_color_breeze; } + .view:backdrop:disabled, iconview:backdrop:disabled, + .view text:backdrop:disabled, + iconview text:backdrop:disabled, + textview text:backdrop:disabled { + color: @unfocused_insensitive_color; }*/ + .view:disabled, iconview:disabled, + .view text:disabled, + iconview text:disabled, + textview text:disabled { + color: @theme_disabled_fg_color; + background-color: @theme_base_color_breeze; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected { + border-radius: 5px; } + +textview border { + background-color: @theme_bg_color_breeze; } + +.rubberband, +rubberband, +flowbox rubberband, +treeview.view rubberband, +.content-view rubberband, +.content-view .rubberband { + border: 1px solid @theme_selected_bg_color_breeze; + background-color: alpha(@theme_selected_bg_color_breeze, 0.3); } + +flowbox flowboxchild { + padding: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +.content-view .tile { + margin: 2px; + background-color: transparent; + border-radius: 0; + padding: 0; } + /*.content-view .tile:backdrop { + background-color: transparent; }*/ + .content-view .tile:active, .content-view .tile:selected { + background-color: transparent; } + .content-view .tile:disabled { + background-color: transparent; } + +label { + caret-color: currentColor; + /*color: @theme_text_color_breeze;*/ + } + label.separator { + color: @theme_fg_color_breeze; } + /*label.separator:backdrop { + color: @wm_unfocused_title; }*/ + label selection { + background-color: @theme_selected_bg_color_breeze; + color: @theme_selected_fg_color_breeze; } + label:disabled { + color: @theme_disabled_fg_color; } + /*label:disabled:backdrop { + color: @unfocused_insensitive_color; }*/ + /*label:backdrop { + color: @wm_unfocused_title; }*/ + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: @theme_base_color_breeze; + border-top: 1px solid @borders; } + assistant .sidebar:backdrop { + background-color: @theme_unfocused_base_color_breeze; + border-color: @unfocused_borders; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: @wm_highlight; } + +.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, +.app-notification.frame, .osd .scale-popup, +.osd { + color: @theme_fg_color_breeze; + border: none; + background-color: alpha(@theme_bg_color_breeze, 0.7); + background-clip: padding-box; + /*text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black;*/ } + /*popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, + .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; }*/ + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + + + +/**************** + * Text Entries * + ****************/ + +spinbutton:not(.vertical) image.left, + entry image.left { + margin-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + margin-left: 6px; } + + /* undershoots defined globally later + * + spinbutton:not(.vertical) undershoot.left, + entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; + box-shadow: none; } + spinbutton:not(.vertical) undershoot.right, + entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, alpha(white, 0.2) 50%, alpha(black, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; + box-shadow: none; }*/ + + spinbutton:focus button { +background-color: @theme_base_color_breeze; +} + + spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat:backdrop, + entry.flat:disabled, + entry.flat:backdrop:disabled, + entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + border-color: transparent; + border-radius: 0; } + spinbutton:focus:not(.vertical), + entry:focus { + border-color: @theme_selected_bg_color_breeze; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: @theme_disabled_fg_color; + border-color: @theme_disabled_fg_color; + background-color: @insensitive_base_color_breeze; + /*box-shadow: none;*/ + } +/* spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: @theme_unfocused_text_color; + border-color: @unfocused_borders; + background-color: @theme_unfocused_base_color_breeze; + box-shadow: none; + transition: 80ms ease-out; }*/ +/* spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: @unfocused_insensitive_color; + border-color: @unfocused_borders; + background-color: @insensitive_bg_color_breeze; + box-shadow: none; }*/ + spinbutton.error:not(.vertical), + entry.error { + color: @error_color_breeze; + border-color: @error_color_breeze; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: @error_color_breeze; } + spinbutton.error:not(.vertical) selection, + entry.error selection { + background-color: @error_color_breeze; } + spinbutton.warning:not(.vertical), + entry.warning { + color: @warning_color_breeze; + border-color: @warning_color_breeze; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: @warning_color_breeze; } + spinbutton.warning:not(.vertical) selection, + entry.warning selection { + background-color: @warning_color_breeze; } + spinbutton:not(.vertical) image, + entry image { + color: @theme_text_color_breeze; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: @theme_fg_color_breeze; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: @theme_selected_bg_color_breeze; } + /*spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: @theme_unfocused_text_color; }*/ + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: @success_color_breeze; + box-shadow: inset 0 0 0 1px @success_color_breeze; } + .osd spinbutton:not(.vertical), .osd + entry { + color: white; + border-color: alpha(black, 0.7); + background-color: alpha(black, 0.5); + background-clip: padding-box; + box-shadow: none; + /*text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; */} + .osd spinbutton:focus:not(.vertical), .osd + entry:focus { + color: white; + border-color: @theme_selected_bg_color_breeze; + background-color: alpha(black, 0.5); + background-clip: padding-box; + box-shadow: inset 0 0 0 1px @theme_selected_bg_color_breeze; + /*text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black;*/ } + /*.osd spinbutton:backdrop:not(.vertical), .osd + entry:backdrop { + color: white; + border-color: alpha(black, 0.7); + background-color: alpha(black, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; }*/ + .osd spinbutton:disabled:not(.vertical), .osd + entry:disabled { + color: @theme_disabled_fg_color; + border-color: alpha(@theme_disabled_fg_color, 0.7); + background-color: @insensitive_base_color_breeze; /*rgba(49, 52, 52, 0.5);*/ + background-clip: padding-box; + /*box-shadow: none;*/ + text-shadow: none; + -gtk-icon-shadow: none; } + +spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: @theme_selected_bg_color_breeze; + border-style: solid; + /*box-shadow: none;*/ } +/* spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; }*/ + +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:focus + button, +.linked:not(.vertical) > +entry:focus + combobox > box > button.combo, +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > +entry:focus + +entry { + border-left-color: @theme_selected_bg_color_breeze; } + +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), +.linked:not(.vertical) > +entry:drop(active) + button, +.linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: @success_color_breeze; } + +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), +.linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { + border-top-color: @theme_bg_color_breeze; } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, + .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: @theme_bg_color_breeze; } + +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), +.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), +.linked.vertical > +entry:disabled + entry:disabled { + border-top-color: @theme_bg_color_breeze; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: @theme_selected_bg_color_breeze; } + +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: @success_color_breeze; } + +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:focus:not(:only-child) + entry, +.linked.vertical > +entry:focus:not(:only-child) + button, +.linked.vertical > +entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: @theme_selected_bg_color_breeze; } + +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > +entry:drop(active):not(:only-child) + entry, +.linked.vertical > +entry:drop(active):not(:only-child) + button, +.linked.vertical > +entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: @success_color_breeze; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: @theme_base_color_breeze; + transition-property: color, background; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: @theme_base_color_breeze; } + treeview entry.flat:focus, treeview entry:focus { + border-color: @theme_selected_bg_color_breeze; } + +.entry-tag { + padding: 5px; + margin-top: 2px; + margin-bottom: 2px; + border-style: none; + color: @theme_selected_fg_color_breeze; + background-color: @theme_selected_bg_color_breeze; } + :dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: -5px; } + :dir(rtl) .entry-tag { + margin-left: -5px; + margin-right: 8px; } + .entry-tag:hover { + background-color: shade(@theme_selected_bg_color_breeze, 1.15); } + :backdrop .entry-tag { + color: @theme_unfocused_base_color_breeze; + background-color: @theme_selected_bg_color_breeze; } + .entry-tag.button { + background-color: transparent; + color: @theme_selected_fg_color_breeze; } + :not(:backdrop) .entry-tag.button:hover { + border: 1px solid @theme_selected_bg_color_breeze; + color: @theme_selected_fg_color_breeze; } + :not(:backdrop) .entry-tag.button:active { + background-color: @theme_selected_bg_color_breeze; + color: @theme_selected_fg_color_breeze; } + + +/*********** + * Buttons * + ***********/ + +notebook > header > tabs > arrow, button.titlebutton, +button { + min-height: 24px; + min-width: 16px; + padding: 0.2em 0.5em; + border: 1px solid; + border-radius: 5px; + transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.default { + font-weight: bold; +} +notebook > header > tabs > arrow, button.titlebutton:hover, +button, button.flat:hover, button.flat:focus { + color: @button_fg_color; + outline-color: alpha(black, 0.1); + /*text-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3); + -gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3);*/ + border-color: @border_color; /*shade(@theme_base_color_breeze, 0.4);*/ + /*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 1), shade(@theme_bg_color_breeze, 1.05));*/ + background-image: linear-gradient(to top, shade(@button_bg_color,0.9), shade(@button_bg_color, 1.1)); + /*box-shadow: inset 0px 1px 1px shade(@theme_bg_color_breeze, 1.15);*/ + box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5), inset 0px -1px 1px alpha(black, 0.85), 0px 3px 3px -2px alpha(black, 0.6) ; +} + notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + /*box-shadow: inset 0 1px alpha(white, 1);*/ + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, + button.flat:hover { + transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; + background-color: alpha(@highlight_color, 0.2); + } + notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, + button.flat:hover:active { + transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook > header > tabs > arrow:focus, button.titlebutton:focus, + button:focus { + outline-offset: -8px; + background-color: alpha(@highlight_color, 0.7); + } + + +notebook > header > tabs > arrow:hover, + button:hover { +/* color: @theme_fg_color_breeze; + outline-color: alpha(black, 0.1);*/ + /*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 1.05), shade(@theme_bg_color_breeze, 1.1));*/ +/* background: linear-gradient(to top, shade(@button_bg_color, 1.05), shade(@button_bg_color, 1.1)); + border-color: @borders; + border-bottom-color: shade(@borders, 0.75);*/ + background-color: alpha(@highlight_color, 0.7); + } + +/* headerbar button:hover { + background-color: alpha(@highlight_color, 0.3); + }*/ + notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, + button:active, + button:checked, button.flat:active, button.flat:checked { + color: @theme_button_foreground_active_breeze; + outline-color: alpha(black, 0.1); + border-color: @border_color; + /*text-shadow: 0 1px alpha(white, 0.769231);*/ + /*-gtk-icon-shadow: 0 1px alpha(white, 0.769231);*/ + /*border-color: shade(@borders, 0.6);*/ + /* border-bottom-color: alpha(@highlight_color, 0.5);*/ + /*background: linear-gradient(to top, shade(@theme_bg_color_breeze, 0.85), shade(@theme_bg_color_breeze, 0.9));*/ + /*background-image: linear-gradient(to top, alpha(shade(@button_bg_color, 0.75), 0.6), alpha(shade(@button_bg_color, 0.8), 0.6));*/ + background-image: linear-gradient(to top, shade(@theme_button_background_active_breeze,0.9), shade(@theme_button_background_active_breeze, 1.1)); + -gtk-icon-shadow: none; + /*box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.6);*/ + box-shadow: inset 0px 0px 2px 0px shade(@button_bg_color, 0.6), + inset 0px 2px 2px 0px shade(@button_bg_color, 0.3), + 0px 1px 1px alpha(@highlight_color, 0.5); + transition-duration: 50ms; } +/* notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + button:backdrop.flat, + button:backdrop { + border-color: @unfocused_borders; + background: none; + background-image: image(@theme_bg_color_breeze); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px alpha(white, 0); + transition: 80ms ease-out; + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, + button:backdrop.flat label, + button:backdrop.flat, + button:backdrop label, + button:backdrop { + color: @wm_unfocused_title; } + notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + border-color: @unfocused_borders; + background-image: image(@theme_unfocused_bg_color_breeze); + box-shadow: inset 0 1px alpha(white, 0); } + notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, + button:backdrop.flat:active label, + button:backdrop.flat:active, + button:backdrop.flat:checked label, + button:backdrop.flat:checked, + button:backdrop:active label, + button:backdrop:active, + button:backdrop:checked label, + button:backdrop:checked { + color: @wm_unfocused_title; } + notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + border-color: @unfocused_borders; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px alpha(white, 0); } + notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, + button:backdrop.flat:disabled label, + button:backdrop.flat:disabled, + button:backdrop:disabled label, + button:backdrop:disabled { + color: @unfocused_insensitive_color; } + notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + border-color: @unfocused_borders; + background-image: image(@insensitive_bg_color_breeze); + box-shadow: inset 0 1px alpha(white, 0), inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.6) ; } + notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, + button:backdrop.flat:disabled:active label, + button:backdrop.flat:disabled:checked label, + button:backdrop:disabled:active label, + button:backdrop:disabled:checked label { + color: @unfocused_insensitive_color; } + notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + */ + + notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, + button:disabled { + text-shadow: none; + -gtk-icon-shadow: none; + /*background-image: image(@insensitive_bg_color_breeze);*/ + background-image: none; + background-color: alpha(@insensitive_bg_color_breeze, 0.5); + box-shadow: 0px 1px 2px @borders; + box-shadow: none; + border-color: @theme_disabled_fg_color; } + notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, + button:disabled label, + button:disabled { + color: @theme_disabled_fg_color;} /*@wm_unfocused_title; }*/ + notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, + button:disabled:active, + button:disabled:checked { + /*color: @theme_fg_color_breeze;*/ + outline-color: alpha(black, 0.1); + text-shadow: none; + background-image: none; + /*background-image: image(@insensitive_bg_color_breeze);*/ + background-color: alpha(@insensitive_bg_color_breeze, 0.5); + box-shadow: inset 0px 2px 2px 0px shade(@button_bg_color, 0.3), + 0px 1px 1px alpha(@highlight_color, 0.5); + /*border-bottom-color: alpha(@highlight_color, 0.5);*/ + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), + button:drop(active) { + color: shade(@success_color_breeze, 0.85); + border-color: shade(@success_color_breeze, 0.85); + box-shadow: inset 0 0 0 1px shade(@success_color_breeze, 0.85); } + +row:selected +button { + border-color: shade(@theme_selected_bg_color_breeze, 0.75); } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: @theme_selected_fg_color_breeze; + border-color: transparent; } + row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: @theme_unfocused_base_color_breeze; } + +/* +button.osd { + min-width: 24px; + min-height: 32px; + color: #eeeeec; + border-radius: 5px; + color: #eeeeec; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.2); + border: none; + box-shadow: none; } + + button.osd.image-button { + min-width: 32px; } + + button.osd:hover { + color: white; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.2); + border: none; + box-shadow: none; } + + button.osd:active, + button.osd:checked { + color: white; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(black, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.2); + border: none; + box-shadow: none; } + + button.osd:disabled:backdrop, + button.osd:disabled { + color: @theme_disabled_fg_color; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +*/ + /*button.osd:backdrop { + color: #eeeeec; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; }*/ +/* +.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, +.app-notification.frame button, +.osd +button { + color: #eeeeec; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.2); } + popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, + .osd + button:hover { + color: white; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.2); } + popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, + .osd + button:active:backdrop, + .osd + button:active, + .osd + button:checked:backdrop, + .osd + button:checked { + color: white; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(black, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.2); } + popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, + .osd + button:disabled:backdrop, + .osd + button:disabled { + color: @theme_disabled_fg_color; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; }*/ +/* popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, + .osd + button:backdrop { + color: #eeeeec; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(28, 31, 32, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; }*/ + /*popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, + .osd + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, + .osd*/ + /*button.flat:hover { + color: white; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(57, 63, 65, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.2); }*/ + /* popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, + .osd + button.flat:disabled { + color: @theme_disabled_fg_color; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, + .osd*/ + /* button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; }*/ + /* popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, + .osd + button.flat:active, + .osd + button.flat:checked { + color: @theme_selected_fg_color_breeze; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(black, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.2); }*/ + + +button.suggested-action { + color: @theme_selected_fg_color_breeze; + outline-color: alpha(white, 0.2); + /*text-shadow: 0 1px alpha(black, 0.428024); + -gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/ + /*border-color: shade(@theme_selected_bg_color_breeze, 0.75);*/ + background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1.05), shade(@theme_selected_bg_color_breeze, 1.15)); + /*box-shadow: inset 0px 1px 1px shade(@theme_selected_bg_color_breeze, 1.2);*/ +} + .selection-mode button.titlebutton, + button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: @theme_selected_bg_color_breeze; } + + button.suggested-action:hover { + color: @theme_selected_fg_color_breeze; + outline-color: alpha(white, 0.2); + background: linear-gradient(to top, shade(@theme_selected_bg_color_breeze, 1), shade(@theme_selected_bg_color_breeze, 1.1)); + /*border-color: shade(@theme_selected_bg_color_breeze, 0.6); + border-bottom-color: shade(@theme_selected_bg_color_breeze, 0.55); */} + + button.suggested-action:active, + button.suggested-action:checked { + color: @theme_selected_fg_color_breeze; + outline-color: alpha(white, 0.2); + /*text-shadow: 0 1px alpha(black, 0.428024); + -gtk-icon-shadow: 0 1px alpha(black, 0.428024);*/ + /*border-color: shade(@theme_selected_bg_color_breeze, 0.4);*/ + background-image: image(shade(@theme_selected_bg_color_breeze, 0.85)); + -gtk-icon-shadow: none; + box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 0.6); } +/* .selection-mode button.titlebutton:backdrop, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop { + border-color: @theme_selected_bg_color_breeze; + background-image: image(@theme_selected_bg_color_breeze); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px alpha(white, 0); }*/ + /* .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, + button.suggested-action:backdrop label, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop label, + button.suggested-action.flat:backdrop { + color: alpha(@theme_selected_fg_color_breeze, 0.75); } + .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked { + border-color: shade(@theme_selected_bg_color_breeze, 1.25); + background-image: image(shade(@theme_selected_bg_color_breeze, 1.25)); + box-shadow: inset 0 1px alpha(white, 0); } + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, + button.suggested-action:backdrop:active label, + button.suggested-action:backdrop:active, + button.suggested-action:backdrop:checked label, + button.suggested-action:backdrop:checked, + button.suggested-action.flat:backdrop:active label, + button.suggested-action.flat:backdrop:active, + button.suggested-action.flat:backdrop:checked label, + button.suggested-action.flat:backdrop:checked { + color: alpha(@theme_selected_fg_color_breeze, 0.75); } + .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: @unfocused_borders; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px alpha(white, 0); } + .selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action:backdrop:disabled label, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled label, + button.suggested-action.flat:backdrop:disabled { + color: @unfocused_insensitive_color; } + .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, + button.suggested-action:backdrop:disabled:active, + button.suggested-action:backdrop:disabled:checked, + button.suggested-action.flat:backdrop:disabled:active, + button.suggested-action.flat:backdrop:disabled:checked { + border-color: shade(@theme_selected_bg_color_breeze, 1.25); + background-image: image(shade(@theme_selected_bg_color_breeze, 1.25)); + box-shadow: inset 0 1px alpha(white, 0); } + .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, + button.suggested-action:backdrop:disabled:active label, + button.suggested-action:backdrop:disabled:checked label, + button.suggested-action.flat:backdrop:disabled:active label, + button.suggested-action.flat:backdrop:disabled:checked label { + color: shade(@theme_selected_bg_color_breeze, 1.1); }*/ + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: @theme_disabled_fg_color; } + + button.suggested-action:disabled { + text-shadow: none; + -gtk-icon-shadow: none; + background-image: image(shade(@theme_selected_bg_color_breeze, 1.15)); + box-shadow: 0px 1px 2px @borders; + box-shadow: none; + border-color: shade(@theme_selected_bg_color_breeze, 0.9); } + + button.suggested-action:disabled label, + button.suggested-action:disabled { + color: @theme_disabled_fg_color; } + + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + color: @theme_selected_fg_color_breeze; + outline-color: alpha(white, 0.2); + text-shadow: none; + background-image: image(@theme_selected_bg_color_breeze); + box-shadow: inset 0px 0px 2px 0px shade(@theme_selected_bg_color_breeze, 1.25); + -gtk-icon-shadow: none; } + /* .osd + button.suggested-action { + color: @theme_selected_fg_color_breeze; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(@theme_selected_bg_color_breeze, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.2); } + .osd + button.suggested-action:hover { + color: @theme_selected_fg_color_breeze; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(@theme_selected_bg_color_breeze, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.2); } + .osd + button.suggested-action:active:backdrop, .osd + button.suggested-action:active, .osd + button.suggested-action:checked:backdrop, .osd + button.suggested-action:checked { + color: @theme_selected_fg_color_breeze; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(@theme_selected_bg_color_breeze); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.2); } + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { + color: #858786; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.suggested-action:backdrop { + color: @theme_selected_fg_color_breeze; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(@theme_selected_bg_color_breeze, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; }*/ + + +button.destructive-action, +button.close:hover, button.close:focus, +button.flat.close:hover, button.flat.close:focus { + color: @theme_fg_color_breeze; + outline-color: alpha(white, 0.2); + /*text-shadow: 0 1px alpha(black, 0.451529); + -gtk-icon-shadow: 0 1px alpha(black, 0.451529);*/ + /*border-color: shade(@error_color_breeze, 0.6);*/ + background: linear-gradient(to top, shade(mix(@error_color_breeze, @button_bg_color, 0.5), 0.9), shade(mix(@error_color_breeze, @button_bg_color, 0.5), 1.1)); + /*box-shadow: inset 0px 1px 1px shade(@error_color_breeze, 1.15); */ + } + + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: @error_color_breeze; } + + button.destructive-action:hover { + /*color: @theme_selected_fg_color_breeze;*/ + outline-color: alpha(white, 0.2); + background: linear-gradient(to top, shade(mix(@error_color_breeze, @button_bg_color, 0.5), 1), shade(mix(@error_color_breeze, @button_bg_color, 0.5), 1.1)); } + + button.destructive-action:active, + button.destructive-action:checked { + color: @theme_selected_fg_color_breeze; + outline-color: alpha(white, 0.2); + /*text-shadow: 0 1px alpha(black, 0.451529); + -gtk-icon-shadow: 0 1px alpha(black, 0.451529);*/ + /*border-color: shade(@error_color_breeze, 0.4);*/ + background-image: image(@error_color_breeze); + -gtk-icon-shadow: none; + /*box-shadow: inset 0px 0px 2px 0px shade(@error_color_breeze, 0.5);*/ + } + + /*button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { + border-color: @error_color_breeze; + background-image: image(@error_color_breeze); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px alpha(white, 0); } + + button.destructive-action:backdrop label, + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop label, + button.destructive-action.flat:backdrop { + color: alpha(@theme_selected_fg_color_breeze, 0.8); } + + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked { + border-color: @error_color_breeze; + background-image: image(@error_color_breeze); + box-shadow: inset 0 1px alpha(white, 0); } + + button.destructive-action:backdrop:active label, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked label, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active label, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked label, + button.destructive-action.flat:backdrop:checked { + color: alpha(@theme_selected_fg_color_breeze, 0.8); } + + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: alpha(@error_color_breeze, 0.75); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px alpha(white, 0); } + + button.destructive-action:backdrop:disabled label, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled label, + button.destructive-action.flat:backdrop:disabled { + color: @unfocused_insensitive_color; } + + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked { + border-color: @error_color_breeze; + background-image: image(@error_color_breeze); + box-shadow: inset 0 1px alpha(white, 0); } + + button.destructive-action:backdrop:disabled:active label, + button.destructive-action:backdrop:disabled:checked label, + button.destructive-action.flat:backdrop:disabled:active label, + button.destructive-action.flat:backdrop:disabled:checked label { + color: shade(@error_color_breeze, 1.2); } + + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: alpha(@error_color_breeze, 0.8); }*/ + + button.destructive-action:disabled { + text-shadow: none; + -gtk-icon-shadow: none; + background-image: image(alpha(@error_color_breeze, 0.35)); + box-shadow: 0px 1px 2px @borders; + box-shadow: none; + border-color: @borders; } + + button.destructive-action:disabled label, + button.destructive-action:disabled { + color: alpha(@theme_selected_fg_color_breeze, 0.65); } + + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { + color: @theme_selected_fg_color_breeze; + outline-color: alpha(white, 0.2); + text-shadow: none; + background-image: image(@error_color_breeze); + box-shadow: inset 0px 0px 2px 0px shade(@error_color_breeze, 0.6); + -gtk-icon-shadow: none; } + /* .osd + button.destructive-action { + color: @theme_selected_fg_color_breeze; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(@error_color_breeze, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.2); } + .osd + button.destructive-action:hover { + color: @theme_selected_fg_color_breeze; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(@error_color_breeze, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.2); } + .osd + button.destructive-action:active:backdrop, .osd + button.destructive-action:active, .osd + button.destructive-action:checked:backdrop, .osd + button.destructive-action:checked { + color: @theme_selected_fg_color_breeze; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(@error_color_breeze); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.2); } + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { + color: #858786; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(rgba(49, 52, 52, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.destructive-action:backdrop { + color: @theme_selected_fg_color_breeze; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(@error_color_breeze, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; }*/ + +.stack-switcher > +button { + outline-offset: -3px; } + .stack-switcher > + button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > + button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > + button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > + button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > + button.needs-attention:active > label, + .stack-switcher > + button.needs-attention:active > image, .stack-switcher > + button.needs-attention:checked > label, + .stack-switcher > + button.needs-attention:checked > image { + animation: none; + background-image: none; } + + +button.font separator, +button.file separator { + background-color: transparent; } + + +button.font > box > box > label { + font-weight: bold; } + +.inline-toolbar +button, .inline-toolbar +button:backdrop { + border-radius: 5px; + border-width: 1px; } + +.primary-toolbar +button { + -gtk-icon-shadow: none; } + + +button.circular { + border-radius: 100%; + padding: 0.2em; + /*-gtk-outline-radius: 9999px;*/ + background-origin: padding-box, border-box; + background-clip: padding-box, border-box; } + + button.circular label { + padding: 0; } + +/* button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { + color: @theme_fg_color_breeze; + outline-color: rgba(82, 87, 98, 0.2); + text-shadow: 0 1px alpha(white, 0.769231); + -gtk-icon-shadow: 0 1px alpha(white, 0.769231); + border-color: @borders; + border-bottom-color: shade(@borders, 1.1); + background-image: image(@button_bg_color); + box-shadow: inset 0px 0px 0px 1px alpha(white, 0.5), 0px 1px 2px alpha(black, 0.1); } + + button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { + color: @theme_fg_color_breeze; + outline-color: rgba(82, 87, 98, 0.2); + background-image: image(shade(@button_bg_color, 1.1)); + border-color: @borders; + border-bottom-color: shade(@borders, 1.1); }*/ + +/*.inline-toolbar toolbutton > button { + color: @theme_fg_color_breeze; + outline-color: rgba(82, 87, 98, 0.2); + text-shadow: 0 1px alpha(white, 0.769231); + -gtk-icon-shadow: 0 1px alpha(white, 0.769231); + border-color: @borders; + border-bottom-color: shade(@borders, 1.1); + background-image: image(@theme_bg_color_breeze);*/ +/* box-shadow: inset 0px 0px 0px 1px alpha(white, 0.5), 0px 1px 2px alpha(black, 0.1); + box-shadow: inset 0px 0px 0px 1px rgba(254, 254, 254, 0.5), 0px 2px 0px alpha(@theme_bg_color_breeze, 0.5), 0px 1px 0px alpha(@theme_bg_color_breeze, 0.5); + */ /* } + .inline-toolbar toolbutton > button:hover { + color: @theme_fg_color_breeze; + outline-color: rgba(82, 87, 98, 0.2); + background-image: image(shade(@theme_bg_color_breeze, 1.1)); + border-color: @borders; + border-bottom-color: shade(@borders, 1.1); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: @theme_fg_color_breeze; + outline-color: rgba(82, 87, 98, 0.2); + text-shadow: 0 1px alpha(white, 0.769231); + -gtk-icon-shadow: 0 1px alpha(white, 0.769231); + border-color: @borders; + background-image: image(shade(@theme_bg_color_breeze, 1.25)); + -gtk-icon-shadow: none; + box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.75); } + .inline-toolbar toolbutton > button:disabled { + text-shadow: none; + -gtk-icon-shadow: none; + background-image: image(@insensitive_bg_color_breeze); + box-shadow: 0px 1px 2px @borders; + box-shadow: none; + border-color: @borders; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: @theme_disabled_fg_color; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: @theme_fg_color_breeze; + outline-color: rgba(82, 87, 98, 0.2); + text-shadow: none; + background-image: image(@insensitive_bg_color_breeze); + box-shadow: inset 0px 0px 2px 0px shade(@theme_bg_color_breeze, 0.75); + -gtk-icon-shadow: none; }*/ + /* .inline-toolbar toolbutton > button:backdrop { + border-color: @unfocused_borders; + background-image: image(@theme_unfocused_bg_color_breeze); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px alpha(white, 0); } + .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { + color: @theme_disabled_fg_color; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + border-color: @unfocused_borders; + background-image: image(shade(@theme_unfocused_bg_color_breeze, 1.25)); + box-shadow: inset 0 1px alpha(white, 0); } + .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { + color: @theme_disabled_fg_color; } + .inline-toolbar toolbutton > button:backdrop:disabled { + border-color: @unfocused_borders; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px alpha(white, 0); } + .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { + color: @unfocused_insensitive_color; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + border-color: @unfocused_borders; + background-image: image(shade(@theme_unfocused_bg_color_breeze, 1.05)); + box-shadow: inset 0 1px alpha(white, 0); } + .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { + color: @unfocused_insensitive_color; }*/ + + +.needs-attention { + animation: needs_attention 150ms ease-in; + background-image: radial-gradient(closest-side, @warning_color_breeze 0%, @warning_color_breeze 50%, alpha(@warning_color_breeze, 0) 100%); + background-size: 1em 1em; + background-repeat: no-repeat; + background-position: top right; +} + +.needs-attention:dir(rtl) { + background-position: top left; +} + + +toolbar.inline-toolbar toolbutton > button.flat, +toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, +.linked > button:hover, +.linked > button:active, +.linked > button:checked, +.linked > button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > entry:active:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > button:active:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), +.linked:not(.vertical) > button:active:not(:backdrop):hover + spinbutton:not(:backdrop):not(.vertical), +.linked:not(.vertical) > button:active:not(:backdrop):checked + spinbutton:not(:backdrop):not(.vertical), +.linked:not(.vertical) > button:active:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + entry:not(:backdrop), .linked:not(.vertical) > entry:active:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:active:not(:backdrop):backdrop + entry:not(:backdrop), .linked:not(.vertical) > button:active:not(:backdrop) + entry:not(:backdrop), +.linked:not(.vertical) > button:active:not(:backdrop):hover + entry:not(:backdrop), +.linked:not(.vertical) > button:active:not(:backdrop):checked + entry:not(:backdrop), +.linked:not(.vertical) > button:active:not(:backdrop):backdrop + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:active:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked > button:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar +.linked > button:active:not(:backdrop):hover + button:not(:backdrop), .inline-toolbar +.linked > button:active:not(:backdrop):checked + button:not(:backdrop), .inline-toolbar +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .inline-toolbar .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .inline-toolbar .linked > button:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar +.linked > button:active:not(:backdrop):hover + button:not(:backdrop):backdrop, .inline-toolbar +.linked > button:active:not(:backdrop):checked + button:not(:backdrop):backdrop, .inline-toolbar +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop), .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:active:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:active:not(:backdrop):backdrop + button:not(:backdrop), .linked > button:active:not(:backdrop) + button:not(:backdrop), +.linked > button:active:not(:backdrop):hover + button:not(:backdrop), +.linked > button:active:not(:backdrop):checked + button:not(:backdrop), +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop), .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):hover, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar +.linked > button:active:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked > button:active:not(:backdrop) + button:not(:backdrop):hover, +.linked > button:active:not(:backdrop):hover + button:not(:backdrop):hover, +.linked > button:active:not(:backdrop):checked + button:not(:backdrop):hover, +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):active, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar +.linked > button:active:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):active, .linked > button:active:not(:backdrop) + button:not(:backdrop):active, +.linked > button:active:not(:backdrop):hover + button:not(:backdrop):active, +.linked > button:active:not(:backdrop):checked + button:not(:backdrop):active, +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):active, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):checked, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar +.linked > button:active:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked > button:active:not(:backdrop) + button:not(:backdrop):checked, +.linked > button:active:not(:backdrop):hover + button:not(:backdrop):checked, +.linked > button:active:not(:backdrop):checked + button:not(:backdrop):checked, +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked:not(.vertical) > spinbutton:active:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .linked:not(.vertical) > entry:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar +.linked > button:active:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked > button:active:not(:backdrop) + button:not(:backdrop):backdrop, +.linked > button:active:not(:backdrop):hover + button:not(:backdrop):backdrop, +.linked > button:active:not(:backdrop):checked + button:not(:backdrop):backdrop, +.linked > button:active:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > entry:checked:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > button:checked:not(:backdrop) + spinbutton:not(:backdrop):not(.vertical), +.linked:not(.vertical) > button:checked:not(:backdrop):hover + spinbutton:not(:backdrop):not(.vertical), +.linked:not(.vertical) > button:checked:not(:backdrop):active + spinbutton:not(:backdrop):not(.vertical), +.linked:not(.vertical) > button:checked:not(:backdrop):backdrop + spinbutton:not(:backdrop):not(.vertical), .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + entry:not(:backdrop), .linked:not(.vertical) > entry:checked:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop) + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > button:checked:not(:backdrop):backdrop + entry:not(:backdrop), .linked:not(.vertical) > button:checked:not(:backdrop) + entry:not(:backdrop), +.linked:not(.vertical) > button:checked:not(:backdrop):hover + entry:not(:backdrop), +.linked:not(.vertical) > button:checked:not(:backdrop):active + entry:not(:backdrop), +.linked:not(.vertical) > button:checked:not(:backdrop):backdrop + entry:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar button:checked:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked > button:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar +.linked > button:checked:not(:backdrop):hover + button:not(:backdrop), .inline-toolbar +.linked > button:checked:not(:backdrop):active + button:not(:backdrop), .inline-toolbar +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop), .inline-toolbar .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .inline-toolbar .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .inline-toolbar .linked > button:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar +.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):backdrop, .inline-toolbar +.linked > button:checked:not(:backdrop):active + button:not(:backdrop):backdrop, .inline-toolbar +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop), .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:checked:not(:backdrop) + button:not(:backdrop), .inline-toolbar .linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop), .linked > button:checked:not(:backdrop) + button:not(:backdrop), +.linked > button:checked:not(:backdrop):hover + button:not(:backdrop), +.linked > button:checked:not(:backdrop):active + button:not(:backdrop), +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop), .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):hover, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar +.linked > button:checked:not(:backdrop) + button:not(:backdrop):hover, .inline-toolbar +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked > button:checked:not(:backdrop) + button:not(:backdrop):hover, +.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):hover, +.linked > button:checked:not(:backdrop):active + button:not(:backdrop):hover, +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):hover, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):active, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar +.linked > button:checked:not(:backdrop) + button:not(:backdrop):active, .inline-toolbar +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):active, .linked > button:checked:not(:backdrop) + button:not(:backdrop):active, +.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):active, +.linked > button:checked:not(:backdrop):active + button:not(:backdrop):active, +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):active, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):checked, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar +.linked > button:checked:not(:backdrop) + button:not(:backdrop):checked, .inline-toolbar +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked > button:checked:not(:backdrop) + button:not(:backdrop):checked, +.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):checked, +.linked > button:checked:not(:backdrop):active + button:not(:backdrop):checked, +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):checked, .linked:not(.vertical) > spinbutton:checked:not(:backdrop):not(.vertical) + button:not(:backdrop):backdrop, .linked:not(.vertical) > entry:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar +.linked > button:checked:not(:backdrop) + button:not(:backdrop):backdrop, .inline-toolbar +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop, .linked > button:checked:not(:backdrop) + button:not(:backdrop):backdrop, +.linked > button:checked:not(:backdrop):hover + button:not(:backdrop):backdrop, +.linked > button:checked:not(:backdrop):active + button:not(:backdrop):backdrop, +.linked > button:checked:not(:backdrop):backdrop + button:not(:backdrop):backdrop { + border-left-color: shade(@borders, 1.1); } + +.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } + +.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-right-style: solid; } + +.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, +toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 5px; + border-style: solid; } + +.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, +.linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } + +.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-style: solid; } + +.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 5px; + border-style: solid; } + +modelbutton.flat, +.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px alpha(white, 0), 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 5px; + outline-offset: -2px; } + modelbutton.flat:hover, + .menuitem.button.flat:hover { + background-color: @theme_base_color_breeze; } + +modelbutton.flat arrow { + background: none; } + modelbutton.flat arrow:hover { + background: none; } + modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child { + box-shadow: 0 1px alpha(@highlight_color, 0.769231); } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + .osd button.color colorswatch:only-child { + box-shadow: none; } + .osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { + box-shadow: none; } + +/********* + * Links * + *********/ +button:link > label, +button:visited > label, +*:link, +button:link, +button:visited { + color: mix(@theme_selected_bg_color_breeze, @theme_fg_color_breeze, 0.6); } +button:link > label:visited, +button:visited > label:visited, +*:link:visited, +button:visited { + color: @theme_selected_bg_color_breeze; } +*:selected button:link > label:visited, *:selected +button:visited > label:visited, +*:selected +*:link:visited, +*:selected button:visited:link, +*:selected +button:visited { + color: shade(@theme_selected_bg_color_breeze, 1.05); } +button:link > label:hover, +button:visited > label:hover, +*:link:hover, +button:hover:link, +button:hover:visited { + color: shade(@theme_selected_bg_color_breeze, 1.1); } +*:selected button:link > label:hover, *:selected +button:visited > label:hover, +*:selected +*:link:hover, +*:selected button:hover:link, +*:selected +button:hover:visited { + color: shade(@theme_selected_bg_color_breeze, 1.15); } +button:link > label:active, +button:visited > label:active, +*:link:active, +button:active:link, +button:active:visited { + color: shade(@theme_selected_bg_color_breeze, 1.05); } +*:selected button:link > label:active, *:selected +button:visited > label:active, +*:selected +*:link:active, +*:selected button:active:link, +*:selected +button:active:visited { + color: shade(@theme_selected_bg_color_breeze, 1.15); } +/*button:link > label:backdrop:backdrop:hover, +button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, +button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, +button:visited > label:backdrop, +*:link:backdrop:backdrop:hover, +button:backdrop:backdrop:hover:link, +button:backdrop:backdrop:hover:visited, +*:link:backdrop:backdrop:hover:selected, +button:backdrop:backdrop:hover:selected:link, +button:backdrop:backdrop:hover:selected:visited, +.selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, +headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, +*:link:backdrop, +button:backdrop:link, +button:backdrop:visited { + color: @theme_selected_bg_color_breeze; }*/ +infobar.info *:link, infobar.info button:link, infobar.info +button:visited, infobar.question *:link, infobar.question button:link, infobar.question +button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning +button:visited, infobar.error *:link, infobar.error button:link, infobar.error +button:visited, button:link > label:selected, +button:visited > label:selected, +*:selected button:link > label, +*:selected +button:visited > label, +*:link:selected, +button:selected:link, +button:selected:visited, +.selection-mode.titlebar:not(headerbar) .subtitle:link, +headerbar.selection-mode .subtitle:link, +*:selected +*:link, +*:selected button:link, +*:selected +button:visited { + color: shade(@theme_selected_bg_color_breeze, 1.2); } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + /*spinbutton:not(.vertical) entry:backdrop:disabled { + background-color: transparent; }*/ + +spinbutton button { + border-radius:5em; + padding: 0.1em; + min-height:0; + min-width:0; +} + /*spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: @theme_text_color_breeze; + background-image: none; + border-style: none none none solid; + border-color: alpha(@borders, 0.3); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:hover { + color: @theme_fg_color_breeze; + background-color: alpha(@theme_fg_color_breeze, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: @insensitive_fg_color_breeze; + background-color: transparent; } + spinbutton:not(.vertical) button:active { + background-color: alpha(@theme_fg_color_breeze, 0.1); + }*/ + /*spinbutton:not(.vertical) button:backdrop { + color: shade(@insensitive_fg_color_breeze, 1.25); + background-color: transparent; + border-color: alpha(@insensitive_fg_color_breeze, 0.5); + transition: 80ms ease-out; }*/ + /*spinbutton:not(.vertical) button:backdrop:disabled { + color: alpha(@unfocused_insensitive_color, 0.3); + background-color: transparent; + border-style: none none none solid; } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; }*/ + /* spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 5px 5px 0; } + spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 5px 0 0 5px; }*/ + +/*.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: @theme_fg_color_breeze; + border-style: none none none solid; + border-color: alpha(black, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: @theme_fg_color_breeze; + border-color: alpha(black, 0.5); + background-color: @theme_button_background_normal_breeze; + -gtk-icon-shadow: 0 1px black; + box-shadow: none; }*/ + /* .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: @theme_fg_color_breeze; + border-color: alpha(black, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; }*/ + /* .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px alpha(white, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: @theme_disabled_fg_color; + border-color: alpha(black, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 5px 5px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { + color: @theme_disabled_fg_color; }*/ + +/*spinbutton.vertical:backdrop:disabled { + color: @unfocused_insensitive_color; }*/ + +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + +spinbutton.vertical entry { + min-height: 32px; + min-width: 32px; + padding: 0; + /*border-radius: 0;*/ } + +spinbutton:not(.vertical) text { +margin: 0 4px; +min-width: 2em; +} + +/*spinbutton.vertical button { + min-height: 32px; + min-width: 32px; + padding: 0; } + +spinbutton.vertical button.up { + border-radius: 5px 5px 0 0; + border-style: solid solid none solid; } + +spinbutton.vertical button.down { + border-radius: 0 0 5px 5px; + border-style: none solid solid solid; } + +.osd spinbutton.vertical button:first-child { + color: @theme_fg_color_breeze; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(@theme_bg_color_breeze, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + + outline-color: alpha(@theme_fg_color_breeze, 0.2); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(shade(@theme_bg_color_breeze,1.2), 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px alpha(white, 0.1); + + outline-color: alpha(@theme_fg_color_breeze, 0.2); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(black, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: alpha(@theme_fg_color_breeze, 0.2); } + .osd spinbutton.vertical button:first-child:disabled { + color: #858786; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(@theme_unfocused_bg_color_breeze, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; }*/ + /*.osd spinbutton.vertical button:first-child:backdrop { + color: #eeeeec; + border-color: alpha(black, 0.7); + background-color: transparent; + background-image: image(alpha(@theme_bg_color_breeze, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; }*/ + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox:drop(active) { + box-shadow: none; } \ No newline at end of file