From a89497c6ea3bef706c108386724c1fe753a8c4ce Mon Sep 17 00:00:00 2001 From: lassekongo83 Date: Tue, 24 Nov 2020 11:14:59 +0100 Subject: [PATCH] Get rid of button_fill variable --- gtk/src/Plano/gtk-3.0/_common.scss | 8 +--- gtk/src/Plano/gtk-3.0/_drawing.scss | 57 ++++++++---------------- gtk/src/Plano/gtk-3.0/gtk-alt-header.css | 32 ++++++------- gtk/src/Plano/gtk-3.0/gtk-dark.css | 28 ++++++------ gtk/src/Plano/gtk-3.0/gtk.css | 26 +++++------ 5 files changed, 63 insertions(+), 88 deletions(-) diff --git a/gtk/src/Plano/gtk-3.0/_common.scss b/gtk/src/Plano/gtk-3.0/_common.scss index f36810c..0d9a534 100644 --- a/gtk/src/Plano/gtk-3.0/_common.scss +++ b/gtk/src/Plano/gtk-3.0/_common.scss @@ -38,8 +38,6 @@ $ease-out: cubic-bezier(0, 0, .2, 1); $ease-in: cubic-bezier(.4, 0, 1, 1); $ease-in-out: cubic-bezier(.4, 0, .6, 1); -$button_fill: null; - * { padding: 0; -GtkToolButton-icon-spacing: 4; @@ -913,16 +911,14 @@ button { $_border_bg: linear-gradient(to top, $alt-borders-color 25%, $borders-color 50%); &:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { - @include button(normal); + @include button(normal, $backimage: $_border_bg); - background-image: $button_fill, $_border_bg; border-color: transparent; } &:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { - @include button(hover); + @include button(hover, $backimage: $_border_bg); - background-image: $button_fill, $_border_bg; border-color: transparent; } diff --git a/gtk/src/Plano/gtk-3.0/_drawing.scss b/gtk/src/Plano/gtk-3.0/_drawing.scss index ba4b82e..92c976e 100644 --- a/gtk/src/Plano/gtk-3.0/_drawing.scss +++ b/gtk/src/Plano/gtk-3.0/_drawing.scss @@ -166,7 +166,7 @@ } } -@mixin button($t, $c:$bg_color, $tc:$fg_color, $edge: none) { +@mixin button($t, $c:$bg_color, $tc:$fg_color, $edge: none, $backimage: null) { // // Button drawing function // @@ -180,8 +180,6 @@ // normal, hover, active, insensitive, insensitive-active, // backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, // osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated -// -// This mixin sets the $button_fill global variable which containts the button background-image // $_hilight_color: _button_hilight_color($c); $_button_edge: if($edge == none, none, _widget_edge($edge)); @@ -196,8 +194,7 @@ color: $tc; outline-color: transparentize($tc, 0.7); border-color: if($c != $bg_color, _border_color($c), darken($borders_color, 12%)); - $button_fill: if($variant == 'light', lighten($c, 5%), lighten($c, 5%)) !global; - background-color: $button_fill; + background-color: if($variant == 'light', lighten($c, 5%), lighten($c, 5%)); //@include _button_text_shadow($tc, $c); //@include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow); } @@ -210,16 +207,15 @@ outline-color: transparentize($tc, 0.7); border-color: $selected_bg_color; @if $variant == 'light' { - $button_fill: if($variant == 'light', lighten($c, 8%), lighten($c, 14%)) !global; + background-color: if($variant == 'light', lighten($c, 8%), lighten($c, 14%)); //@include _button_text_shadow($tc, lighten($c, 6%)); @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge, $_button_shadow_hover); } @else { - $button_fill: if($variant == 'light', lighten($c, 8%), lighten($c, 14%)) !global; + background-color: if($variant == 'light', lighten($c, 8%), lighten($c, 14%)); //@include _button_text_shadow($tc,lighten($c, 6%)); @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge, $_button_shadow_hover); } - background-color: $button_fill; } @if $t==normal-alt { @@ -248,15 +244,14 @@ outline-color: transparentize($tc, 0.7); border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color); @if $variant == 'light' { - $button_fill: if($variant == 'light', lighten($c, 8%), lighten($c, 14%)) !global; + background-image: if($variant == 'light', lighten($c, 8%), lighten($c, 14%)); //@include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)),$_button_edge, $_button_shadow); } @else { - $button_fill: linear-gradient(to bottom, $c 20%, darken($c, 4%) 90%) !global; + background-image: linear-gradient(to bottom, $c 20%, darken($c, 4%) 90%); @include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow); } - background-image: $button_fill; } @else if $t==active { @@ -266,16 +261,14 @@ color: $tc; outline-color: transparentize($tc, 0.7); border-color: if($c != $bg_color, _border_color($c), darken($borders_color, 12%)); - $button_fill: if($variant == 'light', image(darken($c, 8%)), image(darken($c, 8%))) !global; - background-image: $button_fill; + background-image: if($variant == 'light', image(darken($c, 8%)), image(darken($c, 8%))); @include _shadows(inset 0 1px transparentize($_hilight_color, 1), inset 0 0 0 2px transparentize(black, 0.92), $_button_edge); text-shadow: none; -gtk-icon-shadow: none; &:hover { - $button_fill: if($variant == 'light', image(darken($c, 12%)), image(darken($c, 12%))) !global; - background-image: $button_fill; + background-image: if($variant == 'light', image(darken($c, 12%)), image(darken($c, 12%))); } } @@ -287,8 +280,7 @@ color: if($tc != $fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); border-color: if($c != $bg_color, _border_color($c), $insensitive_borders_color); - $button_fill: image($_bg) !global; - background-image: $button_fill; + background-image: image($_bg); text-shadow: none; -gtk-icon-shadow: none; // white with 0 alpha to avoid an ugly transition, since no color means @@ -305,8 +297,7 @@ color: if($c != $bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); border-color: $_bc; - $button_fill: image($_bg) !global; - background-image: $button_fill; + background-image: image($_bg); // white with 0 alpha to avoid an ugly transition, since no color means // black with 0 alpha @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge); @@ -321,8 +312,6 @@ color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); //border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); - //$button_fill: image($_bg) !global; - //background-image: $button_fill; text-shadow: none; -gtk-icon-shadow: none; //@include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); @@ -337,8 +326,6 @@ color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); //color: if($c != $bg_color, $_bc, $backdrop_borders_color); - //$button_fill: image($_bg) !global; - //background-image: $button_fill; //@include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); } @@ -352,8 +339,7 @@ color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); - $button_fill: image($_bg) !global; - background-image: $button_fill; + background-image: image($_bg); text-shadow: none; -gtk-icon-shadow: none; // white with 0 alpha to avoid an ugly transition, since no color means @@ -371,8 +357,7 @@ color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); border-color: if($c != $bg_color, $_bc, $backdrop_borders_color); - $button_fill: image($_bg) !global; - background-image: $button_fill; + background-image: image($_bg); @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); } @@ -385,8 +370,7 @@ color: $osd_fg_color; border-color: $osd_borders_color; background-color: transparent; - $button_fill: image($_bg) !global; - background-image: $button_fill; + background-image: image($_bg); background-clip: padding-box; box-shadow: inset 0 1px transparentize(white, 0.9); text-shadow: 0 1px black; @@ -403,8 +387,7 @@ color: white; border-color: $osd_borders_color; background-color: transparent; - $button_fill: image($_bg) !global; - background-image: $button_fill; + background-image: image($_bg); background-clip: padding-box; box-shadow: inset 0 1px transparentize(white, 0.9); text-shadow: 0 1px black; @@ -421,8 +404,7 @@ color: white; border-color: $osd_borders_color; background-color: transparent; - $button_fill: image($_bg) !global; - background-image: $button_fill; + background-image: image($_bg); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -437,8 +419,7 @@ color: $osd_insensitive_fg_color; border-color: $osd_borders_color; background-color: transparent; - $button_fill: image($osd_insensitive_bg_color) !global; - background-image: $button_fill; + background-image: image($osd_insensitive_bg_color); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -454,8 +435,7 @@ color: $osd_fg_color; border-color: $osd_borders_color; background-color: transparent; - $button_fill: image($_bg) !global; - background-image: $button_fill; + background-image: image($_bg); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -468,8 +448,7 @@ // border-color: transparent; background-color: transparent; - $button_fill: none !global; - background-image: $button_fill; + background-image: none; @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge); diff --git a/gtk/src/Plano/gtk-3.0/gtk-alt-header.css b/gtk/src/Plano/gtk-3.0/gtk-alt-header.css index 27d8345..9495ff3 100644 --- a/gtk/src/Plano/gtk-3.0/gtk-alt-header.css +++ b/gtk/src/Plano/gtk-3.0/gtk-alt-header.css @@ -203,7 +203,7 @@ button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } -notebook > header > tabs > arrow:hover, button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; -gtk-icon-effect: highlight; } +notebook > header > tabs > arrow:hover, button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } @@ -275,7 +275,7 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4a90d9; } -button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #6ca5e0; } +button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #6ca5e0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2a76c6; background-image: image(#2b7bcf); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -309,7 +309,7 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3 button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #e01b24; } -button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #e83c44; } +button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #e83c44; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; background-image: image(#bc171e); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -361,9 +361,9 @@ button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4 button.circular label { padding: 0; } -button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; background-image: #f8f9f9, linear-gradient(to top, #9aa0a5 25%, #c3c6c9 50%); border-color: transparent; } +button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; border-color: transparent; } -button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; background-image: white, linear-gradient(to top, #9aa0a5 25%, #c3c6c9 50%); border-color: transparent; } +button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); border-color: transparent; } stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } @@ -373,7 +373,7 @@ stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.need .inline-toolbar toolbutton > button { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; } -.inline-toolbar toolbutton > button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; } +.inline-toolbar toolbutton > button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -437,7 +437,7 @@ button.color colorswatch:only-child, button.color colorswatch:only-child overlay list row button.image-button:not(.flat) { border: 1px solid rgba(195, 198, 201, 0.5); } -list row button.image-button:not(.flat):hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; } +list row button.image-button:not(.flat):hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -583,7 +583,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; } .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #6ca5e0; } +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #6ca5e0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2a76c6; background-image: image(#2b7bcf); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -605,7 +605,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; border-color: #256ab1; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; border-color: #256ab1; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); border-color: #256ab1; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; border-color: #256ab1; } @@ -1545,7 +1545,7 @@ infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, info infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; } -infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; } +infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -1623,7 +1623,7 @@ colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; } -colorswatch#add-color-button overlay:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; } +colorswatch#add-color-button overlay:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); } colorswatch#add-color-button overlay:backdrop { color: #656666; text-shadow: none; -gtk-icon-shadow: none; } @@ -1891,7 +1891,7 @@ headerbar button.titlebutton.minimize:active:backdrop:not(:hover), .titlebar but :not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -:not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #616d70; } +:not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #616d70; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); } :not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):active, :not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #2d3234; background-image: image(#32383a); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -1917,7 +1917,7 @@ headerbar button.titlebutton.minimize:active:backdrop:not(:hover), .titlebar but .titlebar button.flat:not(.titlebutton), headerbar button.flat:not(.titlebutton), .titlebar button.linked.flat, headerbar button.linked.flat, .titlebar button.toggle.flat, headerbar button.toggle.flat, .titlebar button.image-button.flat, headerbar button.image-button.flat, .titlebar button.text-button.flat, headerbar button.text-button.flat, .titlebar buttonbox.toggle.flat, headerbar buttonbox.toggle.flat, .titlebar stackswitcher button.flat, headerbar stackswitcher button.flat, .titlebar .path-bar button.flat, headerbar .path-bar button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.titlebar button:not(.titlebutton):hover, headerbar button:not(.titlebutton):hover, .titlebar button.linked:hover, headerbar button.linked:hover, .titlebar button.toggle:hover, headerbar button.toggle:hover, .titlebar button.image-button:hover, headerbar button.image-button:hover, .titlebar button.text-button:hover, headerbar button.text-button:hover, .titlebar buttonbox.toggle:hover, headerbar buttonbox.toggle:hover, .titlebar stackswitcher button:hover, headerbar stackswitcher button:hover, .titlebar .path-bar button:hover, headerbar .path-bar button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #616d70; } +.titlebar button:not(.titlebutton):hover, headerbar button:not(.titlebutton):hover, .titlebar button.linked:hover, headerbar button.linked:hover, .titlebar button.toggle:hover, headerbar button.toggle:hover, .titlebar button.image-button:hover, headerbar button.image-button:hover, .titlebar button.text-button:hover, headerbar button.text-button:hover, .titlebar buttonbox.toggle:hover, headerbar buttonbox.toggle:hover, .titlebar stackswitcher button:hover, headerbar stackswitcher button:hover, .titlebar .path-bar button:hover, headerbar .path-bar button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #616d70; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); } .titlebar button:not(.titlebutton):active, headerbar button:not(.titlebutton):active, .titlebar button:not(.titlebutton):checked, headerbar button:not(.titlebutton):checked, .titlebar button:not(.titlebutton):active:hover, headerbar button:not(.titlebutton):active:hover, .titlebar button:not(.titlebutton):checked:hover, headerbar button:not(.titlebutton):checked:hover, .titlebar button.linked:active, headerbar button.linked:active, .titlebar button.linked:checked, headerbar button.linked:checked, .titlebar button.linked:active:hover, headerbar button.linked:active:hover, .titlebar button.linked:checked:hover, headerbar button.linked:checked:hover, .titlebar button.toggle:active, headerbar button.toggle:active, .titlebar button.toggle:checked, headerbar button.toggle:checked, .titlebar button.toggle:active:hover, headerbar button.toggle:active:hover, .titlebar button.toggle:checked:hover, headerbar button.toggle:checked:hover, .titlebar button.popup.toggle:active, headerbar button.popup.toggle:active, .titlebar button.popup.toggle:checked, headerbar button.popup.toggle:checked, .titlebar button.popup.toggle:active:hover, headerbar button.popup.toggle:active:hover, .titlebar button.popup.toggle:checked:hover, headerbar button.popup.toggle:checked:hover, .titlebar button.image-button:active, headerbar button.image-button:active, .titlebar button.image-button:checked, headerbar button.image-button:checked, .titlebar button.image-button:active:hover, headerbar button.image-button:active:hover, .titlebar button.image-button:checked:hover, headerbar button.image-button:checked:hover, .titlebar button.image-button.toggle:active, headerbar button.image-button.toggle:active, .titlebar button.image-button.toggle:checked, headerbar button.image-button.toggle:checked, .titlebar button.image-button.toggle:active:hover, headerbar button.image-button.toggle:active:hover, .titlebar button.image-button.toggle:checked:hover, headerbar button.image-button.toggle:checked:hover, .titlebar button.text-button:active, headerbar button.text-button:active, .titlebar button.text-button:checked, headerbar button.text-button:checked, .titlebar button.text-button:active:hover, headerbar button.text-button:active:hover, .titlebar button.text-button:checked:hover, headerbar button.text-button:checked:hover, .titlebar button.text-button.toggle:active, headerbar button.text-button.toggle:active, .titlebar button.text-button.toggle:checked, headerbar button.text-button.toggle:checked, .titlebar button.text-button.toggle:active:hover, headerbar button.text-button.toggle:active:hover, .titlebar button.text-button.toggle:checked:hover, headerbar button.text-button.toggle:checked:hover, .titlebar box button.toggle:active, headerbar box button.toggle:active, .titlebar box button.toggle:checked, headerbar box button.toggle:checked, .titlebar box button.toggle:active:hover, headerbar box button.toggle:active:hover, .titlebar box button.toggle:checked:hover, headerbar box button.toggle:checked:hover, .titlebar buttonbox.toggle:active, headerbar buttonbox.toggle:active, .titlebar buttonbox.toggle:checked, headerbar buttonbox.toggle:checked, .titlebar buttonbox.toggle:active:hover, headerbar buttonbox.toggle:active:hover, .titlebar buttonbox.toggle:checked:hover, headerbar buttonbox.toggle:checked:hover, .titlebar stackswitcher button:active, headerbar stackswitcher button:active, .titlebar stackswitcher button:checked, headerbar stackswitcher button:checked, .titlebar stackswitcher button:active:hover, headerbar stackswitcher button:active:hover, .titlebar stackswitcher button:checked:hover, headerbar stackswitcher button:checked:hover, .titlebar filechooser .path-bar.linked > button:active, headerbar filechooser .path-bar.linked > button:active, .titlebar filechooser .path-bar.linked > button:checked, headerbar filechooser .path-bar.linked > button:checked, .titlebar filechooser .path-bar.linked > button:active:hover, headerbar filechooser .path-bar.linked > button:active:hover, .titlebar filechooser .path-bar.linked > button:checked:hover, headerbar filechooser .path-bar.linked > button:checked:hover, .titlebar .path-bar button:active, headerbar .path-bar button:active, .titlebar .path-bar button:checked, headerbar .path-bar button:checked, .titlebar .path-bar button:active:hover, headerbar .path-bar button:active:hover, .titlebar .path-bar button:checked:hover, headerbar .path-bar button:checked:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #373d3f; background-image: image(#3b4245); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; border-color: rgba(0, 0, 0, 0.4); } @@ -1933,7 +1933,7 @@ headerbar button.titlebutton.minimize:active:backdrop:not(:hover), .titlebar but .suggested-action.flat.titlebar, headerbar.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4a90d9; } -.suggested-action.titlebar:hover, headerbar.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #6ca5e0; border-color: #4a90d9; } +.suggested-action.titlebar:hover, headerbar.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #6ca5e0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); border-color: #4a90d9; } .suggested-action.titlebar:active, headerbar.suggested-action:active, .suggested-action.titlebar:checked, headerbar.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2a76c6; background-image: image(#2b7bcf); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; border-color: #256ab1; } @@ -1969,7 +1969,7 @@ headerbar button.titlebutton.minimize:active:backdrop:not(:hover), .titlebar but .destructive-action.flat.titlebar, headerbar.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #e01b24; } -.destructive-action.titlebar:hover, headerbar.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #e83c44; border-color: #e01b24; } +.destructive-action.titlebar:hover, headerbar.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #e83c44; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); border-color: #e01b24; } .destructive-action.titlebar:active, headerbar.destructive-action:active, .destructive-action.titlebar:checked, headerbar.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; background-image: image(#bc171e); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; border-color: #256ab1; } @@ -2191,7 +2191,7 @@ XfdesktopIconView.view .rubberband { border-radius: 0; } .nautilus-window .titlebar button:not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.nautilus-window .titlebar button:not(.titlebutton):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #616d70; } +.nautilus-window .titlebar button:not(.titlebutton):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #616d70; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); } .nautilus-window .titlebar button:not(.titlebutton):active, .nautilus-window .titlebar button:not(.titlebutton):checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #373d3f; background-image: image(#3b4245); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } diff --git a/gtk/src/Plano/gtk-3.0/gtk-dark.css b/gtk/src/Plano/gtk-3.0/gtk-dark.css index 639be09..b737693 100644 --- a/gtk/src/Plano/gtk-3.0/gtk-dark.css +++ b/gtk/src/Plano/gtk-3.0/gtk-dark.css @@ -203,7 +203,7 @@ button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } -notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #545e61; -gtk-icon-effect: highlight; } +notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #545e61; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-image: image(#202425); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } @@ -273,7 +273,7 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4a90d9; } -button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #85b4e5; } +button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #85b4e5; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2a76c6; background-image: image(#2b7bcf); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -307,7 +307,7 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3 button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #b2161d; } -button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #e52a33; } +button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #e52a33; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #851015; background-image: image(#8e1117); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -359,9 +359,9 @@ button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4 button.circular label { padding: 0; } -button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-color: #3f4649; background-image: #3f4649, linear-gradient(to top, #202425 25%, #2a2e30 50%); border-color: transparent; } +button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-color: #3f4649; border-color: transparent; } -button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #545e61; background-image: #545e61, linear-gradient(to top, #202425 25%, #2a2e30 50%); border-color: transparent; } +button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #545e61; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); border-color: transparent; } stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#89b7e6), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.827451)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -371,7 +371,7 @@ stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.need .inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-color: #3f4649; } -.inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #545e61; } +.inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #545e61; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-image: image(#202425); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -429,7 +429,7 @@ button.color colorswatch:only-child, button.color colorswatch:only-child overlay list row button.image-button:not(.flat) { border: 1px solid rgba(42, 46, 48, 0.5); } -list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #545e61; } +list row button.image-button:not(.flat):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #545e61; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-image: image(#202425); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -575,7 +575,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; } .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #85b4e5; } +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #85b4e5; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2a76c6; background-image: image(#2b7bcf); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -597,7 +597,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-color: #3f4649; border-color: #184472; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #545e61; border-color: #184472; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #545e61; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); border-color: #184472; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-image: image(#202425); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; border-color: #184472; } @@ -1149,7 +1149,7 @@ scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; b scale slider { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #202425; background-image: linear-gradient(to bottom, #2c3133 20%, #25292b 90%); border: 1px solid #191c1d; border-radius: 100%; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } -scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #202425; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to bottom, #33393b 20%, #2a2e30 90%); box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.3); border-color: #4a90d9; } +scale slider:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #202425; background-image: linear-gradient(to bottom, #33393b 20%, #2a2e30 90%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.3); border-color: #4a90d9; } scale slider:active { border-color: #184472; } @@ -1535,7 +1535,7 @@ infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, info infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-color: #3f4649; } -infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #545e61; } +infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #545e61; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-image: image(#202425); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -1613,7 +1613,7 @@ colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-color: #3f4649; } -colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #545e61; } +colorswatch#add-color-button overlay:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #545e61; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); } colorswatch#add-color-button overlay:backdrop { color: #b6b8b7; text-shadow: none; -gtk-icon-shadow: none; } @@ -1881,7 +1881,7 @@ headerbar button.titlebutton.minimize:active:backdrop:not(:hover), .titlebar but :not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -:not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #545e61; } +:not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #545e61; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); } :not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):active, :not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-image: image(#202425); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -2057,7 +2057,7 @@ XfdesktopIconView.view .rubberband { border-radius: 0; } .nautilus-window .titlebar button:not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.nautilus-window .titlebar button:not(.titlebutton):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #545e61; } +.nautilus-window .titlebar button:not(.titlebutton):hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #4a90d9; background-color: #545e61; box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 0 0 2px rgba(74, 144, 217, 0.2); } .nautilus-window .titlebar button:not(.titlebutton):active, .nautilus-window .titlebar button:not(.titlebutton):checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #0d0f0f; background-image: image(#202425); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } diff --git a/gtk/src/Plano/gtk-3.0/gtk.css b/gtk/src/Plano/gtk-3.0/gtk.css index fa0d30b..eac4817 100644 --- a/gtk/src/Plano/gtk-3.0/gtk.css +++ b/gtk/src/Plano/gtk-3.0/gtk.css @@ -203,7 +203,7 @@ button.sidebar-button:hover, notebook > header > tabs > arrow:hover, button.flat button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, button.flat:hover:active { transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } -notebook > header > tabs > arrow:hover, button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; -gtk-icon-effect: highlight; } +notebook > header > tabs > arrow:hover, button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; } @@ -275,7 +275,7 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #4a90d9; } -button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #6ca5e0; } +button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #6ca5e0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #2a76c6; background-image: image(#2b7bcf); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -309,7 +309,7 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3 button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #e01b24; } -button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #e83c44; } +button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #e83c44; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; background-image: image(#bc171e); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -361,9 +361,9 @@ button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; padding: 4 button.circular label { padding: 0; } -button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; background-image: #f8f9f9, linear-gradient(to top, #9aa0a5 25%, #c3c6c9 50%); border-color: transparent; } +button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; border-color: transparent; } -button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; background-image: white, linear-gradient(to top, #9aa0a5 25%, #c3c6c9 50%); border-color: transparent; } +button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); border-color: transparent; } stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } @@ -373,7 +373,7 @@ stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.need .inline-toolbar toolbutton > button { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; } -.inline-toolbar toolbutton > button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; } +.inline-toolbar toolbutton > button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -437,7 +437,7 @@ button.color colorswatch:only-child, button.color colorswatch:only-child overlay list row button.image-button:not(.flat) { border: 1px solid rgba(195, 198, 201, 0.5); } -list row button.image-button:not(.flat):hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; } +list row button.image-button:not(.flat):hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); } list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -583,7 +583,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; } .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: #6ca5e0; } +.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #4a90d9; background-color: #6ca5e0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 0 0 2px rgba(74, 144, 217, 0.2); } .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2a76c6; background-image: image(#2b7bcf); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -605,7 +605,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; } .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; border-color: #256ab1; } -.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; border-color: #256ab1; } +.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); border-color: #256ab1; } .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; border-color: #256ab1; } @@ -1545,7 +1545,7 @@ infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, info infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; } -infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; } +infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); } infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -1623,7 +1623,7 @@ colorswatch#add-color-button:only-child { border-radius: 5px; } colorswatch#add-color-button overlay { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-color: #f8f9f9; } -colorswatch#add-color-button overlay:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; } +colorswatch#add-color-button overlay:hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); } colorswatch#add-color-button overlay:backdrop { color: #656666; text-shadow: none; -gtk-icon-shadow: none; } @@ -1827,7 +1827,7 @@ headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minim :not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -:not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; } +:not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); } :not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):active, :not(.nautilus-window) .titlebar button:not(.default):not(:focus):not(.suggested-action):not(.destructive-action):not(.titlebutton):checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; } @@ -2003,7 +2003,7 @@ XfdesktopIconView.view .rubberband { border-radius: 0; } .nautilus-window .titlebar button:not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } -.nautilus-window .titlebar button:not(.titlebutton):hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); background-color: white; } +.nautilus-window .titlebar button:not(.titlebutton):hover { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #4a90d9; background-color: white; box-shadow: inset 0 1px white, 0 0 0 2px rgba(74, 144, 217, 0.2); } .nautilus-window .titlebar button:not(.titlebutton):active, .nautilus-window .titlebar button:not(.titlebutton):checked { color: #2c2c2c; outline-color: rgba(44, 44, 44, 0.3); border-color: #a3a7ac; background-image: image(#d6d8da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0 0 0 2px rgba(0, 0, 0, 0.08); text-shadow: none; -gtk-icon-shadow: none; }