some dark theme updates; budgie stylings

This commit is contained in:
Sam Hewitt 2016-05-22 22:09:48 -04:00
parent 5113d58dc6
commit aacc170f95
94 changed files with 2568 additions and 1991 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 569 B

After

Width:  |  Height:  |  Size: 603 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 982 B

After

Width:  |  Height:  |  Size: 1023 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 546 B

After

Width:  |  Height:  |  Size: 562 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 905 B

After

Width:  |  Height:  |  Size: 945 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 550 B

After

Width:  |  Height:  |  Size: 564 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 943 B

After

Width:  |  Height:  |  Size: 966 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 550 B

After

Width:  |  Height:  |  Size: 564 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 943 B

After

Width:  |  Height:  |  Size: 966 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 518 B

After

Width:  |  Height:  |  Size: 526 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 873 B

After

Width:  |  Height:  |  Size: 901 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 543 B

After

Width:  |  Height:  |  Size: 554 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 918 B

After

Width:  |  Height:  |  Size: 954 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 378 B

After

Width:  |  Height:  |  Size: 383 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 567 B

After

Width:  |  Height:  |  Size: 573 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 353 B

After

Width:  |  Height:  |  Size: 352 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 459 B

After

Width:  |  Height:  |  Size: 461 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 349 B

After

Width:  |  Height:  |  Size: 356 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 470 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 349 B

After

Width:  |  Height:  |  Size: 356 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 470 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 338 B

After

Width:  |  Height:  |  Size: 343 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 448 B

After

Width:  |  Height:  |  Size: 445 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 347 B

After

Width:  |  Height:  |  Size: 352 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 465 B

After

Width:  |  Height:  |  Size: 470 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 360 B

After

Width:  |  Height:  |  Size: 365 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 538 B

After

Width:  |  Height:  |  Size: 543 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 329 B

After

Width:  |  Height:  |  Size: 330 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 432 B

After

Width:  |  Height:  |  Size: 434 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 327 B

After

Width:  |  Height:  |  Size: 328 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 439 B

After

Width:  |  Height:  |  Size: 437 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 327 B

After

Width:  |  Height:  |  Size: 328 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 439 B

After

Width:  |  Height:  |  Size: 437 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 318 B

After

Width:  |  Height:  |  Size: 315 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 416 B

After

Width:  |  Height:  |  Size: 418 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 327 B

After

Width:  |  Height:  |  Size: 328 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 439 B

After

Width:  |  Height:  |  Size: 437 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 743 B

After

Width:  |  Height:  |  Size: 767 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 655 B

After

Width:  |  Height:  |  Size: 657 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 680 B

After

Width:  |  Height:  |  Size: 689 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 680 B

After

Width:  |  Height:  |  Size: 689 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 616 B

After

Width:  |  Height:  |  Size: 634 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 669 B

After

Width:  |  Height:  |  Size: 676 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 666 B

After

Width:  |  Height:  |  Size: 678 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 577 B

After

Width:  |  Height:  |  Size: 575 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 592 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 592 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 538 B

After

Width:  |  Height:  |  Size: 548 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1020 B

After

Width:  |  Height:  |  Size: 996 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 590 B

After

Width:  |  Height:  |  Size: 590 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 652 B

After

Width:  |  Height:  |  Size: 661 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 560 B

After

Width:  |  Height:  |  Size: 557 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 570 B

After

Width:  |  Height:  |  Size: 569 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 570 B

After

Width:  |  Height:  |  Size: 569 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 530 B

After

Width:  |  Height:  |  Size: 537 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 994 B

After

Width:  |  Height:  |  Size: 970 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 570 B

After

Width:  |  Height:  |  Size: 569 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 569 B

After

Width:  |  Height:  |  Size: 603 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 982 B

After

Width:  |  Height:  |  Size: 1023 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 378 B

After

Width:  |  Height:  |  Size: 383 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 567 B

After

Width:  |  Height:  |  Size: 573 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 360 B

After

Width:  |  Height:  |  Size: 365 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 538 B

After

Width:  |  Height:  |  Size: 543 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 743 B

After

Width:  |  Height:  |  Size: 767 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 666 B

After

Width:  |  Height:  |  Size: 678 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 652 B

After

