Skip to content
Snippets Groups Projects
gtk.css 191 KiB
Newer Older
phob1an's avatar
gtk
phob1an committed
/* GTK NAMED COLORS
   ----------------
   use responsibly! */
/*
widget text/foreground color */
@define-color theme_fg_color #ff0000;
/*
text color for entries, views and content in general */
@define-color theme_text_color #f32627;
/*
widget base background color */
@define-color theme_bg_color #00ff00;
/*
text widgets and the like base background color */
@define-color theme_base_color #fcfcfc;
/*
base background color of selections */
@define-color theme_selected_bg_color #c5cbd8;
/*
text/foreground color of selections */
@define-color theme_selected_fg_color #fcfcfc;
/*
base background color of insensitive widgets */
@define-color insensitive_bg_color #d8dadd;
/*
text foreground color of insensitive widgets */
phob1an's avatar
phob1an committed
@define-color insensitive_fg_color rgba(32, 235, 35, 0.8);
phob1an's avatar
gtk
phob1an committed
/*
insensitive text widgets and the like base background color */
phob1an's avatar
phob1an committed
@define-color insensitive_base_color rgba(32, 35, 235, 0.7);
phob1an's avatar
gtk
phob1an committed
/*
widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #c5cbd8;
/*
text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #c5cbd8;
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #2a2e33;
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #fcfcfc;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color rgba(61, 174, 233, 0.5);
/*
text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #fcfcfc;
/*
widgets main borders color */
@define-color borders #bcfebf;
/*
widgets main borders color on backdrop windows */
phob1an's avatar
phob1an committed
@define-color unfocused_borders #4b5466;
phob1an's avatar
gtk
phob1an committed
/*
widgets main borders color insensitive */
@define-color insensitive_borders rgba(170, 173, 174, 0.35);
/*
these are pretty self explicative */
@define-color warning_color #f67400;
@define-color error_color #da4453;
@define-color success_color #27ae60;
@define-color content_view_bg #fcfcfc;
* {
  padding: 0;
  -GtkToolButton-icon-spacing: 4;
  -GtkTextView-error-underline-color: #da4453;
  -GtkButton-child-displacement-x: 0;
  -GtkButton-child-displacement-y: 0;
  -GtkCheckButton-indicator-size: 18;
  -GtkCheckMenuItem-indicator-size: 18;
  -GtkScrolledWindow-scrollbar-spacing: 0;
  -GtkScrolledWindow-scrollbars-within-bevel: 0;
  -GtkScrolled-window-overlay-scrolling: FALSE;
  -GtkToolItemGroup-expander-size: 11;
  -GtkExpander-expander-size: 16;
  -GtkTreeView-expander-size: 11;
  -GtkTreeView-horizontal-separator: 4;
  -GtkWidget-text-handle-width: 20;
  -GtkWidget-text-handle-height: 20;
  -GtkDialog-button-spacing: 4;
  -GtkDialog-action-area-border: 0;
  -GtkStatusbar-shadow-type: none;
  outline-width: 0px; }

/***************
 * Base States *
 ***************/
