lesderid
/
paper-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

button style refinements

This commit is contained in:
Sam Hewitt 2016-04-18 20:34:41 -04:00
parent 086e039865
commit 4af4f7762a
6 changed files with 474 additions and 497 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
Paper/gtk-3.18/_drawing.scss
View File

@ -171,8 +171,8 @@
icon-shadow: 0 1px $_shadow; icon-shadow: 0 1px $_shadow;
} }
@else { @else {
text-shadow: 0 1px $_shadow; text-shadow: 0 1px transparentize(black, 0.8);
icon-shadow: 0 -1px $_shadow; icon-shadow: 0 1px transparentize(black, 0.8);
} }
} }
@ -259,7 +259,6 @@
$_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color); $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color);
GtkLabel, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); } GtkLabel, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); }
label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); }
border-color: if($c!=$bg_color, _border_color($c), $insensitive_borders_color); border-color: if($c!=$bg_color, _border_color($c), $insensitive_borders_color);
background-image: none; background-image: none;
@ -276,7 +275,6 @@
$_bc: if($c!=$bg_color, _border_color($c), $insensitive_borders_color); $_bc: if($c!=$bg_color, _border_color($c), $insensitive_borders_color);
GtkLabel, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); } GtkLabel, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); }
label, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); }
border-color: $_bc; border-color: $_bc;
background-image: none; background-image: none;
@ -298,7 +296,6 @@
$_bc: if($variant=='light',$c,_border_color($c)); $_bc: if($variant=='light',$c,_border_color($c));
GtkLabel, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); } GtkLabel, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); }
label, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); }
border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color);
background-image: linear-gradient(to bottom, $_bg); background-image: linear-gradient(to bottom, $_bg);
@ -334,7 +331,6 @@
$_bc: if($variant=='light', $_bg,_border_color($c)); $_bc: if($variant=='light', $_bg,_border_color($c));
GtkLabel, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } GtkLabel, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); }
label, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); }
border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color);
background-image: none; background-image: none;
@ -353,7 +349,7 @@
darken($insensitive_bg_color, 5%)); darken($insensitive_bg_color, 5%));
$_bc: if($variant=='light', $_bg,_border_color($c)); $_bc: if($variant=='light', $_bg,_border_color($c));
label { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); } GtkLabel { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); }
border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color); border-color: if($c!=$bg_color, $_bc, $backdrop_borders_color);
background-image: none; background-image: none;
@ -369,8 +365,7 @@
// OSD Button // OSD Button
@else if $t==osd { @else if $t==osd {
$_bg: if($c!=$bg_color, transparentize($c, 0.5), $_bg: if($c!=$bg_color, transparentize($c, 0.5), $osd_bg_color);
$osd_bg_color);
color: $osd_fg_color; color: $osd_fg_color;
border-color: $osd_borders_color; border-color: $osd_borders_color;
@ -384,8 +379,7 @@
// Hover OSD Button // Hover OSD Button
@else if $t==osd-hover { @else if $t==osd-hover {
$_bg: if($c!=$bg_color, transparentize($c, 0.3), $_bg: if($c!=$bg_color, transparentize($c, 0.3), lighten($osd_bg_color, 12%));
lighten($osd_bg_color, 12%));
color: white; color: white;
border-color: $osd_borders_color; border-color: $osd_borders_color;

409
Paper/gtk-3.18/gtk-dark.css
View File

@ -309,8 +309,8 @@ treeview.view:selected {
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #4F585C, #434b4e); background-image: linear-gradient(to bottom, #4F585C, #434b4e);
text-shadow: 0 1px rgba(0, 0, 0, 0.73176); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.flat { .button.flat {
@ -331,8 +331,8 @@ treeview.view:selected {
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
text-shadow: 0 1px rgba(0, 0, 0, 0.68376); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
-gtk-image-effect: highlight; } -gtk-image-effect: highlight; }
.button:active, .button:active,
@ -341,8 +341,8 @@ treeview.view:selected {
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #3f4649, #4a5357); background-image: linear-gradient(to bottom, #3f4649, #4a5357);
text-shadow: 0 1px rgba(0, 0, 0, 0.81176); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
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);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05);
transition-duration: 50ms; } transition-duration: 50ms; }
@ -358,11 +358,6 @@ treeview.view:selected {
.button:backdrop.flat GtkLabel, .button:backdrop.flat GtkLabel,
.button:backdrop.flat, .button:backdrop.flat,
.button:backdrop GtkLabel, .button:backdrop GtkLabel,
.button:backdrop {
color: #868d90; }
.button:backdrop.flat label,
.button:backdrop.flat,
.button:backdrop label,
.button:backdrop { .button:backdrop {
color: #868d90; } color: #868d90; }
.button:backdrop.flat:active, .button:backdrop.flat:active,
@ -401,11 +396,6 @@ treeview.view:selected {
.button:backdrop.flat:insensitive GtkLabel, .button:backdrop.flat:insensitive GtkLabel,
.button:backdrop.flat:insensitive, .button:backdrop.flat:insensitive,
.button:backdrop:insensitive GtkLabel, .button:backdrop:insensitive GtkLabel,
.button:backdrop:insensitive {
color: #727f85; }
.button:backdrop.flat:insensitive label,
.button:backdrop.flat:insensitive,
.button:backdrop:insensitive label,
.button:backdrop:insensitive { .button:backdrop:insensitive {
color: #727f85; } color: #727f85; }
.button:backdrop.flat:insensitive:active, .button:backdrop.flat:insensitive:active,
@ -416,10 +406,10 @@ treeview.view:selected {
background-image: none; background-image: none;
background-color: #4b5457; background-color: #4b5457;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button:backdrop.flat:insensitive:active label, .button:backdrop.flat:insensitive:active GtkLabel,
.button:backdrop.flat:insensitive:checked label, .button:backdrop.flat:insensitive:checked GtkLabel,
.button:backdrop:insensitive:active label, .button:backdrop:insensitive:active GtkLabel,
.button:backdrop:insensitive:checked label { .button:backdrop:insensitive:checked GtkLabel {
color: #727f85; } color: #727f85; }
.button.flat:backdrop, .button.flat:backdrop,
.button.flat:insensitive, .button.flat:insensitive,
@ -441,11 +431,6 @@ treeview.view:selected {
.button:insensitive GtkLabel, .button:insensitive GtkLabel,
.button:insensitive, .button:insensitive,
.button:insensitive GtkLabel, .button:insensitive GtkLabel,
.button:insensitive {
color: #868d90; }
.button:insensitive label,
.button:insensitive,
.button:insensitive label,
.button:insensitive { .button:insensitive {
color: #868d90; } color: #868d90; }
.button:insensitive:active, .button:insensitive:active,
@ -466,15 +451,6 @@ treeview.view:selected {
.button:insensitive:checked GtkLabel, .button:insensitive:checked GtkLabel,
.button:insensitive:checked { .button:insensitive:checked {
color: #868d90; } color: #868d90; }
.button:insensitive:active label,
.button:insensitive:active,
.button:insensitive:checked label,
.button:insensitive:checked,
.button:insensitive:active label,
.button:insensitive:active,
.button:insensitive:checked label,
.button:insensitive:checked {
color: #868d90; }
.button.image-button { .button.image-button {
padding-left: 4px; padding-left: 4px;
padding-right: 4px; } padding-right: 4px; }
@ -615,9 +591,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
icon-shadow: none; icon-shadow: none;
box-shadow: none; box-shadow: none; }
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.app-notification .flat.button:hover, .app-notification button.flat:hover, .popover .background.touch-selection button.flat:hover, .popover .background.magnifier button.flat:hover, .osd .app-notification .flat.button:hover, .app-notification button.flat:hover, .popover .background.touch-selection button.flat:hover, .popover .background.magnifier button.flat:hover, .osd
.button.flat:hover { .button.flat:hover {
color: white; color: white;
@ -664,8 +638,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #16242a; border-color: #16242a;
background-image: linear-gradient(to bottom, #426b7e, #395d6d); background-image: linear-gradient(to bottom, #426b7e, #395d6d);
text-shadow: 0 1px rgba(0, 0, 0, 0.69882); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.69882); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.suggested-action.flat { .button.suggested-action.flat {
@ -681,8 +655,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #16242a; border-color: #16242a;
background-image: linear-gradient(to bottom, #446e81, #3e6577 60%, #3b6071); background-image: linear-gradient(to bottom, #446e81, #3e6577 60%, #3b6071);
text-shadow: 0 1px rgba(0, 0, 0, 0.65082); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.65082); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.button.suggested-action:active, .button.suggested-action:active,
.button.suggested-action:checked { .button.suggested-action:checked {
@ -690,8 +664,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #16242a; border-color: #16242a;
background-image: linear-gradient(to bottom, #365767, #3e6577); background-image: linear-gradient(to bottom, #365767, #3e6577);
text-shadow: 0 1px rgba(0, 0, 0, 0.77882); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.77882); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
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);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.suggested-action:backdrop, .button.suggested-action:backdrop,
@ -704,11 +678,6 @@ row:selected
.button.suggested-action:backdrop GtkLabel, .button.suggested-action:backdrop GtkLabel,
.button.suggested-action:backdrop, .button.suggested-action:backdrop,
.button.suggested-action.flat:backdrop GtkLabel, .button.suggested-action.flat:backdrop GtkLabel,
.button.suggested-action.flat:backdrop {
color: #d9e1e5; }
.button.suggested-action:backdrop label,
.button.suggested-action:backdrop,
.button.suggested-action.flat:backdrop label,
.button.suggested-action.flat:backdrop { .button.suggested-action.flat:backdrop {
color: #d9e1e5; } color: #d9e1e5; }
.button.suggested-action:backdrop:active, .button.suggested-action:backdrop:active,
@ -747,11 +716,6 @@ row:selected
.button.suggested-action:backdrop:insensitive GtkLabel, .button.suggested-action:backdrop:insensitive GtkLabel,
.button.suggested-action:backdrop:insensitive, .button.suggested-action:backdrop:insensitive,
.button.suggested-action.flat:backdrop:insensitive GtkLabel, .button.suggested-action.flat:backdrop:insensitive GtkLabel,
.button.suggested-action.flat:backdrop:insensitive {
color: #727f85; }
.button.suggested-action:backdrop:insensitive label,
.button.suggested-action:backdrop:insensitive,
.button.suggested-action.flat:backdrop:insensitive label,
.button.suggested-action.flat:backdrop:insensitive { .button.suggested-action.flat:backdrop:insensitive {
color: #727f85; } color: #727f85; }
.button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:active,
@ -762,10 +726,10 @@ row:selected
background-image: none; background-image: none;
background-color: #3e5d6c; background-color: #3e5d6c;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.suggested-action:backdrop:insensitive:active label, .button.suggested-action:backdrop:insensitive:active GtkLabel,
.button.suggested-action:backdrop:insensitive:checked label, .button.suggested-action:backdrop:insensitive:checked GtkLabel,
.button.suggested-action.flat:backdrop:insensitive:active label, .button.suggested-action.flat:backdrop:insensitive:active GtkLabel,
.button.suggested-action.flat:backdrop:insensitive:checked label { .button.suggested-action.flat:backdrop:insensitive:checked GtkLabel {
color: #82969f; } color: #82969f; }
.button.suggested-action.flat:backdrop, .button.suggested-action.flat:backdrop,
.button.suggested-action.flat:insensitive, .button.suggested-action.flat:insensitive,
@ -785,9 +749,6 @@ row:selected
box-shadow: none; box-shadow: none;
icon-shadow: none; } icon-shadow: none; }
.button.suggested-action:insensitive GtkLabel, .button.suggested-action:insensitive GtkLabel,
.button.suggested-action:insensitive {
color: #868d90; }
.button.suggested-action:insensitive label,
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: #868d90; } color: #868d90; }
.button.suggested-action:insensitive:active, .button.suggested-action:insensitive:active,
@ -802,11 +763,6 @@ row:selected
.button.suggested-action:insensitive:checked GtkLabel, .button.suggested-action:insensitive:checked GtkLabel,
.button.suggested-action:insensitive:checked { .button.suggested-action:insensitive:checked {
color: #b2bec4; } color: #b2bec4; }
.button.suggested-action:insensitive:active label,
.button.suggested-action:insensitive:active,
.button.suggested-action:insensitive:checked label,
.button.suggested-action:insensitive:checked {
color: #b2bec4; }
.osd .osd
.button.suggested-action { .button.suggested-action {
color: #A1A8AB; color: #A1A8AB;
@ -864,8 +820,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #6f0e07; border-color: #6f0e07;
background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c); background-image: linear-gradient(to bottom, #e71d0e, #cf1a0c);
text-shadow: 0 1px rgba(0, 0, 0, 0.61569); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action.flat { .button.destructive-action.flat {
@ -881,8 +837,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #6f0e07; border-color: #6f0e07;
background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d); background-image: linear-gradient(to bottom, #ec1d0e, #de1b0d 60%, #d41a0d);
text-shadow: 0 1px rgba(0, 0, 0, 0.56769); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.56769); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
.button.destructive-action:active, .button.destructive-action:active,
.button.destructive-action:checked { .button.destructive-action:checked {
@ -890,8 +846,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #6f0e07; border-color: #6f0e07;
background-image: linear-gradient(to bottom, #c6180c, #de1b0d); background-image: linear-gradient(to bottom, #c6180c, #de1b0d);
text-shadow: 0 1px rgba(0, 0, 0, 0.69569); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.69569); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
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);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action:backdrop, .button.destructive-action:backdrop,
@ -904,11 +860,6 @@ row:selected
.button.destructive-action:backdrop GtkLabel, .button.destructive-action:backdrop GtkLabel,
.button.destructive-action:backdrop, .button.destructive-action:backdrop,
.button.destructive-action.flat:backdrop GtkLabel, .button.destructive-action.flat:backdrop GtkLabel,
.button.destructive-action.flat:backdrop {
color: #fad2cf; }
.button.destructive-action:backdrop label,
.button.destructive-action:backdrop,
.button.destructive-action.flat:backdrop label,
.button.destructive-action.flat:backdrop { .button.destructive-action.flat:backdrop {
color: #fad2cf; } color: #fad2cf; }
.button.destructive-action:backdrop:active, .button.destructive-action:backdrop:active,
@ -947,11 +898,6 @@ row:selected
.button.destructive-action:backdrop:insensitive GtkLabel, .button.destructive-action:backdrop:insensitive GtkLabel,
.button.destructive-action:backdrop:insensitive, .button.destructive-action:backdrop:insensitive,
.button.destructive-action.flat:backdrop:insensitive GtkLabel, .button.destructive-action.flat:backdrop:insensitive GtkLabel,
.button.destructive-action.flat:backdrop:insensitive {
color: #727f85; }
.button.destructive-action:backdrop:insensitive label,
.button.destructive-action:backdrop:insensitive,
.button.destructive-action.flat:backdrop:insensitive label,
.button.destructive-action.flat:backdrop:insensitive { .button.destructive-action.flat:backdrop:insensitive {
color: #727f85; } color: #727f85; }
.button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:active,
@ -962,10 +908,10 @@ row:selected
background-image: none; background-image: none;
background-color: #bd251a; background-color: #bd251a;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.button.destructive-action:backdrop:insensitive:active label, .button.destructive-action:backdrop:insensitive:active GtkLabel,
.button.destructive-action:backdrop:insensitive:checked label, .button.destructive-action:backdrop:insensitive:checked GtkLabel,
.button.destructive-action.flat:backdrop:insensitive:active label, .button.destructive-action.flat:backdrop:insensitive:active GtkLabel,
.button.destructive-action.flat:backdrop:insensitive:checked label { .button.destructive-action.flat:backdrop:insensitive:checked GtkLabel {
color: #d4716a; } color: #d4716a; }
.button.destructive-action.flat:backdrop, .button.destructive-action.flat:backdrop,
.button.destructive-action.flat:insensitive, .button.destructive-action.flat:insensitive,
@ -985,9 +931,6 @@ row:selected
box-shadow: none; box-shadow: none;
icon-shadow: none; } icon-shadow: none; }
.button.destructive-action:insensitive GtkLabel, .button.destructive-action:insensitive GtkLabel,
.button.destructive-action:insensitive {
color: #868d90; }
.button.destructive-action:insensitive label,
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: #868d90; } color: #868d90; }
.button.destructive-action:insensitive:active, .button.destructive-action:insensitive:active,
@ -1002,11 +945,6 @@ row:selected
.button.destructive-action:insensitive:checked GtkLabel, .button.destructive-action:insensitive:checked GtkLabel,
.button.destructive-action:insensitive:checked { .button.destructive-action:insensitive:checked {
color: #e5a8a3; } color: #e5a8a3; }
.button.destructive-action:insensitive:active label,
.button.destructive-action:insensitive:active,
.button.destructive-action:insensitive:checked label,
.button.destructive-action:insensitive:checked {
color: #e5a8a3; }
.osd .osd
.button.destructive-action { .button.destructive-action {
color: #A1A8AB; color: #A1A8AB;
@ -1063,11 +1001,11 @@ row:selected
.button { .button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > .stack-switcher >
.button > label { .button > GtkLabel {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; } padding-right: 6px; }
.stack-switcher > .stack-switcher >
.button > image { .button > GtkImage {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
padding-top: 3px; padding-top: 3px;
@ -1123,8 +1061,8 @@ row:selected
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #4F585C, #434b4e); background-image: linear-gradient(to bottom, #4F585C, #434b4e);
text-shadow: 0 1px rgba(0, 0, 0, 0.73176); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
@ -1132,16 +1070,16 @@ row:selected
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
text-shadow: 0 1px rgba(0, 0, 0, 0.68376); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #bcc1c3; color: #bcc1c3;
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #3f4649, #4a5357); background-image: linear-gradient(to bottom, #3f4649, #4a5357);
text-shadow: 0 1px rgba(0, 0, 0, 0.81176); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
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);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:insensitive { .inline-toolbar toolbutton > button:insensitive {
@ -1153,8 +1091,6 @@ row:selected
icon-shadow: none; } icon-shadow: none; }
.inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive { .inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive {
color: #868d90; } color: #868d90; }
.inline-toolbar toolbutton > button:insensitive label, .inline-toolbar toolbutton > button:insensitive {
color: #868d90; }
.inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked { .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked {
border-color: #373e41; border-color: #373e41;
background-image: none; background-image: none;
@ -1163,8 +1099,6 @@ row:selected
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked { .inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked {
color: #868d90; } color: #868d90; }
.inline-toolbar toolbutton > button:insensitive:active label, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked label, .inline-toolbar toolbutton > button:insensitive:checked {
color: #868d90; }
.inline-toolbar toolbutton > button:backdrop { .inline-toolbar toolbutton > button:backdrop {
border-color: #394144; border-color: #394144;
background-image: linear-gradient(to bottom, #4F585C); background-image: linear-gradient(to bottom, #4F585C);
@ -1173,8 +1107,6 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop {
color: #868d90; } color: #868d90; }
.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop {
color: #868d90; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
border-color: #394144; border-color: #394144;
background-image: none; background-image: none;
@ -1192,14 +1124,12 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive { .inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive {
color: #727f85; } color: #727f85; }
.inline-toolbar toolbutton > button:backdrop:insensitive label, .inline-toolbar toolbutton > button:backdrop:insensitive {
color: #727f85; }
.inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked { .inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked {
border-color: #394144; border-color: #394144;
background-image: none; background-image: none;
background-color: #4b5457; background-color: #4b5457;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
.inline-toolbar toolbutton > button:backdrop:insensitive:active label, .inline-toolbar toolbutton > button:backdrop:insensitive:checked label { .inline-toolbar toolbutton > button:backdrop:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive:checked GtkLabel {
color: #727f85; } color: #727f85; }
toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.flat,
@ -1835,8 +1765,8 @@ GtkColorSwatch#add-color-button {
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #4F585C, #434b4e); background-image: linear-gradient(to bottom, #4F585C, #434b4e);
text-shadow: 0 1px rgba(0, 0, 0, 0.73176); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
GtkColorSwatch#add-color-button overlay:hover { GtkColorSwatch#add-color-button overlay:hover {
@ -1844,8 +1774,8 @@ GtkColorSwatch#add-color-button {
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
text-shadow: 0 1px rgba(0, 0, 0, 0.68376); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
GtkColorSwatch#add-color-button overlay:backdrop { GtkColorSwatch#add-color-button overlay:backdrop {
border-color: #394144; border-color: #394144;
@ -1855,8 +1785,6 @@ GtkColorSwatch#add-color-button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop { GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop {
color: #868d90; } color: #868d90; }
GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop {
color: #868d90; }
GtkColorSwatch:insensitive { GtkColorSwatch:insensitive {
opacity: 0.5; } opacity: 0.5; }
GtkColorSwatch:insensitive overlay { GtkColorSwatch:insensitive overlay {
@ -2790,6 +2718,53 @@ GraniteWidgetsWelcome {
.titlebar:not(headerbar) .button.titlebutton:active GtkImage, .titlebar:not(headerbar) .button.titlebutton:active GtkImage,
.header-bar .button.titlebutton:active GtkImage { .header-bar .button.titlebutton:active GtkImage {
color: #3B4245; } color: #3B4245; }
.titlebar:not(headerbar) .button.suggested-action,
.header-bar .button.suggested-action {
font-weight: bold;
padding: 0;
padding: 5px 10px;
border-radius: 2px;
background-color: rgba(255, 255, 255, 0.5);
color: #426b7e;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
.titlebar:not(headerbar) .button.suggested-action GtkLabel,
.header-bar .button.suggested-action GtkLabel {
color: #426b7e; }
.titlebar:not(headerbar) .button.suggested-action:hover,
.header-bar .button.suggested-action:hover {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.titlebar:not(headerbar) .button.suggested-action:hover GtkLabel,
.header-bar .button.suggested-action:hover GtkLabel {
color: #426b7e; }
.titlebar:not(headerbar) .button.suggested-action:hover:backdrop,
.header-bar .button.suggested-action:hover:backdrop {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: none; }
.titlebar:not(headerbar) .button.suggested-action:hover:backdrop GtkLabel,
.header-bar .button.suggested-action:hover:backdrop GtkLabel {
color: rgba(66, 107, 126, 0.8); }
.titlebar:not(headerbar) .button.suggested-action:insensitive,
.header-bar .button.suggested-action:insensitive {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: none; }
.titlebar:not(headerbar) .button.suggested-action:insensitive GtkLabel,
.header-bar .button.suggested-action:insensitive GtkLabel {
color: rgba(255, 255, 255, 0); }
.titlebar:not(headerbar) .button.suggested-action:insensitive:backdrop,
.header-bar .button.suggested-action:insensitive:backdrop {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: none; }
.titlebar:not(headerbar) .button.suggested-action:insensitive:backdrop GtkLabel,
.header-bar .button.suggested-action:insensitive:backdrop GtkLabel {
color: rgba(255, 255, 255, 0); }
.titlebar:not(headerbar) .button.suggested-action:backdrop,
.header-bar .button.suggested-action:backdrop {
background-color: rgba(255, 255, 255, 0);
box-shadow: none; }
.titlebar:not(headerbar) .button.suggested-action:backdrop GtkLabel,
.header-bar .button.suggested-action:backdrop GtkLabel {
color: rgba(66, 107, 126, 0.2); }
.titlebar:not(headerbar) .button.linked:first-child, .titlebar:not(headerbar) .button.linked:last-child, .titlebar:not(headerbar) .button.linked:first-child, .titlebar:not(headerbar) .button.linked:last-child,
.header-bar .button.linked:first-child, .header-bar .button.linked:first-child,
.header-bar .button.linked:last-child { .header-bar .button.linked:last-child {
@ -4283,143 +4258,107 @@ GtkSwitch {
/************ /************
* Toolbars * * Toolbars *
************/ ************/
.toolbar, .toolbar {
toolbar {
-GtkWidget-window-dragging: true; -GtkWidget-window-dragging: true;
padding: 0px; padding: 0px;
background-color: #3B4245; background-color: #3B4245;
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.toolbar:backdrop, .toolbar:backdrop {
toolbar:backdrop {
background-color: #2f3537; background-color: #2f3537;
color: rgba(255, 255, 255, 0.3); } color: rgba(255, 255, 255, 0.3); }
.osd .toolbar, .osd .osd .toolbar {
toolbar {
box-shadow: none; box-shadow: none;
background-color: transparent; } background-color: transparent; }
.toolbar button, .toolbar .button {
.toolbar .button,
.toolbar .flat,
.toolbar .text-button,
.toolbar .image-button,
toolbar button,
toolbar .button,
toolbar .flat,
toolbar .text-button,
toolbar .image-button {
border: none;
background: none;
text-shadow: none;
background-color: transparent; background-color: transparent;
color: rgba(255, 255, 255, 0.5); background-image: none;
border-radius: 0px; border-radius: 0px;
padding: 10px; } border: none;
.toolbar button:focus, .toolbar button:active, box-shadow: none;
.toolbar .button:focus, icon-shadow: none;
.toolbar .button:active, margin: 0;
.toolbar .flat:focus, padding: 10px;
.toolbar .flat:active, text-shadow: none; }
.toolbar .text-button:focus, .toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat {
.toolbar .text-button:active, background-color: transparent;
.toolbar .image-button:focus, background-image: none;
.toolbar .image-button:active, border-radius: 0px;
toolbar button:focus, border: none;
toolbar button:active, box-shadow: none;
toolbar .button:focus, icon-shadow: none;
toolbar .button:active, margin: 0;
toolbar .flat:focus, padding: 10px;
toolbar .flat:active,
toolbar .text-button:focus,
toolbar .text-button:active,
toolbar .image-button:focus,
toolbar .image-button:active {
color: rgba(255, 255, 255, 0.5);
text-shadow: none; text-shadow: none;
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); }
background-color: rgba(255, 255, 255, 0.1); } .toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop {
.toolbar button:focus:backdrop, .toolbar button:active:backdrop,
.toolbar .button:focus:backdrop,
.toolbar .button:active:backdrop,
.toolbar .flat:focus:backdrop,
.toolbar .flat:active:backdrop,
.toolbar .text-button:focus:backdrop,
.toolbar .text-button:active:backdrop,
.toolbar .image-button:focus:backdrop,
.toolbar .image-button:active:backdrop,
toolbar button:focus:backdrop,
toolbar button:active:backdrop,
toolbar .button:focus:backdrop,
toolbar .button:active:backdrop,
toolbar .flat:focus:backdrop,
toolbar .flat:active:backdrop,
toolbar .text-button:focus:backdrop,
toolbar .text-button:active:backdrop,
toolbar .image-button:focus:backdrop,
toolbar .image-button:active:backdrop {
background-color: transparent; background-color: transparent;
background-image: none;
text-shadow: none;
color: rgba(255, 255, 255, 0.3); } color: rgba(255, 255, 255, 0.3); }
.toolbar button:hover, .toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover {
.toolbar .button:hover, background-image: none;
.toolbar .flat:hover, background-color: rgba(0, 0, 0, 0.15);
.toolbar .text-button:hover, color: rgba(255, 255, 255, 0.5);
.toolbar .image-button:hover, box-shadow: none;
toolbar button:hover, text-shadow: none; }
toolbar .button:hover, .toolbar .button GtkLabel,
toolbar .flat:hover, .toolbar .button GtkImage {
toolbar .text-button:hover, color: rgba(255, 255, 255, 0.5); }
toolbar .image-button:hover { .toolbar .button GtkLabel:backdrop,
background-color: rgba(255, 255, 255, 0.1); .toolbar .button GtkImage:backdrop {
text-shadow: none; color: rgba(255, 255, 255, 0.3); }
.toolbar .button:focus, .toolbar .button:hover {
background-image: none;
background-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); } box-shadow: none;
.toolbar button:insensitive, text-shadow: none; }
.toolbar .button:insensitive, .toolbar .button:backdrop {
.toolbar .flat:insensitive,
.toolbar .text-button:insensitive,
.toolbar .image-button:insensitive,
toolbar button:insensitive,
toolbar .button:insensitive,
toolbar .flat:insensitive,
toolbar .text-button:insensitive,
toolbar .image-button:insensitive {
background: none;
background-color: transparent;
color: rgba(255, 255, 255, 0); }
.toolbar button:backdrop,
.toolbar .button:backdrop,
.toolbar .flat:backdrop,
.toolbar .text-button:backdrop,
.toolbar .image-button:backdrop,
toolbar button:backdrop,
toolbar .button:backdrop,
toolbar .flat:backdrop,
toolbar .text-button:backdrop,
toolbar .image-button:backdrop {
background: none;
background-color: transparent; background-color: transparent;
background-image: none;
color: rgba(255, 255, 255, 0.3); } color: rgba(255, 255, 255, 0.3); }
.toolbar .separator, .toolbar .button:backdrop GtkImage {
toolbar .separator { color: rgba(255, 255, 255, 0.3); }
.toolbar .button:active, .toolbar .button:checked {
border-radius: 0px;
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5);
background-color: transparent;
background-image: none;
color: rgba(255, 255, 255, 0.5); }
.toolbar .button:active:backdrop, .toolbar .button:checked:backdrop {
background-color: transparent;
background-image: none;
color: rgba(255, 255, 255, 0.3);
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.3); }
.toolbar .button:active:focus, .toolbar .button:active:hover, .toolbar .button:checked:focus, .toolbar .button:checked:hover {
background-image: none;
background-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.5);
box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); }
.toolbar .button:insensitive, .toolbar .button:insensitive:backdrop {
color: rgba(255, 255, 255, 0.3);
background-color: transparent;
background-image: none; }
.toolbar .button:insensitive image,
.toolbar .button:insensitive GtkImage, .toolbar .button:insensitive:backdrop image,
.toolbar .button:insensitive:backdrop GtkImage {
-gtk-image-effect: dim; }
.toolbar .separator {
color: transparent; color: transparent;
background-color: transparent; } background-color: transparent; }
.toolbar.osd, .toolbar.osd {
toolbar.osd {
padding: 13px; padding: 13px;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
background-color: rgba(32, 37, 38, 0.8); } background-color: rgba(32, 37, 38, 0.8); }
.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom {
toolbar.osd.left,
toolbar.osd.right,
toolbar.osd.top,
toolbar.osd.bottom {
border-radius: 0; } border-radius: 0; }
.toolbar.horizontal separator, .toolbar.horizontal separator {
toolbar.horizontal separator {
margin: 0 7px 1px 6px; } margin: 0 7px 1px 6px; }
.toolbar.vertical separator, .toolbar.vertical separator {
toolbar.vertical separator {
margin: 6px 1px 7px 0; } margin: 6px 1px 7px 0; }
/******************* /*******************
@ -5889,8 +5828,8 @@ ConversationListView {
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #4F585C, #434b4e); background-image: linear-gradient(to bottom, #4F585C, #434b4e);
text-shadow: 0 1px rgba(0, 0, 0, 0.73176); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.73176); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); }
#content_frame button:hover { #content_frame button:hover {
@ -5898,16 +5837,16 @@ ConversationListView {
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51); background-image: linear-gradient(to bottom, #515b5f, #4a5357 60%, #464e51);
text-shadow: 0 1px rgba(0, 0, 0, 0.68376); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.68376); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
#content_frame button:active, #content_frame button:checked { #content_frame button:active, #content_frame button:checked {
color: #bcc1c3; color: #bcc1c3;
outline-color: rgba(188, 193, 195, 0.3); outline-color: rgba(188, 193, 195, 0.3);
border-color: #373e41; border-color: #373e41;
background-image: linear-gradient(to bottom, #3f4649, #4a5357); background-image: linear-gradient(to bottom, #3f4649, #4a5357);
text-shadow: 0 1px rgba(0, 0, 0, 0.81176); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
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);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); }
#content_frame button:insensitive { #content_frame button:insensitive {
@ -5919,8 +5858,6 @@ ConversationListView {
icon-shadow: none; } icon-shadow: none; }
#content_frame button:insensitive GtkLabel, #content_frame button:insensitive { #content_frame button:insensitive GtkLabel, #content_frame button:insensitive {
color: #868d90; } color: #868d90; }
#content_frame button:insensitive label, #content_frame button:insensitive {
color: #868d90; }
#buttonbox_frame { #buttonbox_frame {
padding-top: 20px; padding-top: 20px;

365
Paper/gtk-3.18/gtk.css
View File

@ -359,11 +359,6 @@ treeview.view:selected {
.button:backdrop.flat GtkLabel, .button:backdrop.flat GtkLabel,
.button:backdrop.flat, .button:backdrop.flat,
.button:backdrop GtkLabel, .button:backdrop GtkLabel,
.button:backdrop {
color: #afafaf; }
.button:backdrop.flat label,
.button:backdrop.flat,
.button:backdrop label,
.button:backdrop { .button:backdrop {
color: #afafaf; } color: #afafaf; }
.button:backdrop.flat:active, .button:backdrop.flat:active,
@ -402,11 +397,6 @@ treeview.view:selected {
.button:backdrop.flat:insensitive GtkLabel, .button:backdrop.flat:insensitive GtkLabel,
.button:backdrop.flat:insensitive, .button:backdrop.flat:insensitive,
.button:backdrop:insensitive GtkLabel, .button:backdrop:insensitive GtkLabel,
.button:backdrop:insensitive {
color: #d1d1d1; }
.button:backdrop.flat:insensitive label,
.button:backdrop.flat:insensitive,
.button:backdrop:insensitive label,
.button:backdrop:insensitive { .button:backdrop:insensitive {
color: #d1d1d1; } color: #d1d1d1; }
.button:backdrop.flat:insensitive:active, .button:backdrop.flat:insensitive:active,
@ -417,10 +407,10 @@ treeview.view:selected {
background-image: none; background-image: none;
background-color: #ededed; background-color: #ededed;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button:backdrop.flat:insensitive:active label, .button:backdrop.flat:insensitive:active GtkLabel,
.button:backdrop.flat:insensitive:checked label, .button:backdrop.flat:insensitive:checked GtkLabel,
.button:backdrop:insensitive:active label, .button:backdrop:insensitive:active GtkLabel,
.button:backdrop:insensitive:checked label { .button:backdrop:insensitive:checked GtkLabel {
color: #d1d1d1; } color: #d1d1d1; }
.button.flat:backdrop, .button.flat:backdrop,
.button.flat:insensitive, .button.flat:insensitive,
@ -442,11 +432,6 @@ treeview.view:selected {
.button:insensitive GtkLabel, .button:insensitive GtkLabel,
.button:insensitive, .button:insensitive,
.button:insensitive GtkLabel, .button:insensitive GtkLabel,
.button:insensitive {
color: #afafaf; }
.button:insensitive label,
.button:insensitive,
.button:insensitive label,
.button:insensitive { .button:insensitive {
color: #afafaf; } color: #afafaf; }
.button:insensitive:active, .button:insensitive:active,
@ -467,15 +452,6 @@ treeview.view:selected {
.button:insensitive:checked GtkLabel, .button:insensitive:checked GtkLabel,
.button:insensitive:checked { .button:insensitive:checked {
color: #afafaf; } color: #afafaf; }
.button:insensitive:active label,
.button:insensitive:active,
.button:insensitive:checked label,
.button:insensitive:checked,
.button:insensitive:active label,
.button:insensitive:active,
.button:insensitive:checked label,
.button:insensitive:checked {
color: #afafaf; }
.button.image-button { .button.image-button {
padding-left: 4px; padding-left: 4px;
padding-right: 4px; } padding-right: 4px; }
@ -619,9 +595,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
icon-shadow: none; icon-shadow: none;
box-shadow: none; box-shadow: none; }
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.app-notification .flat.button:hover, .app-notification button.flat:hover, .popover .background.touch-selection button.flat:hover, .popover .background.magnifier button.flat:hover, .osd .app-notification .flat.button:hover, .app-notification button.flat:hover, .popover .background.touch-selection button.flat:hover, .popover .background.magnifier button.flat:hover, .osd
.button.flat:hover { .button.flat:hover {
color: white; color: white;
@ -668,8 +642,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #15313f; border-color: #15313f;
background-image: linear-gradient(to bottom, #347D9F, #2e6e8c); background-image: linear-gradient(to bottom, #347D9F, #2e6e8c);
text-shadow: 0 1px rgba(0, 0, 0, 0.66902); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.66902); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button.suggested-action.flat { .button.suggested-action.flat {
@ -685,8 +659,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #15313f; border-color: #15313f;
background-image: linear-gradient(to bottom, #3c8fb6, #347D9F 60%, #2f7190); background-image: linear-gradient(to bottom, #3c8fb6, #347D9F 60%, #2f7190);
text-shadow: 0 1px rgba(0, 0, 0, 0.62102); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.62102); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
.button.suggested-action:active, .button.suggested-action:active,
.button.suggested-action:checked { .button.suggested-action:checked {
@ -694,8 +668,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #15313f; border-color: #15313f;
background-image: linear-gradient(to bottom, #2b6884, #317797); background-image: linear-gradient(to bottom, #2b6884, #317797);
text-shadow: 0 1px rgba(0, 0, 0, 0.74902); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.74902); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
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);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button.suggested-action:backdrop, .button.suggested-action:backdrop,
@ -708,11 +682,6 @@ row:selected
.button.suggested-action:backdrop GtkLabel, .button.suggested-action:backdrop GtkLabel,
.button.suggested-action:backdrop, .button.suggested-action:backdrop,
.button.suggested-action.flat:backdrop GtkLabel, .button.suggested-action.flat:backdrop GtkLabel,
.button.suggested-action.flat:backdrop {
color: #d6e5ec; }
.button.suggested-action:backdrop label,
.button.suggested-action:backdrop,
.button.suggested-action.flat:backdrop label,
.button.suggested-action.flat:backdrop { .button.suggested-action.flat:backdrop {
color: #d6e5ec; } color: #d6e5ec; }
.button.suggested-action:backdrop:active, .button.suggested-action:backdrop:active,
@ -751,11 +720,6 @@ row:selected
.button.suggested-action:backdrop:insensitive GtkLabel, .button.suggested-action:backdrop:insensitive GtkLabel,
.button.suggested-action:backdrop:insensitive, .button.suggested-action:backdrop:insensitive,
.button.suggested-action.flat:backdrop:insensitive GtkLabel, .button.suggested-action.flat:backdrop:insensitive GtkLabel,
.button.suggested-action.flat:backdrop:insensitive {
color: #d1d1d1; }
.button.suggested-action:backdrop:insensitive label,
.button.suggested-action:backdrop:insensitive,
.button.suggested-action.flat:backdrop:insensitive label,
.button.suggested-action.flat:backdrop:insensitive { .button.suggested-action.flat:backdrop:insensitive {
color: #d1d1d1; } color: #d1d1d1; }
.button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:active,
@ -766,10 +730,10 @@ row:selected
background-image: none; background-image: none;
background-color: #4a839c; background-color: #4a839c;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button.suggested-action:backdrop:insensitive:active label, .button.suggested-action:backdrop:insensitive:active GtkLabel,
.button.suggested-action:backdrop:insensitive:checked label, .button.suggested-action:backdrop:insensitive:checked GtkLabel,
.button.suggested-action.flat:backdrop:insensitive:active label, .button.suggested-action.flat:backdrop:insensitive:active GtkLabel,
.button.suggested-action.flat:backdrop:insensitive:checked label { .button.suggested-action.flat:backdrop:insensitive:checked GtkLabel {
color: #89aebf; } color: #89aebf; }
.button.suggested-action.flat:backdrop, .button.suggested-action.flat:backdrop,
.button.suggested-action.flat:insensitive, .button.suggested-action.flat:insensitive,
@ -789,9 +753,6 @@ row:selected
box-shadow: none; box-shadow: none;
icon-shadow: none; } icon-shadow: none; }
.button.suggested-action:insensitive GtkLabel, .button.suggested-action:insensitive GtkLabel,
.button.suggested-action:insensitive {
color: #afafaf; }
.button.suggested-action:insensitive label,
.button.suggested-action:insensitive { .button.suggested-action:insensitive {
color: #afafaf; } color: #afafaf; }
.button.suggested-action:insensitive:active, .button.suggested-action:insensitive:active,
@ -806,11 +767,6 @@ row:selected
.button.suggested-action:insensitive:checked GtkLabel, .button.suggested-action:insensitive:checked GtkLabel,
.button.suggested-action:insensitive:checked { .button.suggested-action:insensitive:checked {
color: #b7cdd7; } color: #b7cdd7; }
.button.suggested-action:insensitive:active label,
.button.suggested-action:insensitive:active,
.button.suggested-action:insensitive:checked label,
.button.suggested-action:insensitive:checked {
color: #b7cdd7; }
.osd .osd
.button.suggested-action { .button.suggested-action {
color: #A1A8AB; color: #A1A8AB;
@ -868,8 +824,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #9f1409; border-color: #9f1409;
background-image: linear-gradient(to bottom, #f34235, #f22b1d); background-image: linear-gradient(to bottom, #f34235, #f22b1d);
text-shadow: 0 1px rgba(0, 0, 0, 0.53569); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.53569); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button.destructive-action.flat { .button.destructive-action.flat {
@ -885,8 +841,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #9f1409; border-color: #9f1409;
background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022); background-image: linear-gradient(to bottom, #f55d52, #f34235 60%, #f23022);
text-shadow: 0 1px rgba(0, 0, 0, 0.48769); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.48769); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
.button.destructive-action:active, .button.destructive-action:active,
.button.destructive-action:checked { .button.destructive-action:checked {
@ -894,8 +850,8 @@ row:selected
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #9f1409; border-color: #9f1409;
background-image: linear-gradient(to bottom, #f12213, #f2392b); background-image: linear-gradient(to bottom, #f12213, #f2392b);
text-shadow: 0 1px rgba(0, 0, 0, 0.61569); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 -1px rgba(0, 0, 0, 0.61569); icon-shadow: 0 1px rgba(0, 0, 0, 0.2);
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);
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button.destructive-action:backdrop, .button.destructive-action:backdrop,
@ -908,11 +864,6 @@ row:selected
.button.destructive-action:backdrop GtkLabel, .button.destructive-action:backdrop GtkLabel,
.button.destructive-action:backdrop, .button.destructive-action:backdrop,
.button.destructive-action.flat:backdrop GtkLabel, .button.destructive-action.flat:backdrop GtkLabel,
.button.destructive-action.flat:backdrop {
color: #fdd9d7; }
.button.destructive-action:backdrop label,
.button.destructive-action:backdrop,
.button.destructive-action.flat:backdrop label,
.button.destructive-action.flat:backdrop { .button.destructive-action.flat:backdrop {
color: #fdd9d7; } color: #fdd9d7; }
.button.destructive-action:backdrop:active, .button.destructive-action:backdrop:active,
@ -951,11 +902,6 @@ row:selected
.button.destructive-action:backdrop:insensitive GtkLabel, .button.destructive-action:backdrop:insensitive GtkLabel,
.button.destructive-action:backdrop:insensitive, .button.destructive-action:backdrop:insensitive,
.button.destructive-action.flat:backdrop:insensitive GtkLabel, .button.destructive-action.flat:backdrop:insensitive GtkLabel,
.button.destructive-action.flat:backdrop:insensitive {
color: #d1d1d1; }
.button.destructive-action:backdrop:insensitive label,
.button.destructive-action:backdrop:insensitive,
.button.destructive-action.flat:backdrop:insensitive label,
.button.destructive-action.flat:backdrop:insensitive { .button.destructive-action.flat:backdrop:insensitive {
color: #d1d1d1; } color: #d1d1d1; }
.button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:active,
@ -966,10 +912,10 @@ row:selected
background-image: none; background-image: none;
background-color: #f4473b; background-color: #f4473b;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.button.destructive-action:backdrop:insensitive:active label, .button.destructive-action:backdrop:insensitive:active GtkLabel,
.button.destructive-action:backdrop:insensitive:checked label, .button.destructive-action:backdrop:insensitive:checked GtkLabel,
.button.destructive-action.flat:backdrop:insensitive:active label, .button.destructive-action.flat:backdrop:insensitive:active GtkLabel,
.button.destructive-action.flat:backdrop:insensitive:checked label { .button.destructive-action.flat:backdrop:insensitive:checked GtkLabel {
color: #f88780; } color: #f88780; }
.button.destructive-action.flat:backdrop, .button.destructive-action.flat:backdrop,
.button.destructive-action.flat:insensitive, .button.destructive-action.flat:insensitive,
@ -989,9 +935,6 @@ row:selected
box-shadow: none; box-shadow: none;
icon-shadow: none; } icon-shadow: none; }
.button.destructive-action:insensitive GtkLabel, .button.destructive-action:insensitive GtkLabel,
.button.destructive-action:insensitive {
color: #afafaf; }
.button.destructive-action:insensitive label,
.button.destructive-action:insensitive { .button.destructive-action:insensitive {
color: #afafaf; } color: #afafaf; }
.button.destructive-action:insensitive:active, .button.destructive-action:insensitive:active,
@ -1006,11 +949,6 @@ row:selected
.button.destructive-action:insensitive:checked GtkLabel, .button.destructive-action:insensitive:checked GtkLabel,
.button.destructive-action:insensitive:checked { .button.destructive-action:insensitive:checked {
color: #fbb5b1; } color: #fbb5b1; }
.button.destructive-action:insensitive:active label,
.button.destructive-action:insensitive:active,
.button.destructive-action:insensitive:checked label,
.button.destructive-action:insensitive:checked {
color: #fbb5b1; }
.osd .osd
.button.destructive-action { .button.destructive-action {
color: #A1A8AB; color: #A1A8AB;
@ -1067,11 +1005,11 @@ row:selected
.button { .button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > .stack-switcher >
.button > label { .button > GtkLabel {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; } padding-right: 6px; }
.stack-switcher > .stack-switcher >
.button > image { .button > GtkImage {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
padding-top: 3px; padding-top: 3px;
@ -1157,8 +1095,6 @@ row:selected
icon-shadow: none; } icon-shadow: none; }
.inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive { .inline-toolbar toolbutton > button:insensitive GtkLabel, .inline-toolbar toolbutton > button:insensitive {
color: #afafaf; } color: #afafaf; }
.inline-toolbar toolbutton > button:insensitive label, .inline-toolbar toolbutton > button:insensitive {
color: #afafaf; }
.inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked { .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked {
border-color: #d1d1d1; border-color: #d1d1d1;
background-image: none; background-image: none;
@ -1167,8 +1103,6 @@ row:selected
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked { .inline-toolbar toolbutton > button:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked GtkLabel, .inline-toolbar toolbutton > button:insensitive:checked {
color: #afafaf; } color: #afafaf; }
.inline-toolbar toolbutton > button:insensitive:active label, .inline-toolbar toolbutton > button:insensitive:active, .inline-toolbar toolbutton > button:insensitive:checked label, .inline-toolbar toolbutton > button:insensitive:checked {
color: #afafaf; }
.inline-toolbar toolbutton > button:backdrop { .inline-toolbar toolbutton > button:backdrop {
border-color: #d5d5d5; border-color: #d5d5d5;
background-image: linear-gradient(to bottom, #f7f7f7); background-image: linear-gradient(to bottom, #f7f7f7);
@ -1177,8 +1111,6 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop { .inline-toolbar toolbutton > button:backdrop GtkLabel, .inline-toolbar toolbutton > button:backdrop {
color: #afafaf; } color: #afafaf; }
.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop {
color: #afafaf; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
border-color: #d5d5d5; border-color: #d5d5d5;
background-image: none; background-image: none;
@ -1196,14 +1128,12 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive { .inline-toolbar toolbutton > button:backdrop:insensitive GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive {
color: #d1d1d1; } color: #d1d1d1; }
.inline-toolbar toolbutton > button:backdrop:insensitive label, .inline-toolbar toolbutton > button:backdrop:insensitive {
color: #d1d1d1; }
.inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked { .inline-toolbar toolbutton > button:backdrop:insensitive:active, .inline-toolbar toolbutton > button:backdrop:insensitive:checked {
border-color: #d5d5d5; border-color: #d5d5d5;
background-image: none; background-image: none;
background-color: #ededed; background-color: #ededed;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); }
.inline-toolbar toolbutton > button:backdrop:insensitive:active label, .inline-toolbar toolbutton > button:backdrop:insensitive:checked label { .inline-toolbar toolbutton > button:backdrop:insensitive:active GtkLabel, .inline-toolbar toolbutton > button:backdrop:insensitive:checked GtkLabel {
color: #d1d1d1; } color: #d1d1d1; }
toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.flat,
@ -1864,8 +1794,6 @@ GtkColorSwatch#add-color-button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop { GtkColorSwatch#add-color-button overlay:backdrop GtkLabel, GtkColorSwatch#add-color-button overlay:backdrop {
color: #afafaf; } color: #afafaf; }
GtkColorSwatch#add-color-button overlay:backdrop label, GtkColorSwatch#add-color-button overlay:backdrop {
color: #afafaf; }
GtkColorSwatch:insensitive { GtkColorSwatch:insensitive {
opacity: 0.5; } opacity: 0.5; }
GtkColorSwatch:insensitive overlay { GtkColorSwatch:insensitive overlay {
@ -2799,6 +2727,53 @@ GraniteWidgetsWelcome {
.titlebar:not(headerbar) .button.titlebutton:active GtkImage, .titlebar:not(headerbar) .button.titlebutton:active GtkImage,
.header-bar .button.titlebutton:active GtkImage { .header-bar .button.titlebutton:active GtkImage {
color: #636E73; } color: #636E73; }
.titlebar:not(headerbar) .button.suggested-action,
.header-bar .button.suggested-action {
font-weight: bold;
padding: 0;
padding: 5px 10px;
border-radius: 2px;
background-color: #ffffff;
color: #347D9F;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
.titlebar:not(headerbar) .button.suggested-action GtkLabel,
.header-bar .button.suggested-action GtkLabel {
color: #347D9F; }
.titlebar:not(headerbar) .button.suggested-action:hover,
.header-bar .button.suggested-action:hover {
background-color: #ffffff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); }
.titlebar:not(headerbar) .button.suggested-action:hover GtkLabel,
.header-bar .button.suggested-action:hover GtkLabel {
color: #347D9F; }
.titlebar:not(headerbar) .button.suggested-action:hover:backdrop,
.header-bar .button.suggested-action:hover:backdrop {
background-color: rgba(255, 255, 255, 0.8);
box-shadow: none; }
.titlebar:not(headerbar) .button.suggested-action:hover:backdrop GtkLabel,
.header-bar .button.suggested-action:hover:backdrop GtkLabel {
color: rgba(52, 125, 159, 0.8); }
.titlebar:not(headerbar) .button.suggested-action:insensitive,
.header-bar .button.suggested-action:insensitive {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: none; }
.titlebar:not(headerbar) .button.suggested-action:insensitive GtkLabel,
.header-bar .button.suggested-action:insensitive GtkLabel {
color: rgba(255, 255, 255, 0.5); }
.titlebar:not(headerbar) .button.suggested-action:insensitive:backdrop,
.header-bar .button.suggested-action:insensitive:backdrop {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: none; }
.titlebar:not(headerbar) .button.suggested-action:insensitive:backdrop GtkLabel,
.header-bar .button.suggested-action:insensitive:backdrop GtkLabel {
color: rgba(255, 255, 255, 0.5); }
.titlebar:not(headerbar) .button.suggested-action:backdrop,
.header-bar .button.suggested-action:backdrop {
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none; }
.titlebar:not(headerbar) .button.suggested-action:backdrop GtkLabel,
.header-bar .button.suggested-action:backdrop GtkLabel {
color: rgba(52, 125, 159, 0.2); }
.titlebar:not(headerbar) .button.linked:first-child, .titlebar:not(headerbar) .button.linked:last-child, .titlebar:not(headerbar) .button.linked:first-child, .titlebar:not(headerbar) .button.linked:last-child,
.header-bar .button.linked:first-child, .header-bar .button.linked:first-child,
.header-bar .button.linked:last-child { .header-bar .button.linked:last-child {
@ -4292,143 +4267,107 @@ GtkSwitch {
/************ /************
* Toolbars * * Toolbars *
************/ ************/
.toolbar, .toolbar {
toolbar {
-GtkWidget-window-dragging: true; -GtkWidget-window-dragging: true;
padding: 0px; padding: 0px;
background-color: #636E73; background-color: #636E73;
color: #ffffff; } color: #ffffff; }
.toolbar:backdrop, .toolbar:backdrop {
toolbar:backdrop {
background-color: #576165; background-color: #576165;
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.osd .toolbar, .osd .osd .toolbar {
toolbar {
box-shadow: none; box-shadow: none;
background-color: transparent; } background-color: transparent; }
.toolbar button, .toolbar .button {
.toolbar .button,
.toolbar .flat,
.toolbar .text-button,
.toolbar .image-button,
toolbar button,
toolbar .button,
toolbar .flat,
toolbar .text-button,
toolbar .image-button {
border: none;
background: none;
text-shadow: none;
background-color: transparent; background-color: transparent;
color: #ffffff; background-image: none;
border-radius: 0px; border-radius: 0px;
padding: 10px; } border: none;
.toolbar button:focus, .toolbar button:active, box-shadow: none;
.toolbar .button:focus, icon-shadow: none;
.toolbar .button:active, margin: 0;
.toolbar .flat:focus, padding: 10px;
.toolbar .flat:active, text-shadow: none; }
.toolbar .text-button:focus, .toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat {
.toolbar .text-button:active, background-color: transparent;
.toolbar .image-button:focus, background-image: none;
.toolbar .image-button:active, border-radius: 0px;
toolbar button:focus, border: none;
toolbar button:active, box-shadow: none;
toolbar .button:focus, icon-shadow: none;
toolbar .button:active, margin: 0;
toolbar .flat:focus, padding: 10px;
toolbar .flat:active,
toolbar .text-button:focus,
toolbar .text-button:active,
toolbar .image-button:focus,
toolbar .image-button:active {
color: #ffffff;
text-shadow: none; text-shadow: none;
box-shadow: inset 0 -2px 0 0 #ffffff; color: #ffffff; }
background-color: rgba(255, 255, 255, 0.1); } .toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop {
.toolbar button:focus:backdrop, .toolbar button:active:backdrop,
.toolbar .button:focus:backdrop,
.toolbar .button:active:backdrop,
.toolbar .flat:focus:backdrop,
.toolbar .flat:active:backdrop,
.toolbar .text-button:focus:backdrop,
.toolbar .text-button:active:backdrop,
.toolbar .image-button:focus:backdrop,
.toolbar .image-button:active:backdrop,
toolbar button:focus:backdrop,
toolbar button:active:backdrop,
toolbar .button:focus:backdrop,
toolbar .button:active:backdrop,
toolbar .flat:focus:backdrop,
toolbar .flat:active:backdrop,
toolbar .text-button:focus:backdrop,
toolbar .text-button:active:backdrop,
toolbar .image-button:focus:backdrop,
toolbar .image-button:active:backdrop {
background-color: transparent; background-color: transparent;
background-image: none;
text-shadow: none;
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.toolbar button:hover, .toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover {
.toolbar .button:hover, background-image: none;
.toolbar .flat:hover, background-color: rgba(0, 0, 0, 0.15);
.toolbar .text-button:hover, color: white;
.toolbar .image-button:hover, box-shadow: none;
toolbar button:hover, text-shadow: none; }
toolbar .button:hover, .toolbar .button GtkLabel,
toolbar .flat:hover, .toolbar .button GtkImage {
toolbar .text-button:hover, color: #ffffff; }
toolbar .image-button:hover { .toolbar .button GtkLabel:backdrop,
background-color: rgba(255, 255, 255, 0.1); .toolbar .button GtkImage:backdrop {
color: rgba(255, 255, 255, 0.5); }
.toolbar .button:focus, .toolbar .button:hover {
background-image: none;
background-color: rgba(0, 0, 0, 0.15);
color: white;
box-shadow: none;
text-shadow: none; }
.toolbar .button:backdrop {
background-color: transparent;
background-image: none;
color: rgba(255, 255, 255, 0.5); }
.toolbar .button:backdrop GtkImage {
color: rgba(255, 255, 255, 0.5); }
.toolbar .button:active, .toolbar .button:checked {
border-radius: 0px;
text-shadow: none; text-shadow: none;
color: #ffffff; icon-shadow: none;
box-shadow: inset 0 -2px 0 0 #ffffff; } box-shadow: inset 0 -2px 0 0 #ffffff;
.toolbar button:insensitive,
.toolbar .button:insensitive,
.toolbar .flat:insensitive,
.toolbar .text-button:insensitive,
.toolbar .image-button:insensitive,
toolbar button:insensitive,
toolbar .button:insensitive,
toolbar .flat:insensitive,
toolbar .text-button:insensitive,
toolbar .image-button:insensitive {
background: none;
background-color: transparent; background-color: transparent;
color: rgba(255, 255, 255, 0.5); } background-image: none;
.toolbar button:backdrop, color: #ffffff; }
.toolbar .button:backdrop, .toolbar .button:active:backdrop, .toolbar .button:checked:backdrop {
.toolbar .flat:backdrop, background-color: transparent;
.toolbar .text-button:backdrop, background-image: none;
.toolbar .image-button:backdrop, color: rgba(255, 255, 255, 0.5);
toolbar button:backdrop, box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.5); }
toolbar .button:backdrop, .toolbar .button:active:focus, .toolbar .button:active:hover, .toolbar .button:checked:focus, .toolbar .button:checked:hover {
toolbar .flat:backdrop, background-image: none;
toolbar .text-button:backdrop, background-color: rgba(0, 0, 0, 0.15);
toolbar .image-button:backdrop { color: white;
background: none; box-shadow: inset 0 -2px 0 0 #ffffff; }
.toolbar .button:insensitive, .toolbar .button:insensitive:backdrop {
color: rgba(255, 255, 255, 0.5);
background-color: transparent; background-color: transparent;
color: rgba(255, 255, 255, 0.5); } background-image: none; }
.toolbar .separator, .toolbar .button:insensitive image,
toolbar .separator { .toolbar .button:insensitive GtkImage, .toolbar .button:insensitive:backdrop image,
.toolbar .button:insensitive:backdrop GtkImage {
-gtk-image-effect: dim; }
.toolbar .separator {
color: transparent; color: transparent;
background-color: transparent; } background-color: transparent; }
.toolbar.osd, .toolbar.osd {
toolbar.osd {
padding: 13px; padding: 13px;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
background-color: rgba(32, 37, 38, 0.8); } background-color: rgba(32, 37, 38, 0.8); }
.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom {
toolbar.osd.left,
toolbar.osd.right,
toolbar.osd.top,
toolbar.osd.bottom {
border-radius: 0; } border-radius: 0; }
.toolbar.horizontal separator, .toolbar.horizontal separator {
toolbar.horizontal separator {
margin: 0 7px 1px 6px; } margin: 0 7px 1px 6px; }
.toolbar.vertical separator, .toolbar.vertical separator {
toolbar.vertical separator {
margin: 6px 1px 7px 0; } margin: 6px 1px 7px 0; }
/******************* /*******************
@ -5934,8 +5873,6 @@ ConversationListView {
icon-shadow: none; } icon-shadow: none; }
#content_frame button:insensitive GtkLabel, #content_frame button:insensitive { #content_frame button:insensitive GtkLabel, #content_frame button:insensitive {
color: #afafaf; } color: #afafaf; }
#content_frame button:insensitive label, #content_frame button:insensitive {
color: #afafaf; }
#buttonbox_frame { #buttonbox_frame {
padding-top: 20px; padding-top: 20px;

6
Paper/gtk-3.18/widgets/_buttons.scss
View File

@ -191,8 +191,6 @@ $_dot_color: if($variant=='light', $selected_bg_color,
@include button(undecorated); @include button(undecorated);
box-shadow: none; //FIXME respect no edge on the button mixin box-shadow: none; //FIXME respect no edge on the button mixin
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
&:hover { @include button(osd-hover); } &:hover { @include button(osd-hover); }
@ -279,12 +277,12 @@ $_dot_color: if($variant=='light', $selected_bg_color,
outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset
> label { > GtkLabel {
padding-left: 6px; // label padding padding-left: 6px; // label padding
padding-right: 6px; // padding-right: 6px; //
} }
> image { > GtkImage {
padding-left: 6px; // image padding padding-left: 6px; // image padding
padding-right: 6px; // padding-right: 6px; //
padding-top: 3px; // padding-top: 3px; //

48
Paper/gtk-3.18/widgets/_header-bars.scss
View File

@ -2,7 +2,7 @@
* Header Bars * * Header Bars *
***************/ ***************/
%titlebar, %headerbar,
.header-bar { .header-bar {
padding:0 8px; padding:0 8px;
border: none; border: none;
@ -320,6 +320,50 @@
} }
} }
// Suggested Button
&.suggested-action {
font-weight: bold;
padding:0;
padding: 5px 10px;
border-radius: 2px;
background-color: $headerbar_fg_color;
color: $selected_bg_color;
box-shadow: 0 1px 0 0 transparentize(black, 0.8);
GtkLabel { color: $selected_bg_color;}
&:hover {
background-color: $headerbar_fg_color;
box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
GtkLabel {color: $selected_bg_color;}
&:backdrop {
background-color: transparentize($headerbar_fg_color, 0.2);
box-shadow:none;
GtkLabel { color:transparentize($selected_bg_color, 0.2);}
}
}
&:insensitive {
background-color: transparentize(black, 0.9);
box-shadow:none;
GtkLabel { color:transparentize($headerbar_fg_color, 0.5);}
&:backdrop {
background-color: transparentize(black, 0.9);
box-shadow:none;
GtkLabel { color:transparentize($headerbar_fg_color, 0.5);}
}
}
&:backdrop {
background-color: transparentize($headerbar_fg_color, 0.9);
box-shadow: none;
GtkLabel {color:transparentize($selected_bg_color, 0.8);}
}
}
// Linked button // Linked button
&.linked { &.linked {
&:first-child, &:first-child,
@ -367,5 +411,5 @@
} }
} }
@extend %titlebar; @extend %headerbar;
} }

127
Paper/gtk-3.18/widgets/_toolbars.scss
View File

@ -13,57 +13,124 @@
} }
} }
.toolbar, .toolbar {
toolbar {
@extend %toolbar; @extend %toolbar;
// on OSD // on OSD
.osd & { box-shadow:none; background-color: transparent; } .osd & { box-shadow:none; background-color: transparent; }
// buttons // Buttons
button, .button {
.button,
.flat,
.text-button,
.image-button {
border: none;
background: none;
text-shadow: none;
background-color: transparent; background-color: transparent;
color: $headerbar_fg_color; background-image: none;
border-radius: 0px; border-radius: 0px;
border: none;
box-shadow: none;
icon-shadow: none;
margin: 0;
padding: 10px; padding: 10px;
text-shadow: none;
&:focus, &.suggested-action,
&:active { &.text-button,
color: $headerbar_fg_color; &.image-button,
&.linked,
&.flat {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
box-shadow: none;
icon-shadow: none;
margin: 0;
padding: 10px;
text-shadow: none; text-shadow: none;
box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; color: $headerbar_fg_color;
background-color: transparentize(white, 0.9);
&:backdrop { &:backdrop {
background-color: transparent; background-color: transparent;
background-image: none;
text-shadow: none;
color: $backdrop_headerbar_fg_color;
}
&:hover {
background-image:none;
background-color: transparentize(black, 0.85);
color:lighten($headerbar_fg_color, 10%);
box-shadow:none;
text-shadow:none;
}
}
GtkLabel,
GtkImage {
color: $headerbar_fg_color;
&:backdrop {
color: $backdrop_headerbar_fg_color; color: $backdrop_headerbar_fg_color;
} }
} }
&:hover { &:focus,
background-color: transparentize(white, 0.9); &:hover {
text-shadow: none; background-image:none;
color: $headerbar_fg_color; background-color: transparentize(black, 0.85);
box-shadow: inset 0 -2px 0 0 $headerbar_fg_color; color:lighten($headerbar_fg_color, 10%);
} box-shadow:none;
text-shadow:none;
&:insensitive {
background:none;
background-color: transparent;
color: transparentize($headerbar_fg_color,0.5);
} }
&:backdrop { &:backdrop {
background:none;
background-color: transparent; background-color: transparent;
background-image: none;
color: $backdrop_headerbar_fg_color; color: $backdrop_headerbar_fg_color;
GtkImage {
color: $backdrop_headerbar_fg_color;
}
}
&:active,
&:checked {
border-radius: 0px;
text-shadow: none;
icon-shadow: none;
box-shadow: inset 0 -2px 0 0 $headerbar_fg_color;
background-color: transparent;
background-image: none;
color: $headerbar_fg_color;
&:backdrop {
background-color: transparent;
background-image: none;
color: $backdrop_headerbar_fg_color;
box-shadow: inset 0 -2px 0 0 $backdrop_headerbar_fg_color;
}
&:focus,
&:hover {
background-image:none;
background-color: transparentize(black, 0.85);
color:lighten($headerbar_fg_color, 10%);
box-shadow: inset 0 -2px 0 0 $headerbar_fg_color;
}
}
&:insensitive,
&:insensitive:backdrop {
color: $backdrop_headerbar_fg_color;
background-color: transparent;
background-image: none;
image,
GtkImage {
-gtk-image-effect: dim;
}
} }
} }