Adwaita: pushed button style tweak

use a solid background.
This commit is contained in:
Lapo Calamandrei 2016-04-17 15:21:31 +02:00
parent f10971eefd
commit 32674cb1d3
3 changed files with 64 additions and 30 deletions

View File

@ -275,11 +275,13 @@
color: $tc;
outline-color: transparentize($tc, 0.7);
border-color: if($c!=$bg_color, _border_color($c), $borders_color);
@if $variant == 'light' { background-image: linear-gradient(to bottom, darken($c, 13%), darken($c, 5%)); }
@else { background-image: linear-gradient(to bottom, darken($c, 9%), darken($c, 5%)); }
@if $variant == 'light' { background-image: image(darken($c, 8%)); }
@else { background-image: image(darken($c, 6%)); }
@include _button_text_shadow($tc, darken($c,10%));
@include _shadows(inset 0 2px 1px -2px transparentize(black,0.4),
$_button_edge);
text-shadow: none;
-gtk-icon-shadow: none;
}
@else if $t==insensitive {
//

View File

@ -467,10 +467,12 @@ button {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #212424;
background-image: linear-gradient(to bottom, #232727, #2d3232);
background-image: image(#2a2f2f);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none;
transition-duration: 50ms; }
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
button:backdrop.flat,
@ -793,10 +795,12 @@ button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #194776, #1c5187);
background-image: image(#1b4e83);
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
@ -970,10 +974,12 @@ button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #760909;
background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e);
background-image: image(#b90e0e);
text-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
border-color: #760909;
@ -1188,10 +1194,12 @@ 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, #232727, #2d3232);
background-image: image(#2a2f2f);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled {
border-color: #212424;
background-image: linear-gradient(to bottom, #333636);
@ -1735,10 +1743,12 @@ headerbar {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #194776, #1c5187);
background-image: image(#1b4e83);
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
@ -1864,10 +1874,12 @@ headerbar {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #212424;
background-image: linear-gradient(to bottom, #232727, #2d3232);
background-image: image(#2a2f2f);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none;
border-color: #0f2b48; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
@ -2763,10 +2775,12 @@ radio {
color: #eeeeec;
outline-color: rgba(238, 238, 236, 0.3);
border-color: #212424;
background-image: linear-gradient(to bottom, #232727, #2d3232);
background-image: image(#2a2f2f);
text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
check:disabled,
radio:disabled {
border-color: #212424;
@ -4149,10 +4163,12 @@ infobar {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0f2b48;
background-image: linear-gradient(to bottom, #194776, #1c5187);
background-image: image(#1b4e83);
text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
.info button:disabled,
.question button:disabled,
.warning button:disabled,

View File

@ -467,10 +467,12 @@ button {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #b1b1ae;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
background-image: image(#d4d4d2);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none;
transition-duration: 50ms; }
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
button:backdrop.flat,
@ -796,10 +798,12 @@ button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #215d9c;
background-image: linear-gradient(to bottom, #276fba, #3583d5);
background-image: image(#2b7bcf);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
@ -973,10 +977,12 @@ button.destructive-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #a60c0c;
background-image: linear-gradient(to bottom, #c70f0f, #ed1212);
background-image: image(#df1111);
text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
border-color: #ef2929;
@ -1191,10 +1197,12 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #b1b1ae;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
background-image: image(#d4d4d2);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled {
border-color: #b1b1ae;
background-image: linear-gradient(to bottom, #f1f1f1);
@ -1742,10 +1750,12 @@ headerbar {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #215d9c;
background-image: linear-gradient(to bottom, #276fba, #3583d5);
background-image: image(#2b7bcf);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
@ -1871,10 +1881,12 @@ headerbar {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #b1b1ae;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
background-image: image(#d4d4d2);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none;
border-color: #184472; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
@ -2788,10 +2800,12 @@ radio {
color: #2e3436;
outline-color: rgba(46, 52, 54, 0.3);
border-color: #b1b1ae;
background-image: linear-gradient(to bottom, #c8c8c5, #dcdcda);
background-image: image(#d4d4d2);
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
check:disabled,
radio:disabled {
border-color: #b1b1ae;
@ -4178,10 +4192,12 @@ infobar {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #215d9c;
background-image: linear-gradient(to bottom, #276fba, #3583d5);
background-image: image(#2b7bcf);
text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
text-shadow: none;
-gtk-icon-shadow: none; }
.info button:disabled,
.question button:disabled,
.warning button:disabled,