Width:  |  Height:  |  Size: 661 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -2,20 +2,20 @@
// it gets @if ed depending on $variant
// Main definitions
$base_color: if($variant == 'light', #ffffff, #6a7981);
$bg_color: if($variant == 'light', #f7f7f7, #4F585C);
$fg_color: if($variant == 'light', #444, lighten(#e4e6e7, 10%));
$base_color: if($variant == 'light', #ffffff, #455a64);
$bg_color: if($variant == 'light', #f7f7f7, #37474f);
$fg_color: if($variant == 'light', #444, #cfd8dc);
$text_color: if($variant == 'light', $fg_color, $fg_color);
$headerbar_bg_color: if($variant == 'light', #546e7a, #3B4245);
$headerbar_bg_color: if($variant == 'light', #546e7a, darken($base_color, 10%));
$headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2));
// Primary colors
$red: #f34235;
$orange: #fe9700;
$yellow: #fec006;
$green: #4bae4f;
$blue: #2095f2;
$purple: #9b26af;
$red: #F44336;
$orange: #ff5722;
$yellow: #f9ce1d;
$green: #4caf50;
$blue: #2196f3;
$purple: #9c27b0;
$selected_fg_color: #ffffff;
$selected_bg_color: if($variant == 'light', #347D9F, lighten(#347D9F,10%));
@ -42,7 +42,7 @@ $success_color: if($variant == 'light', $green, darken($green,10%));
$destructive_color: if($variant == 'light', $red, darken($red,10%));
$suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_bg_color,10%));
$osd_fg_color: #e4e6e7;
$osd_fg_color: #cfd8dc;
$osd_text_color: white;
$osd_bg_color: transparentize(#202526, 0.2);
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);

View File

@ -2,6 +2,9 @@
* Budgie *
**********/
$budgie_panel_bg_color: #263238;
$budgie_panel_fg_color: #cfd8dc;
@function gtkalpha($c,$a) {
@return unquote("alpha(#{$c},#{$a})");
}
@ -15,17 +18,19 @@ $asset_suffix: if($variant == 'default', '', '-hc');
@each $pos, $b_pos in $pos_list {
.#{$pos} & {
border-#{$b_pos}: 2px solid transparentize($panel_bg_color,1);
border-#{$pos}: 2px solid transparentize($panel_bg_color,1);
border-#{$b_pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
border-#{$pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
@at-root {
.#{$pos} .budgie-panel .unpinned .launcher,
.#{$pos} .budgie-panel .pinned .launcher.running { border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5); }
}
&:hover {
border-#{$b_pos}: 2px solid transparentize(black, 0.9);
border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5);
}
&:active, &:checked {
border-#{$b_pos}: 2px solid transparentize(black, 0.8);
border-#{$pos}: 2px solid $selected_bg_color;
@ -34,13 +39,21 @@ $asset_suffix: if($variant == 'default', '', '-hc');
}
}
// Budgie
.budgie-container {
border: none;
box-shadow: none;
background: none;
font-size: 100%;
}
// Budgie Menu
.budgie-menu {
GtkSearchEntry.entry:not(:selected) {
border: none;
box-shadow: none;
background: none;
font-size: 120%;
font-size: 100%;
&.image { padding-left: 0px; padding-right: 6px; }
}
@ -51,24 +64,13 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Panel
.budgie-panel {
font: bold;
color: $panel_fg_color;
background-color: $panel_bg_color;
font-size: 100%;
color: $budgie_panel_fg_color;
background-color: $budgie_panel_bg_color;
&:backdrop {
color: $panel_fg_color;
background-color: $panel_bg_color;
}
// End Section needs to be fancy
@if $variant == 'default' {
.end-region {
background-color: rgba(0,0,0,0.3);
border-radius: 2px;
.separator {
color: transparentize($panel_fg_color, 0.85)
}
}
color: $budgie_panel_fg_color;
background-color: $budgie_panel_bg_color;
}
// Tasklist
@ -79,7 +81,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
border-radius: 0;
@if $variant == 'default' {
&:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
// &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
background: none;
background-clip: padding-box;
border: none;
@ -91,10 +93,10 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Icon Tasklist
.launcher {
transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
// transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
padding-left: 2px;
padding-right: 2px;
border-color: transparentize($panel_bg_color,1); // fixes the transition
border-color: transparentize($budgie_panel_bg_color, 1.0); // fixes the transition
&:hover { -gtk-image-effect: highlight; }
}
@ -117,14 +119,15 @@ $asset_suffix: if($variant == 'default', '', '-hc');
@each $pos, $b_pos in $pos_list {
// Panel borders
.#{$pos} .budgie-panel { border-#{$b_pos}: 1px solid $panel_borders_color; }
.#{$pos} .budgie-panel {
border-#{$b_pos}: 1px solid transparentize(black,0.8);
box-shadow:none;
}
// Raven borders
.#{$pos} .raven-frame {
padding: 0;
background: none;
border: none;
border-#{$b_pos}: 1px solid transparentize(black, 0.8);
border-#{$b_pos}: 1px solid transparentize(black, 0.2);
box-shadow:inset 0 0 0 1px transparentize(white, 0.7);
}
// Shadows
@ -137,14 +140,18 @@ $asset_suffix: if($variant == 'default', '', '-hc');
}
// Raven
.raven {
color: $panel_fg_color;
background-color: transparentize($panel_bg_color, 0.8);
color: $fg_color;
background-color: transparentize($bg_color, 0.02);
transition: 170ms ease-out;
.raven-header {
color: $panel_fg_color;
border-width: 1px 0;
background-color: $bg_color;
color: $fg_color;
border-top: 1px solid $borders_color;
border-bottom: 1px solid $borders_color;
box-shadow:inset 0 1px 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);
&.top { border-top-style: none; }
&.bottom { border-bottom-style: none; }
@ -155,15 +162,33 @@ $asset_suffix: if($variant == 'default', '', '-hc');
}
.raven-background {
color: $panel_fg_color;
background-color: transparentize($panel_bg_color, 0.8);
border-bottom: 1px solid transparentize($panel_borders_color, 0.8);
background-color: $base_color;
border-bottom: 1px solid $borders_color;
box-shadow:inset 0 1px 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);
&.middle { border-bottom-style: none; } // applet background between two headers
}
.powerstrip {
background-color: transparent;
border: none;
box-shadow:none;
}
.powerstrip .button {
padding: 10px;
border-radius:50%;
padding: 12px;
background: transparentize(black,0.9);
border: 1px solid transparentize(black,0.8);
box-shadow: 0 1px transparentize(white,0.9);
font-size: 100%;
&:hover {
background: transparentize(black,0.9);
border: 1px solid transparentize(black,0.8);
box-shadow: inset 0 1px transparentize(white,0.9), 1px 1px transparentize(black,0.8);
transition: 170ms ease all;
}
}
.option-subtitle {
@ -183,7 +208,6 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Notifications
.budgie-notification-window {
background: none;
border-radius: 1px;
}
@ -198,24 +222,26 @@ $asset_suffix: if($variant == 'default', '', '-hc');
color: $fg_color;
}
.notification-body { color: transparentize($panel_fg_color, 0.3); }
.notification-body { color: transparentize($budgie_panel_fg_color, 0.3); }
}
.drop-shadow {
background-color: transparent;
box-shadow: 0 2px 4px 0 $shadow_color, 0 0 0 1px $panel_borders_color;
border-radius: 1px;
box-shadow: 0 1px 1px 0 $shadow_color;
}
// Session Dialog
.budgie-session-dialog {
padding:12px;
border-radius: 4px;
border:none;
border-top: 1px solid transparentize(white,0.9);
&.background { @extend .drop-shadow; }
.linked.horizontal > .button {
border-bottom: none;
border-radius: 0;
&:first-child { border-left: none; border-radius: 0; }
&:last-child { border-right: none; border-radius: 0; }
&:first-child { border-left: none; border-radius: 0 0 0 4px; }
&:last-child { border-right: none; border-radius: 0 0 4px 0; }
}
}
@ -223,6 +249,6 @@ $asset_suffix: if($variant == 'default', '', '-hc');
.budgie-polkit-dialog {
@extend .budgie-session-dialog;
.message { color: transparentize($panel_fg_color, 0.3); }
.message { color: transparentize($budgie_panel_fg_color, 0.3); }
.failure { color: $red; }
}

File diff suppressed because it is too large Load Diff

View File

@ -53,9 +53,9 @@
/* widgets main borders color on backdrop windows */
@define-color unfocused_borders #d5d5d5;
/* these are pretty self explicative */
@define-color warning_color #fec006;
@define-color error_color #f34235;
@define-color success_color #4bae4f;
@define-color warning_color #f9ce1d;
@define-color error_color #F44336;
@define-color success_color #4caf50;
/* these colors are exported for the window manager and shouldn't be used in applications,
read if you used those and something break with a version upgrade you're on your own... */
@define-color wm_title shade(#444, 1.8);
@ -78,7 +78,7 @@ read if you used those and something break with a version upgrade you're on your
* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #f34235;
-GtkTextView-error-underline-color: #F44336;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-GtkTreeView-expander-size: 11;
@ -239,11 +239,11 @@ GtkLabel:backdrop {
.app-notification,
.app-notification.frame, .osd .scale-popup, .csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier, .csd .popover .background.osd, .popover .background.osd,
.osd {
color: #e4e6e7;
color: #cfd8dc;
border: none;
background-color: rgba(32, 37, 38, 0.8);
background-clip: padding-box;
outline-color: rgba(228, 230, 231, 0.3);
outline-color: rgba(207, 216, 220, 0.3);
text-shadow: 0 1px black;
icon-shadow: 0 1px black; }
.app-notification:backdrop, .osd .scale-popup:backdrop, .popover .background.touch-selection:backdrop, .popover .background.magnifier:backdrop, .popover .background.osd:backdrop,
@ -476,17 +476,17 @@ row:selected
.button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
color: #fcfcfc; }
.button.osd {
color: #e4e6e7;
color: #cfd8dc;
border-radius: 5px;
outline-color: rgba(228, 230, 231, 0.3);
color: #e4e6e7;
outline-color: rgba(207, 216, 220, 0.3);
color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, 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;
icon-shadow: 0 1px black;
outline-color: rgba(228, 230, 231, 0.3);
outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
.button.osd:hover {
@ -497,7 +497,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
outline-color: rgba(228, 230, 231, 0.3);
outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
.button.osd:active,
@ -509,23 +509,23 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
outline-color: rgba(228, 230, 231, 0.3);
outline-color: rgba(207, 216, 220, 0.3);
border: none;
box-shadow: none; }
.button.osd:insensitive:backdrop,
.button.osd:insensitive,
.button.osd:insensitive:backdrop,
.button.osd:insensitive {
color: #828687;
color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none;
border: none; }
.button.osd:backdrop {
color: #e4e6e7;
color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@ -537,14 +537,14 @@ row:selected
.app-notification.frame .button,
.app-notification.frame button, .csd .popover .background.touch-selection button, .csd .popover .background.magnifier button, .popover .background.touch-selection button, .popover .background.magnifier button, .osd
.button {
color: #e4e6e7;
color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, 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;
icon-shadow: 0 1px black;
outline-color: rgba(228, 230, 231, 0.3); }
outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:hover, .app-notification button:hover, .popover .background.touch-selection button:hover, .popover .background.magnifier button:hover, .osd
.button:hover {
color: white;
@ -554,7 +554,7 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
outline-color: rgba(228, 230, 231, 0.3); }
outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:active:backdrop, .app-notification button:active:backdrop, .popover .background.touch-selection button:active:backdrop, .popover .background.magnifier button:active:backdrop, .app-notification .button:active, .app-notification button:active, .popover .background.touch-selection button:active, .popover .background.magnifier button:active, .app-notification .button:checked:backdrop, .app-notification button:checked:backdrop, .popover .background.touch-selection button:checked:backdrop, .popover .background.magnifier button:checked:backdrop, .app-notification .button:checked, .app-notification button:checked, .popover .background.touch-selection button:checked, .popover .background.magnifier button:checked, .osd
.button:active:backdrop, .osd
.button:active, .osd
@ -567,20 +567,20 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
outline-color: rgba(228, 230, 231, 0.3); }
outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .button:insensitive:backdrop, .app-notification button:insensitive:backdrop, .popover .background.touch-selection button:insensitive:backdrop, .popover .background.magnifier button:insensitive:backdrop, .app-notification .button:insensitive, .app-notification button:insensitive, .popover .background.touch-selection button:insensitive, .popover .background.magnifier button:insensitive, .osd
.button:insensitive:backdrop, .osd
.button:insensitive {
color: #828687;
color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
icon-shadow: none; }
.app-notification .button:backdrop, .app-notification button:backdrop, .popover .background.touch-selection button:backdrop, .popover .background.magnifier button:backdrop, .osd
.button:backdrop {
color: #e4e6e7;
color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
background-clip: padding-box;
@ -605,12 +605,12 @@ row:selected
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
icon-shadow: 0 1px black;
outline-color: rgba(228, 230, 231, 0.3); }
outline-color: rgba(207, 216, 220, 0.3); }
.app-notification .flat.button:insensitive, .app-notification button.flat:insensitive, .popover .background.touch-selection button.flat:insensitive, .popover .background.magnifier button.flat:insensitive, .osd
.button.flat:insensitive {
color: #828687;
color: #787f81;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(52, 56, 57, 0.5));
background-image: linear-gradient(to bottom, rgba(50, 55, 56, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
@ -636,7 +636,7 @@ row:selected
box-shadow: none;
text-shadow: none;
icon-shadow: none;
outline-color: rgba(228, 230, 231, 0.3); }
outline-color: rgba(207, 216, 220, 0.3); }
.button.suggested-action {
color: white;
outline-color: rgba(255, 255, 255, 0.3);
@ -769,14 +769,14 @@ row:selected
color: #b7cdd7; }
.osd
.button.suggested-action {
color: #e4e6e7;
color: #cfd8dc;
border-color: rgba(0, 0, 0, 0.7);
background-image: linear-gradient(to bottom, rgba(52, 125, 159, 0.5));
background-clip: padding-box;
box-shadow: inset 0 1px rgba(255,