.background {
  color: #c5cbd8;
  background-color: #2a2e33; }
  .background:backdrop {
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #c5cbd8;
    background-color: #2a2e33; }

/*
   These wildcard seems unavoidable, need to investigate.
   Wildcards are bad and troublesome, use them with care,
   or better, just don't.
   Everytime a wildcard is used a kitten dies, painfully.
*/
*:disabled {
  -gtk-icon-effect: dim; }

.gtkstyle-fallback {
  background-color: #2a2e33;
  color: #c5cbd8; }
  .gtkstyle-fallback:hover {
    background-color: white;
    color: #c5cbd8; }
  .gtkstyle-fallback:active {
    background-color: #d4d7d9;
    color: #c5cbd8; }
  .gtkstyle-fallback:disabled {
    background-color: #d8dadd;
    color: rgba(32, 35, 35, 0.35); }
  .gtkstyle-fallback:selected {
    background-color: #c5cbd8;
    color: #fcfcfc; }

.view text,
textview text,
.view {
  color: #c5cbd8;
  background-color: #171a1d; }
  .view text:backdrop,
  textview text:backdrop,
  .view:backdrop {
    color: #c5cbd8;
    background-color: #171a1d; }
  .view text:disabled,
  textview text:disabled,
  .view:disabled {
    color: rgba(32, 35, 35, 0.35); }
  .view text:selected:focus,
  textview text:selected:focus, .view text:selected,
  textview text:selected,
  .view:selected:focus,
  .view:selected {
    border-radius: 3px; }

textview border {
  background-color: #fcfcfc;
phob1an's avatar
phob1an committed
  background-image: image(#4b5466);
phob1an's avatar
gtk
phob1an committed
  background-repeat: no-repeat; }
  textview border:backdrop {
    background-color: #fcfcfc; }
  textview border.bottom {
    background-size: 100% 1px;
    background-position: top; }
  textview border.top {
    background-size: 100% 1px;
    background-position: bottom; }
  textview border.left {
    background-size: 1px 100%;
    background-position: right; }
  textview border.right {
    background-size: 1px 100%;
    background-position: left; }

.rubberband,
rubberband,
flowbox rubberband,
treeview.view rubberband {
  border: 1px solid #c5cbd8;
  background-color: rgba(61, 174, 233, 0.2); }
  .rubberband:backdrop,
  rubberband:backdrop,
  treeview.view rubberband:backdrop {
    border-color: #c5cbd8;
    background-color: rgba(61, 174, 233, 0.2); }

flowbox flowboxchild {
  padding: 3px;
  border-radius: 3px; }
  flowbox flowboxchild:selected {
    outline-offset: 0px; }

label.separator {
  color: #c5cbd8; }
  label.separator:backdrop {
    color: #c5cbd8; }

label selection {
  background-color: #c5cbd8;
  color: #fcfcfc; }

label:disabled {
  color: rgba(32, 35, 35, 0.35); }
  label:disabled:backdrop {
    color: rgba(32, 35, 35, 0.35); }

label:backdrop {
  color: #c5cbd8; }

.dim-label, label.separator,
headerbar .subtitle {
  opacity: 0.5;
  text-shadow: none; }

assistant .sidebar {
  background-color: #c5cbd8;
phob1an's avatar
phob1an committed
  border-top: 1px solid #4b5466; }
phob1an's avatar
gtk
phob1an committed
  assistant .sidebar:backdrop {
    background-color: #c5cbd8;
phob1an's avatar
phob1an committed
    border-color: #4b5466; }
phob1an's avatar
gtk
phob1an committed

assistant.csd .sidebar {
  border-top-style: none; }

assistant .sidebar label {
  padding: 6px 12px; }

assistant .sidebar label.highlight {
  background-color: #d1d1d1; }

.app-notification,
.app-notification.frame, .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: #c5cbd8;
phob1an's avatar
phob1an committed
  border: 1px solid #4b5466;
phob1an's avatar
gtk
phob1an committed
  background-color: rgba(239, 240, 241, 0.8);
  background-clip: padding-box;
  box-shadow: none;
  text-shadow: none;
  -gtk-icon-shadow: none; }
  .app-notification:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop,
  .osd:backdrop {
    color: #c5cbd8;
    background-color: rgba(239, 240, 241, 0.8);
    -gtk-icon-shadow: none; }

.view text:selected,
textview text:selected,
.view:selected:focus,
.view:selected, .view text selection:focus, .view text selection,
textview text selection:focus,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
entry selection:focus,
entry selection, row:selected, .sidebar:selected {
phob1an's avatar
phob1an committed
  background-color: #c51bd8;
phob1an's avatar
gtk
phob1an committed
  color: #fcfcfc; }
  
  textview text:hover:selected:focus, .view text:hover:selected,
  textview text:hover:selected,
  .view:hover:selected, .view text selection:hover,
  textview text selection:hover, flowbox flowboxchild:hover:selected, spinbutton:not(.vertical) selection:hover:focus, spinbutton:not(.vertical) selection:hover,
  entry selection:hover, row:hover:selected, .sidebar:hover:selected {
phob1an's avatar
phob1an committed
    background-color: #00cee9;
    color: #ffcb38; }
phob1an's avatar
gtk
phob1an committed
  
  textview text:backdrop:selected:focus, .view text:backdrop:selected,
  textview text:backdrop:selected,
  .view:backdrop:selected, .view text selection:backdrop,
  textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selction, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop,
  entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected {
    background-color: rgba(61, 174, 233, 0.5);
    color: #fcfcfc; }

.view text:selected,
textview text:selected,
.view:selected:focus,
.view:selected, .view text selection:focus, .view text selection,
textview text selection:focus,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
entry selection:focus,
entry selection, row:selected, .sidebar:selected {
phob1an's avatar
phob1an committed
  background-color: #21486d;
phob1an's avatar
gtk
phob1an committed
  border-radius: 0px; }
  .view text:selected,
  textview text:selected,
  .view:selected:focus,
  .view:selected, .view text selection:focus, .view text selection,
  textview text selection:focus,
  textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
  entry selection:focus,
  entry selection, row:selected, .sidebar:selected {
    color: #fcfcfc; }
    
    textview text:disabled:selected:focus, .view text:disabled:selected,
    textview text:disabled:selected,
    .view:disabled:selected, .view text selection:disabled,
    textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled:focus, spinbutton:not(.vertical) selection:disabled,
    entry selection:disabled, row:disabled:selected, .sidebar:disabled:selected {
      color: #e5e5e5; }
    
    textview text:backdrop:selected:focus, .view text:backdrop:selected,
    textview text:backdrop:selected,
    .view:backdrop:selected, .view text selection:backdrop,
    textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selction, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop,
    entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected {
phob1an's avatar
phob1an committed
      color: #fc0000; }
phob1an's avatar
gtk
phob1an committed
      .view text:backdrop:disabled:selected,
      textview text:backdrop:disabled:selected,
      .view:backdrop:disabled:selected, .view text selection:backdrop:disabled,
      textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selction:disabled, spinbutton:not(.vertical) selection:backdrop:disabled,
      entry selection:backdrop:disabled, row:backdrop:disabled:selected, .sidebar:backdrop:disabled:selected {
        color: #e5e5e5; }

/***********
 * Buttons *
 ***********/
@keyframes needs_attention {
  from {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#c5cbd8), to(transparent)); }
  to {
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#c5cbd8), to(transparent)); } }

notebook > header > tabs > arrow, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button,
button, notebook > header > tabs > arrow.osd,
button.osd {
  border: 1px solid;
phob1an's avatar
phob1an committed
  border-radius: 0px;
  padding: 2px 6px;
phob1an's avatar
gtk
phob1an committed
  background-clip: border-box;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
phob1an's avatar
phob1an committed
/*   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); */
phob1an's avatar
gtk
phob1an committed
  text-shadow: none;
  -gtk-icon-shadow: none;
  color: #c5cbd8;
phob1an's avatar
phob1an committed
  border-color: #32373d;
  background-image: linear-gradient(to bottom, #434953, #32373d); }
phob1an's avatar
gtk
phob1an committed
  notebook > header > tabs > arrow, button.sidebar-button, popover.background.touch-selection button.flat, popover.background.magnifier button.flat,
  button.flat, notebook > header > tabs > arrow.osd, button.osd.sidebar-button {
    border-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #c5cbd8;
    text-shadow: none;
    -gtk-icon-shadow: none;
    transition: none; }
    notebook > header > tabs > arrow:hover, button.sidebar-button:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover,
    button.flat:hover, notebook > header > tabs > arrow.osd:hover {
      transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-duration: 500ms; }
      notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active,
      button.flat:hover:active {
        transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    notebook > header > tabs > arrow:checked, button.sidebar-button:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked,
    button.flat:checked, notebook > header > tabs > arrow.osd:checked {
phob1an's avatar
phob1an committed
      background-color: #4b5466; }
phob1an's avatar
gtk
phob1an committed
  notebook > header > tabs > arrow:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover,
  button:hover, notebook > header > tabs > arrow.osd:hover {
phob1an's avatar
phob1an committed
    color: #ffffff;
    border-color: #4b5466;
phob1an's avatar
gtk
phob1an committed
    -gtk-icon-effect: none; }
  notebook > header > tabs > arrow:active, popover.background.touch-selection button:active, popover.background.magnifier button:active,
  button:active, notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked,
  button:checked, notebook > header > tabs > arrow.osd:checked {
    color: #dcebee;
phob1an's avatar
phob1an committed
    border-color: #32373d;
    background-image: linear-gradient(to bottom, #2a2e33, #32373d);
phob1an's avatar
gtk
phob1an committed
    transition-duration: 50ms; }
    notebook > header > tabs > arrow:active:hover, popover.background.touch-selection button:active:hover, popover.background.magnifier button:active:hover,
    button:active:hover, notebook > header > tabs > arrow:checked:hover, popover.background.touch-selection button:checked:hover, popover.background.magnifier button:checked:hover,
    button:checked:hover {
      color: #ffffff;
phob1an's avatar
phob1an committed
      border-color: #4b5466; }
phob1an's avatar
gtk
phob1an committed
/*       background-image: transparent; } */
  notebook > header > tabs > arrow:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop,
  button:backdrop, notebook > header > tabs > arrow.osd:backdrop {
    color: #c5cbd8;
phob1an's avatar
phob1an committed
    border-color: #2a2e33;
    background-image: linear-gradient(to bottom, #32373d, #2a2e33);
phob1an's avatar
gtk
phob1an committed
    -gtk-icon-effect: none; }
    notebook > header > tabs > arrow:backdrop:active, popover.background.touch-selection button:backdrop:active, popover.background.magnifier button:backdrop:active,
    button:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, popover.background.touch-selection button:backdrop:checked, popover.background.magnifier button:backdrop:checked,
    button:backdrop:checked {
phob1an's avatar
phob1an committed
      color: #3b424e;
phob1an's avatar
phob1an committed
      border-color: #32373d;
      background-image: linear-gradient(to bottom, #2a2e33, #32373d); }
phob1an's avatar
gtk
phob1an committed
    notebook > header > tabs > arrow:backdrop:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled,
    button:backdrop:disabled {
phob1an's avatar
phob1an committed
      color: #3b424e;
phob1an's avatar
gtk
phob1an committed
      border-color: rgba(170, 173, 174, 0.35);
phob1an's avatar
phob1an committed
      background-image: linear-gradient(to bottom, #2a2e33, #32373d); }
phob1an's avatar
gtk
phob1an committed
      notebook > header > tabs > arrow:backdrop:disabled > .label, popover.background.touch-selection button:backdrop:disabled > .label, popover.background.magnifier button:backdrop:disabled > .label, button:backdrop:disabled > .label {
        color: inherit; }
    notebook > header > tabs > arrow:backdrop:disabled:active,
    button:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
    button:backdrop:disabled:checked {
      color: #e5e5e5;
phob1an's avatar
phob1an committed
      border-color: #2a2e33;
      background-color: #3a4047; }
phob1an's avatar
gtk
phob1an committed
      notebook > header > tabs > arrow:backdrop:disabled:active > .label, popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.magnifier button:backdrop:disabled:active > .label, button:backdrop:disabled:active > .label, notebook > header > tabs > arrow:backdrop:disabled:checked > .label, popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.magnifier button:backdrop:disabled:checked > .label, button:backdrop:disabled:checked > .label {
        color: inherit; }
  notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop,
  button.flat:backdrop, notebook > header > tabs > arrow.osd:backdrop {
    -gtk-icon-effect: none;
    border-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #c5cbd8;
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #c5cbd8; }
  notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled,
  button.flat:disabled, notebook > header > tabs > arrow.osd:disabled {
    border-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #c5cbd8;
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: rgba(32, 35, 35, 0.35); }
  notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled,
  button.flat:backdrop:disabled {
    border-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #c5cbd8;
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: rgba(32, 35, 35, 0.35); }
  notebook > header > tabs > arrow:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled,
  button:disabled, notebook > header > tabs > arrow.osd:disabled {
phob1an's avatar
phob1an committed
    color: #8f939c;
    border-radius: 0px;
    border-color: #424951;
    background-color: #424951; }
/*     background-image: linear-gradient(to bottom, red, #d8d3be); } */
phob1an's avatar
gtk
phob1an committed
    notebook > header > tabs > arrow:disabled > .label, popover.background.touch-selection button:disabled > .label, popover.background.magnifier button:disabled > .label, button:disabled > .label {
      color: inherit; }
    notebook > header > tabs > arrow:disabled:active, popover.background.touch-selection button:disabled:active, popover.background.magnifier button:disabled:active,
    button:disabled:active, notebook > header > tabs > arrow:disabled:checked, popover.background.touch-selection button:disabled:checked, popover.background.magnifier button:disabled:checked,
    button:disabled:checked {
      color: #e5e5e5;
phob1an's avatar
phob1an committed
      border-color: #3b424d;
      background-color: #3b424d; }
phob1an's avatar
gtk
phob1an committed
      notebook > header > tabs > arrow:disabled:active > .label, popover.background.touch-selection button:disabled:active > .label, popover.background.magnifier button:disabled:active > .label, button:disabled:active > .label, notebook > header > tabs > arrow:disabled:checked > .label, popover.background.touch-selection button:disabled:checked > .label, popover.background.magnifier button:disabled:checked > .label, button:disabled:checked > .label {
        color: inherit; }
  notebook > header > tabs > arrow separator, .csd popover.background.touch-selection button separator, .csd popover.background.magnifier button separator, popover.background.touch-selection button separator, popover.background.magnifier button separator, button separator, notebook > header > tabs > arrow.osd separator, button.osd separator {
    background-color: transparent;
    background-image: none;
    color: transparent; }

notebook > header > tabs > arrow.image-button, popover.background.touch-selection button.image-button, popover.background.magnifier button.image-button,
button.image-button {
  min-width: 16px;
  padding: 6px; }

notebook > header > tabs > arrow.text-button, popover.background.touch-selection button.text-button, popover.background.magnifier button.text-button,
button.text-button {
  padding-left: 6px;
  padding-right: 6px; }

notebook > header > tabs > arrow.text-button.image-button, popover.background.touch-selection button.text-button.image-button, popover.background.magnifier button.text-button.image-button,
button.text-button.image-button {
  padding-left: 6px;
  padding-right: 6px; }
  notebook > header > tabs > arrow.text-button.image-button label, popover.background.touch-selection button.text-button.image-button label, popover.background.magnifier button.text-button.image-button label,
  button.text-button.image-button label {
    padding-left: 6px;
    padding-right: 6px; }

row:selected popover.background.touch-selection button, popover.background.touch-selection row:selected button, row:selected popover.background.magnifier button, popover.background.magnifier row:selected button, row:selected
button {
phob1an's avatar
phob1an committed
  border-color: #ffcbd8; }
phob1an's avatar
gtk
phob1an committed
  row:selected popover.background.touch-selection button.flat:not(:active):not(:checked):not(:hover):not(disabled), popover.background.touch-selection row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected popover.background.magnifier button.flat:not(:active):not(:checked):not(:hover):not(disabled), popover.background.magnifier row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled), row:selected
  button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
phob1an's avatar
phob1an committed
    color: #00fcfc;
phob1an's avatar
gtk
phob1an committed
    border-color: transparent; }
    row:selected popover.background.touch-selection button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, popover.background.touch-selection row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected popover.background.magnifier button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, popover.background.magnifier row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected
    button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
      color: #fcfcfc; }

popover.background.touch-selection button.suggested-action, popover.background.magnifier button.suggested-action,
popover.background.touch-selection button.suggested-action.osd button,
popover.background.magnifier button.suggested-action.osd button,
button.suggested-action,
button.suggested-action.osd popover.background.touch-selection button,
popover.background.touch-selection button.suggested-action.osd button,
button.suggested-action.osd popover.background.magnifier button,
popover.background.magnifier button.suggested-action.osd button,
popover.background.touch-selection button.suggested-action.osd button,
popover.background.magnifier button.suggested-action.osd button,
button.suggested-action.osd
button {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-shadow: none;
  -gtk-icon-shadow: none;
  color: #fcfcfc;
phob1an's avatar
phob1an committed
  border-color: #ffcbd8;
phob1an's avatar
phob1an committed
  background-image: linear-gradient(to bottom, red, #35abe8); }
phob1an's avatar
gtk
phob1an committed
  popover.background.touch-selection button.suggested-action.flat, popover.background.magnifier button.suggested-action.flat,
  popover.background.touch-selection button.suggested-action.osd button.flat,
  popover.background.magnifier button.suggested-action.osd button.flat,
  button.suggested-action.flat,
  button.suggested-action.osd popover.background.touch-selection button.flat,
  popover.background.touch-selection button.suggested-action.osd button.flat,
  button.suggested-action.osd popover.background.magnifier button.flat,
  popover.background.magnifier button.suggested-action.osd button.flat,
  popover.background.touch-selection button.suggested-action.osd button.flat,
  popover.background.magnifier button.suggested-action.osd button.flat,
  button.suggested-action.osd
  button.flat {
    border-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #c5cbd8;
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #c5cbd8; }
  popover.background.touch-selection button.suggested-action:hover, popover.background.magnifier button.suggested-action:hover,
  popover.background.touch-selection button.suggested-action.osd button:hover,
  popover.background.magnifier button.suggested-action.osd button:hover,
  button.suggested-action:hover,
  button.suggested-action.osd popover.background.touch-selection button:hover,
  popover.background.touch-selection button.suggested-action.osd button:hover,
  button.suggested-action.osd popover.background.magnifier button:hover,
  popover.background.magnifier button.suggested-action.osd button:hover,
  popover.background.touch-selection button.suggested-action.osd button:hover,
  popover.background.magnifier button.suggested-action.osd button:hover,
  button.suggested-action.osd
  button:hover {
    color: white;
    border-color: #c5cbd8; }
  popover.background.touch-selection button.suggested-action:active, popover.background.magnifier button.suggested-action:active, popover.background.touch-selection button.suggested-action:checked, popover.background.magnifier button.suggested-action:checked,
  popover.background.touch-selection button.suggested-action.osd button:active,
  popover.background.magnifier button.suggested-action.osd button:active,
  popover.background.touch-selection button.suggested-action.osd button:checked,
  popover.background.magnifier button.suggested-action.osd button:checked,
  button.suggested-action:active,
  button.suggested-action:checked,
  button.suggested-action.osd popover.background.touch-selection button:active,
  popover.background.touch-selection button.suggested-action.osd button:active,
  button.suggested-action.osd popover.background.magnifier button:active,
  popover.background.magnifier button.suggested-action.osd button:active,
  button.suggested-action.osd popover.background.touch-selection button:checked,
  popover.background.touch-selection button.suggested-action.osd button:checked,
  button.suggested-action.osd popover.background.magnifier button:checked,
  popover.background.magnifier button.suggested-action.osd button:checked,
  popover.background.touch-selection button.suggested-action.osd button:active,
  popover.background.magnifier button.suggested-action.osd button:active,
  popover.background.touch-selection button.suggested-action.osd button:checked,
  popover.background.magnifier button.suggested-action.osd button:checked,
  button.suggested-action.osd
  button:active,
  button.suggested-action.osd
  button:checked {
    color: white;
    border-color: #c5cbd8;
    background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); }
  popover.background.touch-selection button.suggested-action:backdrop, popover.background.magnifier button.suggested-action:backdrop, popover.background.touch-selection button.suggested-action.flat:backdrop, popover.background.magnifier button.suggested-action.flat:backdrop,
  popover.background.touch-selection button.suggested-action.osd button:backdrop,
  popover.background.magnifier button.suggested-action.osd button:backdrop,
  popover.background.touch-selection button.suggested-action.osd button.flat:backdrop,
  popover.background.magnifier button.suggested-action.osd button.flat:backdrop,
  button.suggested-action:backdrop,
  button.suggested-action.flat:backdrop,
  button.suggested-action.osd popover.background.touch-selection button:backdrop,
  popover.background.touch-selection button.suggested-action.osd button:backdrop,
  button.suggested-action.osd popover.background.magnifier button:backdrop,
  popover.background.magnifier button.suggested-action.osd button:backdrop,
  button.suggested-action.osd popover.background.touch-selection button.flat:backdrop,
  popover.background.touch-selection button.suggested-action.osd button.flat:backdrop,
  button.suggested-action.osd popover.background.magnifier button.flat:backdrop,
  popover.background.magnifier button.suggested-action.osd button.flat:backdrop,
  popover.background.touch-selection button.suggested-action.osd button:backdrop,
  popover.background.magnifier button.suggested-action.osd button:backdrop,
  popover.background.touch-selection button.suggested-action.osd button.flat:backdrop,
  popover.background.magnifier button.suggested-action.osd button.flat:backdrop,
  button.suggested-action.osd
  button:backdrop,
  button.suggested-action.osd
  button.flat:backdrop {
    color: white;
phob1an's avatar
phob1an committed
    border-color: #4b5466;
phob1an's avatar
gtk
phob1an committed
    background-image: linear-gradient(to bottom, #40afe9, #35abe8); }
    popover.background.touch-selection button.suggested-action:backdrop:active, popover.background.magnifier button.suggested-action:backdrop:active, popover.background.touch-selection button.suggested-action:backdrop:checked, popover.background.magnifier button.suggested-action:backdrop:checked, popover.background.touch-selection button.suggested-action.flat:backdrop:active, popover.background.magnifier button.suggested-action.flat:backdrop:active, popover.background.touch-selection button.suggested-action.flat:backdrop:checked, popover.background.magnifier button.suggested-action.flat:backdrop:checked,
    popover.background.touch-selection button.suggested-action.osd button:backdrop:active,
    popover.background.magnifier button.suggested-action.osd button:backdrop:active,
    popover.background.touch-selection button.suggested-action.osd button:backdrop:checked,
    popover.background.magnifier button.suggested-action.osd button:backdrop:checked,
    popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active,
    popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active,
    popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked,
    popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked,
    button.suggested-action:backdrop:active,
    button.suggested-action:backdrop:checked,
    button.suggested-action.flat:backdrop:active,
    button.suggested-action.flat:backdrop:checked,
    button.suggested-action.osd popover.background.touch-selection button:backdrop:active,
    popover.background.touch-selection button.suggested-action.osd button:backdrop:active,
    button.suggested-action.osd popover.background.magnifier button:backdrop:active,
    popover.background.magnifier button.suggested-action.osd button:backdrop:active,
    button.suggested-action.osd popover.background.touch-selection button:backdrop:checked,
    popover.background.touch-selection button.suggested-action.osd button:backdrop:checked,
    button.suggested-action.osd popover.background.magnifier button:backdrop:checked,
    popover.background.magnifier button.suggested-action.osd button:backdrop:checked,
    button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:active,
    popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active,
    button.suggested-action.osd popover.background.magnifier button.flat:backdrop:active,
    popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active,
    button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:checked,
    popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked,
    button.suggested-action.osd popover.background.magnifier button.flat:backdrop:checked,
    popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked,
    popover.background.touch-selection button.suggested-action.osd button:backdrop:active,
    popover.background.magnifier button.suggested-action.osd button:backdrop:active,
    popover.background.touch-selection button.suggested-action.osd button:backdrop:checked,
    popover.background.magnifier button.suggested-action.osd button:backdrop:checked,
    popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:active,
    popover.background.magnifier button.suggested-action.osd button.flat:backdrop:active,
    popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:checked,
    popover.background.magnifier button.suggested-action.osd button.flat:backdrop:checked,
    button.suggested-action.osd
    button:backdrop:active,
    button.suggested-action.osd
    button:backdrop:checked,
    button.suggested-action.osd
    button.flat:backdrop:active,
    button.suggested-action.osd
    button.flat:backdrop:checked {
      color: white;
      border-color: #c5cbd8;
      background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); }
    popover.background.touch-selection button.suggested-action:backdrop:disabled, popover.background.magnifier button.suggested-action:backdrop:disabled, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.flat:backdrop:disabled,
    popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled,
    popover.background.magnifier button.suggested-action.osd button:backdrop:disabled,
    popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled,
    popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled,
    button.suggested-action:backdrop:disabled,
    button.suggested-action.flat:backdrop:disabled,
    button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled,
    popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled,
    button.suggested-action.osd popover.background.magnifier button:backdrop:disabled,
    popover.background.magnifier button.suggested-action.osd button:backdrop:disabled,
    button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled,
    popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled,
    button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled,
    popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled,
    popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled,
    popover.background.magnifier button.suggested-action.osd button:backdrop:disabled,
    popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled,
    popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled,
    button.suggested-action.osd
    button:backdrop:disabled,
    button.suggested-action.osd
    button.flat:backdrop:disabled {
      color: rgba(32, 35, 35, 0.35);
      border-color: rgba(170, 173, 174, 0.35);
      background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); }
      popover.background.touch-selection button.suggested-action:backdrop:disabled > .label, popover.background.magnifier button.suggested-action:backdrop:disabled > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled > .label,
      popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label,
      popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled > .label,
      popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled > .label,
      popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label,
      popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label,
      popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label,
      popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label,
      popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label,
      button.suggested-action:backdrop:disabled > .label,
      button.suggested-action.flat:backdrop:disabled > .label,
      button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled > .label,
      popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label,
      button.suggested-action.osd popover.background.magnifier button:backdrop:disabled > .label,
      popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label,
      button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label,
      popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label,
      button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label,
      popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label,
      popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled > .label,
      popover.background.magnifier button.suggested-action.osd button:backdrop:disabled > .label,
      popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled > .label,
      popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled > .label,
      button.suggested-action.osd
      button:backdrop:disabled > .label,
      button.suggested-action.osd
      button.flat:backdrop:disabled > .label {
        color: inherit; }
      popover.background.touch-selection button.suggested-action:backdrop:disabled:active, popover.background.magnifier button.suggested-action:backdrop:disabled:active, popover.background.touch-selection button.suggested-action:backdrop:disabled:checked, popover.background.magnifier button.suggested-action:backdrop:disabled:checked, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:active, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:active, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:checked, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:checked,
      popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active,
      popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active,
      popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked,
      popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked,
      popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active,
      popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active,
      popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked,
      popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked,
      button.suggested-action:backdrop:disabled:active,
      button.suggested-action:backdrop:disabled:checked,
      button.suggested-action.flat:backdrop:disabled:active,
      button.suggested-action.flat:backdrop:disabled:checked,
      button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active,
      popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active,
      button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active,
      popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active,
      button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked,
      popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked,
      button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked,
      popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked,
      button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active,
      popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active,
      button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active,
      popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active,
      button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked,
      popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked,
      button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked,
      popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked,
      popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active,
      popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active,
      popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked,
      popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked,
      popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active,
      popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active,
      popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked,
      popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked,
      button.suggested-action.osd
      button:backdrop:disabled:active,
      button.suggested-action.osd
      button:backdrop:disabled:checked,
      button.suggested-action.osd
      button.flat:backdrop:disabled:active,
      button.suggested-action.osd
      button.flat:backdrop:disabled:checked {
        color: #e8e8e8;
        border-color: rgba(37, 164, 230, 0.35);
        background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); }
        popover.background.touch-selection button.suggested-action:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.suggested-action.flat:backdrop:disabled:checked > .label,
        popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label,
        popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label,
        popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active > .label,
        popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label,
        popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label,
        popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label,
        popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label,
        popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label,
        popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label,
        popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label,
        popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label,
        popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label,
        popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label,
        popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label,
        popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label,
        popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label,
        button.suggested-action:backdrop:disabled:active > .label,
        button.suggested-action:backdrop:disabled:checked > .label,
        button.suggested-action.flat:backdrop:disabled:active > .label,
        button.suggested-action.flat:backdrop:disabled:checked > .label,
        button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label,
        popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label,
        button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:active > .label,
        popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label,
        button.suggested-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label,
        popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label,
        button.suggested-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label,
        popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label,
        button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label,
        popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label,
        button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label,
        popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label,
        button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label,
        popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label,
        button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label,
        popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label,
        popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:active > .label,
        popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:active > .label,
        popover.background.touch-selection button.suggested-action.osd button:backdrop:disabled:checked > .label,
        popover.background.magnifier button.suggested-action.osd button:backdrop:disabled:checked > .label,
        popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:active > .label,
        popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:active > .label,
        popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled:checked > .label,
        popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled:checked > .label,
        button.suggested-action.osd
        button:backdrop:disabled:active > .label,
        button.suggested-action.osd
        button:backdrop:disabled:checked > .label,
        button.suggested-action.osd
        button.flat:backdrop:disabled:active > .label,
        button.suggested-action.osd
        button.flat:backdrop:disabled:checked > .label {
          color: inherit; }
  popover.background.touch-selection button.suggested-action.flat:backdrop, popover.background.magnifier button.suggested-action.flat:backdrop, popover.background.touch-selection button.suggested-action.flat:disabled, popover.background.magnifier button.suggested-action.flat:disabled, popover.background.touch-selection button.suggested-action.flat:backdrop:disabled, popover.background.magnifier button.suggested-action.flat:backdrop:disabled,
  popover.background.touch-selection button.suggested-action.osd button.flat:backdrop,
  popover.background.magnifier button.suggested-action.osd button.flat:backdrop,
  popover.background.touch-selection button.suggested-action.osd button.flat:disabled,
  popover.background.magnifier button.suggested-action.osd button.flat:disabled,
  popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled,
  popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled,
  button.suggested-action.flat:backdrop,
  button.suggested-action.flat:disabled,
  button.suggested-action.flat:backdrop:disabled,
  button.suggested-action.osd popover.background.touch-selection button.flat:backdrop,
  popover.background.touch-selection button.suggested-action.osd button.flat:backdrop,
  button.suggested-action.osd popover.background.magnifier button.flat:backdrop,
  popover.background.magnifier button.suggested-action.osd button.flat:backdrop,
  button.suggested-action.osd popover.background.touch-selection button.flat:disabled,
  popover.background.touch-selection button.suggested-action.osd button.flat:disabled,
  button.suggested-action.osd popover.background.magnifier button.flat:disabled,
  popover.background.magnifier button.suggested-action.osd button.flat:disabled,
  button.suggested-action.osd popover.background.touch-selection button.flat:backdrop:disabled,
  popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled,
  button.suggested-action.osd popover.background.magnifier button.flat:backdrop:disabled,
  popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled,
  popover.background.touch-selection button.suggested-action.osd button.flat:backdrop,
  popover.background.magnifier button.suggested-action.osd button.flat:backdrop,
  popover.background.touch-selection button.suggested-action.osd button.flat:disabled,
  popover.background.magnifier button.suggested-action.osd button.flat:disabled,
  popover.background.touch-selection button.suggested-action.osd button.flat:backdrop:disabled,
  popover.background.magnifier button.suggested-action.osd button.flat:backdrop:disabled,
  button.suggested-action.osd
  button.flat:backdrop,
  button.suggested-action.osd
  button.flat:disabled,
  button.suggested-action.osd
  button.flat:backdrop:disabled {
phob1an's avatar
phob1an committed
    border-color: rgba(255, 2, 255, 0.9);
    background-color: #009900;
phob1an's avatar
gtk
phob1an committed
    background-image: none;
    box-shadow: none;
    color: #c5cbd8;
    text-shadow: none;
    -gtk-icon-shadow: none;
phob1an's avatar
phob1an committed
    color: rgba(61, 174, 23, 0.8); }
phob1an's avatar
gtk
phob1an committed
  popover.background.touch-selection button.suggested-action:disabled, popover.background.magnifier button.suggested-action:disabled,
  popover.background.touch-selection button.suggested-action.osd button:disabled,
  popover.background.magnifier button.suggested-action.osd button:disabled,
  button.suggested-action:disabled,
  button.suggested-action.osd popover.background.touch-selection button:disabled,
  popover.background.touch-selection button.suggested-action.osd button:disabled,
  button.suggested-action.osd popover.background.magnifier button:disabled,
  popover.background.magnifier button.suggested-action.osd button:disabled,
  popover.background.touch-selection button.suggested-action.osd button:disabled,
  popover.background.magnifier button.suggested-action.osd button:disabled,
  button.suggested-action.osd
  button:disabled {
    color: rgba(32, 35, 35, 0.35);
    border-color: rgba(170, 173, 174, 0.35);
    background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); }
    popover.background.touch-selection button.suggested-action:disabled > .label, popover.background.magnifier button.suggested-action:disabled > .label,
    popover.background.touch-selection button.suggested-action.osd button:disabled > .label,
    popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled > .label,
    popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled > .label,
    popover.background.magnifier button.suggested-action.osd button:disabled > .label,
    button.suggested-action:disabled > .label,
    button.suggested-action.osd popover.background.touch-selection button:disabled > .label,
    popover.background.touch-selection button.suggested-action.osd button:disabled > .label,
    button.suggested-action.osd popover.background.magnifier button:disabled > .label,
    popover.background.magnifier button.suggested-action.osd button:disabled > .label,
    popover.background.touch-selection button.suggested-action.osd button:disabled > .label,
    popover.background.magnifier button.suggested-action.osd button:disabled > .label,
    button.suggested-action.osd
    button:disabled > .label {
      color: inherit; }
    popover.background.touch-selection button.suggested-action:disabled:active, popover.background.magnifier button.suggested-action:disabled:active, popover.background.touch-selection button.suggested-action:disabled:checked, popover.background.magnifier button.suggested-action:disabled:checked,
    popover.background.touch-selection button.suggested-action.osd button:disabled:active,
    popover.background.magnifier button.suggested-action.osd button:disabled:active,
    popover.background.touch-selection button.suggested-action.osd button:disabled:checked,
    popover.background.magnifier button.suggested-action.osd button:disabled:checked,
    button.suggested-action:disabled:active,
    button.suggested-action:disabled:checked,
    button.suggested-action.osd popover.background.touch-selection button:disabled:active,
    popover.background.touch-selection button.suggested-action.osd button:disabled:active,
    button.suggested-action.osd popover.background.magnifier button:disabled:active,
    popover.background.magnifier button.suggested-action.osd button:disabled:active,
    button.suggested-action.osd popover.background.touch-selection button:disabled:checked,
    popover.background.touch-selection button.suggested-action.osd button:disabled:checked,
    button.suggested-action.osd popover.background.magnifier button:disabled:checked,
    popover.background.magnifier button.suggested-action.osd button:disabled:checked,
    popover.background.touch-selection button.suggested-action.osd button:disabled:active,
    popover.background.magnifier button.suggested-action.osd button:disabled:active,
    popover.background.touch-selection button.suggested-action.osd button:disabled:checked,
    popover.background.magnifier button.suggested-action.osd button:disabled:checked,
    button.suggested-action.osd
    button:disabled:active,
    button.suggested-action.osd
    button:disabled:checked {
      color: #e8e8e8;
      border-color: rgba(37, 164, 230, 0.35);
      background-image: linear-gradient(to bottom, rgba(44, 167, 231, 0.35), rgba(25, 152, 218, 0.35)); }
      popover.background.touch-selection button.suggested-action:disabled:active > .label, popover.background.magnifier button.suggested-action:disabled:active > .label, popover.background.touch-selection button.suggested-action:disabled:checked > .label, popover.background.magnifier button.suggested-action:disabled:checked > .label,
      popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label,
      popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled:active > .label,
      popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled:active > .label,
      popover.background.magnifier button.suggested-action.osd button:disabled:active > .label,
      popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label,
      popover.background.magnifier button.suggested-action.osd popover.background.touch-selection button:disabled:checked > .label,
      popover.background.touch-selection button.suggested-action.osd popover.background.magnifier button:disabled:checked > .label,
      popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label,
      button.suggested-action:disabled:active > .label,
      button.suggested-action:disabled:checked > .label,
      button.suggested-action.osd popover.background.touch-selection button:disabled:active > .label,
      popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label,
      button.suggested-action.osd popover.background.magnifier button:disabled:active > .label,
      popover.background.magnifier button.suggested-action.osd button:disabled:active > .label,
      button.suggested-action.osd popover.background.touch-selection button:disabled:checked > .label,
      popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label,
      button.suggested-action.osd popover.background.magnifier button:disabled:checked > .label,
      popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label,
      popover.background.touch-selection button.suggested-action.osd button:disabled:active > .label,
      popover.background.magnifier button.suggested-action.osd button:disabled:active > .label,
      popover.background.touch-selection button.suggested-action.osd button:disabled:checked > .label,
      popover.background.magnifier button.suggested-action.osd button:disabled:checked > .label,
      button.suggested-action.osd
      button:disabled:active > .label,
      button.suggested-action.osd
      button:disabled:checked > .label {
        color: inherit; }

popover.background.touch-selection button.destructive-action, popover.background.magnifier button.destructive-action,
popover.background.touch-selection button.destructive-action.osd button,
popover.background.magnifier button.destructive-action.osd button,
button.destructive-action,
button.destructive-action.osd popover.background.touch-selection button,
popover.background.touch-selection button.destructive-action.osd button,
button.destructive-action.osd popover.background.magnifier button,
popover.background.magnifier button.destructive-action.osd button,
popover.background.touch-selection button.destructive-action.osd button,
popover.background.magnifier button.destructive-action.osd button,
button.destructive-action.osd
button {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-shadow: none;
  -gtk-icon-shadow: none;
  color: #fcfcfc;
  border-color: #da4453;
  background-image: linear-gradient(to bottom, #da4655, #d93d4d); }
  popover.background.touch-selection button.destructive-action.flat, popover.background.magnifier button.destructive-action.flat,
  popover.background.touch-selection button.destructive-action.osd button.flat,
  popover.background.magnifier button.destructive-action.osd button.flat,
  button.destructive-action.flat,
  button.destructive-action.osd popover.background.touch-selection button.flat,
  popover.background.touch-selection button.destructive-action.osd button.flat,
  button.destructive-action.osd popover.background.magnifier button.flat,
  popover.background.magnifier button.destructive-action.osd button.flat,
  popover.background.touch-selection button.destructive-action.osd button.flat,
  popover.background.magnifier button.destructive-action.osd button.flat,
  button.destructive-action.osd
  button.flat {
    border-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #c5cbd8;
    text-shadow: none;
    -gtk-icon-shadow: none;
    color: #da4453; }
  popover.background.touch-selection button.destructive-action:hover, popover.background.magnifier button.destructive-action:hover,
  popover.background.touch-selection button.destructive-action.osd button:hover,
  popover.background.magnifier button.destructive-action.osd button:hover,
  button.destructive-action:hover,
  button.destructive-action.osd popover.background.touch-selection button:hover,
  popover.background.touch-selection button.destructive-action.osd button:hover,
  button.destructive-action.osd popover.background.magnifier button:hover,
  popover.background.magnifier button.destructive-action.osd button:hover,
  popover.background.touch-selection button.destructive-action.osd button:hover,
  popover.background.magnifier button.destructive-action.osd button:hover,
  button.destructive-action.osd
  button:hover {
    color: white;
    border-color: #da4453; }
  popover.background.touch-selection button.destructive-action:active, popover.background.magnifier button.destructive-action:active, popover.background.touch-selection button.destructive-action:checked, popover.background.magnifier button.destructive-action:checked,
  popover.background.touch-selection button.destructive-action.osd button:active,
  popover.background.magnifier button.destructive-action.osd button:active,
  popover.background.touch-selection button.destructive-action.osd button:checked,
  popover.background.magnifier button.destructive-action.osd button:checked,
  button.destructive-action:active,
  button.destructive-action:checked,
  button.destructive-action.osd popover.background.touch-selection button:active,
  popover.background.touch-selection button.destructive-action.osd button:active,
  button.destructive-action.osd popover.background.magnifier button:active,
  popover.background.magnifier button.destructive-action.osd button:active,
  button.destructive-action.osd popover.background.touch-selection button:checked,
  popover.background.touch-selection button.destructive-action.osd button:checked,
  button.destructive-action.osd popover.background.magnifier button:checked,
  popover.background.magnifier button.destructive-action.osd button:checked,
  popover.background.touch-selection button.destructive-action.osd button:active,
  popover.background.magnifier button.destructive-action.osd button:active,
  popover.background.touch-selection button.destructive-action.osd button:checked,
  popover.background.magnifier button.destructive-action.osd button:checked,
  button.destructive-action.osd
  button:active,
  button.destructive-action.osd
  button:checked {
    color: white;
    border-color: #da4453;
    background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); }
  popover.background.touch-selection button.destructive-action:backdrop, popover.background.magnifier button.destructive-action:backdrop, popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop,
  popover.background.touch-selection button.destructive-action.osd button:backdrop,
  popover.background.magnifier button.destructive-action.osd button:backdrop,
  popover.background.touch-selection button.destructive-action.osd button.flat:backdrop,
  popover.background.magnifier button.destructive-action.osd button.flat:backdrop,
  button.destructive-action:backdrop,
  button.destructive-action.flat:backdrop,
  button.destructive-action.osd popover.background.touch-selection button:backdrop,
  popover.background.touch-selection button.destructive-action.osd button:backdrop,
  button.destructive-action.osd popover.background.magnifier button:backdrop,
  popover.background.magnifier button.destructive-action.osd button:backdrop,
  button.destructive-action.osd popover.background.touch-selection button.flat:backdrop,
  popover.background.touch-selection button.destructive-action.osd button.flat:backdrop,
  button.destructive-action.osd popover.background.magnifier button.flat:backdrop,
  popover.background.magnifier button.destructive-action.osd button.flat:backdrop,