AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

theme: linear-gradient() needs 2 color-stops

Browse Source 
So make sure our _solid() function gives it two.
This commit is contained in:
Benjamin Otte 2016-03-28 01:50:32 +02:00
parent f51b15808a
commit fd373162b5
6 changed files with 212 additions and 212 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
gtk/theme/Adwaita/_drawing.scss
View File

@ -10,7 +10,7 @@
@function _solid($c) {
// solid color image
@return linear-gradient(to bottom, $c);
@return linear-gradient(to bottom, $c, $c);
}
@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) {

192
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -77,7 +77,7 @@ textview text {
textview border {
background-color: #313434;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border:backdrop {
background-color: #333636; }
@ -469,7 +469,7 @@ button {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #212424;
background-image: linear-gradient(to bottom, #2a2f2f);
background-image: linear-gradient(to bottom, #2a2f2f, #2a2f2f);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@ -478,7 +478,7 @@ button {
button:backdrop.flat,
button:backdrop {
border-color: #262929;
background-image: linear-gradient(to bottom, #393f3f);
background-image: linear-gradient(to bottom, #393f3f, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -496,7 +496,7 @@ button {
button:backdrop:active,
button:backdrop:checked {
border-color: #262929;
background-image: linear-gradient(to bottom, #323737);
background-image: linear-gradient(to bottom, #323737, #323737);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
button:backdrop.flat:active label,
@ -512,7 +512,7 @@ button {
button:backdrop.flat:disabled,
button:backdrop:disabled {
border-color: #262929;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -528,7 +528,7 @@ button {
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
border-color: #262929;
background-image: linear-gradient(to bottom, #272929);
background-image: linear-gradient(to bottom, #272929, #272929);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
button:backdrop.flat:disabled:active label,
@ -549,7 +549,7 @@ button {
notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
button:disabled {
border-color: #212424;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -606,7 +606,7 @@ button.osd {
outline-color: rgba(238, 238, 236, 0.3);
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -619,7 +619,7 @@ button.osd {
button.osd:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -631,7 +631,7 @@ button.osd {
button.osd:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -643,7 +643,7 @@ button.osd {
button.osd:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -652,7 +652,7 @@ button.osd {
button.osd:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -663,7 +663,7 @@ button.osd {
button {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -673,7 +673,7 @@ button {
button:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -686,7 +686,7 @@ button {
button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -697,7 +697,7 @@ button {
button:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -706,7 +706,7 @@ button {
button:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -726,7 +726,7 @@ button {
button.flat:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -736,7 +736,7 @@ button {
button.flat:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -757,7 +757,7 @@ button {
button.flat:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -795,7 +795,7 @@ button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #1b4e83);
background-image: linear-gradient(to bottom, #1b4e83, #1b4e83);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
@ -803,7 +803,7 @@ button.suggested-action {
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #215d9c);
background-image: linear-gradient(to bottom, #215d9c, #215d9c);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -819,7 +819,7 @@ button.suggested-action {
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #184472);
background-image: linear-gradient(to bottom, #184472, #184472);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked,
button.suggested-action:backdrop:active label,
@ -835,7 +835,7 @@ button.suggested-action {
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled {
border-color: #262929;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -851,7 +851,7 @@ button.suggested-action {
button.suggested-action.flat:backdrop:disabled:active,
button.suggested-action.flat:backdrop:disabled:checked {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #1d4877);
background-image: linear-gradient(to bottom, #1d4877, #1d4877);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label,
button.suggested-action:backdrop:disabled:active label,
@ -872,7 +872,7 @@ button.suggested-action {
color: rgba(33, 93, 156, 0.8); }
button.suggested-action:disabled {
border-color: #212424;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -893,7 +893,7 @@ button.suggested-action {
button.suggested-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5), rgba(33, 93, 156, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -903,7 +903,7 @@ button.suggested-action {
button.suggested-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7));
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7), rgba(33, 93, 156, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -916,7 +916,7 @@ button.suggested-action {
button.suggested-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #215d9c);
background-image: linear-gradient(to bottom, #215d9c, #215d9c);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -927,7 +927,7 @@ button.suggested-action {
button.suggested-action:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -936,7 +936,7 @@ button.suggested-action {
button.suggested-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5));
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5), rgba(33, 93, 156, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -972,14 +972,14 @@ button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #760909;
background-image: linear-gradient(to bottom, #b90e0e);
background-image: linear-gradient(to bottom, #b90e0e, #b90e0e);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
border-color: #760909;
background-image: linear-gradient(to bottom, #d51010);
background-image: linear-gradient(to bottom, #d51010, #d51010);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -993,7 +993,7 @@ button.destructive-action {
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked {
border-color: #760909;
background-image: linear-gradient(to bottom, #a60c0c);
background-image: linear-gradient(to bottom, #a60c0c, #a60c0c);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:active label,
button.destructive-action:backdrop:active,
@ -1007,7 +1007,7 @@ button.destructive-action {
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled {
border-color: #262929;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1021,7 +1021,7 @@ button.destructive-action {
button.destructive-action.flat:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked {
border-color: #760909;
background-image: linear-gradient(to bottom, #a41212);
background-image: linear-gradient(to bottom, #a41212, #a41212);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active label,
button.destructive-action:backdrop:disabled:checked label,
@ -1040,7 +1040,7 @@ button.destructive-action {
color: rgba(213, 16, 16, 0.8); }
button.destructive-action:disabled {
border-color: #212424;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1061,7 +1061,7 @@ button.destructive-action {
button.destructive-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5), rgba(213, 16, 16, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1071,7 +1071,7 @@ button.destructive-action {
button.destructive-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7));
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7), rgba(213, 16, 16, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1084,7 +1084,7 @@ button.destructive-action {
button.destructive-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #d51010);
background-image: linear-gradient(to bottom, #d51010, #d51010);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1095,7 +1095,7 @@ button.destructive-action {
button.destructive-action:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1104,7 +1104,7 @@ button.destructive-action {
button.destructive-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5));
background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5), rgba(213, 16, 16, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1190,13 +1190,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #212424;
background-image: linear-gradient(to bottom, #2a2f2f);
background-image: linear-gradient(to bottom, #2a2f2f, #2a2f2f);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled {
border-color: #212424;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1210,7 +1210,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
color: #949796; }
.inline-toolbar toolbutton > button:backdrop {
border-color: #262929;
background-image: linear-gradient(to bottom, #393f3f);
background-image: linear-gradient(to bottom, #393f3f, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1218,13 +1218,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
color: #949796; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
border-color: #262929;
background-image: linear-gradient(to bottom, #323737);
background-image: linear-gradient(to bottom, #323737, #323737);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
color: #949796; }
.inline-toolbar toolbutton > button:backdrop:disabled {
border-color: #262929;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1232,7 +1232,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
color: #5d6767; }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
border-color: #262929;
background-image: linear-gradient(to bottom, #272929);
background-image: linear-gradient(to bottom, #272929, #272929);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
color: #5d6767; }
@ -1547,7 +1547,7 @@ spinbutton.vertical button.down {
.osd spinbutton.vertical button:first-child {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1556,7 +1556,7 @@ spinbutton.vertical button.down {
.osd spinbutton.vertical button:first-child:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1565,7 +1565,7 @@ spinbutton.vertical button.down {
.osd spinbutton.vertical button:first-child:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1574,7 +1574,7 @@ spinbutton.vertical button.down {
.osd spinbutton.vertical button:first-child:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1582,7 +1582,7 @@ spinbutton.vertical button.down {
.osd spinbutton.vertical button:first-child:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1737,7 +1737,7 @@ headerbar {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #1b4e83);
background-image: linear-gradient(to bottom, #1b4e83, #1b4e83);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
@ -1745,7 +1745,7 @@ headerbar {
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #215d9c);
background-image: linear-gradient(to bottom, #215d9c, #215d9c);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -1763,7 +1763,7 @@ headerbar {
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #184472);
background-image: linear-gradient(to bottom, #184472, #184472);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
@ -1780,7 +1780,7 @@ headerbar {
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #22558b);
background-image: linear-gradient(to bottom, #22558b, #22558b);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -1797,7 +1797,7 @@ headerbar {
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #1d4877);
background-image: linear-gradient(to bottom, #1d4877, #1d4877);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label,
@ -1819,7 +1819,7 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #22558b);
background-image: linear-gradient(to bottom, #22558b, #22558b);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1866,7 +1866,7 @@ headerbar {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #212424;
background-image: linear-gradient(to bottom, #2a2f2f);
background-image: linear-gradient(to bottom, #2a2f2f, #2a2f2f);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1874,7 +1874,7 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
border-color: #212424;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -1886,7 +1886,7 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
border-color: #262929;
background-image: linear-gradient(to bottom, #393f3f);
background-image: linear-gradient(to bottom, #393f3f, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -1898,7 +1898,7 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
border-color: #262929;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -1911,7 +1911,7 @@ headerbar {
headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu {
border-color: rgba(33, 93, 156, 0);
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0));
background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0), rgba(33, 93, 156, 0));
box-shadow: none;
padding-left: 10px;
padding-right: 10px; }
@ -2659,7 +2659,7 @@ switch {
border: 1px solid #0f2b48; }
switch:disabled slider {
border-color: #212424;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -2668,7 +2668,7 @@ switch {
switch:backdrop slider {
transition: 200ms ease-out;
border-color: #262929;
background-image: linear-gradient(to bottom, #393f3f);
background-image: linear-gradient(to bottom, #393f3f, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -2678,7 +2678,7 @@ switch {
border-color: #0f2b48; }
switch:backdrop:disabled slider {
border-color: #262929;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -2765,14 +2765,14 @@ radio {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #212424;
background-image: linear-gradient(to bottom, #2a2f2f);
background-image: linear-gradient(to bottom, #2a2f2f, #2a2f2f);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
check:disabled,
radio:disabled {
border-color: #212424;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -2783,7 +2783,7 @@ radio {
check:backdrop,
radio:backdrop {
border-color: #262929;
background-image: linear-gradient(to bottom, #393f3f);
background-image: linear-gradient(to bottom, #393f3f, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -2795,7 +2795,7 @@ radio {
check:backdrop:disabled,
radio:backdrop:disabled {
border-color: #262929;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -2807,7 +2807,7 @@ radio {
radio {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -2817,7 +2817,7 @@ radio {
radio:hover {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -2827,7 +2827,7 @@ radio {
radio:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -2837,7 +2837,7 @@ radio {
radio:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -2846,7 +2846,7 @@ radio {
radio:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3034,7 +3034,7 @@ scale {
border-color: #0f2b48; }
scale slider:disabled {
border-color: #212424;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -3043,7 +3043,7 @@ scale {
scale slider:backdrop {
transition: 200ms ease-out;
border-color: #262929;
background-image: linear-gradient(to bottom, #393f3f);
background-image: linear-gradient(to bottom, #393f3f, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -3051,7 +3051,7 @@ scale {
color: #949796; }
scale slider:backdrop:disabled {
border-color: #262929;
background-image: linear-gradient(to bottom, #333636);
background-image: linear-gradient(to bottom, #333636, #333636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -3062,7 +3062,7 @@ scale {
.osd scale slider {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -3073,7 +3073,7 @@ scale {
.osd scale slider:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -3082,7 +3082,7 @@ scale {
.osd scale slider:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3091,7 +3091,7 @@ scale {
.osd scale slider:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3099,7 +3099,7 @@ scale {
.osd scale slider:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3500,7 +3500,7 @@ scale {
min-height: 0;
min-width: 0; }
scale.color trough {
background-image: linear-gradient(to bottom, #212424);
background-image: linear-gradient(to bottom, #212424, #212424);
background-repeat: no-repeat; }
scale.color.horizontal {
padding: 0 0 15px 0; }
@ -4030,7 +4030,7 @@ placessidebar row {
placessidebar row.sidebar-placeholder-row {
padding: 0 8px;
min-height: 2px;
background-image: linear-gradient(to bottom, #4e9a06);
background-image: linear-gradient(to bottom, #4e9a06, #4e9a06);
background-clip: content-box; }
placessidebar row.sidebar-new-bookmark-row {
color: #215d9c; }
@ -4062,21 +4062,21 @@ paned > separator {
-gtk-icon-source: none;
border-style: none;
background-color: transparent;
background-image: linear-gradient(to bottom, #212424);
background-image: linear-gradient(to bottom, #212424, #212424);
background-size: 1px 1px; }
paned > separator:selected {
background-image: linear-gradient(to bottom, #215d9c); }
background-image: linear-gradient(to bottom, #215d9c, #215d9c); }
paned > separator:backdrop {
background-image: linear-gradient(to bottom, #262929); }
background-image: linear-gradient(to bottom, #262929, #262929); }
paned > separator.wide {
min-width: 5px;
min-height: 5px;
background-color: #393f3f;
background-image: linear-gradient(to bottom, #212424), linear-gradient(to bottom, #212424);
background-image: linear-gradient(to bottom, #212424, #212424), linear-gradient(to bottom, #212424, #212424);
background-size: 1px 1px, 1px 1px; }
paned > separator.wide:backdrop {
background-color: #393f3f;
background-image: linear-gradient(to bottom, #262929), linear-gradient(to bottom, #262929); }
background-image: linear-gradient(to bottom, #262929, #262929), linear-gradient(to bottom, #262929, #262929); }
paned.horizontal > separator {
background-repeat: repeat-y; }
paned.horizontal > separator:dir(ltr) {
@ -4151,7 +4151,7 @@ infobar {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #1b4e83);
background-image: linear-gradient(to bottom, #1b4e83, #1b4e83);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
@ -4160,7 +4160,7 @@ infobar {
.warning button:disabled,
.error button:disabled {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #22558b);
background-image: linear-gradient(to bottom, #22558b, #22558b);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -4177,7 +4177,7 @@ infobar {
.warning button:backdrop,
.error button:backdrop {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #215d9c);
background-image: linear-gradient(to bottom, #215d9c, #215d9c);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -4195,7 +4195,7 @@ infobar {
.warning button:backdrop:disabled,
.error button:backdrop:disabled {
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #22558b);
background-image: linear-gradient(to bottom, #22558b, #22558b);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -4320,7 +4320,7 @@ colorswatch#add-color-button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
colorswatch#add-color-button overlay:backdrop {
border-color: #262929;
background-image: linear-gradient(to bottom, #393f3f);
background-image: linear-gradient(to bottom, #393f3f, #393f3f);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }

192
gtk/theme/Adwaita/gtk-contained.css
View File

@ -77,7 +77,7 @@ textview text {
textview border {
background-color: #f4f4f3;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
background-repeat: no-repeat; }
textview border:backdrop {
background-color: #f2f2f2; }
@ -469,7 +469,7 @@ button {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #d4d4d2);
background-image: linear-gradient(to bottom, #d4d4d2, #d4d4d2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@ -478,7 +478,7 @@ button {
button:backdrop.flat,
button:backdrop {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #e8e8e7);
background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -496,7 +496,7 @@ button {
button:backdrop:active,
button:backdrop:checked {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #dadad8);
background-image: linear-gradient(to bottom, #dadad8, #dadad8);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
button:backdrop.flat:active label,
@ -512,7 +512,7 @@ button {
button:backdrop.flat:disabled,
button:backdrop:disabled {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -528,7 +528,7 @@ button {
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #e4e4e4);
background-image: linear-gradient(to bottom, #e4e4e4, #e4e4e4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
button:backdrop.flat:disabled:active label,
@ -549,7 +549,7 @@ button {
notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
button:disabled {
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -609,7 +609,7 @@ button.osd {
outline-color: rgba(238, 238, 236, 0.3);
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -622,7 +622,7 @@ button.osd {
button.osd:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -634,7 +634,7 @@ button.osd {
button.osd:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -646,7 +646,7 @@ button.osd {
button.osd:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -655,7 +655,7 @@ button.osd {
button.osd:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -666,7 +666,7 @@ button.osd {
button {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -676,7 +676,7 @@ button {
button:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -689,7 +689,7 @@ button {
button:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -700,7 +700,7 @@ button {
button:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -709,7 +709,7 @@ button {
button:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -729,7 +729,7 @@ button {
button.flat:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -739,7 +739,7 @@ button {
button.flat:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -760,7 +760,7 @@ button {
button.flat:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -798,7 +798,7 @@ button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #215d9c;
background-image: linear-gradient(to bottom, #2b7bcf);
background-image: linear-gradient(to bottom, #2b7bcf, #2b7bcf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
@ -806,7 +806,7 @@ button.suggested-action {
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
background-image: linear-gradient(to bottom, #4a90d9, #4a90d9);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -822,7 +822,7 @@ button.suggested-action {
button.suggested-action.flat:backdrop:active,
button.suggested-action.flat:backdrop:checked {
border-color: #2a76c6;
background-image: linear-gradient(to bottom, #2a76c6);
background-image: linear-gradient(to bottom, #2a76c6, #2a76c6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked,
button.suggested-action:backdrop:active label,
@ -838,7 +838,7 @@ button.suggested-action {
button.suggested-action:backdrop:disabled,
button.suggested-action.flat:backdrop:disabled {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -854,7 +854,7 @@ button.suggested-action {
button.suggested-action.flat:backdrop:disabled:active,
button.suggested-action.flat:backdrop:disabled:checked {
border-color: #5094db;
background-image: linear-gradient(to bottom, #5094db);
background-image: linear-gradient(to bottom, #5094db, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label,
button.suggested-action:backdrop:disabled:active label,
@ -875,7 +875,7 @@ button.suggested-action {
color: rgba(74, 144, 217, 0.8); }
button.suggested-action:disabled {
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -896,7 +896,7 @@ button.suggested-action {
button.suggested-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5), rgba(74, 144, 217, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -906,7 +906,7 @@ button.suggested-action {
button.suggested-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7));
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7), rgba(74, 144, 217, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -919,7 +919,7 @@ button.suggested-action {
button.suggested-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #4a90d9);
background-image: linear-gradient(to bottom, #4a90d9, #4a90d9);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -930,7 +930,7 @@ button.suggested-action {
button.suggested-action:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -939,7 +939,7 @@ button.suggested-action {
button.suggested-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5), rgba(74, 144, 217, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -975,14 +975,14 @@ button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #a60c0c;
background-image: linear-gradient(to bottom, #df1111);
background-image: linear-gradient(to bottom, #df1111, #df1111);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
border-color: #ef2929;
background-image: linear-gradient(to bottom, #ef2929);
background-image: linear-gradient(to bottom, #ef2929, #ef2929);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -996,7 +996,7 @@ button.destructive-action {
button.destructive-action.flat:backdrop:active,
button.destructive-action.flat:backdrop:checked {
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010);
background-image: linear-gradient(to bottom, #d51010, #d51010);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:active label,
button.destructive-action:backdrop:active,
@ -1010,7 +1010,7 @@ button.destructive-action {
button.destructive-action:backdrop:disabled,
button.destructive-action.flat:backdrop:disabled {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1024,7 +1024,7 @@ button.destructive-action {
button.destructive-action.flat:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked {
border-color: #ef3131;
background-image: linear-gradient(to bottom, #ef3131);
background-image: linear-gradient(to bottom, #ef3131, #ef3131);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active label,
button.destructive-action:backdrop:disabled:checked label,
@ -1043,7 +1043,7 @@ button.destructive-action {
color: rgba(239, 41, 41, 0.8); }
button.destructive-action:disabled {
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1064,7 +1064,7 @@ button.destructive-action {
button.destructive-action {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5), rgba(239, 41, 41, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1074,7 +1074,7 @@ button.destructive-action {
button.destructive-action:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7));
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7), rgba(239, 41, 41, 0.7));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1087,7 +1087,7 @@ button.destructive-action {
button.destructive-action:checked {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, #ef2929);
background-image: linear-gradient(to bottom, #ef2929, #ef2929);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1098,7 +1098,7 @@ button.destructive-action {
button.destructive-action:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1107,7 +1107,7 @@ button.destructive-action {
button.destructive-action:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5), rgba(239, 41, 41, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1193,13 +1193,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #d4d4d2);
background-image: linear-gradient(to bottom, #d4d4d2, #d4d4d2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled {
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1213,7 +1213,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
color: #8b8e8f; }
.inline-toolbar toolbutton > button:backdrop {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #e8e8e7);
background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1221,13 +1221,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
color: #8b8e8f; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #dadad8);
background-image: linear-gradient(to bottom, #dadad8, #dadad8);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
color: #8b8e8f; }
.inline-toolbar toolbutton > button:backdrop:disabled {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1235,7 +1235,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
color: #c3c3c0; }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #e4e4e4);
background-image: linear-gradient(to bottom, #e4e4e4, #e4e4e4);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
color: #c3c3c0; }
@ -1554,7 +1554,7 @@ spinbutton.vertical button.down {
.osd spinbutton.vertical button:first-child {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1563,7 +1563,7 @@ spinbutton.vertical button.down {
.osd spinbutton.vertical button:first-child:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -1572,7 +1572,7 @@ spinbutton.vertical button.down {
.osd spinbutton.vertical button:first-child:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1581,7 +1581,7 @@ spinbutton.vertical button.down {
.osd spinbutton.vertical button:first-child:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1589,7 +1589,7 @@ spinbutton.vertical button.down {
.osd spinbutton.vertical button:first-child:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -1744,7 +1744,7 @@ headerbar {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #215d9c;
background-image: linear-gradient(to bottom, #2b7bcf);
background-image: linear-gradient(to bottom, #2b7bcf, #2b7bcf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
@ -1752,7 +1752,7 @@ headerbar {
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
background-image: linear-gradient(to bottom, #4a90d9, #4a90d9);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -1770,7 +1770,7 @@ headerbar {
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked {
border-color: #2a76c6;
background-image: linear-gradient(to bottom, #2a76c6);
background-image: linear-gradient(to bottom, #2a76c6, #2a76c6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
@ -1787,7 +1787,7 @@ headerbar {
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled {
border-color: #65a1df;
background-image: linear-gradient(to bottom, #65a1df);
background-image: linear-gradient(to bottom, #65a1df, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -1804,7 +1804,7 @@ headerbar {
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked {
border-color: #5094db;
background-image: linear-gradient(to bottom, #5094db);
background-image: linear-gradient(to bottom, #5094db, #5094db);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label,
@ -1826,7 +1826,7 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button:disabled,
headerbar.selection-mode button:disabled {
border-color: #215d9c;
background-image: linear-gradient(to bottom, #65a1df);
background-image: linear-gradient(to bottom, #65a1df, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -1873,7 +1873,7 @@ headerbar {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #d4d4d2);
background-image: linear-gradient(to bottom, #d4d4d2, #d4d4d2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1881,7 +1881,7 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -1893,7 +1893,7 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #e8e8e7);
background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -1905,7 +1905,7 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -1918,7 +1918,7 @@ headerbar {
headerbar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu {
border-color: rgba(74, 144, 217, 0);
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0));
background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0), rgba(74, 144, 217, 0));
box-shadow: none;
padding-left: 10px;
padding-right: 10px; }
@ -2673,7 +2673,7 @@ switch {
border: 1px solid #184472; }
switch:disabled slider {
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -2682,7 +2682,7 @@ switch {
switch:backdrop slider {
transition: 200ms ease-out;
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #e8e8e7);
background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -2692,7 +2692,7 @@ switch {
border-color: #4a90d9; }
switch:backdrop:disabled slider {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -2790,14 +2790,14 @@ radio {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #d4d4d2);
background-image: linear-gradient(to bottom, #d4d4d2, #d4d4d2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
check:disabled,
radio:disabled {
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -2808,7 +2808,7 @@ radio {
check:backdrop,
radio:backdrop {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #e8e8e7);
background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -2820,7 +2820,7 @@ radio {
check:backdrop:disabled,
radio:backdrop:disabled {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -2835,7 +2835,7 @@ radio {
radio {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -2845,7 +2845,7 @@ radio {
radio:hover {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -2855,7 +2855,7 @@ radio {
radio:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -2865,7 +2865,7 @@ radio {
radio:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -2874,7 +2874,7 @@ radio {
radio:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3063,7 +3063,7 @@ scale {
border-color: #184472; }
scale slider:disabled {
border-color: #b6b6b3;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -3072,7 +3072,7 @@ scale {
scale slider:backdrop {
transition: 200ms ease-out;
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #e8e8e7);
background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -3080,7 +3080,7 @@ scale {
color: #8b8e8f; }
scale slider:backdrop:disabled {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #f1f1f1);
background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -3091,7 +3091,7 @@ scale {
.osd scale slider {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -3102,7 +3102,7 @@ scale {
.osd scale slider:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
@ -3111,7 +3111,7 @@ scale {
.osd scale slider:active {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3120,7 +3120,7 @@ scale {
.osd scale slider:disabled {
color: #878a89;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3128,7 +3128,7 @@ scale {
.osd scale slider:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -3529,7 +3529,7 @@ scale {
min-height: 0;
min-width: 0; }
scale.color trough {
background-image: linear-gradient(to bottom, #b6b6b3);
background-image: linear-gradient(to bottom, #b6b6b3, #b6b6b3);
background-repeat: no-repeat; }
scale.color.horizontal {
padding: 0 0 15px 0; }
@ -4059,7 +4059,7 @@ placessidebar row {
placessidebar row.sidebar-placeholder-row {
padding: 0 8px;
min-height: 2px;
background-image: linear-gradient(to bottom, #4e9a06);
background-image: linear-gradient(to bottom, #4e9a06, #4e9a06);
background-clip: content-box; }
placessidebar row.sidebar-new-bookmark-row {
color: #4a90d9; }
@ -4091,21 +4091,21 @@ paned > separator {
-gtk-icon-source: none;
border-style: none;
background-color: transparent;
background-image: linear-gradient(to bottom, #b6b6b3);
background-image: linear-gradient(to bottom, #b6b6b3, #b6b6b3);
background-size: 1px 1px; }
paned > separator:selected {
background-image: linear-gradient(to bottom, #4a90d9); }
background-image: linear-gradient(to bottom, #4a90d9, #4a90d9); }
paned > separator:backdrop {
background-image: linear-gradient(to bottom, #c0c0bd); }
background-image: linear-gradient(to bottom, #c0c0bd, #c0c0bd); }
paned > separator.wide {
min-width: 5px;
min-height: 5px;
background-color: #e8e8e7;
background-image: linear-gradient(to bottom, #b6b6b3), linear-gradient(to bottom, #b6b6b3);
background-image: linear-gradient(to bottom, #b6b6b3, #b6b6b3), linear-gradient(to bottom, #b6b6b3, #b6b6b3);
background-size: 1px 1px, 1px 1px; }
paned > separator.wide:backdrop {
background-color: #e8e8e7;
background-image: linear-gradient(to bottom, #c0c0bd), linear-gradient(to bottom, #c0c0bd); }
background-image: linear-gradient(to bottom, #c0c0bd, #c0c0bd), linear-gradient(to bottom, #c0c0bd, #c0c0bd); }
paned.horizontal > separator {
background-repeat: repeat-y; }
paned.horizontal > separator:dir(ltr) {
@ -4180,7 +4180,7 @@ infobar {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #215d9c;
background-image: linear-gradient(to bottom, #2b7bcf);
background-image: linear-gradient(to bottom, #2b7bcf, #2b7bcf);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
@ -4189,7 +4189,7 @@ infobar {
.warning button:disabled,
.error button:disabled {
border-color: #215d9c;
background-image: linear-gradient(to bottom, #65a1df);
background-image: linear-gradient(to bottom, #65a1df, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
@ -4206,7 +4206,7 @@ infobar {
.warning button:backdrop,
.error button:backdrop {
border-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9);
background-image: linear-gradient(to bottom, #4a90d9, #4a90d9);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -4224,7 +4224,7 @@ infobar {
.warning button:backdrop:disabled,
.error button:backdrop:disabled {
border-color: #65a1df;
background-image: linear-gradient(to bottom, #65a1df);
background-image: linear-gradient(to bottom, #65a1df, #65a1df);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
@ -4349,7 +4349,7 @@ colorswatch#add-color-button {
box-shadow: inset 0 1px white; }
colorswatch#add-color-button overlay:backdrop {
border-color: #c0c0bd;
background-image: linear-gradient(to bottom, #e8e8e7);
background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }

2
gtk/theme/HighContrast/_drawing.scss
View File

@ -8,7 +8,7 @@
@function _solid($c) {
// solid color image
@return linear-gradient(to bottom, $c);
@return linear-gradient(to bottom, $c, $c);
}
@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) {

18
gtk/theme/HighContrast/gtk-contained-inverse.css
View File

@ -202,7 +202,7 @@ entry {
background-image: linear-gradient(to bottom, #090909, #111 90%);
color: gray;
border-color: gray;
background-image: linear-gradient(to bottom, #070707);
background-image: linear-gradient(to bottom, #070707, #070707);
box-shadow: none; }
spinbutton:backdrop:not(.vertical),
entry:backdrop {
@ -210,7 +210,7 @@ entry {
border-style: solid;
background-image: linear-gradient(to bottom, #090909, #111 90%);
color: #fff;
background-image: linear-gradient(to bottom, #111);
background-image: linear-gradient(to bottom, #111, #111);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
spinbutton:backdrop:disabled:not(.vertical),
entry:backdrop:disabled {
@ -218,7 +218,7 @@ entry {
border-style: solid;
background-image: linear-gradient(to bottom, #090909, #111 90%);
color: gray;
background-image: linear-gradient(to bottom, #000);
background-image: linear-gradient(to bottom, #000, #000);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
spinbutton.error:not(.vertical),
entry.error {
@ -320,12 +320,12 @@ entry {
entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
border-top-color: #323232;
background-image: linear-gradient(to bottom, #111); }
background-image: linear-gradient(to bottom, #111, #111); }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical >
entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical >
entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
border-top-color: #2e2e2e;
background-image: linear-gradient(to bottom, #111); }
background-image: linear-gradient(to bottom, #111, #111); }
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical >
entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical >
entry:disabled + entry:disabled {
@ -2548,7 +2548,7 @@ levelbar trough {
border-style: solid;
background-image: linear-gradient(to bottom, #090909, #111 90%);
color: #fff;
background-image: linear-gradient(to bottom, #111);
background-image: linear-gradient(to bottom, #111, #111);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
levelbar block {
min-width: 32px;
@ -2871,7 +2871,7 @@ calendar {
background: linear-gradient(to bottom, #050505, black);
border-bottom-color: #404040; }
calendar.header:backdrop {
background-image: linear-gradient(to bottom, #000);
background-image: linear-gradient(to bottom, #000, #000);
border-bottom-color: #3a3a3a; }
calendar:indeterminate, calendar:indeterminate:backdrop {
color: alpha(currentColor,0.55); }
@ -3120,9 +3120,9 @@ placesview row.activatable:hover {
paned separator {
min-width: 1px;
min-height: 1px;
background-image: linear-gradient(to bottom, gray); }
background-image: linear-gradient(to bottom, gray, gray); }
paned separator:backdrop {
background-image: linear-gradient(to bottom, #737373); }
background-image: linear-gradient(to bottom, #737373, #737373); }
paned:dir(ltr).horizontal separator {
margin: 0 -8px 0 0;
padding: 0 8px 0 0; }

18
gtk/theme/HighContrast/gtk-contained.css
View File

@ -202,7 +202,7 @@ entry {
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
color: gray;
border-color: gray;
background-image: linear-gradient(to bottom, white);
background-image: linear-gradient(to bottom, white, white);
box-shadow: none; }
spinbutton:backdrop:not(.vertical),
entry:backdrop {
@ -210,7 +210,7 @@ entry {
border-style: solid;
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
color: #000;
background-image: linear-gradient(to bottom, #fff);
background-image: linear-gradient(to bottom, #fff, #fff);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
spinbutton:backdrop:disabled:not(.vertical),
entry:backdrop:disabled {
@ -218,7 +218,7 @@ entry {
border-style: solid;
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
color: gray;
background-image: linear-gradient(to bottom, #fff);
background-image: linear-gradient(to bottom, #fff, #fff);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
spinbutton.error:not(.vertical),
entry.error {
@ -320,12 +320,12 @@ entry {
entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
border-top-color: #d9d9d9;
background-image: linear-gradient(to bottom, #fff); }
background-image: linear-gradient(to bottom, #fff, #fff); }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical >
entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical >
entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
border-top-color: #dddddd;
background-image: linear-gradient(to bottom, #fff); }
background-image: linear-gradient(to bottom, #fff, #fff); }
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical >
entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical >
entry:disabled + entry:disabled {
@ -2555,7 +2555,7 @@ levelbar trough {
border-style: solid;
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
color: #000;
background-image: linear-gradient(to bottom, #fff);
background-image: linear-gradient(to bottom, #fff, #fff);
box-shadow: 0 1px rgba(255, 255, 255, 0); }
levelbar block {
min-width: 32px;
@ -2878,7 +2878,7 @@ calendar {
background: linear-gradient(to bottom, white, #fafafa);
border-bottom-color: silver; }
calendar.header:backdrop {
background-image: linear-gradient(to bottom, #fff);
background-image: linear-gradient(to bottom, #fff, #fff);
border-bottom-color: #c6c6c6; }
calendar:indeterminate, calendar:indeterminate:backdrop {
color: alpha(currentColor,0.55); }
@ -3127,9 +3127,9 @@ placesview row.activatable:hover {
paned separator {
min-width: 1px;
min-height: 1px;
background-image: linear-gradient(to bottom, gray); }
background-image: linear-gradient(to bottom, gray, gray); }
paned separator:backdrop {
background-image: linear-gradient(to bottom, #8d8d8d); }
background-image: linear-gradient(to bottom, #8d8d8d, #8d8d8d); }
paned:dir(ltr).horizontal separator {
margin: 0 -8px 0 0;
padding: 0 8px 0 0; }