GTK3: Add inner shadow to button-like widgets to add some volume

This commit is contained in:
Daniel Ruiz de Alegría 2020-09-07 12:21:49 +02:00
parent d4ac3708b3
commit 3f2f3e1226
5 changed files with 95 additions and 91 deletions

View File

@ -487,7 +487,7 @@ button {
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat,
button.flat { button.flat {
border-color: transparent; border-color: transparent;
@ -512,7 +512,7 @@ button {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); background-image: linear-gradient(to top, #20232b, #252831 1px);
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
@ -797,7 +797,7 @@ button.suggested-action {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff); background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.suggested-action.flat { button.suggested-action.flat {
border-color: transparent; border-color: transparent;
@ -815,7 +815,7 @@ button.suggested-action {
border-bottom-color: #0047c0; border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); text-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); }
button.suggested-action:active, button.suggested-action:active,
@ -947,7 +947,7 @@ button.destructive-action {
background-image: linear-gradient(to top, #a21313 2px, #a61414); background-image: linear-gradient(to top, #a21313 2px, #a61414);
text-shadow: 0 -1px rgba(0, 0, 0, 0.708235); text-shadow: 0 -1px rgba(0, 0, 0, 0.708235);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.708235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.708235);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.destructive-action.flat { button.destructive-action.flat {
border-color: transparent; border-color: transparent;
@ -965,7 +965,7 @@ button.destructive-action {
border-bottom-color: #4b0909; border-bottom-color: #4b0909;
text-shadow: 0 -1px rgba(0, 0, 0, 0.660235); text-shadow: 0 -1px rgba(0, 0, 0, 0.660235);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.660235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.660235);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #a21313, #ab1414 1px); } background-image: linear-gradient(to top, #a21313, #ab1414 1px); }
button.destructive-action:active, button.destructive-action:active,
@ -1142,7 +1142,7 @@ button.circular {
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%); background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%);
border-color: transparent; } border-color: transparent; }
@ -1153,7 +1153,7 @@ button.circular {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); background-image: linear-gradient(to top, #20232b, #252831 1px);
background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%);
border-color: transparent; } border-color: transparent; }
@ -1180,7 +1180,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
@ -1188,7 +1188,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); } background-image: linear-gradient(to top, #20232b, #252831 1px); }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #eeeeec; color: #eeeeec;
@ -1331,7 +1331,7 @@ list row button.image-button:not(.flat) {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); } background-image: linear-gradient(to top, #20232b, #252831 1px); }
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked {
color: #eeeeec; color: #eeeeec;
@ -1734,7 +1734,7 @@ headerbar {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff); background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
headerbar.selection-mode button.flat { headerbar.selection-mode button.flat {
border-color: transparent; border-color: transparent;
@ -1751,7 +1751,7 @@ headerbar {
border-bottom-color: #0047c0; border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); text-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); }
.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, .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:active,
@ -1838,7 +1838,7 @@ headerbar {
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
border-color: #00348d; } border-color: #00348d; }
.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, .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 { headerbar.selection-mode button.suggested-action:hover {
@ -1848,7 +1848,7 @@ headerbar {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); background-image: linear-gradient(to top, #20232b, #252831 1px);
border-color: #00348d; } border-color: #00348d; }
.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, .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,
@ -2713,14 +2713,14 @@ switch {
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%); background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
switch image { switch image {
color: transparent; } color: transparent; }
switch:hover slider { switch:hover slider {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #040405; border-color: #040405;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); } background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); }
switch:checked > slider { switch:checked > slider {
border: 1px solid #00215a; } border: 1px solid #00215a; }
@ -3171,7 +3171,7 @@ scale {
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
border: 1px solid black; border: 1px solid black;
border-radius: 100%; border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@ -3180,7 +3180,7 @@ scale {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: black; border-color: black;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); } background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); }
scale slider:active { scale slider:active {
border-color: #00348d; } border-color: #00348d; }
@ -4281,7 +4281,7 @@ infobar {
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
@ -4289,7 +4289,7 @@ infobar {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); } background-image: linear-gradient(to top, #20232b, #252831 1px); }
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 { 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; color: #eeeeec;
@ -4430,7 +4430,7 @@ colorswatch#add-color-button {
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
colorswatch#add-color-button overlay:hover { colorswatch#add-color-button overlay:hover {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
@ -4438,7 +4438,7 @@ colorswatch#add-color-button {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); } background-image: linear-gradient(to top, #20232b, #252831 1px); }
colorswatch#add-color-button overlay:backdrop { colorswatch#add-color-button overlay:backdrop {
color: #888a8d; color: #888a8d;
@ -4790,7 +4790,7 @@ switch {
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
border: 1px solid black; border: 1px solid black;
border-radius: 50%; border-radius: 50%;
transition-property: background, border, box-shadow; } transition-property: background, border, box-shadow; }
@ -4928,7 +4928,7 @@ infobar.info button, infobar.info.action:hover button {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff); background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.info button:hover, infobar.info.action:hover button:hover { infobar.info button:hover, infobar.info.action:hover button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
@ -4936,7 +4936,7 @@ infobar.info button, infobar.info.action:hover button {
border-bottom-color: #0047c0; border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); text-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); }
infobar.info button:active, infobar.info button:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked { infobar.info button:active, infobar.info button:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked {
color: #ffffff; color: #ffffff;
@ -4983,7 +4983,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b
background-image: linear-gradient(to top, #f87a00 2px, #fd7d00); background-image: linear-gradient(to top, #f87a00 2px, #fd7d00);
text-shadow: 0 -1px rgba(0, 0, 0, 0.603137); text-shadow: 0 -1px rgba(0, 0, 0, 0.603137);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.question button:hover, infobar.warning button:hover, infobar.question.action:hover button:hover, infobar.warning.action:hover button:hover { infobar.question button:hover, infobar.warning button:hover, infobar.question.action:hover button:hover, infobar.warning.action:hover button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
@ -4991,7 +4991,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b
border-bottom-color: #974b00; border-bottom-color: #974b00;
text-shadow: 0 -1px rgba(0, 0, 0, 0.555137); text-shadow: 0 -1px rgba(0, 0, 0, 0.555137);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #f87a00, #ff8003 1px); } background-image: linear-gradient(to top, #f87a00, #ff8003 1px); }
infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked { infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked {
color: #ffffff; color: #ffffff;
@ -5037,7 +5037,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
background-image: linear-gradient(to top, #ba1616 2px, #bf1717); background-image: linear-gradient(to top, #ba1616 2px, #bf1717);
text-shadow: 0 -1px rgba(0, 0, 0, 0.664314); text-shadow: 0 -1px rgba(0, 0, 0, 0.664314);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover > revealer > box button:hover { infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover > revealer > box button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
@ -5045,7 +5045,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
border-bottom-color: #640c0c; border-bottom-color: #640c0c;
text-shadow: 0 -1px rgba(0, 0, 0, 0.616314); text-shadow: 0 -1px rgba(0, 0, 0, 0.616314);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #ba1616, #c41818 1px); } background-image: linear-gradient(to top, #ba1616, #c41818 1px); }
infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked { infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked {
color: #ffffff; color: #ffffff;

View File

@ -487,7 +487,7 @@ button {
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat,
button.flat { button.flat {
border-color: transparent; border-color: transparent;
@ -512,7 +512,7 @@ button {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); background-image: linear-gradient(to top, #20232b, #252831 1px);
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
@ -797,7 +797,7 @@ button.suggested-action {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff); background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.suggested-action.flat { button.suggested-action.flat {
border-color: transparent; border-color: transparent;
@ -815,7 +815,7 @@ button.suggested-action {
border-bottom-color: #0047c0; border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); text-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); }
button.suggested-action:active, button.suggested-action:active,
@ -947,7 +947,7 @@ button.destructive-action {
background-image: linear-gradient(to top, #a21313 2px, #a61414); background-image: linear-gradient(to top, #a21313 2px, #a61414);
text-shadow: 0 -1px rgba(0, 0, 0, 0.708235); text-shadow: 0 -1px rgba(0, 0, 0, 0.708235);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.708235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.708235);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.destructive-action.flat { button.destructive-action.flat {
border-color: transparent; border-color: transparent;
@ -965,7 +965,7 @@ button.destructive-action {
border-bottom-color: #4b0909; border-bottom-color: #4b0909;
text-shadow: 0 -1px rgba(0, 0, 0, 0.660235); text-shadow: 0 -1px rgba(0, 0, 0, 0.660235);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.660235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.660235);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #a21313, #ab1414 1px); } background-image: linear-gradient(to top, #a21313, #ab1414 1px); }
button.destructive-action:active, button.destructive-action:active,
@ -1142,7 +1142,7 @@ button.circular {
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%); background-image: linear-gradient(to top, #20232b 2px, #23252e), linear-gradient(to top, black 25%, #0d0e11 50%);
border-color: transparent; } border-color: transparent; }
@ -1153,7 +1153,7 @@ button.circular {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); background-image: linear-gradient(to top, #20232b, #252831 1px);
background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%);
border-color: transparent; } border-color: transparent; }
@ -1180,7 +1180,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
@ -1188,7 +1188,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); } background-image: linear-gradient(to top, #20232b, #252831 1px); }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #eeeeec; color: #eeeeec;
@ -1331,7 +1331,7 @@ list row button.image-button:not(.flat) {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); } background-image: linear-gradient(to top, #20232b, #252831 1px); }
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked {
color: #eeeeec; color: #eeeeec;
@ -1734,7 +1734,7 @@ headerbar {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff); background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
headerbar.selection-mode button.flat { headerbar.selection-mode button.flat {
border-color: transparent; border-color: transparent;
@ -1751,7 +1751,7 @@ headerbar {
border-bottom-color: #0047c0; border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); text-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); }
.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, .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:active,
@ -1838,7 +1838,7 @@ headerbar {
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
border-color: #00348d; } border-color: #00348d; }
.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, .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 { headerbar.selection-mode button.suggested-action:hover {
@ -1848,7 +1848,7 @@ headerbar {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); background-image: linear-gradient(to top, #20232b, #252831 1px);
border-color: #00348d; } border-color: #00348d; }
.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, .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,
@ -2713,14 +2713,14 @@ switch {
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%); background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
switch image { switch image {
color: transparent; } color: transparent; }
switch:hover slider { switch:hover slider {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: #040405; border-color: #040405;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); } background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); }
switch:checked > slider { switch:checked > slider {
border: 1px solid #00215a; } border: 1px solid #00215a; }
@ -3171,7 +3171,7 @@ scale {
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
border: 1px solid black; border: 1px solid black;
border-radius: 100%; border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@ -3180,7 +3180,7 @@ scale {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
border-color: black; border-color: black;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); } background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); }
scale slider:active { scale slider:active {
border-color: #00348d; } border-color: #00348d; }
@ -4281,7 +4281,7 @@ infobar {
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
@ -4289,7 +4289,7 @@ infobar {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); } background-image: linear-gradient(to top, #20232b, #252831 1px); }
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 { 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; color: #eeeeec;
@ -4430,7 +4430,7 @@ colorswatch#add-color-button {
background-image: linear-gradient(to top, #20232b 2px, #23252e); background-image: linear-gradient(to top, #20232b 2px, #23252e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
colorswatch#add-color-button overlay:hover { colorswatch#add-color-button overlay:hover {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3); outline-color: rgba(238, 238, 236, 0.3);
@ -4438,7 +4438,7 @@ colorswatch#add-color-button {
border-bottom-color: black; border-bottom-color: black;
text-shadow: 0 -1px rgba(0, 0, 0, 0.825255); text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #20232b, #252831 1px); } background-image: linear-gradient(to top, #20232b, #252831 1px); }
colorswatch#add-color-button overlay:backdrop { colorswatch#add-color-button overlay:backdrop {
color: #888a8d; color: #888a8d;
@ -4790,7 +4790,7 @@ switch {
text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
border: 1px solid black; border: 1px solid black;
border-radius: 50%; border-radius: 50%;
transition-property: background, border, box-shadow; } transition-property: background, border, box-shadow; }
@ -4928,7 +4928,7 @@ infobar.info button, infobar.info.action:hover button {
background-image: linear-gradient(to top, #2274ff 2px, #2777ff); background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.info button:hover, infobar.info.action:hover button:hover { infobar.info button:hover, infobar.info.action:hover button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
@ -4936,7 +4936,7 @@ infobar.info button, infobar.info.action:hover button {
border-bottom-color: #0047c0; border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); text-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); } background-image: linear-gradient(to top, #2274ff, #2c7aff 1px); }
infobar.info button:active, infobar.info button:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked { infobar.info button:active, infobar.info button:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked {
color: #ffffff; color: #ffffff;
@ -4983,7 +4983,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b
background-image: linear-gradient(to top, #f87a00 2px, #fd7d00); background-image: linear-gradient(to top, #f87a00 2px, #fd7d00);
text-shadow: 0 -1px rgba(0, 0, 0, 0.603137); text-shadow: 0 -1px rgba(0, 0, 0, 0.603137);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.question button:hover, infobar.warning button:hover, infobar.question.action:hover button:hover, infobar.warning.action:hover button:hover { infobar.question button:hover, infobar.warning button:hover, infobar.question.action:hover button:hover, infobar.warning.action:hover button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
@ -4991,7 +4991,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b
border-bottom-color: #974b00; border-bottom-color: #974b00;
text-shadow: 0 -1px rgba(0, 0, 0, 0.555137); text-shadow: 0 -1px rgba(0, 0, 0, 0.555137);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #f87a00, #ff8003 1px); } background-image: linear-gradient(to top, #f87a00, #ff8003 1px); }
infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked { infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked {
color: #ffffff; color: #ffffff;
@ -5037,7 +5037,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
background-image: linear-gradient(to top, #ba1616 2px, #bf1717); background-image: linear-gradient(to top, #ba1616 2px, #bf1717);
text-shadow: 0 -1px rgba(0, 0, 0, 0.664314); text-shadow: 0 -1px rgba(0, 0, 0, 0.664314);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover > revealer > box button:hover { infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover > revealer > box button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
@ -5045,7 +5045,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
border-bottom-color: #640c0c; border-bottom-color: #640c0c;
text-shadow: 0 -1px rgba(0, 0, 0, 0.616314); text-shadow: 0 -1px rgba(0, 0, 0, 0.616314);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
background-image: linear-gradient(to top, #ba1616, #c41818 1px); } background-image: linear-gradient(to top, #ba1616, #c41818 1px); }
infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked { infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked {
color: #ffffff; color: #ffffff;

View File

@ -487,7 +487,7 @@ button {
background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat,
button.flat { button.flat {
border-color: transparent; border-color: transparent;
@ -512,7 +512,7 @@ button {
border-bottom-color: #c2c2c2; border-bottom-color: #c2c2c2;
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #ffffff, white 1px); background-image: linear-gradient(to top, #ffffff, white 1px);
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
@ -800,7 +800,7 @@ button.suggested-action {
background-image: linear-gradient(to top, #136aff 2px, #2777ff); background-image: linear-gradient(to top, #136aff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
button.suggested-action.flat { button.suggested-action.flat {
border-color: transparent; border-color: transparent;
@ -818,7 +818,7 @@ button.suggested-action {
border-bottom-color: #0047c0; border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); text-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); } background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); }
button.suggested-action:active, button.suggested-action:active,
@ -950,7 +950,7 @@ button.destructive-action {
background-image: linear-gradient(to top, #c21717 2px, #d41919); background-image: linear-gradient(to top, #c21717 2px, #d41919);
text-shadow: 0 -1px rgba(0, 0, 0, 0.628235); text-shadow: 0 -1px rgba(0, 0, 0, 0.628235);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.628235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.628235);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
button.destructive-action.flat { button.destructive-action.flat {
border-color: transparent; border-color: transparent;
@ -968,7 +968,7 @@ button.destructive-action {
border-bottom-color: #790e0e; border-bottom-color: #790e0e;
text-shadow: 0 -1px rgba(0, 0, 0, 0.580235); text-shadow: 0 -1px rgba(0, 0, 0, 0.580235);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.580235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.580235);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #d41919, #d91a1a 1px); } background-image: linear-gradient(to top, #d41919, #d91a1a 1px); }
button.destructive-action:active, button.destructive-action:active,
@ -1145,7 +1145,7 @@ button.circular {
background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, whitesmoke 2px, #ffffff), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); background-image: linear-gradient(to top, whitesmoke 2px, #ffffff), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%);
border-color: transparent; } border-color: transparent; }
@ -1156,7 +1156,7 @@ button.circular {
border-bottom-color: #c2c2c2; border-bottom-color: #c2c2c2;
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #ffffff, white 1px); background-image: linear-gradient(to top, #ffffff, white 1px);
background-image: linear-gradient(to top, #ffffff, white 1px), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); background-image: linear-gradient(to top, #ffffff, white 1px), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%);
border-color: transparent; } border-color: transparent; }
@ -1183,7 +1183,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3); outline-color: rgba(92, 97, 108, 0.3);
@ -1191,7 +1191,7 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
border-bottom-color: #c2c2c2; border-bottom-color: #c2c2c2;
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #ffffff, white 1px); } background-image: linear-gradient(to top, #ffffff, white 1px); }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #5c616c; color: #5c616c;
@ -1340,7 +1340,7 @@ list row button.image-button:not(.flat) {
border-bottom-color: #c2c2c2; border-bottom-color: #c2c2c2;
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #ffffff, white 1px); } background-image: linear-gradient(to top, #ffffff, white 1px); }
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked {
color: #5c616c; color: #5c616c;
@ -1743,7 +1743,7 @@ headerbar {
background-image: linear-gradient(to top, #136aff 2px, #2777ff); background-image: linear-gradient(to top, #136aff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
headerbar.selection-mode button.flat { headerbar.selection-mode button.flat {
border-color: transparent; border-color: transparent;
@ -1760,7 +1760,7 @@ headerbar {
border-bottom-color: #0047c0; border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); text-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); } background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); }
.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, .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:active,
@ -1847,7 +1847,7 @@ headerbar {
background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
border-color: #0051da; } border-color: #0051da; }
.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, .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 { headerbar.selection-mode button.suggested-action:hover {
@ -1857,7 +1857,7 @@ headerbar {
border-bottom-color: #c2c2c2; border-bottom-color: #c2c2c2;
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #ffffff, white 1px); background-image: linear-gradient(to top, #ffffff, white 1px);
border-color: #0051da; } border-color: #0051da; }
.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, .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,
@ -2725,14 +2725,14 @@ switch {
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); background-image: linear-gradient(to bottom, white 20%, #ffffff 90%);
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
switch image { switch image {
color: transparent; } color: transparent; }
switch:hover slider { switch:hover slider {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3); outline-color: rgba(92, 97, 108, 0.3);
border-color: #c2c2c2; border-color: #c2c2c2;
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to bottom, white 10%, white 90%); } background-image: linear-gradient(to bottom, white 10%, white 90%); }
switch:checked > slider { switch:checked > slider {
border: 1px solid #0047c0; } border: 1px solid #0047c0; }
@ -3193,7 +3193,7 @@ scale {
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); background-image: linear-gradient(to bottom, white 20%, #ffffff 90%);
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
border: 1px solid #bababa; border: 1px solid #bababa;
border-radius: 100%; border-radius: 100%;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@ -3202,7 +3202,7 @@ scale {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3); outline-color: rgba(92, 97, 108, 0.3);
border-color: #c2c2c2; border-color: #c2c2c2;
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to bottom, white 10%, white 90%); } background-image: linear-gradient(to bottom, white 10%, white 90%); }
scale slider:active { scale slider:active {
border-color: #0051da; } border-color: #0051da; }
@ -4303,7 +4303,7 @@ infobar {
background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3); outline-color: rgba(92, 97, 108, 0.3);
@ -4311,7 +4311,7 @@ infobar {
border-bottom-color: #c2c2c2; border-bottom-color: #c2c2c2;
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #ffffff, white 1px); } background-image: linear-gradient(to top, #ffffff, white 1px); }
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 { 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: #5c616c; color: #5c616c;
@ -4452,7 +4452,7 @@ colorswatch#add-color-button {
background-image: linear-gradient(to top, whitesmoke 2px, #ffffff); background-image: linear-gradient(to top, whitesmoke 2px, #ffffff);
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
colorswatch#add-color-button overlay:hover { colorswatch#add-color-button overlay:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3); outline-color: rgba(92, 97, 108, 0.3);
@ -4460,7 +4460,7 @@ colorswatch#add-color-button {
border-bottom-color: #c2c2c2; border-bottom-color: #c2c2c2;
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #ffffff, white 1px); } background-image: linear-gradient(to top, #ffffff, white 1px); }
colorswatch#add-color-button overlay:backdrop { colorswatch#add-color-button overlay:backdrop {
color: #aeb0b6; color: #aeb0b6;
@ -4811,7 +4811,7 @@ switch {
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); background-image: linear-gradient(to bottom, white 20%, #ffffff 90%);
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
border: 1px solid #bababa; border: 1px solid #bababa;
border-radius: 50%; border-radius: 50%;
transition-property: background, border, box-shadow; } transition-property: background, border, box-shadow; }
@ -4949,7 +4949,7 @@ infobar.info button, infobar.info.action:hover button {
background-image: linear-gradient(to top, #136aff 2px, #2777ff); background-image: linear-gradient(to top, #136aff 2px, #2777ff);
text-shadow: 0 -1px rgba(0, 0, 0, 0.538824); text-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.538824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
infobar.info button:hover, infobar.info.action:hover button:hover { infobar.info button:hover, infobar.info.action:hover button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
@ -4957,7 +4957,7 @@ infobar.info button, infobar.info.action:hover button {
border-bottom-color: #0047c0; border-bottom-color: #0047c0;
text-shadow: 0 -1px rgba(0, 0, 0, 0.490824); text-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.490824);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); } background-image: linear-gradient(to top, #2777ff, #2c7aff 1px); }
infobar.info button:active, infobar.info button:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked { infobar.info button:active, infobar.info button:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked {
color: #ffffff; color: #ffffff;
@ -5004,7 +5004,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b
background-image: linear-gradient(to top, #e97300 2px, #fd7d00); background-image: linear-gradient(to top, #e97300 2px, #fd7d00);
text-shadow: 0 -1px rgba(0, 0, 0, 0.603137); text-shadow: 0 -1px rgba(0, 0, 0, 0.603137);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.603137);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
infobar.question button:hover, infobar.warning button:hover, infobar.question.action:hover button:hover, infobar.warning.action:hover button:hover { infobar.question button:hover, infobar.warning button:hover, infobar.question.action:hover button:hover, infobar.warning.action:hover button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
@ -5012,7 +5012,7 @@ infobar.question button, infobar.warning button, infobar.question.action:hover b
border-bottom-color: #974b00; border-bottom-color: #974b00;
text-shadow: 0 -1px rgba(0, 0, 0, 0.555137); text-shadow: 0 -1px rgba(0, 0, 0, 0.555137);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.555137);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #fd7d00, #ff8003 1px); } background-image: linear-gradient(to top, #fd7d00, #ff8003 1px); }
infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked { infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked {
color: #ffffff; color: #ffffff;
@ -5058,7 +5058,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
background-image: linear-gradient(to top, #ad1515 2px, #bf1717); background-image: linear-gradient(to top, #ad1515 2px, #bf1717);
text-shadow: 0 -1px rgba(0, 0, 0, 0.664314); text-shadow: 0 -1px rgba(0, 0, 0, 0.664314);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.664314);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover > revealer > box button:hover { infobar.error:backdrop > revealer > box button:hover, infobar.error > revealer > box button:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, infobar.error.action:hover > revealer > box button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
@ -5066,7 +5066,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
border-bottom-color: #640c0c; border-bottom-color: #640c0c;
text-shadow: 0 -1px rgba(0, 0, 0, 0.616314); text-shadow: 0 -1px rgba(0, 0, 0, 0.616314);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.616314);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #bf1717, #c41818 1px); } background-image: linear-gradient(to top, #bf1717, #c41818 1px); }
infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked { infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked {
color: #ffffff; color: #ffffff;

View File

@ -186,7 +186,7 @@
$_hilight_color: _button_hilight_color($c); $_hilight_color: _button_hilight_color($c);
$_button_edge: if($edge == none, none, _widget_edge($edge)); $_button_edge: if($edge == none, none, _widget_edge($edge));
$_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1)));
$_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03); $_button_shadow: inset 0 -1px 0 transparentize(if($c != $bg_color, _border_color($c), $borders_color), .25), 0 1px 2px transparentize($shadow_color, 0.03);
@if $t==normal { @if $t==normal {
// //

View File

@ -0,0 +1,4 @@
189c189
< $_button_shadow: 0 1px 2px transparentize($shadow_color, 0.03);
---
> $_button_shadow: inset 0 -1px 0 transparentize(if($c != $bg_color, _border_color($c), $borders_color), .25), 0 1px 2px transparentize($shadow_color, 0.03);