diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/default b/Breeze-dark-gtk/gtk-2.0/widgets/default --- a/Breeze-dark-gtk/gtk-2.0/widgets/default +++ b/Breeze-dark-gtk/gtk-2.0/widgets/default @@ -36,7 +36,7 @@ GtkScrollbar::has-backward-stepper = 1 GtkScrollbar::has-forward-stepper = 1 - GtkScrollbar::stepper-size = 15 + GtkScrollbar::stepper-size = 4 GtkScrollbar::stepper-spacing = 0 GtkScrolledWindow ::scrollbar-spacing = 0 GtkScrolledWindow ::scrollbars-within-bevel = 1 diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/scrollbar b/Breeze-dark-gtk/gtk-2.0/widgets/scrollbar --- a/Breeze-dark-gtk/gtk-2.0/widgets/scrollbar +++ b/Breeze-dark-gtk/gtk-2.0/widgets/scrollbar @@ -2,25 +2,25 @@ { engine "pixmap" { - image + image { function = BOX detail = "trough" file = "../assets/scrollbar-trough-horizontal.png" - border = { 25,25, 5, 5 } #large borders while LibreOffice won't use GtkScrollbar::stepper-spacing=1 + border = { 25,25, 7, 7 } #large borders while LibreOffice won't use GtkScrollbar::stepper-spacing=1 stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "../assets/scrollbar-trough-vertical.png" - border = { 5, 5, 25, 25 } + border = { 7, 7, 25, 25 } stretch = TRUE orientation = VERTICAL } - + # Sliders image @@ -37,7 +37,7 @@ { function = SLIDER state = ACTIVE - file = "../assets/scrollbar-slider-horizontal-active.png" + file = "../assets/scrollbar-slider-horizontal-hover.png" border = { 5, 5, 5, 5 } stretch = TRUE orientation = HORIZONTAL @@ -74,13 +74,13 @@ border = { 5, 5, 5, 5 } stretch = TRUE orientation = VERTICAL - + } image { function = SLIDER state = ACTIVE - file = "../assets/scrollbar-slider-vertical-active.png" + file = "../assets/scrollbar-slider-vertical-hover.png" border = { 5, 5, 5, 5 } stretch = TRUE orientation = VERTICAL @@ -106,5 +106,12 @@ orientation = VERTICAL } + image + { + function = STEPPER + file = "../assets/null.png" + stretch = TRUE + + } } } diff --git a/Breeze-dark-gtk/gtk-3.18/gtk.css b/Breeze-dark-gtk/gtk-3.18/gtk.css --- a/Breeze-dark-gtk/gtk-3.18/gtk.css +++ b/Breeze-dark-gtk/gtk-3.18/gtk.css @@ -133,6 +133,8 @@ background-color: #232629; } .view:selected { border-radius: 3px; } + .view:insensitive { + color: rgba(216, 218, 221, 0.35); } .rubberband { border: 1px solid #3daee9; @@ -143,8 +145,10 @@ .label.separator, GtkPlacesSidebar.sidebar .view .label.separator { color: #eff0f1; } - .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop { + .label.separator:backdrop, + GtkPlacesSidebar.sidebar .view .label.separator:backdrop { color: #eff0f1; } + .label:insensitive { color: rgba(216, 218, 221, 0.35); } .label:insensitive:backdrop { @@ -165,17 +169,22 @@ GtkAssistant .sidebar:backdrop { background-color: #eff0f1; border-color: #616569; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar .label { padding: 6px 12px; } + GtkAssistant .sidebar .label.highlight { background-color: #4c4e51; } GtkTextView { background-color: #2a2e32; } GtkTextView:backdrop { background-color: #2a2e32; } + GtkTextView:insensitive { + color: rgba(216, 218, 221, 0.35); } .grid-child { padding: 3px; @@ -210,6 +219,7 @@ background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } + .button, .button.osd, .osd .button { border: 1px solid; border-radius: 3px; @@ -313,162 +323,240 @@ .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { color: inherit; } -.button.suggested-action, .button.suggested-action.osd .button { +.button.suggested-action, +.button.suggested-action.osd .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; color: #eff0f1; border-color: #3daee9; background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action.flat, .button.suggested-action.osd .button.flat { + .button.suggested-action.flat, + .button.suggested-action.osd .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: #3daee9; } - .button.suggested-action:hover, .button.suggested-action.osd .button:hover { + .button.suggested-action:hover, + .button.suggested-action.osd .button:hover { color: white; border-color: #3daee9; } - .button.suggested-action:active, .button.suggested-action:checked, .button.suggested-action.osd .button:active, .button.suggested-action.osd .button:checked { + .button.suggested-action:active, .button.suggested-action:checked, + .button.suggested-action.osd .button:active, + .button.suggested-action.osd .button:checked { color: white; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .button.suggested-action.osd .button:backdrop, .button.suggested-action.osd .button.flat:backdrop { + .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, + .button.suggested-action.osd .button:backdrop, + .button.suggested-action.osd .button.flat:backdrop { color: white; border-color: #616569; background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .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 .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 { + .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 .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: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { + .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .button.suggested-action.osd .button:backdrop:insensitive > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { + .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, + .button.suggested-action.osd .button:backdrop:insensitive > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { color: inherit; } - .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .button.suggested-action.osd .button:backdrop:insensitive:active, .button.suggested-action.osd .button:backdrop:insensitive:checked, .button.suggested-action.osd .button.flat:backdrop:insensitive:active, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { + .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, + .button.suggested-action.osd .button:backdrop:insensitive:active, + .button.suggested-action.osd .button:backdrop:insensitive:checked, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { color: rgba(232, 232, 232, 0.35); 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)); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button:backdrop:insensitive:active > .label, .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { + .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { color: inherit; } - .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop, .button.suggested-action.osd .button.flat:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { + .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop, + .button.suggested-action.osd .button.flat:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: rgba(61, 174, 233, 0.8); } - .button.suggested-action:insensitive, .button.suggested-action.osd .button:insensitive { + .button.suggested-action:insensitive, + .button.suggested-action.osd .button:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.suggested-action:insensitive > .label, .button.suggested-action.osd .button:insensitive > .label { + .button.suggested-action:insensitive > .label, + .button.suggested-action.osd .button:insensitive > .label { color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, .button.suggested-action.osd .button:insensitive:active, .button.suggested-action.osd .button:insensitive:checked { + .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, + .button.suggested-action.osd .button:insensitive:active, + .button.suggested-action.osd .button:insensitive:checked { color: rgba(232, 232, 232, 0.35); 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)); } - .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .button.suggested-action.osd .button:insensitive:active > .label, .button.suggested-action.osd .button:insensitive:checked > .label { + .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, + .button.suggested-action.osd .button:insensitive:active > .label, + .button.suggested-action.osd .button:insensitive:checked > .label { color: inherit; } -.button.destructive-action, .button.destructive-action.osd .button { + +.button.destructive-action, +.button.destructive-action.osd .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; color: #eff0f1; border-color: #da4453; background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action.flat, .button.destructive-action.osd .button.flat { + .button.destructive-action.flat, + .button.destructive-action.osd .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: #da4453; } - .button.destructive-action:hover, .button.destructive-action.osd .button:hover { + .button.destructive-action:hover, + .button.destructive-action.osd .button:hover { color: white; border-color: #da4453; } - .button.destructive-action:active, .button.destructive-action:checked, .button.destructive-action.osd .button:active, .button.destructive-action.osd .button:checked { + .button.destructive-action:active, .button.destructive-action: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); } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .button.destructive-action.osd .button:backdrop, .button.destructive-action.osd .button.flat:backdrop { + .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, + .button.destructive-action.osd .button:backdrop, + .button.destructive-action.osd .button.flat:backdrop { color: white; border-color: #616569; background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, .button.destructive-action.osd .button:backdrop:active, .button.destructive-action.osd .button:backdrop:checked, .button.destructive-action.osd .button.flat:backdrop:active, .button.destructive-action.osd .button.flat:backdrop:checked { + .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, + .button.destructive-action.osd .button:backdrop:active, + .button.destructive-action.osd .button:backdrop:checked, + .button.destructive-action.osd .button.flat:backdrop:active, + .button.destructive-action.osd .button.flat:backdrop:checked { color: white; border-color: #da4453; background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { + .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .button.destructive-action.osd .button:backdrop:insensitive > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { + .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, + .button.destructive-action.osd .button:backdrop:insensitive > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { color: inherit; } - .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .button.destructive-action.osd .button:backdrop:insensitive:active, .button.destructive-action.osd .button:backdrop:insensitive:checked, .button.destructive-action.osd .button.flat:backdrop:insensitive:active, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { + .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, + .button.destructive-action.osd .button:backdrop:insensitive:active, + .button.destructive-action.osd .button:backdrop:insensitive:checked, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { color: rgba(232, 232, 232, 0.35); border-color: rgba(214, 46, 63, 0.35); background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button:backdrop:insensitive:active > .label, .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { + .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { color: inherit; } - .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop, .button.destructive-action.osd .button.flat:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { + .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop, + .button.destructive-action.osd .button.flat:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; color: #eff0f1; text-shadow: none; icon-shadow: none; color: rgba(218, 68, 83, 0.8); } - .button.destructive-action:insensitive, .button.destructive-action.osd .button:insensitive { + .button.destructive-action:insensitive, + .button.destructive-action.osd .button:insensitive { color: rgba(216, 218, 221, 0.35); border-color: rgba(88, 92, 95, 0.35); background-image: linear-gradient(to bottom, #2d3236, #2b3034); } - .button.destructive-action:insensitive > .label, .button.destructive-action.osd .button:insensitive > .label { + .button.destructive-action:insensitive > .label, + .button.destructive-action.osd .button:insensitive > .label { color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, .button.destructive-action.osd .button:insensitive:active, .button.destructive-action.osd .button:insensitive:checked { + .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, + .button.destructive-action.osd .button:insensitive:active, + .button.destructive-action.osd .button:insensitive:checked { color: rgba(232, 232, 232, 0.35); border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .button.destructive-action.osd .button:insensitive:active > .label, .button.destructive-action.osd .button:insensitive:checked > .label { + .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, + .button.destructive-action.osd .button:insensitive:active > .label, + .button.destructive-action.osd .button:insensitive:checked > .label { color: inherit; } + .button.image-button { padding: 6px; } + .button.text-button { padding: 6px; } + .button.text-button.image-button { padding: 6px; } .button.text-button.image-button .label:first-child { padding-left: 8px; } .button.text-button.image-button .label:last-child { padding-right: 8px; } + .stack-switcher > .button > .label { padding-left: 6px; padding-right: 6px; } + .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } + .stack-switcher > .button.text-button { padding: 6px; } + .stack-switcher > .button.image-button { padding: 3px 0px; } -.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + +.stack-switcher > .button.needs-attention:active > .label, +.stack-switcher > .button.needs-attention:active > GtkImage, +.stack-switcher > .button.needs-attention:checked > .label, +.stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } + .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 3px; border-width: 1px; } + .primary-toolbar .button { icon-shadow: none; } @@ -495,40 +583,59 @@ GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { -GtkWidget-wide-separators: true; } -.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { +.stack-switcher > .button.needs-attention > .label, +.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#eff0f1), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { + .stack-switcher > .button.needs-attention > .label:backdrop, + .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { + .stack-switcher > .button.needs-attention > .label:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { background-position: left 3px, left 4px; } -.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { +.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, +.linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { border-radius: 3px; } - .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl) { + .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), + .linked > .button:dir(rtl):hover, + .linked > .button:dir(rtl):active, + .linked > .button:dir(rtl):checked, + .linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop { border-radius: 3px; } .inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { border-radius: 3px; border-style: solid; } + .inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { border-radius: 3px; } + .inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop { +.linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, +.linked.vertical > .button:backdrop { border-style: solid; border-radius: 3px; } .linked.vertical > .button:first-child { border-radius: 3px; } + .linked.vertical > .button:last-child { border-radius: 3px; border-style: solid; } + .linked.vertical > .button:only-child { border-radius: 3px; border-style: solid; } @@ -715,13 +822,17 @@ background-color: #232629; } GtkCalendar:selected { background-color: #616569; } + GtkCalendar:insensitive { + color: rgba(216, 218, 221, 0.35); } GtkCalendar.header { border: 1px solid #616569; border-radius: 0; color: #eff0f1; } GtkCalendar.header:backdrop { color: #eff0f1; border-color: #616569; } + GtkCalendar.header:insensitive { + color: rgba(216, 218, 221, 0.35); } GtkCalendar.button { color: #eff0f1; } GtkCalendar.button:hover { @@ -981,40 +1092,54 @@ box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #eff0f1; } + GtkColorSwatch:selected { box-shadow: none; } -GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), GtkColorSwatch.top > .overlay, GtkColorSwatch.bottom > .overlay, GtkColorSwatch:first-child:not(.top) > .overlay, GtkColorSwatch:last-child:not(.bottom) > .overlay, GtkColorSwatch:only-child > .overlay { + +GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), +GtkColorSwatch.top > .overlay, +GtkColorSwatch.bottom > .overlay, +GtkColorSwatch:first-child:not(.top) > .overlay, +GtkColorSwatch:last-child:not(.bottom) > .overlay, +GtkColorSwatch:only-child > .overlay { border-radius: 3px; } + GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } -GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected -GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { + +GtkColorSwatch:backdrop, +GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { background-image: none; box-shadow: none; } + GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; box-shadow: none; } GtkColorEditor GtkColorSwatch:backdrop { box-shadow: none; } + GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-dark:backdrop { color: rgba(255, 255, 255, 0.3); } + GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.color-light:backdrop { color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { border: 1px solid #616569; } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: #3daee9; } + GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; @@ -1069,6 +1194,7 @@ background-color: #31363b; border-color: #31363b; color: #eff0f1; } + GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #616569; } GtkFileChooserDialog .dialog-action-box:backdrop { @@ -1084,9 +1210,9 @@ border-width: 0px 0px 1px 0px; border-radius: 3px 3px 0px 0px; border-style: solid; - border-color: #3daee9; + border-color: #616569; color: #eff0f1; - background-image: linear-gradient(to bottom, #3b4147, #31363b); } + background-image: linear-gradient(to bottom, #31363b, #31363b); } .titlebar:backdrop, .header-bar:backdrop { border-color: transparent; @@ -1180,19 +1306,23 @@ .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, + .titlebar .header-bar-separator, + .titlebar > GtkBox > .separator.vertical, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0px; background-color: #31363b; border-color: #31363b; } - .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, + .titlebar .header-bar-separator:backdrop, + .titlebar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, .header-bar .header-bar-separator:backdrop, - .header-bar > GtkBox > .separator.vertical:backdrop { + .header-bar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { background-color: #31363b; border-color: #31363b; } .titlebar.selection-mode .selection-menu, @@ -1241,11 +1371,7 @@ color: rgba(216, 218, 221, 0.35); 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)); } - .titlebar .button.suggested-action:insensitive:active > .label, - .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, - .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, - .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, - .header-bar.selection-mode.suggested-action:insensitive:checked > .label { + .titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label { color: inherit; } .titlebar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, @@ -1285,26 +1411,22 @@ .error:backdrop { background-color: #31363b; color: #f67400; } - .info .button, .titlebar.selection-mode .button, - .header-bar.selection-mode .button, + .info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button, .question .button, .warning .button, .error .button { box-shadow: none; background-image: none; background-color: rgba(246, 116, 0, 0.5); border-color: rgba(246, 116, 0, 0.5); color: #eff0f1; } - .info .button:hover, .titlebar.selection-mode .button:hover, - .header-bar.selection-mode .button:hover, + .info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover, .question .button:hover, .warning .button:hover, .error .button:hover { background-color: rgba(246, 116, 0, 0.25); border-color: #f67400; } - .info .button:active, .titlebar.selection-mode .button:active, - .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, - .header-bar.selection-mode .button:checked, + .info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked, .question .button:active, .question .button:checked, .warning .button:active, @@ -1314,25 +1436,21 @@ background-image: linear-gradient(to bottom, #f87500, #ef7100); color: #31363b; border-color: #f67400; } - .info .button:insensitive, .titlebar.selection-mode .button:insensitive, - .header-bar.selection-mode .button:insensitive, + .info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive, .question .button:insensitive, .warning .button:insensitive, .error .button:insensitive { background-color: rgba(224, 105, 0, 0); border-color: rgba(224, 105, 0, 0); color: rgba(216, 218, 221, 0.35); } - .info .button:backdrop, .titlebar.selection-mode .button:backdrop, - .header-bar.selection-mode .button:backdrop, + .info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop, .question .button:backdrop, .warning .button:backdrop, .error .button:backdrop { background-color: rgba(246, 116, 0, 0.5); border-color: rgba(246, 116, 0, 0.5); color: #eff0f1; } - .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, - .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, - .header-bar.selection-mode .button:backdrop:checked, + .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked, .question .button:backdrop:active, .question .button:backdrop:checked, .warning .button:backdrop:active, @@ -1342,17 +1460,14 @@ background-image: linear-gradient(to bottom, #f87500, #ef7100); color: #31363b; border-color: #f67400; } - .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, - .header-bar.selection-mode .button:backdrop:insensitive, + .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive, .question .button:backdrop:insensitive, .warning .button:backdrop:insensitive, .error .button:backdrop:insensitive { background-color: rgba(224, 105, 0, 0); border-color: rgba(224, 105, 0, 0); color: rgba(216, 218, 221, 0.35); } - .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, - .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, - .header-bar.selection-mode .button:backdrop:insensitive:checked, + .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked, .question .button:backdrop:insensitive:active, .question .button:backdrop:insensitive:checked, .warning .button:backdrop:insensitive:active, @@ -1593,7 +1708,11 @@ .popover > .toolbar, .popover > .inline-toolbar, .popover > .search-bar, - .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { + .popover > .location-bar, + .popover.osd > .toolbar, + .popover.osd > .inline-toolbar, + .popover.osd > .search-bar, + .popover.osd > .location-bar { border-style: none; background-color: transparent; } .popover .button.flat { @@ -1674,9 +1793,13 @@ color: transparent; } .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { color: #616569; } - .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { + .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { color: #616569; } - GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { + GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, + GtkFontButton .separator.vertical, + GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, + GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { -GtkWidget-wide-separators: true; } /************* @@ -1723,6 +1846,7 @@ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -1938,6 +2062,8 @@ color: #eff0f1; } .notebook tab .label:backdrop { color: #eff0f1; } + .notebook tab .label:insensitive { + color: rgba(216, 218, 221, 0.35); } .notebook tab .button { padding: 0px; border: 1px solid transparent; @@ -2002,6 +2128,7 @@ background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); background-size: 100% 5%, 100% 100%; @@ -2018,6 +2145,7 @@ background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); background-size: 5% 100%, 100% 100%; @@ -2034,6 +2162,7 @@ background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); background-size: 5% 100%, 100% 100%; @@ -2279,16 +2408,16 @@ .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { - border-color: rgba(216, 218, 221, 0); - background-color: rgba(216, 218, 221, 0); + border-color: rgba(104, 108, 113, 0.545); + background-color: rgba(104, 108, 113, 0.545); box-shadow: none; } .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { - background-color: rgba(216, 218, 221, 0); - border-color: rgba(216, 218, 221, 0); } + background-color: rgba(104, 108, 113, 0.545); + border-color: rgba(104, 108, 113, 0.545); } .scale.trough:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { @@ -2300,9 +2429,9 @@ **************/ .scrollbar { -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: true; - -GtkScrollbar-has-forward-stepper: true; - -GtkRange-slider-width: 20; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 10px; -GtkScrollbar-min-slider-length: 64; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } @@ -2321,89 +2450,41 @@ .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - -GtkRange-slider-width: 8px; + -GtkRange-slider-width: 10px; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 2px; - border: 2px solid transparent; - border-radius: 2px; + border: 5px solid transparent; + border-radius: 8px; background-color: rgba(239, 240, 241, 0.5); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { background-color: rgba(239, 240, 241, 0.5); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border: none; background: none; } .scrollbar.trough { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical.png"), url("../assets/scrollbar-trough-vertical@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal.png"), url("../assets/scrollbar-trough-horizontal@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(239, 240, 241, 0.3); } .scrollbar.trough:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical-backdrop.png"), url("../assets/scrollbar-trough-vertical-backdrop@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal-backdrop.png"), url("../assets/scrollbar-trough-horizontal-backdrop@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } + background-color: rgba(239, 240, 241, 0.3); } .scrollbar.slider { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical.png"), url("../assets/scrollbar-slider-vertical@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal.png"), url("../assets/scrollbar-slider-horizontal@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(239, 240, 241, 0.5); } .scrollbar.slider:hover { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-hover.png"), url("../assets/scrollbar-slider-vertical-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:hover.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-hover.png"), url("../assets/scrollbar-slider-horizontal-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: #3daee9; } .scrollbar.slider:active { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-active.png"), url("../assets/scrollbar-slider-vertical-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:active.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-active.png"), url("../assets/scrollbar-slider-horizontal-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: #3daee9; } .scrollbar.slider:insensitive { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-insensitive.png"), url("../assets/scrollbar-slider-vertical-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:insensitive.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-insensitive.png"), url("../assets/scrollbar-slider-horizontal-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: rgba(216, 218, 221, 0); } .scrollbar.slider:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-backdrop.png"), url("../assets/scrollbar-slider-vertical-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-backdrop.png"), url("../assets/scrollbar-slider-horizontal-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: rgba(239, 240, 241, 0.3); } + .scrollbar.slider:backdrop:insensitive { + background-color: rgba(216, 218, 221, 0); } .scrollbars-junction, .scrollbars-junction.frame { @@ -2424,23 +2505,30 @@ GtkSidebarRow.list-row { padding: 0px; } + GtkSidebarRow .sidebar-revealer { padding: 4px 14px 4px 12px; } + GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } + GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } + GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } + GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .view:insensitive { color: rgba(216, 218, 221, 0.35); } + GtkPlacesSidebar.sidebar .view:backdrop { color: #eff0f1; } GtkPlacesSidebar.sidebar .view:backdrop:insensitive { color: rgba(216, 218, 221, 0.35); } + GtkPlacesSidebar.sidebar .view .image { color: #eff0f1; } GtkPlacesSidebar.sidebar .view .image:selected { @@ -2467,8 +2555,10 @@ *****************/ .osd .spinbutton .button:last-child { border-radius: 0 3px 3px 0; } + .osd .spinbutton .button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { padding-top: 5px; padding-bottom: 5px; } @@ -2526,12 +2616,14 @@ background-image: linear-gradient(to bottom, #2d3236, #2b3034); } .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { color: inherit; } + .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0px; padding-left: 0px; padding-right: 0px; } .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { background-color: #202325; } + GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; @@ -2547,7 +2639,7 @@ color: #eff0f1; border-radius: 0; box-shadow: none; } - .spinbutton .button:dir(rtl) { + .spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:hover { color: #3daee9; } @@ -2673,7 +2765,8 @@ /* not working */ border-radius: 5px; box-shadow: none; - text-shadow: none; } + text-shadow: none; + border: 1px solid #616569; } .tooltip.background { background-color: #31363b; background-clip: padding-box; } @@ -2714,9 +2807,10 @@ color: rgba(216, 218, 221, 0.35); } GtkTreeView.view:insensitive:backdrop { color: rgba(88, 92, 95, 0.35); } - GtkTreeView.view.separator { + GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator { color: #616569; } - GtkTreeView.view.separator:backdrop { + GtkTreeView.view.separator:backdrop, + GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop { color: #616569; } GtkTreeView.view:backdrop { border-left-color: #616569; } @@ -2740,7 +2834,7 @@ GtkTreeView.view.expander:checked:backdrop { color: #232629; } GtkTreeView.view.expander:backdrop { - color: #232629; } + color: #eff0f1; } column-header .button { color: #eff0f1; @@ -2756,7 +2850,9 @@ color: #eff0f1; background-color: rgba(61, 174, 233, 0.5); transition: none; } -column-header:last-child .button, column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { + +column-header:last-child .button, +column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { border-right-style: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { @@ -2816,7 +2912,7 @@ .window-frame.solid-csd { border-radius: 0; margin: 0px; - background-color: #3b4147; + background-color: #31363b; border: none; box-shadow: none; } @@ -2912,16 +3008,19 @@ background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:hover, .maximized .titlebar .button.titlebutton.maximize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:active, .maximized .titlebar .button.titlebutton.maximize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized .titlebar .button.titlebutton.maximize:backdrop { border-color: transparent; diff --git a/Breeze-dark-gtk/gtk-3.20/gtk.css b/Breeze-dark-gtk/gtk-3.20/gtk.css --- a/Breeze-dark-gtk/gtk-3.20/gtk.css +++ b/Breeze-dark-gtk/gtk-3.20/gtk.css @@ -61,64 +61,3944 @@ @define-color error_color #da4453; @define-color success_color #27ae60; @define-color content_view_bg #232629; +* { + 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: #eff0f1; + background-color: #31363b; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + color: #eff0f1; + background-color: #31363b; } + /* -extra colors for the color scheme script */ -@define-color warning_color_deep #e06900; -@define-color extra_dull_borders #d8dadd; -@define-color decoration_hover #3daee9; -@define-color button_gradient_top #31373c; -@define-color button_gradient_bottom #303439; -@define-color active_button_gradient_top #45b1ea; -@define-color active_button_gradient_bottom #25a4e6; -@define-color notebook_gradient_top #45b1ea; -@define-color notebook_gradient_bottom #25a4e6; -@define-color action_button_gradient_top #40afe9; -@define-color action_button_gradient_bottom #35abe8; -@define-color action_disabled_backdrop rgba(115, 128, 129, 0.35); -@define-color disabled_gradient_top #2d3236; -@define-color disabled_gradient_bottom #2b3034; -@define-color disabled_bg #202325; -@define-color disabled_check rgba(232, 232, 232, 0.35); -@define-color disabled_highlight rgba(37, 164, 230, 0.35); -@define-color disabled_highlight_top rgba(44, 167, 231, 0.35); -@define-color disabled_highlight_bottom rgba(25, 152, 218, 0.35); -@define-color destructive_gradient_top #db4b5a; -@define-color destructive_gradient_bottom #d62e3f; -@define-color link_color #2980b9; -@define-color link_hover_color #409ad5; -@define-color link_selected_color #a8d6ee; -@define-color visited_link_color #7f8c8d; -@define-color visited_link_hover_color #dde9f0; -@define-color visited_link_selected_color #cbe3ef; -@define-color expander_hover #ffffff; -@define-color overshoot_color #494c4e; -@define-color trough_color #6a6e72; -@define-color trough_scale_color rgba(96, 100, 104, 0.35) -@define-color scrollbar_overlay_color #adafb2; -@define-color scrollbar_backdrop_color rgba(157, 159, 163, 0.35); -@define-color dark_overlay_color #31363b; -@define-color shadow_color #000000; -@define-color glow_color #ffffff; -/* -separate headerbar colors for easy toolbar reversion */ -@define-color headerbar_gradient_top @theme_bg_color; -@define-color headerbar_gradient_bottom @theme_bg_color; -@define-color headerbar_separator @borders; -@define-color headerbar_backdrop #7f8c8d; -@define-color headerbar_fg_color @theme_selected_fg_color; -@define-color headerbar_bg_color @theme_bg_color; -@define-color headerbar_error_top #f87500; -@define-color headerbar_error_bottom #ef7100; -@define-color headerbar_selected_bg_color @theme_selected_bg_color; -@define-color headerbar_selected_fg_color @theme_fg_color; -@define-color headerbar_decoration_hover @decoration_hover; -@define-color headerbar_active_button_gradient_top @active_button_gradient_top; -@define-color headerbar_active_button_gradient_bottom @active_button_gradient_bottom; -@define-color headerbar_insensitive_fg_color @insensitive_fg_color; -@define-color headerbar_insensitive_bg_color @insensitive_fg_color; -@define-color headerbar_disabled_highlight @disabled_highlight; -@define-color headerbar_disabled_highlight_top @disabled_highlight_top; -@define-color headerbar_disabled_highlight_bottom @disabled_highlight_bottom; -@define-color headerbar_action_disabled_backdrop @action_disabled_backdrop; - -@import url("../../Breeze/gtk-3.20/common.css"); + 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: #31363b; + color: #eff0f1; } + .gtkstyle-fallback:hover { + background-color: #485057; + color: #eff0f1; } + .gtkstyle-fallback:active { + background-color: #1a1d1f; + color: #eff0f1; } + .gtkstyle-fallback:disabled { + background-color: #2d3136; + color: rgba(216, 218, 221, 0.35); } + .gtkstyle-fallback:selected { + background-color: #3daee9; + color: #eff0f1; } + +.view text, +textview text, +.view { + color: #eff0f1; + background-color: #232629; } + .view text:backdrop, + textview text:backdrop, + .view:backdrop { + color: #eff0f1; + background-color: #232629; } + .view text:disabled, + textview text:disabled, + .view:disabled { + color: rgba(216, 218, 221, 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: #232629; + background-image: image(#616569); + background-repeat: no-repeat; } + textview border:backdrop { + background-color: #232629; } + 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 #3daee9; + background-color: rgba(61, 174, 233, 0.2); } + .rubberband:backdrop, + rubberband:backdrop, + treeview.view rubberband:backdrop { + border-color: #3daee9; + background-color: rgba(61, 174, 233, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: 0px; } + +label.separator { + color: #eff0f1; } + label.separator:backdrop { + color: #eff0f1; } + +label selection { + background-color: #3daee9; + color: #eff0f1; } + +label:disabled { + color: rgba(216, 218, 221, 0.35); } + label:disabled:backdrop { + color: rgba(216, 218, 221, 0.35); } + +label:backdrop { + color: #eff0f1; } + +.dim-label, label.separator, +headerbar .subtitle { + opacity: 0.5; + text-shadow: none; } + +assistant .sidebar { + background-color: #eff0f1; + border-top: 1px solid #616569; } + assistant .sidebar:backdrop { + background-color: #eff0f1; + border-color: #616569; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #4c4e51; } + +.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: #eff0f1; + border: 1px solid #616569; + background-color: rgba(49, 54, 59, 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: #eff0f1; + background-color: rgba(49, 54, 59, 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 { + background-color: #3daee9; + color: #eff0f1; } + + 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 { + background-color: #3daee9; + color: #eff0f1; } + + 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: #232629; } + +.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 { + background-color: #3daee9; + 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: #eff0f1; } + + 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: rgba(216, 218, 221, 0.35); } + + 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 { + color: #eff0f1; } + .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: rgba(216, 218, 221, 0.35); } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), 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; + border-radius: 3px; + padding: 4px 6px; + background-clip: border-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #eff0f1; + border-color: #616569; + background-image: linear-gradient(to bottom, #31373c, #303439); } + 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: #eff0f1; + 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 { + background-color: #616569; } + notebook > header > tabs > arrow:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + button:hover, notebook > header > tabs > arrow.osd:hover { + color: #eff0f1; + border-color: #3daee9; + -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: #eff0f1; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); + 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: #eff0f1; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } + 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: #eff0f1; + border-color: #616569; + background-image: linear-gradient(to bottom, #31373c, #303439); + -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 { + color: #eff0f1; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } + notebook > header > tabs > arrow:backdrop:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, + button:backdrop:disabled { + color: rgba(216, 218, 221, 0.35); + border-color: rgba(88, 92, 95, 0.35); + background-image: linear-gradient(to bottom, #2d3236, #2b3034); } + 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: rgba(216, 218, 221, 0.35); + 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)); } + 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: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; + color: #eff0f1; } + 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: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(216, 218, 221, 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: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(216, 218, 221, 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 { + color: rgba(216, 218, 221, 0.35); + border-color: rgba(88, 92, 95, 0.35); + background-image: linear-gradient(to bottom, #2d3236, #2b3034); } + 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: rgba(216, 218, 221, 0.35); + 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)); } + 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 { + border-color: #3daee9; } + 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) { + color: #eff0f1; + 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: #eff0f1; } + +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: #eff0f1; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #40afe9, #35abe8); } + 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: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; + color: #3daee9; } + 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: #3daee9; } + 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: #3daee9; + 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; + border-color: #616569; + 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: #3daee9; + 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(216, 218, 221, 0.35); + border-color: rgba(88, 92, 95, 0.35); + background-image: linear-gradient(to bottom, #2d3236, #2b3034); } + 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: rgba(232, 232, 232, 0.35); + 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 { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(61, 174, 233, 0.8); } + 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(216, 218, 221, 0.35); + border-color: rgba(88, 92, 95, 0.35); + background-image: linear-gradient(to bottom, #2d3236, #2b3034); } + 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: rgba(232, 232, 232, 0.35); + 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: #eff0f1; + 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: #eff0f1; + 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, + 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.osd + button:backdrop, + button.destructive-action.osd + button.flat:backdrop { + color: white; + border-color: #616569; + background-image: linear-gradient(to bottom, #da4655, #d93d4d); } + popover.background.touch-selection button.destructive-action:backdrop:active, popover.background.magnifier button.destructive-action:backdrop:active, popover.background.touch-selection button.destructive-action:backdrop:checked, popover.background.magnifier button.destructive-action:backdrop:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:active, popover.background.magnifier button.destructive-action.flat:backdrop:active, popover.background.touch-selection button.destructive-action.flat:backdrop:checked, popover.background.magnifier button.destructive-action.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked, + button.destructive-action.osd popover.background.touch-selection button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + button.destructive-action.osd popover.background.magnifier button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + button.destructive-action.osd popover.background.touch-selection button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + button.destructive-action.osd popover.background.magnifier button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action.osd + button:backdrop:active, + button.destructive-action.osd + button:backdrop:checked, + button.destructive-action.osd + button.flat:backdrop:active, + button.destructive-action.osd + button.flat:backdrop:checked { + color: white; + border-color: #da4453; + background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } + popover.background.touch-selection button.destructive-action:backdrop:disabled, popover.background.magnifier button.destructive-action:backdrop:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd + button:backdrop:disabled, + button.destructive-action.osd + button.flat:backdrop:disabled { + color: rgba(216, 218, 221, 0.35); + border-color: rgba(88, 92, 95, 0.35); + background-image: linear-gradient(to bottom, #2d3236, #2b3034); } + popover.background.touch-selection button.destructive-action:backdrop:disabled > .label, popover.background.magnifier button.destructive-action:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action:backdrop:disabled > .label, + button.destructive-action.flat:backdrop:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action.osd + button:backdrop:disabled > .label, + button.destructive-action.osd + button.flat:backdrop:disabled > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action:backdrop:disabled:active, popover.background.magnifier button.destructive-action:backdrop:disabled:active, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked, popover.background.magnifier button.destructive-action:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action.osd + button:backdrop:disabled:active, + button.destructive-action.osd + button:backdrop:disabled:checked, + button.destructive-action.osd + button.flat:backdrop:disabled:active, + button.destructive-action.osd + button.flat:backdrop:disabled:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(214, 46, 63, 0.35); + background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } + popover.background.touch-selection button.destructive-action:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action:backdrop:disabled:active > .label, + button.destructive-action:backdrop:disabled:checked > .label, + button.destructive-action.flat:backdrop:disabled:active > .label, + button.destructive-action.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd + button:backdrop:disabled:active > .label, + button.destructive-action.osd + button:backdrop:disabled:checked > .label, + button.destructive-action.osd + button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd + button.flat:backdrop:disabled:checked > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, popover.background.touch-selection button.destructive-action.flat:disabled, popover.background.magnifier button.destructive-action.flat:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled, + 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, + button.destructive-action.osd popover.background.touch-selection button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd + button.flat:backdrop, + button.destructive-action.osd + button.flat:disabled, + button.destructive-action.osd + button.flat:backdrop:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(218, 68, 83, 0.8); } + popover.background.touch-selection button.destructive-action:disabled, popover.background.magnifier button.destructive-action:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + button.destructive-action:disabled, + button.destructive-action.osd popover.background.touch-selection button:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + button.destructive-action.osd popover.background.magnifier button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + button.destructive-action.osd + button:disabled { + color: rgba(216, 218, 221, 0.35); + border-color: rgba(88, 92, 95, 0.35); + background-image: linear-gradient(to bottom, #2d3236, #2b3034); } + popover.background.touch-selection button.destructive-action:disabled > .label, popover.background.magnifier button.destructive-action:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + button.destructive-action:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + button.destructive-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + button.destructive-action.osd + button:disabled > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action:disabled:active, popover.background.magnifier button.destructive-action:disabled:active, popover.background.touch-selection button.destructive-action:disabled:checked, popover.background.magnifier button.destructive-action:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + button.destructive-action.osd popover.background.magnifier button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + button.destructive-action.osd popover.background.touch-selection button:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + button.destructive-action.osd popover.background.magnifier button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + button.destructive-action.osd + button:disabled:active, + button.destructive-action.osd + button:disabled:checked { + color: rgba(232, 232, 232, 0.35); + border-color: rgba(37, 164, 230, 0.35); + background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } + popover.background.touch-selection button.destructive-action:disabled:active > .label, popover.background.magnifier button.destructive-action:disabled:active > .label, popover.background.touch-selection button.destructive-action:disabled:checked > .label, popover.background.magnifier button.destructive-action:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action:disabled:active > .label, + button.destructive-action:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action.osd + button:disabled:active > .label, + button.destructive-action.osd + button:disabled:checked > .label { + color: inherit; } + +popover.background.touch-selection .stack-switcher > button > label, popover.background.magnifier .stack-switcher > button > label, .stack-switcher > +button > label { + padding-left: 6px; + padding-right: 6px; } + +popover.background.touch-selection .stack-switcher > button > image, popover.background.magnifier .stack-switcher > button > image, .stack-switcher > +button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + +popover.background.touch-selection .stack-switcher > button.text-button, popover.background.magnifier .stack-switcher > button.text-button, .stack-switcher > +button.text-button { + padding: 6px; } + +popover.background.touch-selection .stack-switcher > button.image-button, popover.background.magnifier .stack-switcher > button.image-button, .stack-switcher > +button.image-button { + padding: 3px 0px; } + +popover.background.touch-selection .stack-switcher > button.needs-attention:active > label, popover.background.magnifier .stack-switcher > button.needs-attention:active > label, +popover.background.touch-selection .stack-switcher > button.needs-attention:active > image, +popover.background.magnifier .stack-switcher > button.needs-attention:active > image, +popover.background.touch-selection .stack-switcher > button.needs-attention:checked > label, +popover.background.magnifier .stack-switcher > button.needs-attention:checked > label, +popover.background.touch-selection .stack-switcher > button.needs-attention:checked > image, +popover.background.magnifier .stack-switcher > button.needs-attention:checked > image, .stack-switcher > +button.needs-attention:active > label, +.stack-switcher > +button.needs-attention:active > image, +.stack-switcher > +button.needs-attention:checked > label, +.stack-switcher > +button.needs-attention:checked > image { + animation: none; + background-image: none; } + +.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar popover.background.touch-selection button:backdrop, popover.background.touch-selection .inline-toolbar button:backdrop, .inline-toolbar popover.background.magnifier button:backdrop, popover.background.magnifier .inline-toolbar button:backdrop, .inline-toolbar +button, .inline-toolbar +button:backdrop { + border-radius: 3px; + border-width: 1px; } + +.primary-toolbar popover.background.touch-selection button, popover.background.touch-selection .primary-toolbar button, .primary-toolbar popover.background.magnifier button, popover.background.magnifier .primary-toolbar button, .primary-toolbar +button { + -gtk-icon-shadow: none; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +popover.background.touch-selection .stack-switcher > button.needs-attention > label, popover.background.magnifier .stack-switcher > button.needs-attention > label, +popover.background.touch-selection .stack-switcher > button.needs-attention > image, +popover.background.magnifier .stack-switcher > button.needs-attention > image, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > .label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#eff0f1), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + popover.background.touch-selection .stack-switcher > button.needs-attention > label:backdrop, popover.background.magnifier .stack-switcher > button.needs-attention > label:backdrop, + popover.background.touch-selection .stack-switcher > button.needs-attention > image:backdrop, + popover.background.magnifier .stack-switcher > button.needs-attention > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar.sidebar row.needs-attention > .label:backdrop { + background-size: 6px 6px, 0 0; } + popover.background.touch-selection .stack-switcher > button.needs-attention > label:dir(rtl), popover.background.magnifier .stack-switcher > button.needs-attention > label:dir(rtl), + popover.background.touch-selection .stack-switcher > button.needs-attention > image:dir(rtl), + popover.background.magnifier .stack-switcher > button.needs-attention > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > .label:dir(rtl) { + background-position: left 3px, left 4px; } + +.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar button, .inline-toolbar button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > button, +.linked > button:hover, +.linked > button:active, +.linked > button:checked, +.linked > button:backdrop { + border-radius: 3px; } + .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button:dir(rtl), popover.background.touch-selection .inline-toolbar button:dir(rtl), .inline-toolbar popover.background.magnifier button:dir(rtl), popover.background.magnifier .inline-toolbar button:dir(rtl), .inline-toolbar button:dir(rtl), .inline-toolbar button:dir(rtl):backdrop, popover.background.touch-selection .linked > button:dir(rtl), popover.background.magnifier .linked > button:dir(rtl), .linked > button:dir(rtl), + .linked > button:dir(rtl):hover, + .linked > button:dir(rtl):active, + .linked > button:dir(rtl):checked, + .linked > button:dir(rtl):backdrop { + border-radius: 3px; } + +.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar button, .inline-toolbar button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > button, +.linked > button:hover, +.linked > button:active, +.linked > button:checked, +.linked > button:backdrop { + margin-left: 2px; + margin-right: 2px; } + .inline-toolbar popover.background.touch-selection button:first-child, popover.background.touch-selection .inline-toolbar button:first-child, .inline-toolbar popover.background.magnifier button:first-child, popover.background.magnifier .inline-toolbar button:first-child, .inline-toolbar button:first-child, popover.background.touch-selection .linked > button:first-child, popover.background.magnifier .linked > button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + .inline-toolbar popover.background.touch-selection button:last-child, popover.background.touch-selection .inline-toolbar button:last-child, .inline-toolbar popover.background.magnifier button:last-child, popover.background.magnifier .inline-toolbar button:last-child, .inline-toolbar button:last-child, popover.background.touch-selection .linked > button:last-child, popover.background.magnifier .linked > button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { + border-radius: 3px; } + .inline-toolbar popover.background.touch-selection button:only-child, popover.background.touch-selection .inline-toolbar button:only-child, .inline-toolbar popover.background.magnifier button:only-child, popover.background.magnifier .inline-toolbar button:only-child, .inline-toolbar button:only-child, popover.background.touch-selection .linked > button:only-child, popover.background.magnifier .linked > button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > combobox > box > button.combo, popover.background.touch-selection .linked.vertical > button, popover.background.magnifier .linked.vertical > button, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, +.linked.vertical > button:backdrop { + border-style: solid; + border-radius: 3px; } + +popover.background.touch-selection .linked.vertical > button:first-child, popover.background.magnifier .linked.vertical > button:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-radius: 3px; } + +popover.background.touch-selection .linked.vertical > button:last-child, popover.background.magnifier .linked.vertical > button:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +popover.background.touch-selection .linked.vertical > button:only-child, popover.background.magnifier .linked.vertical > button:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +.app-notification button.flat, +.app-notification.frame button.flat, .app-notification button.flat:hover, +.app-notification.frame button.flat:hover, .app-notification button.flat:active, +.app-notification.frame button.flat:active, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, +.app-notification.frame button.flat:backdrop, +.app-notification.frame button.flat:disabled, +.app-notification.frame button.flat:backdrop:disabled, calendar.button, calendar.button:hover, calendar.button:active, calendar.button:backdrop, +headerbar button.flat:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, scrollbar button:backdrop, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), +entry { + min-height: 30px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #eff0f1; + border-color: #616569; + background-color: #232629; + box-shadow: none; } + spinbutton:not(.vertical) image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + color: #eff0f1; + border-color: #616569; + background-color: #232629; + box-shadow: none; } + spinbutton:focus:not(.vertical), + entry:focus { + border-color: #3daee9; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: rgba(216, 218, 221, 0.35); + border-color: rgba(88, 92, 95, 0.35); + background-color: #202325; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #eff0f1; + border-color: #616569; + background-color: #232629; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: rgba(216, 218, 221, 0.35); + border-color: rgba(88, 92, 95, 0.35); + background-color: #202325; } + spinbutton.error:not(.vertical), + entry.error { + color: #da4453; + border-color: #da4453; + background-color: rgba(218, 68, 83, 0.5); } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #da4453; + background-color: rgba(218, 68, 83, 0.5); } + spinbutton.error:selected:not(.vertical), spinbutton.error:selected:focus:not(.vertical), + entry.error:selected, + entry.error:selected:focus { + background-color: #da4453; } + spinbutton.error:backdrop:not(.vertical), + entry.error:backdrop { + color: #da4453; + border-color: #da4453; + background-color: rgba(218, 68, 83, 0.5); } + spinbutton.warning:not(.vertical), + entry.warning { + color: #f67400; + border-color: #f67400; + background-color: rgba(246, 116, 0, 0.5); } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #f67400; + background-color: rgba(246, 116, 0, 0.5); } + spinbutton.warning:selected:not(.vertical), spinbutton.warning:selected:focus:not(.vertical), + entry.warning:selected, + entry.warning:selected:focus { + background-color: #f67400; } + spinbutton.warning:backdrop:not(.vertical), + entry.warning:backdrop { + color: #f67400; + border-color: #f67400; + background-color: rgba(246, 116, 0, 0.5); } + spinbutton:not(.vertical) image, + entry image { + color: #eff0f1; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #3daee9; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #3daee9; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #eff0f1; } + +spinbutton:not(.vertical) progress, +entry progress { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #3daee9; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; + border-color: rgba(61, 174, 233, 0.5); } + +treeview acceleditor > label { + background-color: #3daee9; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #232629; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #3daee9; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-top-width: 0px; + border-radius: 0px 0px 3px 3px; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; } + .app-notification button, + .app-notification.frame button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #eff0f1; + border-color: #616569; + background-image: linear-gradient(to bottom, #31373c, #303439); } + .app-notification button.flat, + .app-notification.frame button.flat { + -gtk-icon-shadow: none; + text-shadow: none; } + .app-notification button.flat:hover, + .app-notification.frame button.flat:hover { + color: #3daee9; } + .app-notification button.flat:active, + .app-notification.frame button.flat:active { + color: #3daee9; } + .app-notification button:hover, + .app-notification.frame button:hover { + color: #eff0f1; + border-color: #3daee9; } + .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked, + .app-notification.frame button:active, + .app-notification.frame button:checked, + .app-notification.frame button:backdrop:active, + .app-notification.frame button:backdrop:checked { + color: #eff0f1; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } + .app-notification button:disabled, .app-notification button:backdrop:disabled, + .app-notification.frame button:disabled, + .app-notification.frame button:backdrop:disabled { + color: rgba(216, 218, 221, 0.35); + border-color: rgba(88, 92, 95, 0.35); + background-image: linear-gradient(to bottom, #2d3236, #2b3034); } + .app-notification button:disabled > .label, .app-notification button:backdrop:disabled > .label, + .app-notification.frame button:disabled > .label, + .app-notification.frame button:backdrop:disabled > .label { + color: inherit; } + .app-notification button:backdrop, + .app-notification.frame button:backdrop { + color: #eff0f1; + border-color: #616569; + background-image: linear-gradient(to bottom, #31373c, #303439); } + .app-notification border, + .app-notification.frame border { + border: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #eff0f1; + border: 1px solid #616569; + background-color: #232629; } + calendar:selected { + background-color: #616569; } + calendar:disabled { + color: rgba(216, 218, 221, 0.35); } + calendar.header { + border: 1px solid #616569; + border-radius: 0; + color: #eff0f1; } + calendar.header:backdrop { + color: #eff0f1; + border-color: #616569; } + calendar.header:disabled { + color: rgba(216, 218, 221, 0.35); } + calendar.button { + color: #eff0f1; } + calendar.button:hover { + color: #3daee9; } + calendar.button:active { + color: #3daee9; } + calendar.button:backdrop { + color: #eff0f1; } + calendar:indeterminate, calendar.highlight { + color: rgba(239, 240, 241, 0.5); } + calendar:indeterminate:backdrop, calendar.highlight:backdrop { + color: rgba(239, 240, 241, 0.5); } + calendar:backdrop { + color: #eff0f1; + border-color: #616569; + background-color: #232629; } + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); + background-color: transparent; } + +.view.content-view.check:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check { + margin: 0 4px; + min-height: 18px; + min-width: 18px; + animation: none; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + check:only-child { + margin: 0; } + check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); } + check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); } + check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); } + check:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); } + menu menuitem check { + margin: 0; + min-height: 18px; + min-width: 18px; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + animation: none; } + menu menuitem check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + menu menuitem check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + menu menuitem check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + +radio { + margin: 0 4px; + min-height: 18px; + min-width: 18px; + animation: none; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + radio:only-child { + margin: 0; } + radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); } + radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); } + radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); } + radio:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); } + menu menuitem radio { + margin: 0; + min-height: 18px; + min-width: 18px; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + animation: none; } + menu menuitem radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + menu menuitem radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + menu menuitem radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + +/***************** + * Color Chooser * + *****************/ +:selected colorswatch { + box-shadow: none; } + :selected colorswatch.overlay, :selected colorswatch.overlay:hover { + border-color: #eff0f1; } + +colorswatch:selected { + box-shadow: none; } + +colorswatch.top, colorswatch.bottom, colorswatch.left, colorswatch:first-child:not(.overlay):not(.top), colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom), colorswatch:only-child:not(.overlay), +colorswatch.top > .overlay, +colorswatch.bottom > .overlay, +colorswatch:first-child:not(.top) > .overlay, +colorswatch:last-child:not(.bottom) > .overlay, +colorswatch:only-child > .overlay { + border-radius: 3px; } + +colorswatch:hover, colorswatch:hover:selected { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } + +colorswatch:backdrop, +colorswatch:backdrop:selected colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected { + background-image: none; + box-shadow: none; } + +GtkColorEditor colorswatch { + border-radius: 3px; } + GtkColorEditor colorswatch:hover { + background-image: none; + box-shadow: none; } + GtkColorEditor colorswatch:backdrop { + box-shadow: none; } + +colorswatch.color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); } + colorswatch.color-dark:backdrop { + color: rgba(255, 255, 255, 0.3); } + +colorswatch.color-light { + color: black; + outline-color: rgba(255, 255, 255, 0.5); } + colorswatch.color-light:backdrop { + color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay, +colorswatch overlay:selected { + border: 1px solid #616569; } + colorswatch overlay:hover, + colorswatch overlay:selected:hover { + border-color: #3daee9; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #eff0f1; + border-color: #616569; + background-image: linear-gradient(to bottom, #31373c, #303439); } + colorswatch#add-color-button:hover { + color: #eff0f1; + border-color: #3daee9; } + colorswatch#add-color-button:backdrop { + color: #eff0f1; + border-color: #616569; + background-image: linear-gradient(to bottom, #31373c, #303439); } + colorswatch#add-color-button overlay { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; } + +GtkColorButton.button { + padding: 5px; } + GtkColorButton.button GtkColorSwatch:first-child:last-child { + border-radius: 0; + box-shadow: none; } + GtkColorButton.button GtkColorSwatch:first-child:last-child:disabled, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #31363b; } + +messagedialog:backdrop { + background-color: #31363b; } + +messagedialog .titlebar { + min-height: 32px; + background-color: transparent; + background-image: linear-gradient(to bottom, #3b4147, #31363b); + box-shadow: none; } + +messagedialog .dialog-action-area { + padding: 8px; } + +messagedialog button { + margin: 2px; } + +filechooser .search-bar { + background-color: #31363b; + border-color: #31363b; + box-shadow: none; } + filechooser .search-bar:backdrop { + background-color: #31363b; + border-color: #31363b; + color: #eff0f1; } + +filechooser .dialog-action-box { + border-top: 1px solid #616569; } + filechooser .dialog-action-box:backdrop { + border-top-color: #616569; } + +filechooser #pathbarbox { + background-color: #31363b; + border-bottom: 1px solid #616569; } + +/*************** + * Header bars * + ***************/ + +headerbar { + transition: none; + padding: 0px 6px; + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; + border-style: solid; + border-color: #616569; + color: #eff0f1; + background-image: linear-gradient(to bottom, #31363b, #31363b); } + + headerbar:backdrop { + border-color: transparent; + background-image: none; + background-color: #31363b; + color: #7f8c8d; + box-shadow: none; } + + headerbar label { + font-weight: normal; } + + headerbar label:backdrop { + color: #7f8c8d; } + + headerbar .path-bar button { + color: #eff0f1; + font-weight: normal; } + + headerbar .path-bar button:backdrop { + color: #7f8c8d; } + + headerbar button { + transition: none; + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; } + + headerbar button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; } + + headerbar button:hover { + color: #eff0f1; + border-color: #3daee9; } + + headerbar button:hover:backdrop { + border-color: #31363b; } + + headerbar button:active, + headerbar button:checked { + color: #eff0f1; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } + + headerbar button:active:hover, + headerbar button:checked:hover { + color: #eff0f1; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } + + headerbar button:active:backdrop, + headerbar button:checked:backdrop { + background-image: none; + background-color: #31363b; + border-color: #31363b; + color: #7f8c8d; } + + headerbar button:backdrop { + border-color: transparent; + background-image: none; + background-color: #31363b; + color: #7f8c8d; } + + headerbar button.flat:backdrop, + headerbar button.flat:backdrop:disabled, + headerbar button:disabled:backdrop { + background-image: none; + background-color: #31363b; + color: #7f8c8d; + border-color: transparent; } + + headerbar button.flat:disabled { + color: rgba(216, 218, 221, 0.35); } + + headerbar button:disabled { + background-color: transparent; + background-image: none; + border-color: transparent; + color: rgba(216, 218, 221, 0.35); } + + headerbar button:disabled:active, + headerbar button:disabled:checked { + color: rgba(216, 218, 221, 0.35); + 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)); } + + headerbar button:disabled:active > .label, + headerbar button:disabled:checked > .label { + color: inherit; } + + headerbar .title { + font-weight: normal; + padding: 0px 12px; } + + headerbar .title:backdrop { + color: #7f8c8d; } + + headerbar .subtitle { + font-size: smaller; + padding: 0 12px; } + + headerbar .subtitle:backdrop { + color: #7f8c8d; } + + headerbar separator { + border-width: 0px; + background-color: transparent; + background-image: none; + border-color: transparent; } + + headerbar.selection-mode .selection-menu { + padding: 4px 6px; } + + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-shadow: none; } + .tiled + headerbar, .maximized + headerbar { + border-radius: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator, +headerbar button { + margin-top: 3px; + margin-bottom: 3px; } + + +headerbar button.suggested-action, +headerbar.selection-mode.suggested-action { + background-image: none; + background-color: #3daee9; } + + headerbar button.suggested-action:hover, + headerbar.selection-mode.suggested-action:hover { + background-color: #3daee9; + color: #eff0f1; } + + headerbar button.suggested-action:disabled, + headerbar.selection-mode.suggested-action:disabled { + background-color: transparent; + background-image: none; + color: rgba(216, 218, 221, 0.35); } + + headerbar button.suggested-action:disabled:active, + headerbar.selection-mode.suggested-action:disabled:active, + headerbar button.suggested-action:disabled:checked, + headerbar.selection-mode.suggested-action:disabled:checked { + color: rgba(216, 218, 221, 0.35); + 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)); } + headerbar button.suggested-action:disabled:active > .label, headerbar.selection-mode.suggested-action:disabled:active > .label, headerbar button.suggested-action:disabled:checked > .label, headerbar.selection-mode.suggested-action:disabled:checked > .label { + color: inherit; } + + headerbar button.suggested-action:backdrop, + headerbar.selection-mode.suggested-action:backdrop { + background-color: #31363b; + border-color: transparent; + color: #7f8c8d; } + + headerbar button.suggested-action:backdrop:disabled, + headerbar.selection-mode.suggested-action:backdrop:disabled { + color: rgba(115, 128, 129, 0.35); } + +/************** + * GtkInfoBar * + **************/ +infobar { + border-style: none; + border-bottom: 1px solid #616569; + background-color: #31363b; + background-image: none; } + infobar:backdrop { + border-bottom: 1px solid #616569; } + +.info, +headerbar.selection-mode, +.question, +.warning, +.error { + background-color: #31363b; + background-image: none; + color: #f67400; + text-shadow: none; } + .info:backdrop, + headerbar.selection-mode:backdrop, + .question:backdrop, + .warning:backdrop, + .error:backdrop { + background-color: #31363b; + color: #f67400; } + .info button, headerbar.selection-mode button, + .question button, + .warning button, + .error button { + box-shadow: none; + background-image: none; + background-color: rgba(246, 116, 0, 0.5); + border-color: rgba(246, 116, 0, 0.5); + color: #eff0f1; } + .info button:hover, headerbar.selection-mode button:hover, + .question button:hover, + .warning button:hover, + .error button:hover { + background-color: rgba(246, 116, 0, 0.25); + border-color: #f67400; } + .info button:active, headerbar.selection-mode button:active, .info button:checked, headerbar.selection-mode button:checked, + .question button:active, + .question button:checked, + .warning button:active, + .warning button:checked, + .error button:active, + .error button:checked { + background-image: linear-gradient(to bottom, #f87500, #ef7100); + color: #31363b; + border-color: #f67400; } + .info button:disabled, headerbar.selection-mode button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled { + background-color: rgba(224, 105, 0, 0); + border-color: rgba(224, 105, 0, 0); + color: rgba(216, 218, 221, 0.35); } + .info button:backdrop, headerbar.selection-mode button:backdrop, + .question button:backdrop, + .warning button:backdrop, + .error button:backdrop { + background-color: rgba(246, 116, 0, 0.5); + border-color: rgba(246, 116, 0, 0.5); + color: #eff0f1; } + .info button:backdrop:active, headerbar.selection-mode button:backdrop:active, .info button:backdrop:checked, headerbar.selection-mode button:backdrop:checked, + .question button:backdrop:active, + .question button:backdrop:checked, + .warning button:backdrop:active, + .warning button:backdrop:checked, + .error button:backdrop:active, + .error button:backdrop:checked { + background-image: linear-gradient(to bottom, #f87500, #ef7100); + color: #31363b; + border-color: #f67400; } + .info button:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled, + .question button:backdrop:disabled, + .warning button:backdrop:disabled, + .error button:backdrop:disabled { + background-color: rgba(224, 105, 0, 0); + border-color: rgba(224, 105, 0, 0); + color: rgba(216, 218, 221, 0.35); } + .info button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:active, .info button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:checked, + .question button:backdrop:disabled:active, + .question button:backdrop:disabled:checked, + .warning button:backdrop:disabled:active, + .warning button:backdrop:disabled:checked, + .error button:backdrop:disabled:active, + .error button:backdrop:disabled:checked { + background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); + color: #2d3136; + border-color: rgba(224, 105, 0, 0.35); } + +/********* + * Links * + *********/ +button:link > label, +button:visited > label, +*:link, +button:link, +button:visited { + color: #2980b9; } + button:link > label:visited, + button:visited > label:visited, + *:link:visited, + button:visited { + color: #7f8c8d; } + *:selected button:link > label:visited, + *:selected button:visited > label:visited, *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #a8d6ee; } + button:link > label:hover, + button:visited > label:hover, + *:link:hover, + button:hover:link, + button:hover:visited { + color: #409ad5; } + *:selected button:link > label:hover, + *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #dde9f0; } + button:link > label:active, + button:visited > label:active, + *:link:active, + button:active:link, + button:active:visited { + color: #2980b9; } + *:selected button:link > label:active, + *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #cbe3ef; } + button:link > label:backdrop, + button:visited > label:backdrop, button:link > label:backdrop:hover, + button:visited > label:backdrop:hover, button:link > label:backdrop:hover:selected, + button:visited > label:backdrop:hover:selected, + *:link:backdrop, + button:backdrop:link, + button:backdrop:visited, + *:link:backdrop:hover, + button:backdrop:hover:link, + button:backdrop:hover:visited, + *:link:backdrop:hover:selected, + headerbar.selection-mode .subtitle:backdrop:hover:link, + button:backdrop:hover:selected:link, + button:backdrop:hover:selected:visited { + color: rgba(61, 174, 233, 0.5); } + button:link > label:selected, + button:visited > label:selected, *:selected button:link > label, + *:selected button:visited > label, + *:link:selected, + headerbar.selection-mode .subtitle:link, + button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #cbe3ef; } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list { + background-color: #31363b; + color: #eff0f1; + border-width: 0px; } + list:backdrop { + background-color: #31363b; + color: #eff0f1; } + list row { + padding: 2px; } + +row { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover { + transition: none; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(61, 174, 233, 0.5); } + row.activatable:active { + box-shadow: none; + background-color: #3daee9; } + row.activatable:selected:active { + box-shadow: none; + background-color: #3daee9; } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + color: #eff0f1; + background-color: #3daee9; } + row.activatable:selected:backdrop { + background-color: #3daee9; } + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: none; + border-style: none; + background-color: #31363b; } + menubar:backdrop, + .menubar:backdrop { + background-color: #31363b; } + menubar > menuitem, + .menubar > menuitem { + min-height: 16px; + padding: 4px 6px; + border-style: solid; + border-width: 1px 0px; + border-color: #31363b; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #3daee9; + color: #eff0f1; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(216, 218, 221, 0.35); + box-shadow: none; } + menubar > menuitem:disabled:backdrop, + .menubar > menuitem:disabled:backdrop { + background-color: #31363b; + color: rgba(216, 218, 221, 0.35); } + menubar > menuitem:backdrop, + .menubar > menuitem:backdrop { + background-color: #31363b; + border-color: #31363b; + color: #eff0f1; } + +menu, +.menu { + padding: 0px; + background-color: #31363b; + border: 0px solid transparent; + box-shadow: inset 0px 0px 0px 1px #616569; + border-radius: 3px; } + .csd menu, .csd + .menu { + border: 0px solid; + border-radius: 3px; } + menu separator, + .menu separator { + color: #616569; + margin-top: 3px; + margin-bottom: 3px; } + menu menuitem, + .menu menuitem { + text-shadow: none; + min-height: 16px; + min-width: 40px; + padding: 4px 4px; } + menu menuitem:hover, + .menu menuitem:hover { + color: #eff0f1; + background-color: #3daee9; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(216, 218, 221, 0.35); } + menu menuitem:disabled:backdrop, + .menu menuitem:disabled:backdrop { + color: rgba(216, 218, 221, 0.35); } + menu menuitem:backdrop, menu menuitem:backdrop:hover, + .menu menuitem:backdrop, + .menu menuitem:backdrop:hover { + color: #eff0f1; + background-color: #31363b; } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + margin-right: 10px; } + menu > arrow, + .menu > arrow { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: transparent; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top { + margin-top: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom { + margin-bottom: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover { + color: #3daee9; } + menu > arrow:active, + .menu > arrow:active { + color: #3daee9; } + menu > arrow:backdrop, + .menu > arrow:backdrop { + background-color: #31363b; } + menu > arrow:disabled, + .menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } + +menuitem check, +menuitem radio { + min-height: 18px; + min-width: 18px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 6px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 6px; } + +/*************** + * Popovers * + ***************/ +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 16px; + padding: 4px 8px; + color: #eff0f1; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #3daee9; + color: #eff0f1; } + modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected { + background-color: #3daee9; + color: #eff0f1; } + modelbutton.flat:backdrop, popover.background checkbutton:backdrop, + popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, + popover.background radiobutton:backdrop:hover, + .menuitem.button.flat:backdrop, + .menuitem.button.flat:backdrop:hover { + color: #eff0f1; } + modelbutton.flat check:hover, popover.background checkbutton check:hover, popover.background radiobutton check:hover, + .menuitem.button.flat check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + modelbutton.flat radio:hover, popover.background checkbutton radio:hover, popover.background radiobutton radio:hover, + .menuitem.button.flat radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + modelbutton.flat check:checked:hover, popover.background checkbutton check:checked:hover, popover.background radiobutton check:checked:hover, + .menuitem.button.flat check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + modelbutton.flat radio:checked:hover, popover.background checkbutton radio:checked:hover, popover.background radiobutton radio:checked:hover, + .menuitem.button.flat radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + modelbutton.flat check:indeterminate:hover, popover.background checkbutton check:indeterminate:hover, popover.background radiobutton check:indeterminate:hover, + .menuitem.button.flat check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png")); } + modelbutton.flat radio:indeterminate:hover, popover.background checkbutton radio:indeterminate:hover, popover.background radiobutton radio:indeterminate:hover, + .menuitem.button.flat radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-right: 0px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-left: 0px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +popover.background { + padding: 0px; + border: 1px solid #616569; + border-radius: 3px; + background-color: #31363b; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.9); } + popover.background:backdrop { + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid #616569; } + popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +GtkVolumeButton.button { + padding: 5px; } + +/******** + * Misc * + ********/ +/**************** +* Print dialog * +*****************/ +printdialog paper { + color: #eff0f1; + border: 1px solid #616569; + background: white; + padding: 0; } + printdialog paper:backdrop { + color: #eff0f1; + border-color: #616569; + background: white; } + +printdialog .dialog-action-box { + margin: 12px; } + +/********** +* Frames * +**********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #616569; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #616569; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #616569; } + actionbar > revealer > box:backdrop { + border-color: #616569; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow junction { + border-color: transparent; + background-color: transparent; + background-image: none; } + +separator { + background: #616569; + min-width: 1px; + min-height: 1px; } + +/************* +* Expanders * +*************/ +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + expander arrow:hover { + color: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/********* +* Paned * +*********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#616569); + background-size: 1px 1px; } + paned > separator:backdrop { + background-image: image(#616569); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #31363b; + background-image: image(#616569), image(#616569); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #31363b; + background-image: image(#616569), image(#616569); } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/********************* +* Spinner Animation * +*********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background-image: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +/************* + * Notebooks * + *************/ +notebook.frame { + border: none; + padding: 0px; + box-shadow: inset 0px 0px 0px 1px #616569; } + +notebook > header { + padding: 0px; + border: none; + background-color: #31363b; } + notebook > header.top { + box-shadow: inset 0 -1px #616569; } + notebook > header.top:backdrop { + box-shadow: inset 0 -1px #616569; } + notebook > header.bottom { + box-shadow: inset 0 1px #616569; } + notebook > header.bottom:backdrop { + box-shadow: inset 0 1px #616569; } + notebook > header.right { + box-shadow: inset 1px 0 #616569; } + notebook > header.right:backdrop { + box-shadow: inset 1px 0 #616569; } + notebook > header.left { + box-shadow: inset -1px 0 #616569; } + notebook > header.left:backdrop { + box-shadow: inset -1px 0 #616569; } + notebook > header:backdrop { + background-color: #31363b; } + notebook > header tabs { + margin: 0px; } + notebook > header.top > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(239, 240, 241, 0.2); + background-color: rgba(239, 240, 241, 0.2); + border-radius: 3px 3px 0px 0px; + border-bottom-color: transparent; } + notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab.prelight-page { + background-color: rgba(61, 174, 233, 0.2); + border-color: rgba(61, 174, 233, 0.2); } + notebook > header.top > tabs > tab:checked { + border-color: #616569; + border-bottom-color: #31363b; + background-color: #31363b; } + notebook > header.top > tabs > tab:checked:backdrop { + border-color: #616569; + border-bottom-color: #31363b; + background-color: #31363b; } + notebook > header.bottom > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(239, 240, 241, 0.2); + background-color: rgba(239, 240, 241, 0.2); + border-radius: 0px 0px 3px 3px; + border-top-color: transparent; } + notebook > header.bottom > tabs > tab:hover, notebook > header.bottom > tabs > tab.prelight-page { + background-color: rgba(61, 174, 233, 0.2); + border-color: rgba(61, 174, 233, 0.2); } + notebook > header.bottom > tabs > tab:checked { + border-color: #616569; + border-top-color: #31363b; + background-color: #31363b; } + notebook > header.bottom > tabs > tab:checked:backdrop { + border-color: #616569; + border-top-color: #31363b; + background-color: #31363b; } + notebook > header.left > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(239, 240, 241, 0.2); + background-color: rgba(239, 240, 241, 0.2); + border-radius: 3px 0px 0px 3px; + border-right-color: transparent; } + notebook > header.left > tabs > tab:hover, notebook > header.left > tabs > tab.prelight-page { + background-color: rgba(61, 174, 233, 0.2); + border-color: rgba(61, 174, 233, 0.2); } + notebook > header.left > tabs > tab:checked { + border-color: #616569; + border-right-color: #31363b; + background-color: #31363b; } + notebook > header.left > tabs > tab:checked:backdrop { + border-color: #616569; + border-right-color: #31363b; + background-color: #31363b; } + notebook > header.right > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(239, 240, 241, 0.2); + background-color: rgba(239, 240, 241, 0.2); + border-radius: 0px 3px 3px 0px; + border-left-color: transparent; } + notebook > header.right > tabs > tab:hover, notebook > header.right > tabs > tab.prelight-page { + background-color: rgba(61, 174, 233, 0.2); + border-color: rgba(61, 174, 233, 0.2); } + notebook > header.right > tabs > tab:checked { + border-color: #616569; + border-left-color: #31363b; + background-color: #31363b; } + notebook > header.right > tabs > tab:checked:backdrop { + border-color: #616569; + border-left-color: #31363b; + background-color: #31363b; } + notebook > header.top > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #31363b; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #616569; + box-shadow: inset -3px 0px 0px 0px #31363b; } + notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.top > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #31363b; } + notebook > header.top > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #31363b; } + notebook > header.top > tabs > tab.reorderable-page:checked:backdrop { + background-color: #31363b; + border-color: transparent; + border-right-color: #616569; + box-shadow: none; } + notebook > header.top > tabs > tab.reorderable-page:backdrop { + background-color: #31363b; + border-right-color: #616569; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #31363b; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #616569; + box-shadow: inset -3px 0px 0px 0px #31363b; } + notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #31363b; } + notebook > header.bottom > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #31363b; } + notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop { + background-color: #31363b; + border-color: transparent; + border-right-color: #616569; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page:backdrop { + background-color: #31363b; + border-right-color: #616569; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #31363b; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #616569; + box-shadow: inset 0px -3px 0px 0px #31363b; } + notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #31363b; } + notebook > header.left > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #31363b; } + notebook > header.left > tabs > tab.reorderable-page:checked:backdrop { + background-color: #31363b; + border-color: transparent; + border-bottom-color: #616569; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page:backdrop { + background-color: #31363b; + border-bottom-color: #616569; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #31363b; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #616569; + box-shadow: inset 0px -3px 0px 0px #31363b; } + notebook > header.right > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #31363b; } + notebook > header.right > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #31363b; } + notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { + background-color: #31363b; + border-color: transparent; + border-bottom-color: #616569; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page:backdrop { + background-color: #31363b; + border-bottom-color: #616569; + box-shadow: none; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header button.flat { + padding: 0; + margin: 4px; + min-width: 12px; + min-height: 12px; + border: 0px solid; + border-radius: 50%; + color: #31363b; + background-color: #616569; + background-image: none; } + notebook > header button.flat:hover { + background-color: #da4453; } + notebook > header button.flat:active { + background-color: #da4453; } + notebook > header button.flat:backdrop { + background-color: #616569; + color: #31363b; } + +notebook > stack:not(:only-child) { + background-color: transparent; + border-style: solid; + border-color: #616569; + border-width: 0px; } + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#494c4e), to(rgba(73, 76, 78, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 240, 241, 0.07)), to(rgba(239, 240, 241, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#616569), to(rgba(97, 101, 105, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot { + background-image: none; + border: none; } + +/************ + * Pathbars * + ************/ +.path-bar { + background-color: #31363b; + border-bottom: 1px solid #616569; } + +.path-bar button { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #eff0f1; + text-shadow: none; + -gtk-icon-shadow: none; + padding: 4px 8px; + color: #eff0f1; } + .path-bar button:hover { + border-color: #3daee9; } + .path-bar button:active, .path-bar button:checked { + background-color: #616569; + font-weight: normal; } + .path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } + .path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } + .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } + .path-bar button image { + padding-left: 4px; + padding-right: 4px; } + .path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(239, 240, 241, 0.3); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar trough { + border: 0px solid transparent; + border-radius: 3px; + background-color: rgba(239, 240, 241, 0.3); } + progressbar:backdrop trough { + background-color: rgba(239, 240, 241, 0.3); } + progressbar progress { + background-color: #3daee9; + border: 0px solid transparent; + border-radius: 3px; + box-shadow: none; } + progressbar:backdrop progress { + background-color: #3daee9; } + progressbar.osd { + background-color: transparent; } + +treeview.view.progressbar { + border: 0px solid transparent; + border-radius: 3px; + background-color: #3daee9; + color: #eff0f1; + background-image: none; } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + background-color: rgba(239, 240, 241, 0.25); } + +treeview.view.trough { + background-color: #6a6e72; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(239, 240, 241, 0.3); } + +/************* + * Level Bar * + *************/ +levelbar block { + min-width: 32px; + min-height: 6px; } + +levelbar.vertical block { + min-width: 6px; + min-height: 32px; } + +levelbar trough { + border: 1px solid; + padding: 2px; + border-radius: 3px; + color: #eff0f1; + border-color: #616569; + background-color: #232629; + box-shadow: none; } + levelbar trough:backdrop { + color: #eff0f1; + border-color: #616569; + background-color: #232629; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #3daee9; + background-color: #3daee9; + box-shadow: none; + border-radius: 1px; } + levelbar block:not(.empty):backdrop { + border-color: #3daee9; + background-color: #3daee9; } + +levelbar block.low { + border-color: #f67400; + background-color: #f67400; } + levelbar block.low:backdrop { + background-color: #f67400; + border-color: #f67400; } + +levelbar block.high { + border-color: #27ae60; + background-color: #27ae60; } + levelbar block.high:backdrop { + background-color: #27ae60; + border-color: #27ae60; } + +levelbar block.full { + border-color: #27ae60; + background-color: #27ae60; } + levelbar block.full:backdrop { + background-color: #27ae60; + border-color: #27ae60; } + +levelbar block.empty { + background-color: rgba(239, 240, 241, 0.3); + border-color: transparent; + box-shadow: none; } + levelbar block.empty:backdrop { + background-color: rgba(239, 240, 241, 0.3); } + +/************ + * GtkScale * + ************/ +scale.fine-tune.trough { + margin: 8px; + border-radius: 3px; } + +scale slider { + min-width: 18px; + min-height: 18px; + background-color: #31363b; + border: 1px solid #616569; + border-radius: 50%; + box-shadow: none; + margin: -9px; } + scale slider:hover { + border-style: solid; + border-width: 2px; + border-color: #3daee9; + border-radius: 50%; } + scale slider:hover:backdrop { + background-color: #31363b; + border-color: #3daee9; } + scale slider:disabled { + border-style: solid; + border-radius: 50%; + background-color: #31363b; + border-color: rgba(88, 92, 95, 0.35); } + scale slider:disabled:backdrop { + background-color: #31363b; + border-color: rgba(88, 92, 95, 0.35); } + scale slider:active { + border: 2px solid #3daee9; } + scale slider:active:backdrop { + background-color: #31363b; + border-color: #3daee9; } + scale slider:backdrop { + background-color: #31363b; + border-color: #616569; } + +scale trough { + min-width: 6px; + min-height: 6px; + margin: 9px; + border: 0px solid; + border-radius: 3px; + background-color: #6a6e72; + box-shadow: none; } + scale trough:disabled, scale trough.vertical:disabled { + border-color: rgba(96, 100, 104, 0.35); + background-color: rgba(96, 100, 104, 0.35); + box-shadow: none; } + scale trough:disabled:backdrop, scale trough.vertical:disabled:backdrop { + background-color: rgba(96, 100, 104, 0.35); + border-color: rgba(96, 100, 104, 0.35); } + scale trough:backdrop { + background-color: #6a6e72; + border-color: #6a6e72; } + +scale highlight { + border: 0px solid; + border-radius: 3px; + background-color: #3daee9; + border-color: #3daee9; } + scale highlight.vertical { + background-color: #3daee9; + border-color: #3daee9; } + scale highlight:disabled { + background-color: rgba(37, 164, 230, 0.35); } + scale highlight:backdrop { + background-color: rgba(61, 174, 233, 0.5); + border-color: rgba(61, 174, 233, 0.5); } + scale highlight:backdrop:disabled { + background-color: rgba(37, 164, 230, 0.35); } + +/************** + * Scrollbars * + **************/ +scrollbar { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + background-color: #31363b; + border-width: 0px 0px; + border-color: #31363b; + margin: 0px; } + scrollbar button { + min-width: 14px; + min-height: 14px; + margin: 0px; + padding: 0px 0px; + border: none; + border-radius: 0px; + background-image: none; + background-color: transparent; + color: transparent; + box-shadow: none; } + scrollbar button:hover { + border: none; + background-image: none; + background-color: #31363b; + color: transparent; } + scrollbar button:active, scrollbar button:active:hover { + border: none; + background-image: none; + background-color: #31363b; + color: transparent; } + scrollbar button:disabled { + border: none; + background-color: #31363b; + background-image: none; + color: transparent; } + scrollbar button:backdrop { + color: #eff0f1; } + scrollbar button:backdrop:disabled { + color: rgba(216, 218, 221, 0.35); } + scrollbar.dragging, scrollbar.hovering { + opacity: 0.9910; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.999; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 6px; + border-radius: 8px; + background-color: rgba(173, 175, 178, 0.8); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider:backdrop { + background-color: #adafb2; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 6px; } + scrollbar.overlay-indicator { + background: none; } + scrollbar trough { + transition-duration: 0.1s; + min-width: 6px; + min-height: 14px; + border: 0px solid #31363b; + border-radius: 8px; + background-color: transparent; } + scrollbar:hover trough { + background-color: #6a6e72; + box-shadow: inset 0px 0px 0px 5px #31363b; } + scrollbar slider { + transition-duration: 0.1s; + min-width: 6px; + min-height: 30px; + border: 5px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #adafb2; } + scrollbar slider:hover { + background-color: #3daee9; } + scrollbar slider:backdrop { + background-color: #adafb2; } + scrollbar slider:backdrop:disabled { + background-color: rgba(157, 159, 163, 0.35); } + scrollbar.horizontal slider { + min-width: 30px; + min-height: 6px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + background-color: #31363b; } + .sidebar:backdrop { + background-color: #31363b; } + +placessidebar > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 36px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 14px; } + placessidebar row:selected { + color: #eff0f1; } + placessidebar row:disabled { + color: rgba(216, 218, 221, 0.35); } + placessidebar row:backdrop { + color: #eff0f1; } + placessidebar row:backdrop:selected { + color: #3daee9; } + placessidebar row:backdrop:disabled { + color: rgba(216, 218, 221, 0.35); } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; } + placessidebar row:selected:active { + box-shadow: none; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: none; + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #3daee9; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +stacksidebar.sidebar row { + padding: 10px 4px; } + stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar.sidebar row.needs-attention > .label { + background-size: 6px 6px, 0 0; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) entry:backdrop:disabled { + background-color: transparent; } + spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #eff0f1; + background-image: none; + background-color: transparent; + border-style: none; + box-shadow: none; } + spinbutton:not(.vertical) button:hover { + color: #3daee9; } + spinbutton:not(.vertical) button:disabled { + color: rgba(216, 218, 221, 0.35); } + spinbutton:not(.vertical) button:active { + color: #3daee9; + box-shadow: none; } + spinbutton:not(.vertical) button:backdrop { + color: #eff0f1; + background-color: transparent; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(216, 218, 221, 0.35); + background-color: transparent; + border-style: none; } + spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + +spinbutton.vertical:disabled { + color: rgba(216, 218, 221, 0.35); } + +spinbutton.vertical:backdrop:disabled { + color: rgba(216, 218, 221, 0.35); } + +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + +spinbutton.vertical entry { + margin: 0px; + min-height: 26px; + min-width: 26px; + border-style: none solid none solid; + border-color: #616569; + padding: 0; + border-radius: 0; } + spinbutton.vertical entry:disabled { + color: rgba(216, 218, 221, 0.35); + background-color: #202325; + border-color: rgba(88, 92, 95, 0.35); } + spinbutton.vertical entry:backdrop:disabled { + color: rgba(216, 218, 221, 0.35); + background-color: #202325; + border-color: rgba(88, 92, 95, 0.35); } + +spinbutton.vertical button { + min-height: 26px; + min-width: 26px; + padding: 0; + box-shadow: none; + background-image: none; + background-color: #232629; + color: #eff0f1; + border-color: #616569; } + spinbutton.vertical button:hover { + color: #3daee9; } + spinbutton.vertical button:active { + color: #3daee9; } + spinbutton.vertical button:disabled { + color: rgba(216, 218, 221, 0.35); + background-color: #202325; + border-color: rgba(88, 92, 95, 0.35); } + spinbutton.vertical button:backdrop:disabled { + color: rgba(216, 218, 221, 0.35); + background-color: #202325; + border-color: rgba(88, 92, 95, 0.35); } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } + +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/********** + * Switch * + **********/ +switch { + margin: 2px; + font-weight: bold; + font-size: smaller; + min-width: 48px; + min-height: 24px; + border: 0px solid; + border-radius: 12px; + color: transparent; + background-color: rgba(239, 240, 241, 0.3); + text-shadow: none; } + switch:checked { + background-color: #3daee9; } + switch:backdrop { + background-color: rgba(239, 240, 241, 0.3); + text-shadow: none; } + switch:backdrop:checked { + background-color: #3daee9; } + switch slider { + min-width: 22px; + min-height: 22px; + border: 1px solid; + border-radius: 11px; + background-color: #31363b; + border-color: #616569; } + switch:hover slider { + border-color: #3daee9; } + switch:disabled slider { + background-color: #2d3136; } + switch:backdrop slider { + background-color: #31363b; } + switch:backdrop:disabled slider { + background-color: #2d3136; } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #31363b; } + +toolbar { + padding: 4px 3px 3px 4px; } + toolbar:backdrop { + background-color: #31363b; + box-shadow: none; } + toolbar button { + margin: 2px; + padding: 3px; } + toolbar button.image-button, toolbar button.text-button.image-button { + padding: 3px; } + toolbar separator { + margin-left: 3px; + margin-right: 3px; } + toolbar entry { + margin: 3px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 3px; + background-color: #31363b; } + toolbar.osd:backdrop { + border-color: #616569; + background-color: #31363b; + box-shadow: none; } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + +.inline-toolbar { + border-width: 0px 0px 1px 0px; + padding: 3px; + border-radius: 0; } + +searchbar, +.location-bar { + border-width: 0px 0px 1px 0px; + padding: 3px; } + +.inline-toolbar, searchbar, +.location-bar { + border-style: solid; + border-color: #616569; + text-shadow: none; + background-color: #31363b; } + +/************ + * Tooltips * + ************/ +tooltip { + color: #eff0f1; + padding: 4px; + /* not working */ + border-radius: 3px; + box-shadow: none; + text-shadow: none; + border: 1px solid #616569; } + tooltip.background { + background-color: #31363b; + background-clip: padding-box; } + tooltip.window-frame.csd { + background-color: transparent; + box-shadow: none; } + tooltip decoration { + background-color: transparent; } + +tooltip * { + padding: 0px; + background-color: transparent; + color: #eff0f1; } + +/************** + * Tree Views * + **************/ +treeview.view { + -GtkTreeView-grid-line-width: 0; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #616569; + border-top-color: transparent; } + treeview.view:selected { + border-radius: 0; } + treeview.view:selected { + background-color: #3daee9; + border-left-color: #eff0f1; + border-top-color: #eff0f1; } + treeview.view:backdrop:selected { + background-color: rgba(61, 174, 233, 0.5); + border-left-color: #eff0f1; + border-top-color: #eff0f1; } + treeview.view:disabled { + color: rgba(88, 92, 95, 0.35); } + treeview.view:disabled:selected { + color: rgba(216, 218, 221, 0.35); } + treeview.view:disabled:selected:backdrop { + color: rgba(216, 218, 221, 0.35); } + treeview.view:disabled:backdrop { + color: rgba(88, 92, 95, 0.35); } + treeview.view.separator { + min-height: 2px; + color: #616569; } + treeview.view.separator:backdrop { + color: #616569; } + treeview.view:backdrop { + border-left-color: #616569; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #3daee9; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #eff0f1; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + treeview.view.expander:hover { + color: #3daee9; } + treeview.view.expander:selected { + color: #eff0f1; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:checked:selected { + color: #eff0f1; } + treeview.view.expander:checked:backdrop { + color: #232629; } + treeview.view.expander:backdrop { + color: #232629; } + treeview.view header button { + color: #eff0f1; + background-color: #31363b; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #eff0f1; + background-color: rgba(61, 174, 233, 0.5); + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #eff0f1; + background-color: rgba(61, 174, 233, 0.5); + transition: none; } + treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + border-right-style: none; } + treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + color: #eff0f1; + background-image: none; + background-color: #3daee9; + border-style: none; + border-radius: 0; + box-shadow: none; + text-shadow: none; + transition: none; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 6px; + border-style: none solid solid none; + border-radius: 0; + background-image: none; + border-color: #616569; + text-shadow: none; } + treeview.view header button:disabled { + border-color: rgba(88, 92, 95, 0.35); + color: rgba(216, 218, 221, 0.35); + background-color: #2d3136; + background-image: none; } + treeview.view header button:backdrop { + border-color: #616569; + border-style: none solid solid none; + color: #eff0f1; + background-image: none; + background-color: #31363b; } + treeview.view header button:backdrop:disabled { + border-color: rgba(88, 92, 95, 0.35); + background-image: none; + background-color: #2d3136; + color: rgba(216, 218, 221, 0.35); } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + /* this is used for the resize cursor area */ + margin: 10px; } + .maximized decoration, + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + border-radius: 3px; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .ssd decoration { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } + .csd decoration { + border-radius: 3px; } + .csd decoration.popup { + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .csd decoration.tooltip { + box-shadow: none; } + .csd decoration.message-dialog { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } + .solid-csd decoration { + border-radius: 0; + margin: 0; + padding: 1px; + border: none; + background-color: #31363b; + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 1px; + min-height: 18px; + min-width: 18px; + margin: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 1px; } + headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:active:hover, + .titlebar button.titlebutton:hover, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked, + .titlebar button.titlebutton:backdrop, + .titlebar button.titlebutton:active:hover { + transition: none; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } + +.maximized headerbar button.titlebutton.maximize, .maximized +.titlebar button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } + +.maximized headerbar button.titlebutton.maximize:hover, .maximized +.titlebar button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } + +.maximized headerbar button.titlebutton.maximize:active, .maximized +.titlebar button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } + +.maximized headerbar button.titlebutton.maximize:backdrop, .maximized +.titlebar button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: none; } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } diff --git a/Breeze-gtk/assets/arrow-down-insensitive.png b/Breeze-gtk/assets/arrow-down-insensitive.png index 12092544d8b33c15381f11c81871e495dd7efb27..d043025f7d1c60a88172c624488b7e8f0d55e6b7 GIT binary patch literal 245 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}}+o-U3d z8WYb>*vQvpAknh^N@GiF0Jrev`#bd&CU@)SRj{);CB+yxNgiOFU^P)=)`O%+XYZHq zl=(2fbIZ4VsTE7MKHv5>QJQ6{;j-T>!htWo{Jq!vSor;^q6tnh?h2eW_f331D`_r$ z!lBZ)^`+%$9`=S^>+*v-UY)z~E;7jLbP0l+XkKt6E~4 literal 244 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}~no-U3d z8WYb>*vNIrK%!;6+QEg3)!4Wm3ICa}wXEpl(WMU_UHHZ+vQTrHpVbyMi_WOlT^#rR z)E+N9P~X;ZC|}aeW#RM3Tc>s3x^?)cv5fZl=Bd*z+it#AHgVounc~h_XJ)Um+UIdh z;^hqQ3!hBRm-8|=Y|_!6cx~(Rx}Q3d$tmJ2oKX|Sj$UJOxRAe_*=fr@{{5W&dt;dx r7O%dM5*fuS%d{v$@MxC6AJ4pmD)+`>iT9U*j%M(5^>bP0l+XkK6oO?N diff --git a/Breeze-gtk/assets/arrow-down.png b/Breeze-gtk/assets/arrow-down.png index 94cae332c3144dd71ac8032282bcc4fffbc94c1f..346850d393e938dfa70b3713126ededb33def496 GIT binary patch literal 203 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}|?PZ!4! zjfu$#5_23Jot+yaOntbdq`1!f|2IGA;)Q|(OCwyJ4>$h2|3A2(dFqubIa97)iPu`a z+IpdOSV-{Zqgw60!e&Q%Ud)n^l(=qWVC3@e_y7Oq!px7Q*xcGq>^9GTcX$=!vwQ#l x|68Aw00b#XJiCh@A7lJ;knw7ZzCZ>ygR8K5qoV)u4M4Xrc)I$ztaD0e0suAuPgno| literal 239 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}}Mo-U3d z8WYd<`*Jk}h_s%+8vBJOwn<`-+z*y;!5yw^bzPcI%x~P*d_Y9ntbdQMyyR7t7d`vm z7w~rAkg-I5pyT^!Y1M1nU##M-b_AiZ7@+nTxf3@gV=&n<0jUR$9BJ${5ZI>c~~+C5sR4-FnG**@{)G=AFN3|3Rf$ zKfo pah76yseW?p+Shf#4%f5yFo@cOWEuTlmH>1#gQu&X%Q~loCIDcAVLt!> literal 250 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v~0yo-U3d z8WWQf4lsZD@@2=xqcaM$w+a0|e&}7_I?mN>&d$yk>vincNY)w3?k#zFDLlo}EvKvA z*yxtQpCsF|r>9O%fAOhjiAGui5V)0nj!$EYUS|KsT|eILBiHo%1yxew4Yxmhdir?% zC80<8|BU``6%?LU{r}a~%j+vl4S--z#m7gpx3nC&U9a$1&rjxoa!00_FkJr`@UAz_&lu=*22WQ%mvv4FO#m&~Y#jgq diff --git a/Breeze-gtk/assets/arrow-left.png b/Breeze-gtk/assets/arrow-left.png index 5f09594487a306ce26299384ef1de7805c8fcfa2..323773402b523d627943bc9bded6c6cd4b8fc8e6 GIT binary patch literal 187 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}|;PZ!4! zjfu$#2be`nOhhgmol&3}cJV?%!oTnTMa+C990GmMhDG}RUAk%4uFDKsAgO?`;QFPD z7Cvn7m-X`(W}R~7N)Cr*r{v7f|K8qqZ#r~HT|!bKoU^lIPWAt9Z)^8RbzE%`J;2ns fqNABHr;G7Gf@bZ_@6R%Tb~AXo`njxgN@xNA3hYQb literal 239 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}}Mo-U3d z8WWQf4lwiR=!jf6I-@{)TVcYV<278d!eP8_Y1g*({QtK;CFO^F;lm@H>?ewPZixI( zPlz~t;)DICJ1diaUwA6%8QAkkg_&Er{XY*+_J3o;w#Pv|m-&A%825a9baFBKC8JNr zCI9`8*HzW6e)se8@$VnA5`duM-S@1Os)RA%kF zt6%N%Pw4{zby4Hl0y#5PqJecqIMf|e)Aa|X6<*N?aR*Yz+n zi9uP9)7jbi;{Bc;GoJks{jocXKB>m>?hr}7+Td@<%sj2*_t_Ikr@yp6)-XF7!MJb< aBZFCm|1(D~nSDTqGI+ZBxvX{g8c diff --git a/Breeze-gtk/assets/arrow-right.png b/Breeze-gtk/assets/arrow-right.png index 5b17dad15abf8890b1f0311b7b5445e6d63c7576..dd8c31728f8809d6c53f41a116ec59cb68923711 GIT binary patch literal 215 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}}FPZ!4! zjfu$#4$NFqQd}>RPBd`F8h+mYe|ds|n)ymdabzA^#kkBfBIFCt;rh0zhZZebet&P}=Y~ec zvzJ8}T}@4+Q%%24KlSRBAM=U`M`vfpNZ-Gr`#KJ<;+${8uz8A=YX9$VPk`=X@O1Ta JS?83{1OW2IQuP1; literal 233 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}~Lo-U3d z8WWQf9GKa}#JFB0ooL{UHGFLUESOEqjBkgDfpT%2P30%YD7SwWhyVXyy>vV zwY-zDXNOA9nKilpjSbc$ru>kve0ODIZH4KBpq@}>yQ30P34-6}cN)Gq)Tzwg@j>X} b5=I952tSRI(yseJmoj*|`njxgN@xNAB{Wt# diff --git a/Breeze-gtk/assets/arrow-small-down-insensitive.png b/Breeze-gtk/assets/arrow-small-down-insensitive.png index 25c5f1d1cf9ea66f33ccff4588ae434e4764aeed..7407cfee6c6cb9bc27dee811bf68eec3994dfb1c GIT binary patch literal 191 zc%17D@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt^7o-U3d z5>tEo47pki7+B1YIc?xhU$e%nG%g|a@$vrOt{gWsJ*09&CaqrMaw6ok*kK0CE!VE) z&(B%Ac6F|_z1LdB7Fh<5SC1^(R=rkZWH>hCna@i7q(7dTkN58VzIn$~m9JBS_!*W8 l#6Q3DDMN9k=c_dza{k3ztCde}i2^y1!PC{xWt~$(69Ae7NjCrh literal 186 zc%17D@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt`no-U3d z5>t~C6xd$8d|CKdDEZpu%a8vZKlDydan*-!Pfs6@SDX}<^glvku8NDRoS~6{fq{gS zRM)?>lr4!rj#l+d{d(PA;`gbkll3J9-J&}GCjZPmd;kc(w0}LZ)cbf`Vqy2x8S~~% fl?dchmttU8?5L0`8QQr9Xf=bUtDnm{r-UW|OHN7F diff --git a/Breeze-gtk/assets/arrow-small-down.png b/Breeze-gtk/assets/arrow-small-down.png index 58beca33dd5b61df5c1b81f128dc64fcd9697647..c305bf1045b7448748ccc18482d2fa33b8a154bb GIT binary patch literal 178 zc%17D@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt`Xo-U3d z5>waqZRBil5OJPdJh5M9lA=x?*FjO&aDi;~fD4{2zr&gonp)TURHz&f_t~^vXGV(a zH%qUVT8pQ2z1i&P#-Oo!m6}CE#^&FG2jpCKuYY}F_tTr!3<(LFbx(i!A+)q){;zgn Yr@t~Q^+KjP1FdB6boFyt=akR{0DNyjMF0Q* literal 180 zc%17D@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt_co-U3d z5>tEoHgYyNh&T(!9ueeY`Fm79kL#eQYq$Wn;7+GI?tAhR7jhh0>T|-oLBw+6qw|Y} zH6=bLNY1XEyWBeDe8$|=bXNwA?5i1O0@s*qcwTU3Z{N^UGohTD;og?>>#EdWP3}{F Z&9qrcl}Gj91(2Ht~C4lo`0`ejFAj#`OlYHF%spMLzE#I6|=RYOBUT>cvv+%Wk2zy8h1v$Nj^`UHf9 ziT(cje!ea@^WlrXzrWvqB$L&uA^PLLzrWWnI&>)iA5b|5C&!-uA08eK=P}t~C4lsTB@?}S2j+&3B_QrahH}4EwHMn?qd0qc+{IenL$I+56mzH|ROG-#c%$QjE zFEwpL>aW9fUp_q*USAN^$oD{PPtDICtGBfLn7#i@eeRK#r}y?(eHFRN#m2_gCaxb> xGg%w8;PoLD?vKmOmbES*i}jGQuBci2+jnFC$I;OXk;vd$@?2>{hkQaJzs diff --git a/Breeze-gtk/assets/arrow-small-left.png b/Breeze-gtk/assets/arrow-small-left.png index 11b9eb14f54f2bb97439ce55bd8987c34b3d0589..6e0befbc0a8f89df379c486cdfb067971c65ab21 GIT binary patch literal 154 zc%17D@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt`so-U3d z5>t~C4ls$Bn203gsFiq%^767jtN-t>sNKZuYHAvtYWj8hsaLQ3BqnJ|N%5V^dbK{p y#6)JoQNuL{xTjpXl2Z`Xm?s+Meu!a{3d5?G{QniNJpBzcn!(f6&t;ucLK6VdPcm%) literal 189 zc%17D@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt^do-U3d z5>t~C4lwcP=!hibsQGwGvmdKJvpk_IKty6@Rl6ox#VyJ>0@1Yj9XXf1XX1g06D?oQMDaUk$pn>G?eS+M4-|Kp?nV`TzP~ i=f7O%dB(Tr9t%UHnWnN~hW=@w?F^o-elF{r5}E*H>q#5{ diff --git a/Breeze-gtk/assets/arrow-small-right-insensitive.png b/Breeze-gtk/assets/arrow-small-right-insensitive.png index 0afdc5f9c803616c0e2aa5dfd4b9d74a7f8db999..52175e337c82fac1ac2d1e47035fb571491fc904 GIT binary patch literal 199 zc%17D@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt^No-U3d z5>spYZTXrE7+Uu)Xzt|JT)>`@?iY~mx9)hxbE#bG05O4xDK4)2zwX^5Us1H?wXJrF ze&O|Py;DAY$h^Uz^8D8-jXdUziO&^}&A7+IaPRjzkwf+l)1B@(b7ZdkaeUH(DXZ8n v+%$>pF}%Kh;$Mq-+X}W_+jVtCym|U^X|2Gyg2umq?qKkA^>bP0l+XkKL_t~C8klTtZS&Z48aUN{_P5@R^*`^$6U%7K%*=fF^mP4tZ|{!%KTrR;?&cHm?(gbw z|NVt~C8kksld0E+X8aUNX{(1jjQi1-{0T2 zw|`MXV`JmPzqhydx462VH~5ntp{b))_3Q3zbN&Zm0<0oeujEX
?K^=j)x53P(0 m4UN?+_aA!ZA>w-D2;(_Hh2_tdtoRCa0fVQjpUXO@geCyz8b>Vv literal 202 zc%17D@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt`jo-U3d z5>t~C8km^5xmnqC8aUNX{^mYXATM diff --git a/Breeze-gtk/assets/arrow-small-up-insensitive.png b/Breeze-gtk/assets/arrow-small-up-insensitive.png index 0cd867c863ebbc22b3fa6bacfd364a5e13ffafa1..89dd0b059d414d8c0e25eb7cfa7e63f2f6fc22cc GIT binary patch literal 196 zc%17D@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt_Yo-U3d z5>waq?dEDR5Mk{<=ComAcfZ%{*;errPSsyO&#~j_A+=1AmW($pV&2Q=7$0SfYn>^b zmiNx@&T)aob`ATKepx=Brad9(8smk`o?x{jG7P?{FZX=!&X}roDOY-vie#^0eD>QY r!JD!dDzDcvFsuza`hULq_Y<7IcB^*%KJecM=m-W+S3j3^P6t~C7HD0#yjkcn5Ic({yG{FZ{L}4c_LuD~IRjg_>&M&u;|fp6$k6yT{pWh#!}`;b z*ZAz0|CjnNTUkx#`@gHJm&Z$f{qkkU|BV}V8~;tTEqZxrWB7?>hJSzV6wcZsXTGf3 d;OGV>hSkf|RwaqZRBM#6kvJ&r&r?Rru9rlD&0aH7q-7x|0r3jz(KpBbAry337qL$SGVrpv}^j+ zy*=lS1;ko6uvYJhvSwg9pt*GQF0Er~CE?+=&uf@BypWr|?)i;h>-ILsGIYHA`2GAD b-=7S3m6dWsWZxYITFT(*>gTe~DWM4fIAKPG literal 180 zc%17D@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqY)RhkE)4%caKYZ?lYt_co-U3d z5>waq8FDo{h`8L((R(B)*8Nmi^oVjqN4Uvyk3_|=odMr&yF?f)4c?b1$GlxF>b86K z?@23lrv7Dp;CMMb`aT2W0zcp7Z@NENdMw_gUs}b-(3LjzQ?h>e^0SA{|9%OJ{U3Al azKq~8g|o%3e?ozlGI+ZBxvXo-U3d z8WWFB*vr>sAkylu+04nUSud>j_Kx_5$?x_0887+@=k0cIVtJL4w8hQ*T-E;fYR?&F zyLd%apJeyvp+V>ZcA2{p5v8o3R<Nm}BZ^`3>et*13ocpx g+LPgh+A#BIKPlCvMx>+H|{XZ&~aWP#9%-=Cg7UTAm$|U%d?H;caVcTeM$NGFPH*qulPIr%z6c>&Mkho;IQ4cmLD* zrkm8#a=H@R5-uNEv3&XQzx}Ou=f32BJ<)r5-`+!_9RDNgZX5jlxl>qc!Es-UCmgFK b6&M)eclqp^G>78{(47pPu6{1-oD!M@B;=CZK*j}%#`6jul0jtZ7-_@)s yQ@N;PXH-A${m1q76Vw?LX1QM9d_wfuvN!vxbX|?5|4Rbh!rrBW@WZ{p0Yx{vq&*Orw0 z=WbwV#Af*K_x?*K&Ya?mQQz(W z1>PSvU7+12+2kv{xUsdB>9PH@;2U?k->v`eQ-5{=lNgspGtaut4YL@T7@E0V?piL* RI0tkhgQu&X%Q~loCIAoRTSou@ diff --git a/Breeze-gtk/assets/button-insensitive.png b/Breeze-gtk/assets/button-insensitive.png index 581f2595280ffd070594f6859d3ddb7a783828d6..f2f492feb833d001abc4d6e54954cc1f8a0b4d82 GIT binary patch literal 332 zc$@)D0ki&zP)&O=7@{-dg@dR`QF4?x}hvji9e8NUvG euWW%Dc>M%-=60@^H(?~kr+uYrLVKv=2!tg#xV^q}3$P6}{PuA7?c|5+jRe-i_Z_*@1Q82tlfFw?dqUZ`3{^$%uyu=Qo zDyV7(WMN1C_r!g|9k3T1;CF!|vR}C;#SXfRP6H zTGP|46@|iDqk&=gWA2Uywi0?B;2`36(~)8Kz`wupzv1cm9YYb>I_H8@Kq9h(yvJRtY z)Jc;;9LKK$kWJ?|VWV+&((R&@@>6myc%048$CGRb^fkb$C{Ei+yq!D00@8L&`BwIT zmInA()6?un6xNm+Xv(*_I{^3<@jAd>#LuQC!}@`Lf8~F}!}B|aBC>YQ1yvymI1<^w z)-a5s(X%m?VNb>o1o{rJ0?K~y-6?bN?c!cY`|@$Z&XYC9m5r3|#;c{I@naL|>=L--Q<96SKe zf(*@Np{ZCX(G%*RF-DeF9UM60{qxJ0J6!nVF#z-V{A88q5Bj1PRkiOm0UXC<(sHL^ z*d32Xqn!X`S$^O4+Skc&h=|*$NL53-v^QyLJ>bd#cvZa|L{Vc5Ktvcs1Duv~4)g_} zs`fn*0pM}5U{{v4Fh2-L;usOZ7}Ehd&i6xgF@SQrJqSJke>+F;2>wgZ4}#j4ecwM= z6L|lER5cV4k~nT$rK;?y^3OtPxl_BesOpa}yR?)=F#}Wp!mv9|Q|oPt;tb4bGqQRr vo;S0}K~y-6?bJ<9!cY{3;rBMDln(e$iUS~FJ(}nO9OzJ7g`3cIumIN5 zL}DVR@RSPx6#)D^sLTXx?EH73i9hbbZA&37$*j~mU^EbEU7OJmkxy3C~ zdY1JPtI(^wb?Iz@!KlfMSlLA-*xoSQ;&q5HCwK|oAX{ zZDwY2_1xE-7UbUEe0=NV^_ zu!-|zwB1rzT8|#;HCMS2{h71Q^3z1~$gN@0)_ezESBGR@U2%DtQe)hG>HZgW*XJF$ zZjz>HkcSIRbeJd@xctuU|2xZ6Hf)ISV9_*cYT7DM8&|R9;=yz`&Ch1Z#abd-LrKdmSuPmMv6tsRm zL&3M@Un@7PaqGJ;rqlhVgTe~DWM4f<@-dZ literal 695 zc%17D@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEY)RhkE)4%caKYZ?lNlJ8ay(re zLn2z=-q@XYIY6f2 z?BvJ)u0M?8`C^m5FY5dEP?5FViUp_m%Ix|xXRTZ`C5Xkb;l26GvfT|I4;y`LK6~~o zgTlSL`CH4{c1)eRTZFsyN+H9t%peVsf>?1ymIdLn)z@Bc*unCq^^;&jaM=bO?a~`p zbxt2Clws&PddaMS-5_bfwToO0bI<$BnxEPByE^(%3|m?wt6=@Anau0%UMst>ENZRb z$&5u3hRP9I(@)+m+avaVt>nL=DaY(mwno)HvS7G5Ipp=%!sSnoF{S$Zxs~kB_J5c? zYXi@WEx6D|2Sep!bBkX8dwwgq(fetU)`^GN&u@Hwq}`~=y*&B}-teMZ?DB#0d9Q?Md{=LV`#lRpEv3#uz42(`C)6y6bR}(2-20y=9 z^Vv_o`t)P%v-jGj68kOrw%N}87`)ODB9T>- zA|2WE9iSJe1M#LEpmD$$BTKJwaNr;Rlk?@zf06@#tQtTZ$0w^SdrB8+Coc*^2VmRw z&h!15=eGL2UhmxmSY~gJ<*qy*4zI9np_ND}Ri7rw#au2YK*s=(i^W;k?P|jSgb-YY zA?ww;4Y(#iUKEB9d)UKxjFhqxEbs%OXn+ucqR0)PanM&)7(go1pO&e0fGRoykHCKk z4E&(-auA#zcqZ&$kW#8HgdmCr+NqRMSe8|OCG>oMHcb+gQon*dCsSHY=LOiB0G`|G z&*gG*KN_|3JlE>gvaHf^ny+`aH`l*s600000 LNkvXXu0mjf+Ps+g literal 368 zc$@)n0gwKPP)Gb7HxnV z;J*Y0evo;2H&~ywVfBKPQh6Z+-A-ui>QyOR$4S2&`hIyb9F0**{R%d`9aAXm+yP4) zpy*Y?Xg(dBo?TS6)<(HHj*}KV@BaAcx;06tg% O0000Zr0Do~=~q4;5gTg(=0!o5yM?>U(}HL3ZovEIEwJGM&no>TL^rrpcBvmUJ~ zz1+HEM#8Kc^Iemba#uF2Tq}Fv;d_C%OzmzLFQm!rnps}?%-}N%$CH`|Y5M2Cvc_I- z{^^wX_xQ{8$DanByq{wx%UZEFj_Kfon*|zQs&YzFDzmaym1q}K|2}(IKb}9>ZKK75 z6|bh5?w?CLMqqOzGwWBK=0|9^NxLyWye;7D@ep@)Scu7x71OI4Tc=j>D>&q*N)XJ+>rNho}P|@rDUlL`vMKFi=7(&&z=i9B}lma|9J9b z@qudAAD_RJ@F~c3FJ86k@rKtcS9#@Vu{o>_n#*{M(OyAjW3@y-`x!cMEEDEbn&?q|wrbm-&!+|7ysmk9HE4Hv zKeK`F5n~B4qbZmXfAX9s*4#63pDm|XRrOs_lx--mxJE?*PPFm z?UR*d6!_5Hwe=cXo73U-43}QozWQ2qzHn<4Z|rr(fZw67UFz?#_4W4YWZw$7YQPhh zmowpHjhoj?3m>nOiE4+BJyTnjxhOL#S9fO2&OLWt$Rwm0?`}){Vy(AZ(f4u|`+UA> zVd3*@_r(0VXUKH#)-A3nKA&BI;iftLw3C$$Q&^O8LU3s9%B?9ysrB{ufBn1Kn8W_T zNPq3mnD^|hYhO9=W!z(HxmHmjz`;DO*v?mEIWu(amEc>p-@V62WT^gge9fy(*N<{X`f$O0(l-D;)fM764I2Q3N6ADax|y6pjjP zZspK49aT}Pqp|BZW@l$LfIfTT@kw#X#yxy+pPS=jp5p)nA;|dH829eZAxjdPuJ`{e z>d%4TC1A1mYYrfpOb`l*p2Pl56h#t=2>_~Qbq0t70S8zr8xlY)8tpmGE*@*FT`HAj zAOxt+JG3k-0JOZ;{rv;hvL7)jMprSCBr%nmBp#1BV}c+6@W(HQ(${+F<<{1_j{`6a zgSG5>r)gqGpkZ_$XIJig@4k+}|D6wXn-6rG4|JOkbej)!n-6rG4|JOkbej)!TSuTI zNuDh(|HHjI0;f`wo*-pOV(Qjp$9c{sSP+B@%d!HNRll@1j>ls>dHksBz^kfRR?{M0 z*kjHU9F!#kpm0>^3FfK}4;yRC@_@4+b%2p;k+%SwTRCdATF-H&X|nODaq1?DVx~EK z?f^$3!}CL`TG2F}m6xyC&F^6~AGw!Vmc?#;0a~u1Hms>h{jg(`V_$?dH&N%MtMM@@lwZ{&-O}t23oiS?K)oFh8pp#bpa3G?|LdFsH9!Y6-~!+`*!<#N>t$T& P00000NkvXXu0mjfp95FU diff --git a/Breeze-gtk/assets/check-checked-insensitive.png b/Breeze-gtk/assets/check-checked-insensitive.png index 0fad44335c61146847a4ff937c5e578b39460276..485734b62e3a4bdc6ef6bdbff1e8dd0ac4157d28 GIT binary patch literal 349 zc$@)U0iyniP)K~y-6?bN?c!cY`|@$Z&XYC9m5r3|#;c{I@naL|>=L--Q<96SKe zf(*@Np{ZCX(G%*RF-DeF9UM60{qxJ0J6!nVF#z-V{A88q5Bj1PRkiOm0UXC<(sHL^ z*d32Xqn!X`S$^O4+Skc&h=|*$NL53-v^QyLJ>bd#cvZa|L{Vc5Ktvcs1Duv~4)g_} zs`fn*0pM}5U{{v4Fh2-L;usOZ7}Ehd&i6xgF@SQrJqSJke>+F;2>wgZ4}#j4ecwM= z6L|lER5cV4k~nT$rK;?y^3OtPxl_BesOpa}yR?)=F#}Wp!mv9|Q|oPt;tb4bGqQRr vo;S0}K~y-6?bJ<9!cY{3;rBMDln(e$iUS~FJ(}nO9OzJ7g`3cIumIN5 zL}DVR@RSPx6#)D^sLTXx?EH73i9hbbZA&37$*j~mU^EbEU7OJmkxy3C~ zdY1JPtI(^wb?Iz@!KlfMSlLA-*xoSQ;&q5HCwK|oAX{ zZDwY2_1xE-7UbUEe0=NV^_ zu!-|zwB1rzT8|#;HCMS2{h71Q^3z1~$gN@0)_ezESBGR@U2%DtQe)hG>HZgW*XJF$ zZjz>HkcSIRbeJd@xctuU|2xZ6Hf)ISV9_*cYT7DM8&|R9;=yz`&Ch1Z#abd-LrKdmSuPmMv6tsRm zL&3M@Un@7PaqGJ;rqlhVgTe~DWM4f<@-dZ literal 695 zc%17D@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEY)RhkE)4%caKYZ?lNlJ8ay(re zLn2z=-q@XYIY6f2 z?BvJ)u0M?8`C^m5FY5dEP?5FViUp_m%Ix|xXRTZ`C5Xkb;l26GvfT|I4;y`LK6~~o zgTlSL`CH4{c1)eRTZFsyN+H9t%peVsf>?1ymIdLn)z@Bc*unCq^^;&jaM=bO?a~`p zbxt2Clws&PddaMS-5_bfwToO0bI<$BnxEPByE^(%3|m?wt6=@Anau0%UMst>ENZRb z$&5u3hRP9I(@)+m+avaVt>nL=DaY(mwno)HvS7G5Ipp=%!sSnoF{S$Zxs~kB_J5c? zYXi@WEx6D|2Sep!bBkX8dwwgq(fetU)`^GN&u@Hwq}`~=y*&B}-teMZ?DB#0d9Q?Md{=LV`#lRpEv3#uz42(`C)6y6bR}(2-20y=9 z^Vv_o`t)P%v-jGj68kOrw%N}87`0d@X~P)+;LwE^22M6FR z$f7A5NX7C|eWfl;j1gNp3GZ^AnO~mFBm*ZN2Vgp#o-LB(S>N?K&-WKLfa^L-sny3p z&>9W~gPi~@m&sGZH17Jn9wK$CMyeXb^Y}iBVguZ|03WJ1-A>0E0}v6qoi1+8y#m?- zkmvgg5dq+3HeC~rryquh2#(`4fu{R+Q&kLLyV)ERJ^-tXF{UuH28}VN1CL== zU=^$~SQV=T+F(aPTdWi;!}L=NK`9EdEF;S@n{vQE4L#qleAx56gEfKgFGy7b5uqQ3 z)~!^PJ$dreP-^vYJdaT=zMC>Ep2uv{bONXV1VL*UMX_0@=_NSlc4YpVzO5&t(ZeIK oa(*Qa&<2{6JXTRrU0d@X~P))>SJ&Fm_$9S1A{} zola*h0Vc`p&G-DrMzfBT(yEbC>MD%lr%@RDz=H#zw%hwg-5vvwQgYp><2cSOP?G?e z*41z9V>o2JS{q@7AfVl9BBewKQ36WN-;gP`&#n#%AAly~dtUC&8uUF6&-X6_p2Ms_ z6U-Pi#f(53>?~-Dodi!|YPZV;bKlw~P1&TWO*!C5!$J@kA3m0qu>XRTQdd$++O4K_ zE2R_~J^5+qx?V4gVw6(^hsVs{kA{$f765yC0kfLdqCVzKPMbe~^= osra=MKn*By;Hq)$07*qoM6N<$g6R^fHvj+t diff --git a/Breeze-gtk/assets/check-mixed-backdrop-insensitive@2.png b/Breeze-gtk/assets/check-mixed-backdrop-insensitive@2.png index c48ae5c38d11ad2755278844a0d1618c390781cf..8c153d71bd1e07c6b29483b0bb18da5976cf3d29 GIT binary patch literal 772 zc$@(Q1N;1mP)qqFum)i7Tm8QG05<`5L@BqTz%ahY zEc4OE#zq4mtX{5EcDlH1HcK*@)Q$r%O_O9I$%CaOgb)w}%O{n}Ye4h>TdnpJ0LO8# zEK57=dMwLg-f;j(*@-RSK464ErQ{NTZQB#ab(84SHiWeZ#DQ56ej6|i-1u4R^%_To z0@9a}Vnj@kUP$+xkZx@wp!?5}8hDWvip9ur0Djx2P%I3ZHZ>6FxBX~DqpdxGZ8~Nq z3XI2xzbQ=&7>~#QUf`%Wm;i7b9B2lPivx|oC~%+&7!?jQ0Hee~#K5R=5Ft;HXc923lqkDX!FxBWKnI3y<2 zeyi2$luF0=zK;w7_rWo>r@SFSobfUcq_5&l|u_1eg6e z{Z9k8#{=?!-wz0v?crG<1x%s;uA_h!a1NXS0l;s`J@%Fmp$b_50000&rVqplb=Na=(k6l-5>O?tbalQlRhqQ`LHNM<&U#5CXU2;uMRRrl}Prr6dRfn#~qb6amI}%T)JP zS62goboFMtz0t=lEZnACDrv_7n5IdoRKoK-gb;vQY#p>;0^%I-G>jhrxD^-6vb4i4 z#$92}O;L>631Rbi?8cCdF ziV+inxk`ni2LB_zWagZTU2M#g< z>cT+=K%F=k6Q~;pV*vBO!HB?7aZ1Xe=L`)T2X`EXL(da~hn!CsMTAi_^g^TN-+!YP z6GQ*WH_lD=JrFoosc1p=KRXAGOScS8P)tfG&wU#g9f#$mrObg>MfR_9rB3>_RALy` z4}c&Da=~1cPN%zeBGq2MmI8%sy$5JETO`Tw_p5P}Bngd11Av2r*2i91o^QX^nmbbV z+HbClvRGdjRtWXBc=2oKYF;nySp0#C+RupdEW8%_UE`&wbw zVEwmm-aYBz01hv;fVZ}`rv4lSugc}=bxWA@XBs(rVi3wC_FJuAo6ny;eSHQO0zWSS zdl7W|bNb%~u1*N-0r7P}=(dMvfN8)+|5HZ-5pW3n1{A(L=#af00000NkvXX Hu0mjffxcm5 diff --git a/Breeze-gtk/assets/check-mixed-backdrop.png b/Breeze-gtk/assets/check-mixed-backdrop.png index c92d1cd2aef28a345d42c96b68db51d77b38c297..fec0623e5d72788b9368d4e47246f2c52118045a GIT binary patch literal 414 zc$@*A0b%}$P)3%vtv`Qw5(X&2DAAQ~eA9m89`m-*zEd6|JDR|cTh>z&LNi|4=(s!<$kDu8L4 z>ym8`OIESjXf!@_fa&7>DOo4y?e;aMDU=dPDYFC5yO@O2K2X&FLf=2D*J{cbfDnSq zdY$=fUIr{3Ac|v6hz<7G?GlDzD$KDRTCFRD5X5n$0lBUFN{aymVeq@9D=pxw+={z% zrVP3j7uT&E2Rwu+foZVRU|K8{sDd2?Rk6L`J}e0QouIyJFdB~-jYlfsfIkvCwv+m> z!HFIhB+W!!VNXgeBV^4m=Mj<-f2OZ$Pn-e+5=LK*=gLC*idJ z(CL(;C{lVohG8W6eBtf>?)C;)W`4{vfCc2(v#cGp0+zty6V~T)&Tg3TD*ylh07*qo IM6N<$g1D@+8vpu$&Tm$g^Nmz(Ec71z?=X!xK+p?)uE9?ltWa5Vbb7{YVVgRn^{vOhl4&b{o zsnp7zGMGuFNT(0C18%~Uz#v#)FenxXRKYfas@Pg^9oBc3?%$%cRgJFW&~+S@aKIl4 zZOab4c;8;0tHJyWl2S&55Y(y_4IpMF zE8eizxV*Z_`o6F9dURc%MNRYR{OsZs7>9oJLO>iaS#ww`Y6^^j!51ewatwC&c<2BC N002ovPDHLkV1iLqzsUdq diff --git a/Breeze-gtk/assets/check-mixed-backdrop@2.png b/Breeze-gtk/assets/check-mixed-backdrop@2.png index 757fb133844a259e840c7073c59368ac8745a763..cff907e05ffe5222b77319246c8193bc881ece61 GIT binary patch literal 815 zc$@(*1JL}5P)@xPMEXphDb1x1q@dkJP^geVlOJG-zeU3wMX zLQ!wQUFo6fn6{}=sjZzPPE2w{yU_;l9j|)2yQT*R2eY>VS5{s} zK7ZMXTbWF=Qq?UnjP{f8{r=e4*u#WVD+5i_47`2!{=mv)nuQPyMTZCmd(kvaDN0I7 zdN0lT`UaL|VHif?LAbAbbaXTW(C9So?e8x*xF-`6^!JCA;{Y^GBit9}@%T7G2rSEL zIygLh2KcT3e;gf+0SrZl&~;ro?0R%vCps7fppZWq0eXRkGVnNed=DTP?DZVyBoqn) zkjv!+paX3_XJbjq2B6}yrcx3{;ELRb{|*6z8k9o|8_hDMg}4^ukj2R8Hf;x4Ai{N6X0EO-~q5694H3X zivxu~H*lZ`=oStX0Nuoa%Rskr;37~34qO7N!hs7wl{lyqs2T@#0KLG$9f5bn-R0Y| zW?((IH}Tb)*ZHcqTuov#L1Hsez0sxo`(M;T2xSNVlYLhO4##3jkU|JXV#8JY%J-mO z)6Pp$Hb^P2{2PZtA*LoLT?gKjQmF)hruomETKNpNw6^2{(tBx7FgNAv?k)hWEh6vK z%D|3}&X)k|>l+k{MbB}CLIKk>0nnRt=a2rZ4D9Ldnl_B~6U(xAvA9Sw`3Whda+s8o zon(^5r6p|J#xRV+{Os(^<>pf505g?bvn;Dgx$K4*hEdr5xIHyD_w>VM>08AJczJob zHEY|?3;C0gTrMZ1;t{ZRF#@)A-5;Nyot@d*+H&r{B9N*8UdG48e9rqp;YEr-8aTZT t2p8kwHXs1_QUBIC14=*^$N=X6zW~l>0m4ID^a%g}002ovPDHLkV1m1Iqk~P)9DBGJV^_QM zRrm^o!d`=SW4F5Jo845_IyWt%48|_h`808>iEV6~qPu7trd4WfPR3xr%YV+v`H+O< zi&hs|?=@7_oI zwl>zHhG8}dRh^SoT|W$TbPbQ)8vb0WIly>4u6_CXZO1UoCRI@w80aS$2p~y5p(xwV zv%Ry;!eRo$Fwr$F(-FLSZFF?h0H`kw+}%q~m2eO4-{X2$r*IsAB>Cv-?Bwp9F;qpt zFwMrFN%I-tI{{24e~keQ4D{2`APa|`jx5Xc_xAyi$!11?5K!j;Q)x>92nGV4<4Oqy z3u~uRX%%Pybmt!0wp|C5-PVnbO=9tnScjIY7)4PS3J($r1)Z8CNdWxu=FsZPr=Cn~ z&V3w!Wm&}HbCrh46@ixJKCYB><#X3p1pe)K3heFfu6mAVz~1g|dU|eDJ(*#DU8|w{hSiPy`NK0*bh_z`-Sf zm&ILR|5ui(fwka1#47Hf%To1!WnyWG#L`mL3tcw<{*GEv6k&_27dUrC;81u_2vSuP zhHeg49OpcPk|Z75wq0l2`4j)fp-_;=j~==XJS#cdE?VT{Qq8%7&8lJnZ0~G)f;lT& zTZOe%waIxOIY9pv{~LgX#RR!r&U0Kgn`Qn}q3b5ga&WNsQndOz0Cr=}j z%f-@eSqpf2dbZ^-`{Q{gn;A)^(yAvd;AS-~$#OI@8JS2V=1b3C7FaI>mgZ6D&ov0u zou4eQ3FOZMLZLmZ0~#PB{;P8Y0d@X~P)+;LwE^22M6FR z$f7A5NX7C|eWfl;j1gNp3GZ^AnO~mFBm*ZN2Vgp#o-LB(S>N?K&-WKLfa^L-sny3p z&>9W~gPi~@m&sGZH17Jn9wK$CMyeXb^Y}iBVguZ|03WJ1-A>0E0}v6qoi1+8y#m?- zkmvgg5dq+3HeC~rryquh2#(`4fu{R+Q&kLLyV)ERJ^-tXF{UuH28}VN1CL== zU=^$~SQV=T+F(aPTdWi;!}L=NK`9EdEF;S@n{vQE4L#qleAx56gEfKgFGy7b5uqQ3 z)~!^PJ$dreP-^vYJdaT=zMC>Ep2uv{bONXV1VL*UMX_0@=_NSlc4YpVzO5&t(ZeIK oa(*Qa&<2{6JXTRrU0d@X~P))>SJ&Fm_$9S1A{} zola*h0Vc`p&G-DrMzfBT(yEbC>MD%lr%@RDz=H#zw%hwg-5vvwQgYp><2cSOP?G?e z*41z9V>o2JS{q@7AfVl9BBewKQ36WN-;gP`&#n#%AAly~dtUC&8uUF6&-X6_p2Ms_ z6U-Pi#f(53>?~-Dodi!|YPZV;bKlw~P1&TWO*!C5!$J@kA3m0qu>XRTQdd$++O4K_ zE2R_~J^5+qx?V4gVw6(^hsVs{kA{$f765yC0kfLdqCVzKPMbe~^= osra=MKn*By;Hq)$07*qoM6N<$g6R^fHvj+t diff --git a/Breeze-gtk/assets/check-mixed-insensitive@2.png b/Breeze-gtk/assets/check-mixed-insensitive@2.png index c48ae5c38d11ad2755278844a0d1618c390781cf..8c153d71bd1e07c6b29483b0bb18da5976cf3d29 GIT binary patch literal 772 zc$@(Q1N;1mP)qqFum)i7Tm8QG05<`5L@BqTz%ahY zEc4OE#zq4mtX{5EcDlH1HcK*@)Q$r%O_O9I$%CaOgb)w}%O{n}Ye4h>TdnpJ0LO8# zEK57=dMwLg-f;j(*@-RSK464ErQ{NTZQB#ab(84SHiWeZ#DQ56ej6|i-1u4R^%_To z0@9a}Vnj@kUP$+xkZx@wp!?5}8hDWvip9ur0Djx2P%I3ZHZ>6FxBX~DqpdxGZ8~Nq z3XI2xzbQ=&7>~#QUf`%Wm;i7b9B2lPivx|oC~%+&7!?jQ0Hee~#K5R=5Ft;HXc923lqkDX!FxBWKnI3y<2 zeyi2$luF0=zK;w7_rWo>r@SFSobfUcq_5&l|u_1eg6e z{Z9k8#{=?!-wz0v?crG<1x%s;uA_h!a1NXS0l;s`J@%Fmp$b_50000&rVqplb=Na=(k6l-5>O?tbalQlRhqQ`LHNM<&U#5CXU2;uMRRrl}Prr6dRfn#~qb6amI}%T)JP zS62goboFMtz0t=lEZnACDrv_7n5IdoRKoK-gb;vQY#p>;0^%I-G>jhrxD^-6vb4i4 z#$92}O;L>631Rbi?8cCdF ziV+inxk`ni2LB_zWagZTU2M#g< z>cT+=K%F=k6Q~;pV*vBO!HB?7aZ1Xe=L`)T2X`EXL(da~hn!CsMTAi_^g^TN-+!YP z6GQ*WH_lD=JrFoosc1p=KRXAGOScS8P)tfG&wU#g9f#$mrObg>MfR_9rB3>_RALy` z4}c&Da=~1cPN%zeBGq2MmI8%sy$5JETO`Tw_p5P}Bngd11Av2r*2i91o^QX^nmbbV z+HbClvRGdjRtWXBc=2oKYF;nySp0#C+RupdEW8%_UE`&wbw zVEwmm-aYBz01hv;fVZ}`rv4lSugc}=bxWA@XBs(rVi3wC_FJuAo6ny;eSHQO0zWSS zdl7W|bNb%~u1*N-0r7P}=(dMvfN8)+|5HZ-5pW3n1{A(L=#af00000NkvXX Hu0mjffxcm5 diff --git a/Breeze-gtk/assets/check-selectionmode-checked-backdrop-insensitive.png b/Breeze-gtk/assets/check-selectionmode-checked-backdrop-insensitive.png index bc97a84b41034a311f9de728e35db4ce4430f484..68b3a480e7ae434aca344c741c55390ed58dc312 GIT binary patch literal 405 zc$@*10c!q1)V2XU0B}CJKvMFLZ+2pYjHfWCK5QsUgPM^r`LS1TOK(kmB65ynXZB7!ld1E2%o!zU}+;3>Xx z08sAt=a0M>bFtuGp@MZ$!MdnmT~x3x7Yl|_)W{!yn<0KK6F*A;E zxu{bzOpWH;t}U2ZW`;`6t}V)P)9p z)$H#4k@aFO7W^wjur4B47ZI$B2-f9dK|ct7W%eA_zgQ_`MAX$BGF%ZLaDX2r>{ zHt4#IX`G}WBAyv4xj0F%-E3w6tY5&|U^{G1mT~G8oAtF)PRPj`Q|3jnojp&UUI2XA x=2#c?Nv4PDWa1u%gi7ucmItdK2!bHg;|HzMV$@bT&>8>$002ovPDHLkV1i*$? zhE&XXd+WTPl%ov$hxhOJ{=Mvy^Vl`XOLXhALG_HJTjDET z-W1=!E*zY>J5WGWl##V8t(rk7$JxW`_hQfAf9ITF`h2$LW~A9o#tvlQF-=)kpzYz8 z)UCVjW|qfgCV%R9?0M1QcxL6g=#t=9$rDb#c~Z2q`l7|jgZ%vc;j{R+|8{$wdU8%; z%z5idBh&30w|#rGI;1V4F;T*A{?zmPCDu-#8pP4Wuq_$5s{Qk`h3`HTlt8g?!*cJa$*aOlxw*spurZE@e`AWo}GoyS&AaVoR>{et~_! zje+XFW+$uL-QOtwV|`-dw1@?&Vi}#R zQAtEGmu?ha5mdy_qwGSVImzQsC@PH-JHc=SAqgK&a0N8;q)oiEq?zTe`!Qz zhiE-#Xjnb_wg2A3X+O;W^+Yr}s%?H;bK#t}}gLc9@egucFbG z>+avmO}`hnXER!`PWW+bPNC?H^Rt}GyKk~QdGE-(>-rw4hG>p0mdKI;Vst0BV+cY5)KL literal 817 zc%17D@N?(olHy`uVBq!ia0vp^0U*r51|<6gKdl8)Y)RhkE)4%caKYZ?lNlJ8o_V@B zhE&XXd+V&9aG(t92V;4W7h5LiEmNF0k^k|j4UZ*nY`CKSftTaWjm7;3xL0u3GInOi zEztAm$e1bMmAUa!*@DY6t7E4qWl8zG`;)!s`Sz@3XKm+Ru3kR*3~L86@R+75E710^ zWbxHoepP>$N4-{E`*lgmywphB)0^z9Ex*r=*Lut1SfDyf-Lhh7(T^8a@7}C5iJf*v z^60j?i&vgJbnDcq$NoW*Nvv&&7O|_%?N*t@mc@$K-E5zJ{_wWkl^zTYL0o|%3om9U z^(8Z06F+{Z~BLYb8_CdwRdd;goEA*nD;_5d@-8jFogTm8ft4xE0zRO#K* z%I2KoTc0!fFwHn?<(v}5%wV#N;m@|5-GSm;Z%JNKIcsumZh>LAp7Q(3?Z@*ro3{P` zW6Tg0`Rr8ul)A#Qu=9It7(9M)W_|rtD}Oq5uJt#j$#tL1kDvQfb3E?B{x(*rq{g<0 z1&U%B9mFw@#VxQ_{H_pC^d|6F+=G~%Iz@{PAD{JD?fc}&9c{;^1if0Gez@}d;ZK() zMZAgiT6vIr?fRugN75FgT81)oC{47rtzU9mHf6cje2>%)(HGC=Y-hNTVKQ-CAC9YZiZ)GjGcP0@XIU!VOvc+m0vvkR%$ zBp*fBeEpSituMmk?YX0@Dsc75;Kv%Pn%pMGVKVZLzlSZ{mx z!GAV4Ke@eTv|ya@^Vpn1QHwLPjwWiHc`}NZ_ykK4#8mFQYfa SECr@`1_n=8KbLh*2~7YKDR>V6 diff --git a/Breeze-gtk/assets/check-selectionmode-checked-backdrop.png b/Breeze-gtk/assets/check-selectionmode-checked-backdrop.png index ad1c9ece497a3d75e0312208dad68d2f931bf0cf..3381b30be87c594e4e7cd3dde2eab68c45e6424d GIT binary patch literal 418 zc$@*E0bTxyP))ODB9T=S zkdAEn4$xa#2jWdT(CW~IINd`N2Xnsh=KeX~{g-OwBTRCf=yw;rm$dBSg$a2< zVK^oa(^|u_tcsE$HRyWYY8ge)TGPx>%e_TQ*xk-MfW2vs)S&CwqqRyFPt$2H&vVk_ zEX%4oo$klu!~GqAooSA=Q6FR+)GHI|fvB6?0mxvuurdt8FibOk0CH(%M}%_Y#Q*>R M07*qoM6N<$f<$b!r2qf` literal 423 zc%17D@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEY)RhkE)4%caKYZ?lNlHoV?13P zLn2z=PTT9pwAm60s>k zXZ==t^06}nd6nGKJ@dTVs-bJGd)9>+OB7PY-aUIKw~%YC&Hc|8-?QGBEaaKQ#Sp_V z-%M}i!P1<=j162@pG_<^jAs9%ZIKWMN89*bRPX!xW?{blZqAqbVoo|+ueoZf{@UA6 zb94JOfxgK>GC|Gr!sqrK6V6zhd2&Llw5@M|maGl)kBwhFc&FWs5^&r6@aosxyAsY- za~@k{o-B>mJEwo1;m9_*%*AoVS|`HPE-_Cu6=$AtxF|7IqAhVo%^xPS=v1X!{$FotbBuM$YZplX8O$#4XdAF5#9oy5jr}fbj-4t!v zR}IU}yxUJS7ijFrZ4>CYwQ8d5tZTNOc9EB6E@@sfC7?y~{9jhz`uTxo-<{*Z-WIxuo+t59Hh1r5UtOYqun3m>P#kwCU*U zGGBNtx1Nz(V$Y*9Omd}t=a@yhxx<9hwWfA4lvv5Kw;X6)WA2le-QYOOkMV!SO*1K8 zxzO?#Ws`lr&naFLrZvTD>GuBKZI}1k|KxU<^K{)!Sqr~X_1_f?o|8VTh_Zcs{Zr(7 zKbwR}De~{*W2`?vxBl4hUYhmGl7@LA7bY`R1v&V0z3^nT)m)&CTTo5zg5~%5d%jr+ z^Y4gSIm0IKxlH!dt7q0%i*0`2`q}YA+Jt4nnX~qNzFV*|#nv%9@x3lJD&N?JG*7~-$$SAx%&F+imO=+ zEtem@kp6x>^8F0fJx29E%S2*r`X0|%zir!!>-9>$!K-&}zhv^Xa__lo&Fm_kP9m;* zt7p$H_p7%#QFZ=bL+avv!pA>ud3w$Q7)SGLYs+50yL*2A9J?>llJk2F?H}#lyVv%% z-z5F&yN|c}Eq@&JSb5*U4;}eJZ9iY_J$u%=y1IJt_x*Mk7>xcp81h$W9sf{s?+HH_ z-`7U92|wfWgBabT#U#_2A9SCsZ|H=62SDuEL?KJNLW)cQZ LS3j3^P6;GCI8cK1L-R`>17_m@=PkMqoIRXX6;;$aKAt}$5w2IsHLqbw=lKKYcCh}> zzcZypi7VE@r-$2NfyV_SXX`C@*kZPrF3Q}s<8$f4=iBF)eczJ)%y0G?b^$>oFmVmv z%Z41Y*D^9<&$!&(xA*n;SFgIdDkDxs$T2@Z-%#ppwXwk4`F=}-_NC0rXw1K#y6*kk zoK&0h@28!~Tz0&GnzZ|4sG0`?=9#lTHdANj8*lbI}rF zSP&xm^RG?V^`Z|p^6MT?VSgOH&d<-UN~m(WiWqA{^Wj4=i}(Eg{_fGO4-+aX84@G} zdH8uBo_ni#V;bxE@4NSj|5?u9a_A_Rj!2ykql1xU(>cFjt!0{*O$?2SWEle1O;Kl1 zQP}YK2$#+@CT@mD8)t;Lcz0Il?vBv8$za8}BQd?>t>)4Y_J;l2-kv+BH*M2vNl1#=Ey`N=CHU zvAmwPeR_HpF=V*og*Lk)xr0s_2jpS%Xh9}=Y z2MOxFeS39N?(XO}k*gvaFP^@5ongbSX@_6FTp8jMJk^U;TRtl|cUflItM>DU&IxK4 zDBQBY`+S%ByywXee|qQSZSnL=PSvu1MK98W>JEH* zeQnY6-?5V{&+h08j=O)O;*W~$?l}9Bh6(A(N8D?kKNqj|*SbG%s`k^)q>U-tQ;%#v zt|z%{rsw%(=|wxI9{anVDM8v{g}ufj)@!Z-v(LZI3BEU9i=m9MrS99U&;;evuDM6f twEU^RV0`6Wr5yvmVtl0w68JxPe(trWwoAI7tpR2a22WQ%mvv4FO#ohYe-Z!y diff --git a/Breeze-gtk/assets/check-selectionmode-checked-insensitive.png b/Breeze-gtk/assets/check-selectionmode-checked-insensitive.png index bc97a84b41034a311f9de728e35db4ce4430f484..68b3a480e7ae434aca344c741c55390ed58dc312 GIT binary patch literal 405 zc$@*10c!q1)V2XU0B}CJKvMFLZ+2pYjHfWCK5QsUgPM^r`LS1TOK(kmB65ynXZB7!ld1E2%o!zU}+;3>Xx z08sAt=a0M>bFtuGp@MZ$!MdnmT~x3x7Yl|_)W{!yn<0KK6F*A;E zxu{bzOpWH;t}U2ZW`;`6t}V)P)9p z)$H#4k@aFO7W^wjur4B47ZI$B2-f9dK|ct7W%eA_zgQ_`MAX$BGF%ZLaDX2r>{ zHt4#IX`G}WBAyv4xj0F%-E3w6tY5&|U^{G1mT~G8oAtF)PRPj`Q|3jnojp&UUI2XA x=2#c?Nv4PDWa1u%gi7ucmItdK2!bHg;|HzMV$@bT&>8>$002ovPDHLkV1i*$? zhE&XXd+WTPl%ov$hxhOJ{=Mvy^Vl`XOLXhALG_HJTjDET z-W1=!E*zY>J5WGWl##V8t(rk7$JxW`_hQfAf9ITF`h2$LW~A9o#tvlQF-=)kpzYz8 z)UCVjW|qfgCV%R9?0M1QcxL6g=#t=9$rDb#c~Z2q`l7|jgZ%vc;j{R+|8{$wdU8%; z%z5idBh&30w|#rGI;1V4F;T*A{?zmPCDu-#8pP4Wuq_$5s{Qk`h3`HTlt8g?!*cJa$*aOlxw*spurZE@e`AWo}GoyS&AaVoR>{et~_! zje+XFW+$uL-QOtwV|`-dw1@?&Vi}#R zQAtEGmu?ha5mdy_qwGSVImzQsC@PH-JHc=SAqgK&a0N8;q)oiEq?zTe`!Qz zhiE-#Xjnb_wg2A3X+O;W^+Yr}s%?H;bK#t}}gLc9@egucFbG z>+avmO}`hnXER!`PWW+bPNC?H^Rt}GyKk~QdGE-(>-rw4hG>p0mdKI;Vst0BV+cY5)KL literal 817 zc%17D@N?(olHy`uVBq!ia0vp^0U*r51|<6gKdl8)Y)RhkE)4%caKYZ?lNlJ8o_V@B zhE&XXd+V&9aG(t92V;4W7h5LiEmNF0k^k|j4UZ*nY`CKSftTaWjm7;3xL0u3GInOi zEztAm$e1bMmAUa!*@DY6t7E4qWl8zG`;)!s`Sz@3XKm+Ru3kR*3~L86@R+75E710^ zWbxHoepP>$N4-{E`*lgmywphB)0^z9Ex*r=*Lut1SfDyf-Lhh7(T^8a@7}C5iJf*v z^60j?i&vgJbnDcq$NoW*Nvv&&7O|_%?N*t@mc@$K-E5zJ{_wWkl^zTYL0o|%3om9U z^(8Z06F+{Z~BLYb8_CdwRdd;goEA*nD;_5d@-8jFogTm8ft4xE0zRO#K* z%I2KoTc0!fFwHn?<(v}5%wV#N;m@|5-GSm;Z%JNKIcsumZh>LAp7Q(3?Z@*ro3{P` zW6Tg0`Rr8ul)A#Qu=9It7(9M)W_|rtD}Oq5uJt#j$#tL1kDvQfb3E?B{x(*rq{g<0 z1&U%B9mFw@#VxQ_{H_pC^d|6F+=G~%Iz@{PAD{JD?fc}&9c{;^1if0Gez@}d;ZK() zMZAgiT6vIr?fRugN75FgT81)oC{47rtzU9mHf6cje2>%)(HGC=Y-hNTVKQ-CAC9YZiZ)GjGcP0@XIU!VOvc+m0vvkR%$ zBp*fBeEpSituMmk?YX0@Dsc75;Kv%Pn%pMGVKVZLzlSZ{mx z!GAV4Ke@eTv|ya@^Vpn1QHwLPjwWiHc`}NZ_ykK4#8mFQYfa SECr@`1_n=8KbLh*2~7YKDR>V6 diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive.png b/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop-insensitive.png index bef7dda5393352685c355bdd320c9d4325fd2480..cb9707cfdf583c6100237470b7f5253448870b62 GIT binary patch literal 360 zc$@)f0hj)XP)DVkUB-~V>24=9SFD9TA=B!}y|KHK&EGk@~6_v2iWwbpc$ zq?pNjAB=SS~@7N}^!q+_mn$X

27Jv`QSxLzk^G#V4VmSaH zB9ui5o7gJ=i_n}%(ED*tB>MDU5D|4NZv_^^eQ~hsh+}UW|j>4uOMJQ4~c{;`jz9-cxc-Ec)^Q00007Vg#^LL3w06llq|k(6 zv{@vxBG2KMQS0PErftRus4pQZdb0MJ_F zDoYUr!7YH5tH%l)tzAxu`$20BrPLh2+|^+P{vpnP`Coy~NT4qg=!*pUB7we~SD;d8 zh-mULB7%k8a~xJ+7)BdY)tC}VL@-r_W7ll~I6uIeCW~ZN>`Wc^-Qh;5AmO;yj&0u` zw=c!>D}WDIkF}_OIV+qd6L)(NPI2#W9IS#M2!i0pHw1K5Zj5%Z3-%8 zT<+kMIC)La0SRk~+Z#@w%i+2$)az>aTX|x|{7cimos6$MaFoFX8K|6|EZ6b4V&UDF zZ|*ED&+px8`sC-F7Ym-NMy>QX`y>94SL*htwf8#CdD`u{Xi;anXRpC+>It-2Uj~Yc==XCE7Te7`!xBdNMR@6>EOT@b(((BokJf z_s@I6^3BZ5+Jvf;<}U-<==11mmg$t!sUIsC7EE#48FK9ORM8*%_@DfI<+}VcV}t%C z^^XAz9+!8QGYGUPZn+j@9GtoKqYV!uL$_ll_W^E>ITjlmuFVo<;AnEldgQqD$7vjM3)Q#<^*m-aei2=XtzN&EgmA|DLCH*F6a4j`;DsHj9z_ctfAW z1wm%3BnNk%7afeUh6|M0N{$c^EMm01!?bv}*8fv`-$t+G-PqvuGM>Ref^UhM+?DtJ z+twQTf&{CM{pSJsyT=gdYRTjaS#y~g^!}IZ?~B*_W6{CNqdhft=~vH5%Q_Zu?0x;( z-SXVEs4rF5fxO6R2cJ~#iCzD`_r72EJ>i|7SQ)NneO-3Z;@%tn-S;=?MBC_za##mt&L60j#uC9_1Ko`p1*$jyWX#k6SgWl4L_!CuigMO z@NV~Xh9A5N`bGXW4`%dV{A+Xb_r=Sq46_(EEt3Be!KfbXEfH%tyY)|gK=;M_d*m9l jMgE*sRziR(uYXK|{wL3sF~)rcCRqkgS3j3^P6Gm4&v`&!IT^?bMRehF7Mw}2oLn5g4lrO>q~>(1-k zr!T*9XTKHBemmvKyyulGpI6>5Ir?8>OVsT|2|m~FD*XA|`RB!@Hpd2wcu%r^tg)1T z`Ese%r%#{X=at*R+Oudy)i33LNnJ@Nzt^%9Grrm?H6 z`}XtHDKDjs>fiDn#pS;?yLaeNvWYbB#|nl8Q=ArGbdYHKP%GaM`)1zvIOY$o-&FWm z8(y2#b21!^VOYEM%9)5LZ5Brch77axYYa9`2ZYtdF5F6DWO%i8)|DgjS6?sAeY?7n zA($cU^t}ny%XF48`aIbv`#kUVqi_2EeO^kZ%Kw=K1xP(Q2;plS;m1pDjB#?koQMc+DHziQ4fD0&NdB+_j7FZ4;mW*(Tn` z(sJS~snZg|d#iu{yZY~6UDfAHt~aG0h1Y!l_HET)$4|>{&WXIdZ`S_ui|%dhS41kW zy#06Q?wyGHJH_=`3s??Jvo@EsbNl`|<#F$HCJVL+(`!F0VY-)hHmT(38m6EB9eLgE oSBf*#EqvlHhm=q*I)9R0KIQb~W0rn`!1T)C>FVdQ&MBb@0MYtFO8@`> diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop.png b/Breeze-gtk/assets/check-selectionmode-unchecked-backdrop.png index 8e153e42de7f35e598fbe6942f9698752e71d4dd..594adbef606c7ff6da5b898bf38c320322e3d26a GIT binary patch literal 374 zc$@)t0g3*JP)&^#1?UMl52#0>2LLH0 z8N0z9nkH=+DlB^-fuTZT^lOlis`t(Q^gdf29>6dR!!Sq93FUB>W#^lwd0v<6k+IgJ zxKheCisNMz29q>RKU}>t%8&e;U-D2-E4;dLRXIzXsq>=qR0K9l!CR!190K$kOKb@=dbl&fzEJXUpTNY z9M~5Q?8|WlN-0~d^})lm)(}E;6o(WT#qlyP3LFxtwZ==4BN+Iv06twk(moi4!DLm{ zi^utVXpA9UP6*NY{@`u)aDNA2=jxF*>R(QX{mMkTAoee}1JJ;6VPzPGVVHh=1LxIO UMoqr)#sB~S07*qoM6N<$f+=pyj^^np7|cW=Z+gbfMFPhVfLB>%Hi?&?W8C_p0f0_ zYfR-)Tq)%`3|q5?-yRKzXJ5A75oO4te1F{3b#!@g4kZ;uh1U8oo+kaQm`?z70c>nM z(krBC+8abYavT6Cr7-A6$n!-9K-1PE1sYR%O3~wfI93W(Wjp}BtwRd@L#)5ne+62@ zfv#|%D;($w2fDIffl|t~)_Uh*ORXV=s3{I9FbrF>c$#3B$feeZpA!VZ=?j3Btw-7i z8-9C~74ym6{X@qXL%N(0q7Hoj_2&Ba3P5S=kv8gIP7~XeiF841U#Lyf83pJ_VKe+e~W*`VaCJ!3QEWz()kke zy4Px_rk*->{`39*y-~Vlm6e*i#5-LC{8jXhO+INJJXu(Krq439o$68r>CfLbufN|{ zR=U+nY3Jqspyab(_U>%&?(V%1p#KMBnM}nj1ER#0)i7F4y;IxWuCiP>%Z6T zyKD>*VPB%MoOKd(*eY1 zwL8{vGi+#od-vVb)f>u>F!}lVt{{I`uS+$S z{`p!{xAk{{^&8ut%+rn^wO#vl!xKMyFU|iSK0n;Nb?fu_yQbGMTu998kpFo1-o3u- zuf9&NTWtBha-J}U{Ku_U?lrHs$=;1U|2&+ZkFV-}y)MIX2B*J{g8Vl`9iP|Sd%(|C zwuNB|L(9K+yjltQ*&=h5(*jTYXW#4e+gLAn2s4d MUHx3vIVCg!0DbUPx&QzG literal 753 zc%17D@N?(olHy`uVBq!ia0vp^0U*r51|<6gKdl8)Y)RhkE)4%caKYZ?lNlJ8mU+53 zhE&XXd+V&9RHDSukI9F54xQk+G($|JTF~jxu^A={P5$m^(%Z|mzM*Bw^#|)-hW+0A zl1*G?+bO5ZOI|uzdcsF07i6H4?NzlP zZ1v3J>Tkb(d--y&-*RJP89vwVN)tJRI$g}CdhMI*eRiD~7pr@bzsZB$->)t`oZq`D z*V^#p+`>uIN~gs|#OU3P{im^2QEUUynE7_~mYZ_b(~dko@x1uNlFJvibX-wkIPkqa zLw4(i&C%_-)*E~-$DX*eD^^D=w{x$wP`wC4pZ~4b(?81DS9Mr-M}DkeSdb~GleW2{ zU_XnpT>D##%l5a=88aw7PGY?MHeQthXl{pF>B^ZKOJd#iwzDu4*p{;%uwhwev9aN9 zoIM}I%#x_AM_!+2ChWfbR+3>6!e)-pzhe?Oj?AHFBR{bN4Y z-?*Z?Ol|+_)<++>V7NeuE#yc;mqdUdvsRLWE6<7!Mo|KS6C)gaFY7ftSaWK>(TBem zvoGo|F+0L^PU52-!qs zotw<6tiJdM{cCu7{n#{M@JzCP9I@=>ySMM{E2A{u_sUtZ6-Yg6`yqJ0w|DK4ncpAp ze7#fqZr=GBCj{?HE?)k!YHQHCHCJEXp8nmQ-$B@6MZCr%Mt3ESbI)DXw|qC}KTyuF zu)bDVkUB-~V>24=9SFD9TA=B!}y|KHK&EGk@~6_v2iWwbpc$ zq?pNjAB=SS~@7N}^!q+_mn$X

27Jv`QSxLzk^G#V4VmSaH zB9ui5o7gJ=i_n}%(ED*tB>MDU5D|4NZv_^^eQ~hsh+}UW|j>4uOMJQ4~c{;`jz9-cxc-Ec)^Q00007Vg#^LL3w06llq|k(6 zv{@vxBG2KMQS0PErftRus4pQZdb0MJ_F zDoYUr!7YH5tH%l)tzAxu`$20BrPLh2+|^+P{vpnP`Coy~NT4qg=!*pUB7we~SD;d8 zh-mULB7%k8a~xJ+7)BdY)tC}VL@-r_W7ll~I6uIeCW~ZN>`Wc^-Qh;5AmO;yj&0u` zw=c!>D}WDIkF}_OIV+qd6L)(NPI2#W9IS#M2!i0pHw1K5Zj5%Z3-%8 zT<+kMIC)La0SRk~+Z#@w%i+2$)az>aTX|x|{7cimos6$MaFoFX8K|6|EZ6b4V&UDF zZ|*ED&+px8`sC-F7Ym-NMy>QX`y>94SL*htwf8#CdD`u{Xi;anXRpC+>It-2Uj~Yc==XCE7Te7`!xBdNMR@6>EOT@b(((BokJf z_s@I6^3BZ5+Jvf;<}U-<==11mmg$t!sUIsC7EE#48FK9ORM8*%_@DfI<+}VcV}t%C z^^XAz9+!8QGYGUPZn+j@9GtoKqYV!uL$_ll_W^E>ITjlmuFVo<;AnEldgQqD$7vjM3)Q#<^*m-aei2=XtzN&EgmA|DLCH*F6a4j`;DsHj9z_ctfAW z1wm%3BnNk%7afeUh6|M0N{$c^EMm01!?bv}*8fv`-$t+G-PqvuGM>Ref^UhM+?DtJ z+twQTf&{CM{pSJsyT=gdYRTjaS#y~g^!}IZ?~B*_W6{CNqdhft=~vH5%Q_Zu?0x;( z-SXVEs4rF5fxO6R2cJ~#iCzD`_r72EJ>i|7SQ)NneO-3Z;@%tn-S;=?MBC_za##mt&L60j#uC9_1Ko`p1*$jyWX#k6SgWl4L_!CuigMO z@NV~Xh9A5N`bGXW4`%dV{A+Xb_r=Sq46_(EEt3Be!KfbXEfH%tyY)|gK=;M_d*m9l jMgE*sRziR(uYXK|{wL3sF~)rcCRqkgS3j3^P6Gm4&v`&!IT^?bMRehF7Mw}2oLn5g4lrO>q~>(1-k zr!T*9XTKHBemmvKyyulGpI6>5Ir?8>OVsT|2|m~FD*XA|`RB!@Hpd2wcu%r^tg)1T z`Ese%r%#{X=at*R+Oudy)i33LNnJ@Nzt^%9Grrm?H6 z`}XtHDKDjs>fiDn#pS;?yLaeNvWYbB#|nl8Q=ArGbdYHKP%GaM`)1zvIOY$o-&FWm z8(y2#b21!^VOYEM%9)5LZ5Brch77axYYa9`2ZYtdF5F6DWO%i8)|DgjS6?sAeY?7n zA($cU^t}ny%XF48`aIbv`#kUVqi_2EeO^kZ%Kw=K1xP(Q2;plS;m1pDjB#?koQMc+DHziQ4fD0&NdB+_j7FZ4;mW*(Tn` z(sJS~snZg|d#iu{yZY~6UDfAHt~aG0h1Y!l_HET)$4|>{&WXIdZ`S_ui|%dhS41kW zy#06Q?wyGHJH_=`3s??Jvo@EsbNl`|<#F$HCJVL+(`!F0VY-)hHmT(38m6EB9eLgE oSBf*#EqvlHhm=q*I)9R0KIQb~W0rn`!1T)C>FVdQ&MBb@0MYtFO8@`> diff --git a/Breeze-gtk/assets/check-selectionmode-unchecked.png b/Breeze-gtk/assets/check-selectionmode-unchecked.png index 8e153e42de7f35e598fbe6942f9698752e71d4dd..594adbef606c7ff6da5b898bf38c320322e3d26a GIT binary patch literal 374 zc$@)t0g3*JP)&^#1?UMl52#0>2LLH0 z8N0z9nkH=+DlB^-fuTZT^lOlis`t(Q^gdf29>6dR!!Sq93FUB>W#^lwd0v<6k+IgJ zxKheCisNMz29q>RKU}>t%8&e;U-D2-E4;dLRXIzXsq>=qR0K9l!CR!190K$kOKb@=dbl&fzEJXUpTNY z9M~5Q?8|WlN-0~d^})lm)(}E;6o(WT#qlyP3LFxtwZ==4BN+Iv06twk(moi4!DLm{ zi^utVXpA9UP6*NY{@`u)aDNA2=jxF*>R(QX{mMkTAoee}1JJ;6VPzPGVVHh=1LxIO UMoqr)#sB~S07*qoM6N<$f+=pyj^^np7|cW=Z+gbfMFPhVfLB>%Hi?&?W8C_p0f0_ zYfR-)Tq)%`3|q5?-yRKzXJ5A75oO4te1F{3b#!@g4kZ;uh1U8oo+kaQm`?z70c>nM z(krBC+8abYavT6Cr7-A6$n!-9K-1PE1sYR%O3~wfI93W(Wjp}BtwRd@L#)5ne+62@ zfv#|%D;($w2fDIffl|t~)_Uh*ORXV=s3{I9FbrF>c$#3B$feeZpA!VZ=?j3Btw-7i z8-9C~74ym6{X@qXL%N(0q7Hoj_2&Ba3P5S=kv8gIP7~XeiF841U#Lyf83pJ_VKe+e~W*`VaCJ!3QEWz()kke zy4Px_rk*->{`39*y-~Vlm6e*i#5-LC{8jXhO+INJJXu(Krq439o$68r>CfLbufN|{ zR=U+nY3Jqspyab(_U>%&?(V%1p#KMBnM}nj1ER#0)i7F4y;IxWuCiP>%Z6T zyKD>*VPB%MoOKd(*eY1 zwL8{vGi+#od-vVb)f>u>F!}lVt{{I`uS+$S z{`p!{xAk{{^&8ut%+rn^wO#vl!xKMyFU|iSK0n;Nb?fu_yQbGMTu998kpFo1-o3u- zuf9&NTWtBha-J}U{Ku_U?lrHs$=;1U|2&+ZkFV-}y)MIX2B*J{g8Vl`9iP|Sd%(|C zwuNB|L(9K+yjltQ*&=h5(*jTYXW#4e+gLAn2s4d MUHx3vIVCg!0DbUPx&QzG literal 753 zc%17D@N?(olHy`uVBq!ia0vp^0U*r51|<6gKdl8)Y)RhkE)4%caKYZ?lNlJ8mU+53 zhE&XXd+V&9RHDSukI9F54xQk+G($|JTF~jxu^A={P5$m^(%Z|mzM*Bw^#|)-hW+0A zl1*G?+bO5ZOI|uzdcsF07i6H4?NzlP zZ1v3J>Tkb(d--y&-*RJP89vwVN)tJRI$g}CdhMI*eRiD~7pr@bzsZB$->)t`oZq`D z*V^#p+`>uIN~gs|#OU3P{im^2QEUUynE7_~mYZ_b(~dko@x1uNlFJvibX-wkIPkqa zLw4(i&C%_-)*E~-$DX*eD^^D=w{x$wP`wC4pZ~4b(?81DS9Mr-M}DkeSdb~GleW2{ zU_XnpT>D##%l5a=88aw7PGY?MHeQthXl{pF>B^ZKOJd#iwzDu4*p{;%uwhwev9aN9 zoIM}I%#x_AM_!+2ChWfbR+3>6!e)-pzhe?Oj?AHFBR{bN4Y z-?*Z?Ol|+_)<++>V7NeuE#yc;mqdUdvsRLWE6<7!Mo|KS6C)gaFY7ftSaWK>(TBem zvoGo|F+0L^PU52-!qs zotw<6tiJdM{cCu7{n#{M@JzCP9I@=>ySMM{E2A{u_sUtZ6-Yg6`yqJ0w|DK4ncpAp ze7#fqZr=GBCj{?HE?)k!YHQHCHCJEXp8nmQ-$B@6MZCr%Mt3ESbI)DXw|qC}KTyuF zu)b8z$~$eI|C`ccPlo!5f-cJ)VtM z`ojKgIL}+esQ=(U>sr&btNPqRrZV3D+az>U`ntuj1*^KUW#nu3vxYEi%GtFld%Dc; zI?iWSJzswR`@17{{rvcbX3I<-1NI<=FQ-K;7d?g literal 307 zc$@(<0nGl1P)~n)$zzg_)K@n3wE**ImTikF z=-R`bh>6C4&J9i19XD^;>pQTQlTLso5CUVrOo2V{`2!9@Q*c57qZ>$zb@VfD3`#DRxy}mZhGIL!MP;TpN9(#z9p|II2XBT_l0nQ0pI~YV? z$0+D1h5ixI7WEBk5AmC|M2^4vNM=TA$jPEphu)u(iu@;+siJRp!h3q@-vgibES>iL zeLSE3{1+Np$!DClF=Z>X{?L1N#XUXs>DJe~#5)gUeSML*{=Q|;mV0MJrcRjf>Gs~E zPv@>(>mL7jGv@`M{>kynkxRc_7t#Z#D)&1UWU&lXV6*nar*a)!Rg3QNz( zl-X*kuI^)YIH~uB={sXKQ;*VKzJ%M~&J-55e$4ScX_~+ov2U02VI_mf*}huyawQ+x zyT5#AvOW7>J^Q_fwf8p3%-DtpX)kb4Ml#n3>l`gGS;T|U5>h(F^8$(+wQ-aH8QH}?uW^?AL_Z5?|5P9MGI9P=Pic! zPCq|imc8{B!;95FT(6hvue!Q;?t<(8WZE7c^W6Kd|9skHvt!m3^&gUYm@W2iWLg)Z zO}2-dcVwPk!I6+tuc+(hT@Q3kO>xrEmyKJ@slMjQZtDnm{r-UW|S@;@B literal 618 zc%17D@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEY)RhkE)4%caKYZ?lNlJ8?7?)3|*%4axsFtbFLKM>l%n9v}-An6?M z66Ymd@vFH6tXnQv6lTpoJmJRQ$xFSa3A62gyximdVwsbN*(+aO(&Nv$t!H`oVcmoI z_kz9d26>4Zvu4a%pLt7svBJIC($eR3PtQ_evYxy6_T`%=8+i`T)d}=`x$9%)+K9Wi z@9zDqIqRsy?QP!nb(ZZ$JmoC{GiIwzEs~7AZtUu*`O${|c;U>mX${}5UbuQUZSzaU zBe&;1EU-UhDrLShboI=~3?;G4qt+%xiaBvO(7-3M$7jyfzo#OAOxCeBK4RnW}$W-a?zMH;_uHV;|D=v{ej$)menFHQ%> z&wW-U`mg)}*Zt44o*vkO2hC+PU1qR<>Y7y*+k-A=h%uX<{lWI2^4_M{!p9$L$~CSQ znshfVO4!3(AT!+{=HGsaHpRbn@(l+M{M{gNy8HR|`R5i+>Ha)BGiasG^FL;C)n9(s zHYqrGW!hK$Sa9`iS#5&WBKfFkrY}qSzU?{rB3Xdt_TD)C;0UH`b)SE|eay<2Q1X=J zPTqF!djCDsw?^$v<*0pqM^SyYNsT1iw%7mcD!zR=xw_aw{zo0_4iAI<=Tp1A&$0J4 xDsXaq{`|ozfSoJl|Jf-AcqAC>8CXB?PYOA;o%dnz3}E76@O1TaS?83{1OV4cD@y%Y!q=0m!oKdfPN_n{qR5jd5)NDP~ zX_}_r9zflEz4l#yJDWWqrLtP2wZ6)W;%;5lOJM8*RAqUSOeWSCfKrP4Bw@GRjeyVv zXpM1|vd4~5V_Fv&SpD^fc;^PWfEV!pf>O#(Yke}JwMGch|AJ8*ukxbc6jW=?dyx|i z{SV;a0YqUiU03z;Ww98wZEJOd5Tf_};phDM=@HmFN1X$NzyRt>QzVx SNl@hg0000xsNwAM%QEa_*(VhVI!fHX~egQ#bX0Z1ts^ds_o z*#Vj^fH9RTr9JkOV=1XB;{wX+uRp}wH^>1zfd3a1LTt3wJ0mNt5x!q(CuUT&^$uYl6|)j2>DP=IGSbPbe1 Z{tdXfRXWX~t)c(`002ovPDHLkV1kAjiyHs{ diff --git a/Breeze-gtk/assets/check-unchecked-backdrop@2.png b/Breeze-gtk/assets/check-unchecked-backdrop@2.png index 4d9b153507ef45ed719f014ebca3a2da48d56a11..0c8e69ce555876871eb7248f0a4284b67fab0264 GIT binary patch literal 649 zc%17D@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEY)RhkE)4%caKYZ?lNlJ8>^xl@ zLn2z=-thOol^}EA)_g$H#K>-oAnbBdYL^4>H?X-s*+cR}xRVb&>|FV%m(dj9gfWz#OtQknhcm&5h1 z6=T>`eXNZ`Ex0Y4Hsrg{fwCxqSd)bW8b2j+slI12I$Bs zEp_2Yyz8xhMo(AQl)>rT!K}60o<5kjX5FNdOKOiZYIHeODV}{iRn)}S*~_x7tnQx- z$A8v8k?ZxDpA=VygnpGRvkeVBnOe*cvG$wN1eRkl4_XTg*%hXG^~pRpv7gU$z<`H0 zpwUzO#@4rn2`ckTBhKx9Yj5suWAf$8TaBXIjSFw{sW4RO;znm#-9(;p{n|b0f9Uqx ztPX)n;pfhu|?jXAC%g z_3yzSmsro8J-3F_@anXnPes+Ui++Cgu-l${TW0#{ocC`MW~n)GWN!|LkhghvFD7B$ z6#gYs9`8H-Z=%24Z& cuzrwcd~ldW*`iwzn6?-^UHx3vIVCg!06B0e2><{9 literal 645 zc%17D@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEY)RhkE)4%caKYZ?lNlJ8tUO&D zLn2z=-thIm%ph^#qrLa-jb+&j+g`98=07;CKv6}_;_+$q4=0vC5T2m((YU}k?%?4gzYhxi19A2%*EQpw1?=@u{cVZ+wI4a=7mxBu(+zx`$UwwDhZmt^$D%3pb1`t`|` z2;+0--p!vsKfQWy+!_W)ffG-Qa%1OLm@oC$JAeLs^uhz*<+F<2@6R&5yv1naDyLZ& zwsikF^Tz4vy+iKxVhpdp?)vre^Ymn(WS35`-gJ#8pF0)_XrKCAwWTlm%^NcVUvA&f zw=)mDwf6S*R&zLI{}E{8=R$uu`$z9`49jF1G`P-)b=%YgI8IFUIW6@+GvYksL;VGb ze^xO}IjwprQ?u;GR~64iA+wkdl)Z6HkdokTc)rdiJST-n_vkY} zm}0lnW?`oIvdoPiKbf+hb>4GOx!?HwXNwHEO&?$J-pvyShQX_>($s<*dv_lAbL)TbNE>-plTDvPM zHq&I=pZDh(`SKb5zJBrk`K67o4iz`NchKkI`1^GO+lmI4KmX5oA7Irvz_N~^j=6IG WVXj|I2{yoV#o+1c=d#Wzp$P!U8#1c^ diff --git a/Breeze-gtk/assets/check-unchecked-insensitive.png b/Breeze-gtk/assets/check-unchecked-insensitive.png index 34b762d3c8231ae8c3ef599be2ec1c29397f557e..a3774febb0a4548d9b14eff8d5d7f03a1de42fef GIT binary patch literal 307 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40kPZ!4! zi{7_a4E+u}h_pPczkc3us^^?zdP+||vvBe`Fy^}O9aMcFW9e}2(Wxl&jdLDwu=vMW zO=(M78=`T!?@Q*YM&siQA)%#PU+*&id&&BJdn8A~+Dz3h^GLJUsi{9T8FFv$^_z6^ z@!6zC51B08z$~$eI|C`ccPlo!5f-cJ)VtM z`ojKgIL}+esQ=(U>sr&btNPqRrZV3D+az>U`ntuj1*^KUW#nu3vxYEi%GtFld%Dc; zI?iWSJzswR`@17{{rvcbX3I<-1NI<=FQ-K;7d?g literal 307 zc$@(<0nGl1P)~n)$zzg_)K@n3wE**ImTikF z=-R`bh>6C4&J9i19XD^;>pQTQlTLso5CUVrOo2V{`2!9@Q*c57qZ>$zb@VfD3`#DRxy}mZhGIL!MP;TpN9(#z9p|II2XBT_l0nQ0pI~YV? z$0+D1h5ixI7WEBk5AmC|M2^4vNM=TA$jPEphu)u(iu@;+siJRp!h3q@-vgibES>iL zeLSE3{1+Np$!DClF=Z>X{?L1N#XUXs>DJe~#5)gUeSML*{=Q|;mV0MJrcRjf>Gs~E zPv@>(>mL7jGv@`M{>kynkxRc_7t#Z#D)&1UWU&lXV6*nar*a)!Rg3QNz( zl-X*kuI^)YIH~uB={sXKQ;*VKzJ%M~&J-55e$4ScX_~+ov2U02VI_mf*}huyawQ+x zyT5#AvOW7>J^Q_fwf8p3%-DtpX)kb4Ml#n3>l`gGS;T|U5>h(F^8$(+wQ-aH8QH}?uW^?AL_Z5?|5P9MGI9P=Pic! zPCq|imc8{B!;95FT(6hvue!Q;?t<(8WZE7c^W6Kd|9skHvt!m3^&gUYm@W2iWLg)Z zO}2-dcVwPk!I6+tuc+(hT@Q3kO>xrEmyKJ@slMjQZtDnm{r-UW|S@;@B literal 618 zc%17D@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEY)RhkE)4%caKYZ?lNlJ8?7?)3|*%4axsFtbFLKM>l%n9v}-An6?M z66Ymd@vFH6tXnQv6lTpoJmJRQ$xFSa3A62gyximdVwsbN*(+aO(&Nv$t!H`oVcmoI z_kz9d26>4Zvu4a%pLt7svBJIC($eR3PtQ_evYxy6_T`%=8+i`T)d}=`x$9%)+K9Wi z@9zDqIqRsy?QP!nb(ZZ$JmoC{GiIwzEs~7AZtUu*`O${|c;U>mX${}5UbuQUZSzaU zBe&;1EU-UhDrLShboI=~3?;G4qt+%xiaBvO(7-3M$7jyfzo#OAOxCeBK4RnW}$W-a?zMH;_uHV;|D=v{ej$)menFHQ%> z&wW-U`mg)}*Zt44o*vkO2hC+PU1qR<>Y7y*+k-A=h%uX<{lWI2^4_M{!p9$L$~CSQ znshfVO4!3(AT!+{=HGsaHpRbn@(l+M{M{gNy8HR|`R5i+>Ha)BGiasG^FL;C)n9(s zHYqrGW!hK$Sa9`iS#5&WBKfFkrY}qSzU?{rB3Xdt_TD)C;0UH`b)SE|eay<2Q1X=J zPTqF!djCDsw?^$v<*0pqM^SyYNsT1iw%7mcD!zR=xw_aw{zo0_4iAI<=Tp1A&$0J4 xDsXaq{`|ozfSoJl|Jf-AcqAC>8CXB?PYOA;o%dnz3}E76@O1TaS?83{1OV4cD@y%Y!q=0m!oKdfPN_n{qR5jd5)NDP~ zX_}_r9zflEz4l#yJDWWqrLtP2wZ6)W;%;5lOJM8*RAqUSOeWSCfKrP4Bw@GRjeyVv zXpM1|vd4~5V_Fv&SpD^fc;^PWfEV!pf>O#(Yke}JwMGch|AJ8*ukxbc6jW=?dyx|i z{SV;a0YqUiU03z;Ww98wZEJOd5Tf_};phDM=@HmFN1X$NzyRt>QzVx SNl@hg0000xsNwAM%QEa_*(VhVI!fHX~egQ#bX0Z1ts^ds_o z*#Vj^fH9RTr9JkOV=1XB;{wX+uRp}wH^>1zfd3a1LTt3wJ0mNt5x!q(CuUT&^$uYl6|)j2>DP=IGSbPbe1 Z{tdXfRXWX~t)c(`002ovPDHLkV1kAjiyHs{ diff --git a/Breeze-gtk/assets/check-unchecked@2.png b/Breeze-gtk/assets/check-unchecked@2.png index 4d9b153507ef45ed719f014ebca3a2da48d56a11..0c8e69ce555876871eb7248f0a4284b67fab0264 GIT binary patch literal 649 zc%17D@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEY)RhkE)4%caKYZ?lNlJ8>^xl@ zLn2z=-thOol^}EA)_g$H#K>-oAnbBdYL^4>H?X-s*+cR}xRVb&>|FV%m(dj9gfWz#OtQknhcm&5h1 z6=T>`eXNZ`Ex0Y4Hsrg{fwCxqSd)bW8b2j+slI12I$Bs zEp_2Yyz8xhMo(AQl)>rT!K}60o<5kjX5FNdOKOiZYIHeODV}{iRn)}S*~_x7tnQx- z$A8v8k?ZxDpA=VygnpGRvkeVBnOe*cvG$wN1eRkl4_XTg*%hXG^~pRpv7gU$z<`H0 zpwUzO#@4rn2`ckTBhKx9Yj5suWAf$8TaBXIjSFw{sW4RO;znm#-9(;p{n|b0f9Uqx ztPX)n;pfhu|?jXAC%g z_3yzSmsro8J-3F_@anXnPes+Ui++Cgu-l${TW0#{ocC`MW~n)GWN!|LkhghvFD7B$ z6#gYs9`8H-Z=%24Z& cuzrwcd~ldW*`iwzn6?-^UHx3vIVCg!06B0e2><{9 literal 645 zc%17D@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEY)RhkE)4%caKYZ?lNlJ8tUO&D zLn2z=-thIm%ph^#qrLa-jb+&j+g`98=07;CKv6}_;_+$q4=0vC5T2m((YU}k?%?4gzYhxi19A2%*EQpw1?=@u{cVZ+wI4a=7mxBu(+zx`$UwwDhZmt^$D%3pb1`t`|` z2;+0--p!vsKfQWy+!_W)ffG-Qa%1OLm@oC$JAeLs^uhz*<+F<2@6R&5yv1naDyLZ& zwsikF^Tz4vy+iKxVhpdp?)vre^Ymn(WS35`-gJ#8pF0)_XrKCAwWTlm%^NcVUvA&f zw=)mDwf6S*R&zLI{}E{8=R$uu`$z9`49jF1G`P-)b=%YgI8IFUIW6@+GvYksL;VGb ze^xO}IjwprQ?u;GR~64iA+wkdl)Z6HkdokTc)rdiJST-n_vkY} zm}0lnW?`oIvdoPiKbf+hb>4GOx!?HwXNwHEO&?$J-pvyShQX_>($s<*dv_lAbL)TbNE>-plTDvPM zHq&I=pZDh(`SKb5zJBrk`K67o4iz`NchKkI`1^GO+lmI4KmX5oA7Irvz_N~^j=6IG WVXj|I2{yoV#o+1c=d#Wzp$P!U8#1c^ diff --git a/Breeze-gtk/assets/combo-entry-button-insensitive.png b/Breeze-gtk/assets/combo-entry-button-insensitive.png index 44248006bf5e4349895063c492a270ce68c573f4..3eb1925e1223572ef79689bfb96263fb5e2b6528 GIT binary patch literal 212 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~f=r;B5V zMep0IhJ1$%cvvsIzo6RteA5Ko=?}YXBUe{6E%iBY&w@wCLucwE!~YEa({$=DfBw48 z;LL{`+td!smDwXN=)@q{7^Qy7GT!T=r9u46ow6(pf}O5k&3w}>xDA$;tp63;%K2k9 zU)hFcccTaeC84cScQlo#Qs&(2O3Sx?Zj$-h1^>bP0 Hl+XkK>WEH; literal 216 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWRQfXi(`mI z@7t?}e1{BpSTDSvuyEtPZ!4! zi{7_aRtq&72)I48mo)2MYM8R<6>@)rTkDN8m>G)Goa0k;l=F@>8pZ$}!r>3r|65K2v&@6c06nLk zkJotTEYn_kC7l0??(4L)wpEip-?Q1U?mO!r20dF_Pc2`;jX>uxc)I$ztaD0e0swS< BPEP;; literal 201 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~f$r;B5V zMep0I8%3EE1zaz(&$`g8*?wt@+V2gsd`<7&ZIBd7JJVy!?i9yp{>T2!@s~btxE{Q_ z5|z0&@$NB4LC0157TovNoSzsF+IdmlvOkeQ@W8H##dZBj_62F&F%OvjvprVblzTf@ vYDUnZp65I!Koj2ebu3tQm{~e4{(!iRr=6eC0b^O9OBg&|{an^LB{Ts58(&Qf diff --git a/Breeze-gtk/assets/combo-entry.png b/Breeze-gtk/assets/combo-entry.png index 2ef3a664603c1b2ae41a7ad391266bcd9a0368c2..6425c8b49ab5883edd26f6414c475acbbb4af0c3 GIT binary patch literal 184 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v}}@PZ!4! zi{7_q4fz}#1l%4f-jE7+@W1n4ZWFu2*>^$f>}O`U*iU}3=ih1VONEoRc6GS4RPq}# z1SF@iZP43X?APk8#AWFBc)?VDwuA}%X5Syn*Z05Pb<$G0@c!1>-`V1qJQfj5<1=KO dE|uM$Z=URCvd6j4gAZsigQu&X%Q~loCIBcNK%f8s literal 185 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v}}jPZ!4! zi{7_a4EY)qcpNS!1%!R&u#kTIcm1Ms8yqCJ`W8H7I=bWI_w99}hK{*X3`OV8{cJel zlJsUy`m);Svj!an>UMoKFO73mjUx`cjCw@@eRNSXx zo_v4BTdQ9JD;X4)^9XuYI|_Q9d9QUP?n$`b2PXXw`2m@&iytr8@~h#P$cAg7)d7=k wMU|T`V_@jupQvJZ-gw&6%8G=iZ^S<^#i!&fEt@~*H_+`2p00i_>zopr0HQo%CIA2c literal 250 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT41;PZ!4! zi{7_at@)Y_1XwOaTD!jS7Jh1RheOP2!PeLhnID#T2rlgqu~RK>SU%Nl)>HxE!lXO~ z2cgFnNs(etO!Jv~ObgB(tmYSFbnVsFF`2iouX*Dq#<|4-SCja?F0I{P%me)U+_Flu!_*@zD zgrK5#FPqb!IWH(pe6=c5YN^Q4Ou6G5bxyx4RA1z*qtv|h^rmgOs~LU>7^yNSz1saw zl!<}0VW#oZ^ZRF-*X-hs|M5TKwUf)I-j0meoEulJCgd*r?{{ei7sJs^KTXT$H63SO hE8eqj{?lAu%fQ0wo3cJZtODp*22WQ%mvv4FO#q8eVkH0o literal 231 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v}}go-U3d z7QJt;Y~*V;;9=kls!cxc9fB(xFg-R69c?h56S-|(!A!?=ccKeg&KTZ@MSRcsX zk}^xqxVY=1ghsCR<2zG3P83TVU#X*?TdcguSw|_>Ugz}Yb+L>IY3HUebiBA{W^CNR zrf7Xl?2JYD@<);T3K0RW$V7mok{ diff --git a/Breeze-gtk/assets/frame-gap-start.png b/Breeze-gtk/assets/frame-gap-start.png index 7eefa3535f6033c3acb4c67ef5cf325c05fe8e5b..45dd4c12ff1a1cb5ac9fe964992efa2f40d2b32f GIT binary patch literal 92 zc%17D@N?(olHy`uVBq!ia0vp^OhC-Y!3HG1DAjiXDYhhUcNd2LAh=-f^2tCEK~ERQ l5RRG22|#dTbN>H&2KEiimYOe@P5??Wc)I$ztaD0e0szL189M*~ literal 92 zc%17D@N?(olHy`uVBq!ia0vp^OhC-Y!3HG1DAjiXDYhhUcNd2LAh=-f^2tCEK~ERQ k5RRG22|!>`@Zv;01N${*H}%=kK0rwZPgg&ebxsLQ0IjAM?*IS* diff --git a/Breeze-gtk/assets/frame.png b/Breeze-gtk/assets/frame.png index e852f7013e2945eaec36ab6ac443ce2a620cd143..a0f9fae6ad9eec3a6c3cec9bd6e81bee14950d05 GIT binary patch literal 241 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT410PZ!4! zi{7_aZTXrE7#tpkJ4vb@oUhUO_T+`=7j2z#t-X&W_#He`6esMsw2;q*{rD!ydyM8$_;KU%1C2bF2HQ6WyDyEep*($H3Us9Ck{Yc|y>l zscZ)g8OnmZ^4|oTNZn4@^yMCJ94 m_8t4>BzIit|D*Td6Weo6ORH=5)=C3i%;4$j=d#Wzp$P!h24Bqp literal 238 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT41mPZ!4! zi{7_a4f&c3Bpe=oH@^}n(<8XTJve{i>}I)EmA5v44$rjF6*2UngFNSUJC#K diff --git a/Breeze-gtk/assets/line-h.png b/Breeze-gtk/assets/line-h.png index cac41642fbf3fdd81655b49584a656e1b965e053..4bb282984d5c810bd2434e2090e40f33228e582b GIT binary patch literal 90 zc%17D@N?(olHy`uVBq!ia0vp^B0$W@!2~1&KS&kmdKI;Vst0C}1h-~a#s literal 90 zc%17D@N?(olHy`uVBq!ia0vp^B0$W@!2~1&KS&kX1xhh^y85}Sb4q9e08V5TfdBvi diff --git a/Breeze-gtk/assets/line-v.png b/Breeze-gtk/assets/line-v.png index 3888f68c65a85d3bcac544dfc77d29749f8c769a..3d6d89082f1bb8ff666e2edeb31114526c2b8792 GIT binary patch literal 93 zc%17D@N?(olHy`uVBq!ia0vp^j6f{H!2~1^=N$M3q}Y|gW!U_%O?Xxggjjw nLpWw8-`JdQFU-u$yw!kV^K7PszLc5SKv@P)S3j3^P6|gW!U_%O?Xxggjjw nLpWw8TNJ$D5N2j(-fFS@1Os)RA%kF zt6%N%Pw4{zby4Hl0y#5PqJecqIMf|e)Aa|X6<*N?aR*Yz+n zi9uP9)7jbi;{Bc;GoJks{jocXKB>m>?hr}7+Td@<%sj2*_t_Ikr@yp6)-XF7!MJb< aBZFCm|1(D~nSDTqGI+ZBxvX{g8c diff --git a/Breeze-gtk/assets/menu-arrow-selected.png b/Breeze-gtk/assets/menu-arrow-selected.png index 43daf58222d307be0a5b63805c3c0493afc7d3b1..d6c1d0a48bd903791c63b2941ba27d5b9be45ee4 GIT binary patch literal 147 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v_bgPZ!4! zjfu$#4$S}m{||Q%Kg{{>|Nr$Lo}Zr|zQ6u|nL^a%_xJbb{`>Ru^QZ6c@B1|ePiEdV se@4eO-RPBd`F8h+mYe|ds|n)ymdabzA^#kkBfBIFCt;rh0zhZZebet&P}=Y~ec zvzJ8}T}@4+Q%%24KlSRBAM=U`M`vfpNZ-Gr`#KJ<;+${8uz8A=YX9$VPk`=X@O1Ta JS?83{1OW2IQuP1; literal 233 zc%17D@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&kwj^(N7l!{JxM1({$v}~Lo-U3d z8WWQf9GKa}#JFB0ooL{UHGFLUESOEqjBkgDfpT%2P30%YD7SwWhyVXyy>vV zwY-zDXNOA9nKilpjSbc$ru>kve0ODIZH4KBpq@}>yQ30P34-6}cN)Gq)Tzwg@j>X} b5=I952tSRI(yseJmoj*|`njxgN@xNAB{Wt# diff --git a/Breeze-gtk/assets/notebook-frame-bottom.png b/Breeze-gtk/assets/notebook-frame-bottom.png index ddf4ed538de3d4e32b87a55c9ac699374836733a..091f4aabaa513f63d820654ed356f6900aadfb31 GIT binary patch literal 225 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT412PZ!4! zi{7_aZMhCPh%h|7Ibr%Ghd&27-p%vb+gip|HKk-{w`H?-hH_QI9wo6w3!WY;dd?7U zy=>j15Vfy}twOaS8dlq^z_W53({6{C@JIm)- W4cGPabhv>oWbkzLb6Mw<&;$UOwpgkF literal 226 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT41&PZ!4! zi{7_a9r+GANH{$F?w_VJ)y1V$hIe~{`=P)pr6uYa*@3Ee`%`jM4i#ltzGt}q%`;G> z`S#yJmPjVe#Mr&lYpf*SmRv4tSCPzHbJpM%OXfM-=c%E&v$r{S{+N0;$AB%NCoR#~ z%TsDWSa@MZ5)8@xNxhXYKi}|Lv;o Vgkq+!?La3oc)I$ztaD0e0syp7RapQ4 diff --git a/Breeze-gtk/assets/notebook-frame-right.png b/Breeze-gtk/assets/notebook-frame-right.png index 4b1be7c4f1985e30856d6d876fe3b3cc425f52ef..e70a517436a659c2e41697e90a5f706ae0e42501 GIT binary patch literal 223 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40tPZ!4! zi{7{AY`G2@FgQG%KB;6&K>dQImnUBt%7}i^xLG7_-NBy0vU`eH%xp!zN31^TFRc$8 z7ru7OBtBP9Kx=`5(M&1>OSi-S5Maf~Fg1sw;#$RV6QSJvJC(I8l7k*#+ zuVSB`f@y%z%$d)YYIdDHxsxk9N2F};T|=dZFSOcC)ynu9cr@0=vj1*cJ?#LC+K2iB zfnQ~LS8B1e>9Az(-lxtM8oH~_!6@qEz2}$rm?$k|m`R&i__e>2>e~G(z Q1n4*hPgg&ebxsLQ0G~utEdT%j diff --git a/Breeze-gtk/assets/notebook-frame-top.png b/Breeze-gtk/assets/notebook-frame-top.png index b6c4bf0036469455a9f1c93f2e4a3ec25a5885f7..1c4fa11fceee04236f068ee16111ad098757bb9e GIT binary patch literal 217 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~f&r;B5V zMep0I2YH(uL|iZa=1k^oYyHyjRpN9(`%xchw`v2i0~1cPIUJg{|A!uj*n@%7mr}lhHLEoILc5poiZ|%g$yz+u;8*2%?(5Jnx0vDg*#lcy)C?Ny znZ1^;x_Dua#Csm&`&$|%O2SlI8aV9a+xM|m_^lU?_$d8zZ^LVL!+U1pPad7=1G)Am;B3M1qp`TPCJ=p z_P#s$_oK=JYR*L`t diff --git a/Breeze-gtk/assets/progressbar-trough.png b/Breeze-gtk/assets/progressbar-trough.png index abfff07b8cd5b157d8fb714622478ac52a0a2e8c..b0748b46c7be19f5e98daba66226b0021d5e8c05 GIT binary patch literal 194 zc%17D@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4u_bxCyDyVd%8G= zNKD;&VIyy|fq>h?bZ*7t6%3Q^azs0@3-vrYSACF0Y@xLjm%y|ICs*&k?75#y@yYr{ z5`tQd=F6|}{3z{=Of4u_bxCyDyVdAc}; zNKD;&){w8sK*HhSck?4FGkw&b=AFg@UHJ@1Hw|FyaC z3cLkRx3dTxQ!Jla`j4|}c?|Eb4d;>_^0hN2ZdG+myS?@L)jpjn&Pruweo2BE=>ord*S1r7j)*9dU z>GgWiD4D$T>X}!*egfERwHl)+zPftigmfHdZVCniMxzk`wrx|XRB)9-2tgD@bUN+u z-v0h;o12^00SYtVIF8TPJx@B0!(@`Ox7VJ7W*WvZ!#HLT1gx#C;y4bTSC>hWdg!X+O zAq2{;a@?z*0~`Y&OD8W$=>QN622X{}bdc9dDY5P1Nnm9P)LE@ySpZ9QH}5j9wF(v( zh6|L9rQJtJh{vfD8VwW-07DoL(j)<<(O6b?F%Nv2kY&0L`B034`EwYB08}cKrGYDX zZTKi;G#=do(kaj|zVQ12T5DXTD3wZ2g_TMr+&pG}5b)>SJKqBF{1LAGc%xbOYA?F3 z%Vd($Zg&_ChYMkAYpa-Mf&Rlj`}h9({mkjpXMxWAr>w~G+r0<(uN7_km~zJ`^vU-2b_>|g zJ6yP6ix+ox-aGEq&lQXI^THI*0O*N+I3AB~|8e)uH(OgBKQoz3GH)_@r`<%l+t#bdy1LbiE4_L2&`J-Y zqOc162R!J}L;sGVhzbV0XoJP0P+X`sbqxv?3zEdTBX(x8nauCkgOk{$o0@~4>&yF@ zXWsAgJn%oGEj#G<_g~3W@v6#;=aecs0Gg(`dPTok(JG&AZ*P6Jl5j8>oSVhT2ZnAu zEoBSQu&7o|0MayJ8qV;&fGmsmg=M|Dxw+Y2D!g^;hYMMef81GHYe+{f{Vk;wz8`Sl zx?vh8Z=65B^Z7%B8~ z$D?~MUcC6y9)K|y&f?^1XKk$^ghifb42L7)I5|>T97VWM#KaFceP#n8EIOTbBh9l9 zfh{1_=K&bHu`L~mQtDXQgG6!6XgEeGg_IIe7f*D%-M0XAfI=0oN!bFx^ZiH49+Y~X zkEUrz$EI^?{SqK_fIKgr6+!?I1e5=i&6yk?0?-hGx@m3!c3ENGHq0u(B7jwh;}`(L zsG{lm3Bb}9r%J6XnscP*3Z(!;2hg?3pIMp#|Fp)cn6(-JS(c(u_n{0$tLWcNXCVNs zmc6pjZZ-j!PD7$7*#|Nmz|izhd@n#Lg(D^P^2?8+UaR4hZRQ67cYnR}B`{k&!`{vB z`;WET&p3`G&of5DF;V&G$H`8g*`QJ}@a}v3esBEq3p+a(fZ<|NnpW-g1K0i5G|i?E z7H1zni|6@F4i6V;)@mkp)5dY;qZe}Ex?%6y^>=|85FQEY#*Mv~jjHicr_*l8a$b)^ zDTVL(9Jp?HyMOzg%a`B&8u$%JAG*=&^`3W5oV;pTjVGmJ(+~oqTwht5Fr9|@LBK2w zf9hTP>b)yh-X8$tvcjbc*6en>yPZ?(m+GeZl&0$^0aQ`^6(z}!cYnF_#qRFzbsz-( u0Mhxzr5n3M05)Lp?`F!%Y9^)d2!8|7^+%s_){OK30000u%^hi6NtU|me>L;nbH4Mt=bU@K?>oT%^<*N4?YOY8Fe3?hRZ97y;Nn@% z`IvphR9F^gzWGAq?D*`S5YdKVB0nT zK-2WU`F*K3PoEw&4-J^fWYUdh^B;nXNkS+Ri4jDj(S3vM1zIYXP$(23g#ZX$i46~Z z@6@SN*#iS+GMRM4YTgn;Oz66f)IGK(wn0N}Rs_bgV7{hk0hI+jY$F||H_TJZ26`HOi7z|=49EPf@d-h#l zUq`Fe0+(`i;o-`+-+tqb?f!PVdjhC68XpTTCUsrk6OMC+e7=B6rLtFd*tQMZwox}t zc?)&RzyIh%g!CV(FT;Jvj@184_O2}oi?G1iF3C@wt=1?w|J$9eZhj=^&07#FI|7L1xDmf7F&KF-?lAI@X zT}Lz;^*E}TCi3|_q?8AS>qtt8t*xzHGZ~A;pr|Scp(ozGa^)g`;GTfYc76r`v3SgL zlrYAS%jKR3t`{=*)g~Box;9EF67dlLKyp0!699=_fC~!?GmP_ZQc4jSig=vn^Z7$9 z>mUivkuMZIw#aY&a#0x;|al=4LY2m}HiN41)FzZ|9deFp;Vtrv|%o(JFupmhN`7vBH?!{_sK zGVAqY1FYA*Vc6%M8dO!&t|`zngCYR{x~6$LIc{)24%xQj`LDWT6Og!T^6vnOZnEhG zWcyCt4y=CPl(vHcp`^2n`mRXwztldmqMbcRD6s%^6U%N3Wp|QrR8sqV3(*e4Qpl!j z+F4IRXdVD;$Ga~y<7iT>y`<~j{m$I6C1m%I>;fu;tN=i(+46J>27@>*1%n~af2-9V zn>qYT*Ccvo5c2>~Z+MTDp>X)v0K#Hhzt)O zIo$B@uqTm~Qnt@r0(onGe$F-9UBKz->5QT%_k|FsZhJ%9XkrBP2tO98C>R-udu-L} zHiQshoUi=uz4sovX3KNTsD|+o0F;U)&nzm6id52*rX5;@5G2P>Kvj1>5Gf^!#R33e zGn@USr+LEz_}rN@A5uy;Y}-buT=F;$27?$I8#{DG*MUonjv^HD?!9uU499UGrOaKv zeEFtpw$Qr=T?fq2wRZrZP$;5lSsq8xXcVbb@=(i76$PnO60yES*s?4Xig^IQ{d-IA zZ*FdO!b=4hP}SZ3eDSZ2WB*7|RXlU@ zu(tLk7;|7*&AA_Z|GRIyk8A*I0|A$ownE$HzZW6Jq+u9Hr_%#V$6Boh(=_2Yj;HL@ zbq&E_2;s+;of~Min&6y2y7-GruPrSuc9v`dKw}^v06ci`AXO|^{zZUsRaKBor4aB3 z1~osBEX%@1r*M~I^N$~V@Z)ROu5G!GD*!sbAAj|6_wL<^THX4mLdmm~62xM0#N+WN zyZR`VP%IW8gaqgO(O>@jr}I~@Uj5o_(gd&$pnHV;*O6}C{CgxZX58=@#>)Vps45ci z5k!U$czIN>X*OnSytPH^Azs;oeJfX>(?)yeER9%5<*V^o$I$C z{DB~Rh5=2}ptxT*=NyjXpw()j(Wt{T>)k9#N}0QVZ|VID7cR{8_-_Kp_QM?n5CF*3 z)Kv1_D_4G=98bPZ6*>vI&;A6GalZ0(E_dzx`SaIJ)9eMQ0LY_fSq}@?Q2@Z`?Ck96 z7tWn~DH@49uc&I8D$0lyvYiPNVhO>Eg0b~-wfgz3`T4n?@YRux_Q%k8{JR}qVYEv_ z{{j11XwTZd%Ec!E>_|g*2w$%SiqyPW_ M07*qoM6N<$f;?l2@Bjb+ literal 1857 zc$@)22fp};P)Q^2NSYi!|CbU<3y1!Nx`4vTs$SD zJRzk>0sy7NC7_QKh2AG1A1Mm?U~Ft`_Q(OHl-l%-TN9A{hm48Qz1S)Wy`$;IyJJs} zUL=IDLkFC>b?f_q&we3=umFHk3ez-^N+n?!1~g3rr4#@lgg_7kXtjK}t_#O;AcR0@ zrz|B>##>(=9ew{$02dY(GOpKpF9?Dc0YKMv^yYKu$@GAb-Ti-3O4RFhRI63^egFVa zHT5qE-TJ}l)5q<71J2IQ4mJJYZ-R?qLMRG_JaW0*uEDkgt=4L&RMsGc04TYa%cQ?? z>eQ*_Jp<0p&JHzO>?0xgpss7MtO4k{u`jT0X?jg8mrCG_0YE8XXkQ&4A79!v;KIT} zrs25Lf{S6pFfce+grX>0-eZiTVK?A7E?5vC2p5E=s!%lzW-5hDCJj|px3OhdUS3A4 zBs;4$5+n1@=Cq?y{(o2T(9+>;9^+UwQb=zXDC_Ji$y$mxCk(Ia{P&tR{?wr0PplgyPeP8x$|-m1TPXwF)(0lfwOG~ z_dk8GBV4ygDbZ-y`0T+$I8OXNsH%#hWq}ZiM8bICPal3bfv#PpUCuPmZT=Df3diy= z3_a$sTCJi~DuoApk0Ln7%E~ILwOUM{NEpcHdjSB0#lfGAjEq=20^XRLn~*|Sx~?Oa z%f%eowu5rH0x9L5;o2glMEP-fOC)>qy--vYgwX!CFI;#7fVnLoZw0T12JuwF7(;1w z^+0f)kfqf};C!=~P(o11=K%m#zx6!;eOmyhr*DsQ&c8${MNg(D=CoX?>}y+h62Unh zm)Byto@@^&rJ$-ZJUKae8bBrnNEG=J0GOuP6+Mpn`j*>&V5zUKgR#vh5<*~_DL{fe zd*;mZ0CF)vDfn{$kV++Ejv993(Bax*+fM9vG8G=ZTsHd*fFuBI1CVq1MF232c(rgG z_s9SpH-1?XdYCm7RU3*_sm%z2_W^*WX)z-f_(uj9`0=hwjn*ch$0Aj-V~Y_roAKNo zuvlV0TtF5FRFrUSLXn76`j$%azm#3{M4M-jPCEZN~=i%B?pc$z) z_me<*3;;n8#EdjOUhWQ4G(8T;qO~PNrLEflqzbtQ0IgR1QkbdKkpY@1Gxodbw*UY< zU=Jge*aQT*4gjtjPb-;B`p5v&>9}t%TDw-SO-HI=15i=O2OyA+ZO3Y^s;bClvxg3s z&1Pd~P)Z5Mb^ro-{o1vuNbPR`j*X4YstTPK(SXw_g+d6Vue&k8 zv8P8bQmQQZez2vnOqnM7j`!_*qHDty`U)`3_}QyfYY2h>QplAbPfT2m)E+v|VB~;l zs`?fHR4Qv|dd--l-dqlr)xWRprj%m9>PK%^Bi!_wC|AO)GCzO&oz>OVc6q4*J0$Z@ zW^VkM1?=03s^ZBfhPFwl9F@u%YF$y@P6#2$q|+!IFT}PL02pU@_+Sx?F}R*L_06w; z?OgQ82k_aBfOB(?(zdra10jbELr1Y#+;McYZ3njFY#BQ>U4@xSBb_#P9y^y-(DGYg zjNgBK;?3{O&CGbw<0Sy@j(`Ag_wLPK*~{%*ISP_A70;~QT%`Q*b+Y2B7kdcuQ>+K5{-n9Cym#L}@L+;X^ zKr+Vel}amrc_7#-WXU%MG+EhpRYKxEXGJNjPv;VRX&aF9w)7M_aLm0JPjf)2XY>S34 vs!0F_!Y^j+3MBvp2&3g8j8?FXj~(Sd0eJ}4evC0100000NkvXXu0mjfiK%sK diff --git a/Breeze-gtk/assets/radio-checked-backdrop.png b/Breeze-gtk/assets/radio-checked-backdrop.png index e8a44f7bd7dc168e5d15574018d189fc91e74912..13d413f256eed2d88e75113fbeb77c16c457d9d1 GIT binary patch literal 846 zc$@)F1F`&xP)?o{6k z8|X##_1g*4#OroG0um~~KfXU23s<9c&>9-p3Ok9%6ZpPA3PjZ7sFXv4j&*Xa6jcHv zD!{o&q}T0q07z%jL-W$<*Ka!=mq_G;9)v?lCX&1Lh66x$GCMRdJ2eGBt?m$u#rA+# zDnL4wT(+zVQcA>(K-cy6!gO6n2!WImyHdgPyvKmA0u%~`dn1~9xV>$mX&Q?Q`7@!q zuCut1N7FRQq0Nzuc-hwIAnZXO&zoccwX%%VmnCk{nUBA8y>Z{xh%# z^xn!?U0wa$?Q|am{eDu2X(mjQcp?cv$8A%qJJ^*9nx?iL$GLU)&Yj;BTNeNIccCLq&lE5aB;(dKFgVhQK%U YFGw#yrT_o{ literal 851 zc$@)K1FZasP)~^s8p*o znoR(-REk`762r)&sw#H<0e`Ho%Ty}y!N;dh{{k>F0M=^tt8dQE2wk7R>v;TD{GCRl zd8o79y*+mK_OME23WYh+`UJBlXM|~4SAmy+o-$ZKf4{F8Mjqeyp9_0h|1=sDi#PFo zpXq4>DTyzytb7Ha0JNOel98W62!Uyqj)gr9wX8Bi2n-{~$Y|&c5K#ae$C=EebpR^W z$_rrwm4n<&I*sSKuK{rdpxb>k8jVE(Xfz)V4QvLJM58gf-AAK9SQ!MR9GY{WC*MjU zgd%|v1t1hU(eqpv04Q7FuzstQ|MCPE13lclp)0O#ORGWyG>Ha0eICX)$~)^*-{cM;1fQLa`Fwy9|; za+BHM^b~4#oz2^~`)_8D94upB)O#4AM dP5?Zle*p#ZLD7uym>>WE002ovPDHLkV1nQkgSY?y diff --git a/Breeze-gtk/assets/radio-checked-backdrop@2.png b/Breeze-gtk/assets/radio-checked-backdrop@2.png index ace12dd9a4179d24bf9752115648956de800b642..66f107a7e7e73802ae89b85378c1585dd6c417c4 GIT binary patch literal 2026 zc$@+12Nn2!Ga6MwC~8HkN>y1@>cFBD&7xEz6{rFNLWDIVG0;vD5<(eFLU8Of znV5;4_}bTwpI!J7--M7SyZ(3gyXSo8chC9m`Mz`D|5}|?EA4o_vvY4G5w_ zw$s$uL{U-ElECIFl}a)2aDeWfUXqCf7E7t@u+?opc<`;q%LeS~>UwSP>G1tvFsLz` z%^cXj4~xaRBCxsg`FwQVx`iyu7>&lbeM4>Y(WCpnUNT@uM@RYigl{Ae2#DonWgI$m z7@bZ#uU#k`@ZrOlOv>HFJ>ur- z)oV=nd@ltnR3I>g%jLpqwNPp<&D%8^4OLZD3=R$v380o)^Q?%ut(=#sun>2#XA_wF&`8By53 zyLBr%Q6wly!Y@Di=roWIS_RqBXHG|8^^~6OuJUfeOwHmwK20(3H{d+*E0x&Fv zb^%mZS1BC1-R?D6+PO-n)41KrSgfk51|XG6wg5Un$OFoeNCkk^TBhja8TGC?+^lbp z;ixT}>X|C^BEK_J}G(zsL zoZXFeT3r+%C@JH@U|LpXzbqN&_?EI`YfHpv&Xxx>=*0-M;|F#>Nz#YHDgwEgmb&R#8zA4u|sN$HqnhP^pUUXHD^fCDxt; z@QjR*C`fC1y`Ieto7Wt0%jO0}3?>o@yq?US>w4_Em^H`pfUT{q&a$#HDV{yx6zYvP zTIOv(tC1iGw6ttj*anA&h$j+QEtb&f)4%S?nj?yBrhHxbrvUx^4@ec%e4?ml-`>4z zveYV-inrf>3sDsFwq!C%e_tN}YC-*vg66UUu)enTgvn%zO;1lV@Nhuk*k-fw=I-6A zf>fzg?AiS$4!iQ_7#Mg+P?9j2OtDiZPyQimj!+nb0F8}}F`I3}DS+;tUVL-P`lhBP z4jkCOqU9C@frI-G(AdOh`)OE)_2CnJ>7w+fLL5y%(mBGXY1CjOTLqtt7J0C zz`y`Ky}cxpNlGmix%aD{ADuh*=izLVDBuP174o9LaifrH3 zLPJCSvM!GXhlc3y>&xf*s>=0)fBNK;pA;->EDNVNxG#0jD86vv!fztcnGb`x>o>I; zyTeXpWi{nxR*XhtK|L2klIC2$WwVpXWQwU&ocY=De7Ze6L^PqzO*34Fnh@F;F1wDzQ>X3589a zv~_CLPE^yTsh>7Ys-|_UQ#WPWrb*NI!cePCXsV`F>PDw&Z$KbsX<@B^0wE+pki^7x z2uZM=`1)SQulry-@l6OM!F=2Q+dcPr`Q7I^&pGG0@P9p=gynWT+1a@#F`ax}Rn(_7 zOlB+RK)S^zMLVoowwCL~E7v&iO8q)PeSwzl2AM-J%o`OI-G`I~U~?tyS5YFkR* z>S{-g%1UU z3r&q1si>$}6xdv4vsrrk`nhzan`|b7qsp$X_PAPFTU+~=40x)mtNGTT|57ZbnCx~N zt-GGZ;czSqY_2B8C+O_zLQ^%YR!eHNd*u^*_wMamG@#GttGyK%xfPw9lxu3L*}LaC z%x3evcJa7MAP^uJ3ZcZ~#N#Re7K@D4V!`cl<5}g#BFppos;bJV(>@~6D2^(-CRk<9 zH(q@4?xFxcIQG};BO|vr*zGpHxbOLSaH^(q<;qoV+#Dd6%iU{;*$D)J)vG+TY~PO6 zYMBT5_kSHHp=mgsbvIvq`K3l6Q`%;pm!CLs>fn(7*2@(J1JAeZ!Dh4S-VX-?oH%)! z@rjB1f|V*dImyj|n>ZW}s_ga|yC{l0?sPIR=qDCaY7V^in&rb|f9Y5d(C71+{ej@g zWHM!F*}jcct30}i`uh7h_uo&+X0wZiD=M4K;=eVFNi(;sAix+pG&Es;ctQ$LAgjt`zd4kI$lM>Ws~3G_rNe zW&pCe+*g6Rd4MN7JNHB)QL8A5tZi7M8}!oUZqn)WL&Fu7N~O7c`Kr#gZfygiXe1no zTHD*(cK|jWU}8G?I)K~l(q)KvTxDQzuxxNe-53}^RrRarcDVppzoGFJz@YO= z`g*5spyA;_S+;hra=9GC0lhEQ*Vh-{ZU-bloLxapTLDm0U9IaB92qG)+|1aaknXvr zkg2AV>6(H`o?XF2!VF-w>f@dgi#;+xMNxFmmO{);6j%Uh1~8pY2>_x|)OAud?U4Z% zQ)5vkF+X=Il`3X9)AGuaGD#2~SnbXFpwTGi08;6cuEo6)eYqsblI}T~%Fiu|V)0bY zMq}A*PQX3@=H2{V!`-2n)PBf3tWLTq{z^0?i)=ev<804C8? zEW5I^D=3*i1-Lyrsvl&PdojMUWK~pD;Bo6eesuIU0D_RaR4}DxSFlok7a$l6>C&1- zmRY}UUD*LYw|*^hiGQclX@a4A%(d%s{#&H%Qx?e^7FJ7Vc{njybmH`vy#n-N80 z+2BM`W^%GMRY&L81;F~}Ab-}Dr>Vp7YuQ%yh>3SRB(v@x|#`R@=Q`1ITcR#zV?G{Cm z=XUR+aZVvTK0d+a?rs2b+03CpAW;145QPOUO@BW2x4zIwsL?D*yzr&{^MZ9Ek)XS$ zhwImGJh1#11c8QzH9Wa(+q}T6X)6Et=Lu9z#aUN(}0nC!b)-9V^ zx3*!?py_m)!683AJ=cg8a=o*z?#AJFe*5*3ZA}*7bQkx<#tg%IfBe(WlBv}9i@)ED zMk5}#3#YT5ni>aIs}+-2`2Chjq9_WH!tb|WXk;ck*=*KiE}J>@?QebaXvz2qAT$?l zDS!aNrcImNZ~o}5U*xj6uY@DfC6zhV4u?`v!H3`b?st9_4u?yxh*4mil5JfsU{Nx# zqP@L+NB;Je+de&=dQ6+1uAHgL4aS^Vk`k3BV;F?b`g{A{FG*iTCCMKKb?yWY3s{tm z{MAr;P{TRW$gkR>E<5F@qeSwnDgl*%k=Z&k3#7=emPUTHQui2RLH!Ro*%K{b8`VGn O0000G+myS?@L)jpjn&Pruweo2BE=>ord*S1r7j)*9dU z>GgWiD4D$T>X}!*egfERwHl)+zPftigmfHdZVCniMxzk`wrx|XRB)9-2tgD@bUN+u z-v0h;o12^00SYtVIF8TPJx@B0!(@`Ox7VJ7W*WvZ!#HLT1gx#C;y4bTSC>hWdg!X+O zAq2{;a@?z*0~`Y&OD8W$=>QN622X{}bdc9dDY5P1Nnm9P)LE@ySpZ9QH}5j9wF(v( zh6|L9rQJtJh{vfD8VwW-07DoL(j)<<(O6b?F%Nv2kY&0L`B034`EwYB08}cKrGYDX zZTKi;G#=do(kaj|zVQ12T5DXTD3wZ2g_TMr+&pG}5b)>SJKqBF{1LAGc%xbOYA?F3 z%Vd($Zg&_ChYMkAYpa-Mf&Rlj`}h9({mkjpXMxWAr>w~G+r0<(uN7_km~zJ`^vU-2b_>|g zJ6yP6ix+ox-aGEq&lQXI^THI*0O*N+I3AB~|8e)uH(OgBKQoz3GH)_@r`<%l+t#bdy1LbiE4_L2&`J-Y zqOc162R!J}L;sGVhzbV0XoJP0P+X`sbqxv?3zEdTBX(x8nauCkgOk{$o0@~4>&yF@ zXWsAgJn%oGEj#G<_g~3W@v6#;=aecs0Gg(`dPTok(JG&AZ*P6Jl5j8>oSVhT2ZnAu zEoBSQu&7o|0MayJ8qV;&fGmsmg=M|Dxw+Y2D!g^;hYMMef81GHYe+{f{Vk;wz8`Sl zx?vh8Z=65B^Z7%B8~ z$D?~MUcC6y9)K|y&f?^1XKk$^ghifb42L7)I5|>T97VWM#KaFceP#n8EIOTbBh9l9 zfh{1_=K&bHu`L~mQtDXQgG6!6XgEeGg_IIe7f*D%-M0XAfI=0oN!bFx^ZiH49+Y~X zkEUrz$EI^?{SqK_fIKgr6+!?I1e5=i&6yk?0?-hGx@m3!c3ENGHq0u(B7jwh;}`(L zsG{lm3Bb}9r%J6XnscP*3Z(!;2hg?3pIMp#|Fp)cn6(-JS(c(u_n{0$tLWcNXCVNs zmc6pjZZ-j!PD7$7*#|Nmz|izhd@n#Lg(D^P^2?8+UaR4hZRQ67cYnR}B`{k&!`{vB z`;WET&p3`G&of5DF;V&G$H`8g*`QJ}@a}v3esBEq3p+a(fZ<|NnpW-g1K0i5G|i?E z7H1zni|6@F4i6V;)@mkp)5dY;qZe}Ex?%6y^>=|85FQEY#*Mv~jjHicr_*l8a$b)^ zDTVL(9Jp?HyMOzg%a`B&8u$%JAG*=&^`3W5oV;pTjVGmJ(+~oqTwht5Fr9|@LBK2w zf9hTP>b)yh-X8$tvcjbc*6en>yPZ?(m+GeZl&0$^0aQ`^6(z}!cYnF_#qRFzbsz-( u0Mhxzr5n3M05)Lp?`F!%Y9^)d2!8|7^+%s_){OK30000u%^hi6NtU|me>L;nbH4Mt=bU@K?>oT%^<*N4?YOY8Fe3?hRZ97y;Nn@% z`IvphR9F^gzWGAq?D*`S5YdKVB0nT zK-2WU`F*K3PoEw&4-J^fWYUdh^B;nXNkS+Ri4jDj(S3vM1zIYXP$(23g#ZX$i46~Z z@6@SN*#iS+GMRM4YTgn;Oz66f)IGK(wn0N}Rs_bgV7{hk0hI+jY$F||H_TJZ26`HOi7z|=49EPf@d-h#l zUq`Fe0+(`i;o-`+-+tqb?f!PVdjhC68XpTTCUsrk6OMC+e7=B6rLtFd*tQMZwox}t zc?)&RzyIh%g!CV(FT;Jvj@184_O2}oi?G1iF3C@wt=1?w|J$9eZhj=^&07#FI|7L1xDmf7F&KF-?lAI@X zT}Lz;^*E}TCi3|_q?8AS>qtt8t*xzHGZ~A;pr|Scp(ozGa^)g`;GTfYc76r`v3SgL zlrYAS%jKR3t`{=*)g~Box;9EF67dlLKyp0!699=_fC~!?GmP_ZQc4jSig=vn^Z7$9 z>mUivkuMZIw#aY&a#0x;|al=4LY2m}HiN41)FzZ|9deFp;Vtrv|%o(JFupmhN`7vBH?!{_sK zGVAqY1FYA*Vc6%M8dO!&t|`zngCYR{x~6$LIc{)24%xQj`LDWT6Og!T^6vnOZnEhG zWcyCt4y=CPl(vHcp`^2n`mRXwztldmqMbcRD6s%^6U%N3Wp|QrR8sqV3(*e4Qpl!j z+F4IRXdVD;$Ga~y<7iT>y`<~j{m$I6C1m%I>;fu;tN=i(+46J>27@>*1%n~af2-9V zn>qYT*Ccvo5c2>~Z+MTDp>X)v0K#Hhzt)O zIo$B@uqTm~Qnt@r0(onGe$F-9UBKz->5QT%_k|FsZhJ%9XkrBP2tO98C>R-udu-L} zHiQshoUi=uz4sovX3KNTsD|+o0F;U)&nzm6id52*rX5;@5G2P>Kvj1>5Gf^!#R33e zGn@USr+LEz_}rN@A5uy;Y}-buT=F;$27?$I8#{DG*MUonjv^HD?!9uU499UGrOaKv zeEFtpw$Qr=T?fq2wRZrZP$;5lSsq8xXcVbb@=(i76$PnO60yES*s?4Xig^IQ{d-IA zZ*FdO!b=4hP}SZ3eDSZ2WB*7|RXlU@ zu(tLk7;|7*&AA_Z|GRIyk8A*I0|A$ownE$HzZW6Jq+u9Hr_%#V$6Boh(=_2Yj;HL@ zbq&E_2;s+;of~Min&6y2y7-GruPrSuc9v`dKw}^v06ci`AXO|^{zZUsRaKBor4aB3 z1~osBEX%@1r*M~I^N$~V@Z)ROu5G!GD*!sbAAj|6_wL<^THX4mLdmm~62xM0#N+WN zyZR`VP%IW8gaqgO(O>@jr}I~@Uj5o_(gd&$pnHV;*O6}C{CgxZX58=@#>)Vps45ci z5k!U$czIN>X*OnSytPH^Azs;oeJfX>(?)yeER9%5<*V^o$I$C z{DB~Rh5=2}ptxT*=NyjXpw()j(Wt{T>)k9#N}0QVZ|VID7cR{8_-_Kp_QM?n5CF*3 z)Kv1_D_4G=98bPZ6*>vI&;A6GalZ0(E_dzx`SaIJ)9eMQ0LY_fSq}@?Q2@Z`?Ck96 z7tWn~DH@49uc&I8D$0lyvYiPNVhO>Eg0b~-wfgz3`T4n?@YRux_Q%k8{JR}qVYEv_ z{{j11XwTZd%Ec!E>_|g*2w$%SiqyPW_ M07*qoM6N<$f;?l2@Bjb+ literal 1857 zc$@)22fp};P)Q^2NSYi!|CbU<3y1!Nx`4vTs$SD zJRzk>0sy7NC7_QKh2AG1A1Mm?U~Ft`_Q(OHl-l%-TN9A{hm48Qz1S)Wy`$;IyJJs} zUL=IDLkFC>b?f_q&we3=umFHk3ez-^N+n?!1~g3rr4#@lgg_7kXtjK}t_#O;AcR0@ zrz|B>##>(=9ew{$02dY(GOpKpF9?Dc0YKMv^yYKu$@GAb-Ti-3O4RFhRI63^egFVa zHT5qE-TJ}l)5q<71J2IQ4mJJYZ-R?qLMRG_JaW0*uEDkgt=4L&RMsGc04TYa%cQ?? z>eQ*_Jp<0p&JHzO>?0xgpss7MtO4k{u`jT0X?jg8mrCG_0YE8XXkQ&4A79!v;KIT} zrs25Lf{S6pFfce+grX>0-eZiTVK?A7E?5vC2p5E=s!%lzW-5hDCJj|px3OhdUS3A4 zBs;4$5+n1@=Cq?y{(o2T(9+>;9^+UwQb=zXDC_Ji$y$mxCk(Ia{P&tR{?wr0PplgyPeP8x$|-m1TPXwF)(0lfwOG~ z_dk8GBV4ygDbZ-y`0T+$I8OXNsH%#hWq}ZiM8bICPal3bfv#PpUCuPmZT=Df3diy= z3_a$sTCJi~DuoApk0Ln7%E~ILwOUM{NEpcHdjSB0#lfGAjEq=20^XRLn~*|Sx~?Oa z%f%eowu5rH0x9L5;o2glMEP-fOC)>qy--vYgwX!CFI;#7fVnLoZw0T12JuwF7(;1w z^+0f)kfqf};C!=~P(o11=K%m#zx6!;eOmyhr*DsQ&c8${MNg(D=CoX?>}y+h62Unh zm)Byto@@^&rJ$-ZJUKae8bBrnNEG=J0GOuP6+Mpn`j*>&V5zUKgR#vh5<*~_DL{fe zd*;mZ0CF)vDfn{$kV++Ejv993(Bax*+fM9vG8G=ZTsHd*fFuBI1CVq1MF232c(rgG z_s9SpH-1?XdYCm7RU3*_sm%z2_W^*WX)z-f_(uj9`0=hwjn*ch$0Aj-V~Y_roAKNo zuvlV0TtF5FRFrUSLXn76`j$%azm#3{M4M-jPCEZN~=i%B?pc$z) z_me<*3;;n8#EdjOUhWQ4G(8T;qO~PNrLEflqzbtQ0IgR1QkbdKkpY@1Gxodbw*UY< zU=Jge*aQT*4gjtjPb-;B`p5v&>9}t%TDw-SO-HI=15i=O2OyA+ZO3Y^s;bClvxg3s z&1Pd~P)Z5Mb^ro-{o1vuNbPR`j*X4YstTPK(SXw_g+d6Vue&k8 zv8P8bQmQQZez2vnOqnM7j`!_*qHDty`U)`3_}QyfYY2h>QplAbPfT2m)E+v|VB~;l zs`?fHR4Qv|dd--l-dqlr)xWRprj%m9>PK%^Bi!_wC|AO)GCzO&oz>OVc6q4*J0$Z@ zW^VkM1?=03s^ZBfhPFwl9F@u%YF$y@P6#2$q|+!IFT}PL02pU@_+Sx?F}R*L_06w; z?OgQ82k_aBfOB(?(zdra10jbELr1Y#+;McYZ3njFY#BQ>U4@xSBb_#P9y^y-(DGYg zjNgBK;?3{O&CGbw<0Sy@j(`Ag_wLPK*~{%*ISP_A70;~QT%`Q*b+Y2B7kdcuQ>+K5{-n9Cym#L}@L+;X^ zKr+Vel}amrc_7#-WXU%MG+EhpRYKxEXGJNjPv;VRX&aF9w)7M_aLm0JPjf)2XY>S34 vs!0F_!Y^j+3MBvp2&3g8j8?FXj~(Sd0eJ}4evC0100000NkvXXu0mjfiK%sK diff --git a/Breeze-gtk/assets/radio-mixed-backdrop-insensitive.png b/Breeze-gtk/assets/radio-mixed-backdrop-insensitive.png index 61d9213db1519b1cf8ea36c5122eaf346d4dd7e9..7dfb639b5881f4e313468dc1d1c0c52ef429c32e GIT binary patch literal 857 zc$@)Q1E&0mP)L%5p8k7!z!)CV?kQ27~2Ltv;Z%orTYmQsVnQ zqtPfzv*Lp{&%E*75n#91>!eY9ZTZ9r+p?^=DVR)1(-Z(91dT=m*Ktr3g(!*`4Eo{y z-QBm=*Vk_V)DD2tI6mL@JlnD?iXvxcr#}ZBD2Zc|IA#(AtgI|!Sr(qxwzDkz5;zHD z>Olc&n!e^Z4pPde!VZCxgnoa3loH2rsMqZmFKumo44?vJW%-`dYy#l>{xe~QVW6ri zNs=)3eH2B(ahn|X+UEdE1t|04HQTlT2qu$-Fd+n{X=2vv0PIzFZQDi&<0P;&1In^h z({+G_>4XpnApp=cZT9r)u3pnYRb8O2E{wAP27r_RD9YomQzR0osQ{{?KFqUhZhj^V z$ctijW>gKIXOyKJLsb;Dru`O1Apng=V{SAI;|NS5Ns|PCrRr|DACgYf+dw`8s_HlX zI6z8?>o}OEIZKk~6YhtUWr=B;xK*3^LBK!v?*0J8^G~?`%gt`vYrX2a zE=7^k?+-|-Bu~mTO;%Qx(X<-lM`L#H|NGaO)2Gh@gZZQ^+4c8F4{baEE?DEz*49VIz4kf75HBm5@&bS?WAAjUJzWK1*Nl<6nvPEbZn8JoZ-LYiRqAn01 zkOrjw0Ty)0qQ9d8AwVJ$8)!tu5~*UOLQ{qaq#`PzB$P3twli^T$M$70PGFeHhz0NR z`ku${Ip>}O|Fg7ZA9}srS29(+s`BDFrHVFyrfHsT=ywdw_+)c)eZ997c=zu2m$D-NsJ*gMb6jU>T1qK` zAY{+;qFIu@aq;5TXGehje*Z!gr(dtFuGXZqQA*(l0bw{MO;Z4b5Hy<&T*pDvG@@wA za5$Wdh7Vu7eEFpv0CNtUCh3j#%1TX2n>^1L42C30ddOK4$9QqfI0!j=ZVf4I+U-_t zmS-OT8^BDTH^9`*O~-XmN*xRPr{W}GI2fUn!f_mARX)+_blw8c0SZ;T<~U6N{2(|H zCPW2Y*NKw^-w)6<4aaTJKC^lSkUBt~7tcy50SLqKQkW$KmQ|%%tpYIK-v^*3B~>9d zfJW&sZ<(S3uxP+>Fkx8$7>03B(9MAm_jX5ZPe=kOePU= zobCdd4q$5f$AKTBl)`l!s*6A8x?n}8)7fsHS-nyf;weqnPXnl;_%lw^A0GUC|MTtb?OQ+u v{0_|KflD`bDG4+Ho4+?xR=OFNz(e{AO<`j&(?fv-00000NkvXXu0mjfj#ZLY diff --git a/Breeze-gtk/assets/radio-mixed-backdrop-insensitive@2.png b/Breeze-gtk/assets/radio-mixed-backdrop-insensitive@2.png index 2e48e41da1ae7f20d4d2443b1d9b03fc0303efc2..ae3232b2c9ddd7103da25482e878ad1ad3ce50d9 GIT binary patch literal 1983 zc$@*h2SE6VP)D!RW4k5L;Jow)Odbj$ z351lAf+4gixDBNQN)3HXoKomR3WcRcC+4%BdxTn z)kq`F%$?f@NxM7RpX^Wi*7Kw}y7$~~&bf2WxflK~dlRwSiPO{5$FvYnX{{fNRP>-y zYQIJ&0i={2DP&a|@}|)GqGeg{96fq;=6?>TwYDx_y?RP3^%E7UZ|r2Ql*UI^(s}(` z4?p}TAw>9<175yzg!TUa{F>IqqSOX zS79BBWm&Q3NGWOy^_VUynM{&M zBx3sJ(h^~~T9SnjWHM>ch)0hfKLL!z0kwV%AeBnR47FPE{jyWI;fH3~Hd4lu#;EO7 zs=xKdbGb)=Bw($~P%8QwfHU%@Zo9o_IOyjN+qPq4+UX;-wm2ZacSVy`$P_4#O2w4O0 zgZRF%zGTtu!U3p}klJ>9zlVdhHF_mUt^gWB+yLlxd$CFBbegSXyKov-y6IKhnb@<} z>kUBFX9HEV#)Dh}Xm{diWnVVCXE^9*gV7LYM{Ik8l-68cnjTJD0kkaZ9R#}Vy0MyT znkKoiv2_btmbHDjFr?e<#&lz2W3fh7Yu(Se0)6q)r3(YKzXEvl=+PO&Fg}i=h~{#< zv`rQ#kRuy92m*ZHXRG#M7*?;-iRq6*=Dq9`I%>c;P0dF9iA+KZ(b({Wx0 zXw(}qFB*nPxfE;D0O)qRv|Sh9_fb)V)*7ufDvDM*>QT=LAt)WV2h&{rK(yA>>k9zf zott}W&G1ev5oxW>f4_J6Run~3#mORteEcmJ7Z<5ktGjNygb)-bC&`cWnvHscYORXa zdj9FBo;-2)?%fdZfLS?WAarc&C4hy6I$h6;85$oSr(7wO0pl086mRsqXUoSN;|R{*#7j^1%J~uRE0~rKl||ur$)XZzMtpve_(?lf_tA z0m3lg_U+FI!vN3gUikj^zVqVXFCVzQDd4qh)y%T{pDXC-pyN1HDwR!-j;&S;*L4Yk zAa?AuZHsg|Lw3t!=N)>zE=sAJFZ}$})7P$C8HVf*(Ag9a;FC{2Dc2X5-V<=ZG!07S zGO1*0v*9}u&-1u5Jhh%SpNTZax`PaYv`Q#gKyz#|gNEeue)$H}9E1f_8k6dxTb1vaHk3+ww zD;6fmjqULAsM(}muM-UFt><+w{Nh)?{Pmi!`UAMw!F{`~Fy4Cm?HBI9@4nv(A@70V z^;?=`Dow(1uq+E>@O3Mt2!eoKuSciT#&z2(Wln27|M5rHUVZ-g=P#_W-v#DI;dTND zAPyZmRC@W$nV*#ol%AD_Jc!=re1Q&?y79&Q{MnNyPrmKC?plx~pavTkrQK|%6fk-E z^y$No9zT9!JePaKFwKfIj0qj-ekUx17e%Tbh2iXCv-$qTOP4OJDPKeJ>3<9zwvb)l zQPV%Sj?q7T?L<8KUfb4jaW8;FvFLj>2{`m`%!U;z0s{Kp^5}aj*uci7@?Tb@UT$`K R+-?8>002ovPDHLkV1g0^<{1D0 literal 1962 zc$@*M2UYlqP)IpX1x1BT6jhK0TG&QNNG#GUN}M##!-0@Aar_{j@r>=c z^SF=yXK`ojxifa~BkVZd_@24v{NFw2{^y+k!vAG=B6eyxIeC3t=;|dUgXe=lJ|mUd zr<9BXXqu=Bv`4zG-4%#WbX|NjHa0f(KL=DwnUhzqoj?UY^nH0~JGQ#6-83!x{jo0} zdQS-9KXJe-*RFlvbN!zyDf0lDrjbl0NhIRfwvB0;XqpCqloHSLXf#}^)hdqTAf+U< z(;vnX_S;`Mbm+q;0ysTA-BYbKKJYy6MF7jP=*wp4?de5`tv#Poij|cWN~IF6>j7Yx z#-C$W{s)H-@2%_@aB6C5f8F)|Dg!wpghnoxC6mc)8EhlaQn^gAxP+1tG;t@>lltbt zg9m4~4LCJ5wZGo*KanyRwk(r;eh|yDcLdfc^;(_T`FR502bho9=GVr@#~*GPaC&;W zXVs}r%0Q0Tw$1SH5W22+-RJuOtCdw8r;6`+c;SMWhJj(4BohgGdQupMv4O46?CdO! zhKp44-lzZk$5&6j`szyOechHowbuAR26Du*%njj!z^71LV!6D$kvXpG;<_$X$DvRt zkV+-#@9&R*8iv8p&=B_@%z*D77=P-(dEnbX(C$m?bUt&+k9LaiaUdFbszBd4$l2#q1aU`0>Xl=*X(p;moX6>%RcV?a5-> zR>WbcRAPR9K77HqDKZF{n_Hk%E=TmSm`yg@2f*;q@J~laNAsHkUcGVSgpx9ESr(a0 zCgP}4aVQjuD5bUy*Ak@^g~dWwB>S>`=!St1+Q2)fPrnHyHv|kC-W#Dow3PV1&-}u| zuHf1s=NBFk1nbR26M|ee3qXD#|2?3;3vhDs`gjloU(z&<-k#ow(?YShqqMffG|kAh z3<4GlOA%dfx))8;&FJNW4Yxi$iY|A1RixG=OYv{`I zGQPhaMIi*qWC9f8xg$r80+|S)lEL!;i9|f&XtlDsD>%yz!A#Ry>(wo(RGi3lJQ2Qn znRNPDAP$&o7D1rC2w>aMCv}|auHjl@b)?#blmvk62S>b#;>6 z$m8GuL`Uo2!c4UO4hoGLur^q>#Mod+*a_T*zB^JL1mW*WQg5o(^C{350X)x(7@1bI z-R%?(XpL8GzN3JCb8UqzwsdQNnlA1DG#b%OkxV3>2poXh@$kt+GICva8vq2J|DdUo z>wt($0M%-=tn~Dxo(P=hxm_tvrJ}xT&9%!b<;j-W8lbL=j}R!QQi=3j!!Ssv(_IUi zrnzM}Kk%v78xdVPosPVNN-3O*0|IsF;>8P1wYvs5Ha0e8=-MsWJm9oTE|*2?*esss z;ccNtdY((IT8rp3O=C|k8_}(-tRj`d_x(GkPM!K!Q(cRc8N;;Shj8v|kD{&{)v=j~xb91x5YrDM~DMd;ttZ{-K_uV{uog4&|J zK>5CZXMTR}_piV9+PO-l(hgDv7HLcCP61nz0QOEyOdNjh$dRL&boyD{F!$@amQymE zgcYKuR8S0jZ>GGweEHJFix=A3S4&*N&G6Vm&yK%Q6P{Z$gr~3VNR2RRTRJZ82CyY2 wVN~OQP58yE)uANd5k{*<7%guDADha50OmYXkV+>M`v3p{07*qoM6N<$g2^b_MgRZ+ diff --git a/Breeze-gtk/assets/radio-mixed-backdrop.png b/Breeze-gtk/assets/radio-mixed-backdrop.png index 136ecbfc88b07552fad87f4cc23f3f0e7da691ea..a25c20cdd52a2cf3e9878b9d820469bdfe24b103 GIT binary patch literal 944 zc$@*S15f;kP)K~y-6t(3n{8)q2DKX(VTwy|S#$-o_{S^?p328^kY7@Hv^v=Yrw zB~qs%HHso7Ql~CaGIZbh8J@ofA_6zC)@d<6xUR6m$1x zu%U^FQHOrl_xXPGJn!=Z{%1+89v;ojeY^9r@>Qi;`N(zM4uD8F{3;fU{~bTkd2eE3 z;`{#ue7v-DzOb=58wBEnVGN+_I?-qpfNHghv*lo#Ib=oJIjw15jE|51-V*p|Zt=$Y z`r6&}a9SE1G?1is7a)Y-=~I(THY0j8{hLddChr~rK3-ZnpR;lc=RP?nX<9eF?_-)K z`L#8+x3>Z4>guAuw+~~`Kv5K&tu2<9mqph}^|LQ8U!DVKI{@0YeSajKmNcy!*WG1) zet}XGbf99fNU>PNdY0qjg>iIEV>p$PEX%qNs6bslXnm%(F~6{g z@B1W^Ndh6F(=#)70Azs5PG!n429P8P(=?BTrG|!x$K#YrB`nKAk|Ydc07YrP0)%CN zol51y9$g0@zm{(a8%d8aIy%bO*cbrM^NrXZUB}(6eE>vdfIZJ^k2FW4yj^Yy8yQIh zplce6qEK#D(%Bis^SpK-Bp*72I5x8b7=RxH2qECjv65r~w8;SPheGw;S`C0iSK?S0 zfNd8Df`CM#5nHQO35DLPL$fKdXl&iyascS>?LRc8hK7#7_V)I8^5m~ZY+oM$1=}GK ziEIMNiHLI{jO165T4c(JiT!L|v4fcpME>o3;%^}z#bwHm6bVi*QO2&`NV z*L8mZyu(kJzBf}ob7mlZ_H42-*b9r4N+kdkML`Hb5Cj0Is>;O+}v zPfdLc*oT{(_n+Hi7yP$L#Fvr`6i- zPks=@3}b*EU8ge|Yjm?(pe=|-}zaNRfV@sesJT+=-r&JLe5Q>y23NLlj ziVCryQH9vF5-X$%!Gawt`VSN-1Qa2%Kvk=jVv&gKfCWjbwjR4q(!}F7QO31BW2dp_ zvgjl}WBYGp!A3?NAo*=+7WSnB8zf}tRrhJmK#kt7LK?Wd#D zeFpH#0M%->Hy%>}C@dA)!j7lYoH+3+uMG_Wkav3Hu^5(Rz6=CpfJS4h)93dAV3Z%X zg$)j-0Ej73TrQcia}%G>PouHb33%k40U_E7+XDlzZ5ttY=35CQNftnd4B&Pj+O|v+ zfJiuWAPiuwSj4t%LQbz~nz#>jZG*Fvpg&M3mUIC6`}%eVQ%8^NgKceX@yDNk0Wi?} zw0BL{@%lU~KvMX&b(OWEj&0jCn@yHiR=9HY8m4K{9f_c- z34{=6xjbgAHUrdmo$}rH(?%jO5Pl_j7^`lP$;`587y!6jGD19kJAm#;gprY9ydE!i z?%X4r&s9JA@Pi>>b=N6z<%N?A3yZU%P*92~3U9wPj;7_vFBK>oWh4oDdb;WF?Q^Ur zQ`Ac=-o7Q)AC=Anb->!={wr5+Tqx>m-=vSFq-0V(FdXjQ&9Zp=mJl{yee&_dB(MT( z@0*yJ`S~5QZvJ4~1XZ=4cr1qB@5EQF#+t69c$Juz-ia_Re72#CFOH1ON~JCR5WK~GCc(8c?l{f$Z002ovPDHLkV1kWTyXXJ_ diff --git a/Breeze-gtk/assets/radio-mixed-backdrop@2.png b/Breeze-gtk/assets/radio-mixed-backdrop@2.png index 082ac1a1f9a5d705497a1ebda79c1853d9c93d24..62483d47417edc4c00dcc6312747e951b471fe8d GIT binary patch literal 2185 zc$@)=2zK|0P)Y|H^&S+Gr8bzHlRX1f(sRN5rG>cMA%cBa201?rQ%3~l22_%3?2#y`X z#7ykqYhOElcHu{S9rA?k`rn;%&-u>pob%oDedoac^=eWrx8udjmv;mL!9#w@*DTBa z;y^H{3x~rh070vb>vMC1qL}A07{r@;o$h!`OH0@P9I&gaOXv0Z{`CC$cde6?lg6d= zEwosqqT&@_RIgccxVE-7^x6U2FI@bs)9Ls`k|Y5@5Cp7ND`jP+SS*DY4MuWvwE#>{ zhmd>{larH-kB{SUI0%Qs0GLdskabmA+y4Fg|L|G>+uPfVB%lA9b8M^zpdde=hK2^J zs;bavG>e*CBoblx@i6`UcX{#R1pwu%tPd^bRX=EH+2&q0U}tCN#u5AIZI8zzs?{1c zZ*HQlwvL>foJE0UD;A4!Z{Qx?J-tLD5zOWSxuU$PY0sYR50?zs+1a^q=<&!Muh*;1 z&(CM~uAP|8mSuru%jI%$`N|b!S;lBIhOMjCG#ogv>%pP{+uPfVo=vz$Jsyu(R9MK~ zz5CGXb+g*}d_G3)qd1%nB%cqT&j*0PV8CcFV6|GQtgIw2FK<>~zu(Wrjt<;zHw6Xx zfv{Fv{>u+Om|PU#-%tI+<{TTV$=(J%}0%(-&}WSNqZmBT-8ZCwvUGux=M4PLl#;WxvNM}Df-XxO)JA10IXG_jA` zIe-2F6E4@hV43oGrm)#;SS)4=@(a@STCJAS(o%+ohVgp6me%)M^Uj?;du2|*uC6ZK z@W_+Pp-@QOyk#@1D=QTP4Ga$O)mL8=jl~uXmr^ViV`OB6T&~QkJ{}gT`re5^X+wgNOXG$@V|zu!;S)vi~9%Y?jowF_DHr|Sfb zhNex807N3u9|0?70baa(d57EMF$jV{RaKS3Xm@uH;YeiJP}SAdsMRyx6b^^!?(S8z zsi~<(5Cq(Ax1p`AZ5v=z00siVLjYE*RS_Y4J|B;U9xWTLsj-ReZ@tCV=4M5`?U4jVzFo=pa+CBpd1Jk16VADicXF(=PScO;ym22VSScuhoW3)NkppY>2NA! zi8EUq4Cnw%M&-FDz3{SBWy7UZmRzB+(5C^@$)+GEI?1y9THpW- zS(EoCLt{!>Z6aL@g~F)_r(IrJvJ5x?vVB>#V752ogMuK$fplV-(#rz(+ZBrPcaw?aTBp;dAYy4iQPh6}Fg`x6=u}x*iE0jCSu7mD z{lWW8c|7TIPEHOL70Stvk0(}GrOLUJtO{prvF*BOS643@ z?&&KqUo@i>D6gLHIs5RJ~{p@JaL*x00KJ2X5@I1<5PHv5ho`CU)4I-odaidGbT z0np!nmsm#5CyIIO+_6Kk)zN5_YuB&yuhXX)7#zUk@eqkbh(scIJZ=UC2l(gd(_Fi8 zT>+<3sd)SC?TDhNu+`t!2Y^P*lKi4F$*Q;%A-a-VXxt5wwZ_4RY>_AN{%Q|Pnbf7;}9IzvDJa4J@?wzf7@UcTxRfbO1N zTv=&-U0of!cki0D-HVYR2<+LldlsB)VuGIDp5z2LnuG(Gf;lfuUp{b-Io9h%kslvC zIO{+S1cKb@yTkqa_Z6=2GO1K5)~;Pk^Oh}&ZH2_;>&)4IBg=kDOI8lO-`aX0`6&e0 z=LGENxNdQb-FJFCQ=-LUVQ)*zoL5JC>e?wu>DZcQFkmzpsVKKnQBg7Xwew;JZjYM+ zvswP@-%kAS*0pP?%w!CZ=L7_}bg66o<0p^qN|Ge#^*VO$+)2sGl6hBav2smJaH+GC zfGlG&8pHj4ciuU6?AVj!=P4lVTk}Ti^XIQ@7=PyI_Dp$1wOY-lH{PJWzJAefGTDko zqujf9kDlIMqR}V?X0zOTyXPmzkN;&P*(3-!f%IRvU^;Q)#Fr~H+R*i9&%Rv?pch4& zHZ@XHQ@y0eqoLtp`uqCQvA(oq<#PvEcn42rOb8^(ZwuiP;8R09X5Q(2*-jsdWZ`362tpy}* zUrSMd#HvXPHH23KOi3WIs(K(7&@hu{#(*%1)e4YUt?)~1%&GqZy&ZN{t_IzC00000 LNkvXXu0mjf5yC;X literal 2195 zc$@)~2yFL>P){dEfV3_`j@93@aUYy0!Iiawhe>s;Cbn z66)GyGHFStH3NW2l60$OP10(W$8ECZ6YCoJwdUqSzW+I(&*!tm6RAH$BA-7SnTk5@ zWo&7wGge++eqxiy^<%HsoBF~5|8?ffFT$abmlP!~0Z5XB+wG#Ns*?!xU^)EmAX!GyB5I~>LS3VJmo*x+*-40MvT#VOS z%a+ZXFdB`^+FT}+VQ^@O?w($5-HHL=TJQ2ZY!wea_SnA2iUH5Iwbh0K!S?9%v}`n* z*i&CeP4y0nii(y6wotO!EWLexIDsGp(e1~ZRw5f^}CN8InuXmK%dW7ej_+?BRV}Tmz9-r z$jU?ZUKXVjT<~P zHZ)+j+ZI8-^Zo}U6A3CSE3QBD)RWafW`3VVUViG-*%yWaH=Zgo8hNDoFb;=Z_&yvA za_aOsCMGBE2sU4$)6-lZxQ^55q@=ibRxe2s>nbZ57z_}LDP_+-_nhsmlYc+6B%sgd zvjl>n)2US2*x0a#4I4bdLVbQe7yfgRY&N@WxPoM}SpqkPF-vADD#~Z|vTQ}yb;fSq zq{vwGrNM#ge;FSizg74yTt{^#eN<86Qb}yh3`bX}*tqk~{5 zB*1-Xs9lmIwrt)cOxk&+3r*8j47GL37L3NZ4X4u@SFU`z zpwDI`$wXu-YHw+2*#|fTz~oHoc>uTDC1i+rTxDQzaK&)-b#?52@GI4**nERSFXg4+mF#wDom$?B1O_x*a?2$5}EL=yhFZI4JsJ zRaI5tYXe{fq&W*F5^Dj zz-|}go)U|#8m=Jg)>R2@MNx#dEgy4}c^1Gr3#e&n1At_bgh6T|@rA$v*lptG3#qXn zW+}IJI-M?LIP=QNk`=%KEOcdq;jY!*oDZ5zk`9p8(n62hCHj@X0mN1DNUgF}Xs6P- zwIxX^Y-KJQ%N9!#ZsQjVd~&6503)MgLff%m?szP>wk6L3^TLc(w%!DYM5cs6o_uUt zEu60Fe0J@+IJes^v_GGU0$`TRg|aIPS3WB zii+^K#m$e6jRIgW=$(00dd`At4rr-00XCmo8rxboX!D zf;`W^HBBQF&c$4RZ{O>Ab!rx{x%rTxG^K$xt)eixEt5_EwZ0sQ{Y?wDnC zUB~b5=Ul6gOlGb`lO&1VyXu6#gF^u{O{3K5R9aeo)sa^xgfMeodHD%|?w($u=98^5 z2M-(&jyjXca1UQ4iz=8eygd3d6 zWa;ki0l;W9oScWG3eMHj(_{Xmy(1QjDdxt8J?!+>3cKv<>!-b=W5v1IU@-9Iy^T~a zs5QI0d+F%x#Nn`~UjF5ajlp0r1tfr=U_r0fn{uspy#&yCwTsCKv8=DD*+J8xhZY_8 zazv6O9zJw%5!}SYBv-n+0MN6Uqj@-hC@k@4dh_Jlec_RCwZ&@X@vl9$C|DF>XG*Ye+BFtB;^Cid>xvnVhp5-RV$cM3J3Qdv=P?U|>ad_4at1q7A^{NRHNWn<%m z!RYiYxzy>T`EZkP;|ijxD#O7Lp>UX(qM+t;t89~T*zI^+E<7IhZO6t{m2>AlWGXsE zNlA(N=i`4mc>co=3vZDSpe_jr;Pd&a2Li)giV~MB77K?C?x%8X#x4@%257u6c{h`y<@gMbLLD`5R9%-+JgmJ`R1zfobe8!p_uIk64EVzp9V zw~MV?HZL1g(=-N$0(5ux5Xue|!lZ_hi{R31)vxG(qjoAJb7|Mu%tI{lNv z?>Cdlgvafova*V@GADMs9kZ1G{gzIlC<;^g-*2Jt$ZU3UIP57sn>qUZ?|t|9y!n$r zcp==q00J0x?%e7A>Ca#Mt)A7t5t)kKz08>>rB0_(RK#09`r!|LABjZfKM|wA1oMt{ zrGN#Ifwe6yE&Fn>FTG)ACVgLGW@gQ7Rct;vn}lwBD`b0!fgw+Oi%ys{t&CM9!*KU=3hmuFlK?X>!&|kh50$HghZ~{{@+e VcpN;H^o9Tc002ovPDHLkV1hGtN0|Ts diff --git a/Breeze-gtk/assets/radio-mixed-insensitive.png b/Breeze-gtk/assets/radio-mixed-insensitive.png index 61d9213db1519b1cf8ea36c5122eaf346d4dd7e9..7dfb639b5881f4e313468dc1d1c0c52ef429c32e GIT binary patch literal 857 zc$@)Q1E&0mP)L%5p8k7!z!)CV?kQ27~2Ltv;Z%orTYmQsVnQ zqtPfzv*Lp{&%E*75n#91>!eY9ZTZ9r+p?^=DVR)1(-Z(91dT=m*Ktr3g(!*`4Eo{y z-QBm=*Vk_V)DD2tI6mL@JlnD?iXvxcr#}ZBD2Zc|IA#(AtgI|!Sr(qxwzDkz5;zHD z>Olc&n!e^Z4pPde!VZCxgnoa3loH2rsMqZmFKumo44?vJW%-`dYy#l>{xe~QVW6ri zNs=)3eH2B(ahn|X+UEdE1t|04HQTlT2qu$-Fd+n{X=2vv0PIzFZQDi&<0P;&1In^h z({+G_>4XpnApp=cZT9r)u3pnYRb8O2E{wAP27r_RD9YomQzR0osQ{{?KFqUhZhj^V z$ctijW>gKIXOyKJLsb;Dru`O1Apng=V{SAI;|NS5Ns|PCrRr|DACgYf+dw`8s_HlX zI6z8?>o}OEIZKk~6YhtUWr=B;xK*3^LBK!v?*0J8^G~?`%gt`vYrX2a zE=7^k?+-|-Bu~mTO;%Qx(X<-lM`L#H|NGaO)2Gh@gZZQ^+4c8F4{baEE?DEz*49VIz4kf75HBm5@&bS?WAAjUJzWK1*Nl<6nvPEbZn8JoZ-LYiRqAn01 zkOrjw0Ty)0qQ9d8AwVJ$8)!tu5~*UOLQ{qaq#`PzB$P3twli^T$M$70PGFeHhz0NR z`ku${Ip>}O|Fg7ZA9}srS29(+s`BDFrHVFyrfHsT=ywdw_+)c)eZ997c=zu2m$D-NsJ*gMb6jU>T1qK` zAY{+;qFIu@aq;5TXGehje*Z!gr(dtFuGXZqQA*(l0bw{MO;Z4b5Hy<&T*pDvG@@wA za5$Wdh7Vu7eEFpv0CNtUCh3j#%1TX2n>^1L42C30ddOK4$9QqfI0!j=ZVf4I+U-_t zmS-OT8^BDTH^9`*O~-XmN*xRPr{W}GI2fUn!f_mARX)+_blw8c0SZ;T<~U6N{2(|H zCPW2Y*NKw^-w)6<4aaTJKC^lSkUBt~7tcy50SLqKQkW$KmQ|%%tpYIK-v^*3B~>9d zfJW&sZ<(S3uxP+>Fkx8$7>03B(9MAm_jX5ZPe=kOePU= zobCdd4q$5f$AKTBl)`l!s*6A8x?n}8)7fsHS-nyf;weqnPXnl;_%lw^A0GUC|MTtb?OQ+u v{0_|KflD`bDG4+Ho4+?xR=OFNz(e{AO<`j&(?fv-00000NkvXXu0mjfj#ZLY diff --git a/Breeze-gtk/assets/radio-mixed-insensitive@2.png b/Breeze-gtk/assets/radio-mixed-insensitive@2.png index 2e48e41da1ae7f20d4d2443b1d9b03fc0303efc2..ae3232b2c9ddd7103da25482e878ad1ad3ce50d9 GIT binary patch literal 1983 zc$@*h2SE6VP)D!RW4k5L;Jow)Odbj$ z351lAf+4gixDBNQN)3HXoKomR3WcRcC+4%BdxTn z)kq`F%$?f@NxM7RpX^Wi*7Kw}y7$~~&bf2WxflK~dlRwSiPO{5$FvYnX{{fNRP>-y zYQIJ&0i={2DP&a|@}|)GqGeg{96fq;=6?>TwYDx_y?RP3^%E7UZ|r2Ql*UI^(s}(` z4?p}TAw>9<175yzg!TUa{F>IqqSOX zS79BBWm&Q3NGWOy^_VUynM{&M zBx3sJ(h^~~T9SnjWHM>ch)0hfKLL!z0kwV%AeBnR47FPE{jyWI;fH3~Hd4lu#;EO7 zs=xKdbGb)=Bw($~P%8QwfHU%@Zo9o_IOyjN+qPq4+UX;-wm2ZacSVy`$P_4#O2w4O0 zgZRF%zGTtu!U3p}klJ>9zlVdhHF_mUt^gWB+yLlxd$CFBbegSXyKov-y6IKhnb@<} z>kUBFX9HEV#)Dh}Xm{diWnVVCXE^9*gV7LYM{Ik8l-68cnjTJD0kkaZ9R#}Vy0MyT znkKoiv2_btmbHDjFr?e<#&lz2W3fh7Yu(Se0)6q)r3(YKzXEvl=+PO&Fg}i=h~{#< zv`rQ#kRuy92m*ZHXRG#M7*?;-iRq6*=Dq9`I%>c;P0dF9iA+KZ(b({Wx0 zXw(}qFB*nPxfE;D0O)qRv|Sh9_fb)V)*7ufDvDM*>QT=LAt)WV2h&{rK(yA>>k9zf zott}W&G1ev5oxW>f4_J6Run~3#mORteEcmJ7Z<5ktGjNygb)-bC&`cWnvHscYORXa zdj9FBo;-2)?%fdZfLS?WAarc&C4hy6I$h6;85$oSr(7wO0pl086mRsqXUoSN;|R{*#7j^1%J~uRE0~rKl||ur$)XZzMtpve_(?lf_tA z0m3lg_U+FI!vN3gUikj^zVqVXFCVzQDd4qh)y%T{pDXC-pyN1HDwR!-j;&S;*L4Yk zAa?AuZHsg|Lw3t!=N)>zE=sAJFZ}$})7P$C8HVf*(Ag9a;FC{2Dc2X5-V<=ZG!07S zGO1*0v*9}u&-1u5Jhh%SpNTZax`PaYv`Q#gKyz#|gNEeue)$H}9E1f_8k6dxTb1vaHk3+ww zD;6fmjqULAsM(}muM-UFt><+w{Nh)?{Pmi!`UAMw!F{`~Fy4Cm?HBI9@4nv(A@70V z^;?=`Dow(1uq+E>@O3Mt2!eoKuSciT#&z2(Wln27|M5rHUVZ-g=P#_W-v#DI;dTND zAPyZmRC@W$nV*#ol%AD_Jc!=re1Q&?y79&Q{MnNyPrmKC?plx~pavTkrQK|%6fk-E z^y$No9zT9!JePaKFwKfIj0qj-ekUx17e%Tbh2iXCv-$qTOP4OJDPKeJ>3<9zwvb)l zQPV%Sj?q7T?L<8KUfb4jaW8;FvFLj>2{`m`%!U;z0s{Kp^5}aj*uci7@?Tb@UT$`K R+-?8>002ovPDHLkV1g0^<{1D0 literal 1962 zc$@*M2UYlqP)IpX1x1BT6jhK0TG&QNNG#GUN}M##!-0@Aar_{j@r>=c z^SF=yXK`ojxifa~BkVZd_@24v{NFw2{^y+k!vAG=B6eyxIeC3t=;|dUgXe=lJ|mUd zr<9BXXqu=Bv`4zG-4%#WbX|NjHa0f(KL=DwnUhzqoj?UY^nH0~JGQ#6-83!x{jo0} zdQS-9KXJe-*RFlvbN!zyDf0lDrjbl0NhIRfwvB0;XqpCqloHSLXf#}^)hdqTAf+U< z(;vnX_S;`Mbm+q;0ysTA-BYbKKJYy6MF7jP=*wp4?de5`tv#Poij|cWN~IF6>j7Yx z#-C$W{s)H-@2%_@aB6C5f8F)|Dg!wpghnoxC6mc)8EhlaQn^gAxP+1tG;t@>lltbt zg9m4~4LCJ5wZGo*KanyRwk(r;eh|yDcLdfc^;(_T`FR502bho9=GVr@#~*GPaC&;W zXVs}r%0Q0Tw$1SH5W22+-RJuOtCdw8r;6`+c;SMWhJj(4BohgGdQupMv4O46?CdO! zhKp44-lzZk$5&6j`szyOechHowbuAR26Du*%njj!z^71LV!6D$kvXpG;<_$X$DvRt zkV+-#@9&R*8iv8p&=B_@%z*D77=P-(dEnbX(C$m?bUt&+k9LaiaUdFbszBd4$l2#q1aU`0>Xl=*X(p;moX6>%RcV?a5-> zR>WbcRAPR9K77HqDKZF{n_Hk%E=TmSm`yg@2f*;q@J~laNAsHkUcGVSgpx9ESr(a0 zCgP}4aVQjuD5bUy*Ak@^g~dWwB>S>`=!St1+Q2)fPrnHyHv|kC-W#Dow3PV1&-}u| zuHf1s=NBFk1nbR26M|ee3qXD#|2?3;3vhDs`gjloU(z&<-k#ow(?YShqqMffG|kAh z3<4GlOA%dfx))8;&FJNW4Yxi$iY|A1RixG=OYv{`I zGQPhaMIi*qWC9f8xg$r80+|S)lEL!;i9|f&XtlDsD>%yz!A#Ry>(wo(RGi3lJQ2Qn znRNPDAP$&o7D1rC2w>aMCv}|auHjl@b)?#blmvk62S>b#;>6 z$m8GuL`Uo2!c4UO4hoGLur^q>#Mod+*a_T*zB^JL1mW*WQg5o(^C{350X)x(7@1bI z-R%?(XpL8GzN3JCb8UqzwsdQNnlA1DG#b%OkxV3>2poXh@$kt+GICva8vq2J|DdUo z>wt($0M%-=tn~Dxo(P=hxm_tvrJ}xT&9%!b<;j-W8lbL=j}R!QQi=3j!!Ssv(_IUi zrnzM}Kk%v78xdVPosPVNN-3O*0|IsF;>8P1wYvs5Ha0e8=-MsWJm9oTE|*2?*esss z;ccNtdY((IT8rp3O=C|k8_}(-tRj`d_x(GkPM!K!Q(cRc8N;;Shj8v|kD{&{)v=j~xb91x5YrDM~DMd;ttZ{-K_uV{uog4&|J zK>5CZXMTR}_piV9+PO-l(hgDv7HLcCP61nz0QOEyOdNjh$dRL&boyD{F!$@amQymE zgcYKuR8S0jZ>GGweEHJFix=A3S4&*N&G6Vm&yK%Q6P{Z$gr~3VNR2RRTRJZ82CyY2 wVN~OQP58yE)uANd5k{*<7%guDADha50OmYXkV+>M`v3p{07*qoM6N<$g2^b_MgRZ+ diff --git a/Breeze-gtk/assets/radio-unchecked-backdrop-insensitive.png b/Breeze-gtk/assets/radio-unchecked-backdrop-insensitive.png index d914fab89a88832f6796623572c8e1858b34de9d..ee41773dea029dc67b63a119aab88439a7e9cbe6 GIT binary patch literal 665 zc$@*50%rY*P)(LmzCKL8RAMvWxO zpWs3N0R9f52bH+Q0~(OC7k^-!z@i7x#El_?&@Iw7YrB3uY)(aM#^UGtB(FSAp6~a8 z{~RfO>U!53(6cH%udTEFlE7T8(P8>NbMrjZ5Pf zpZoz9ip5;R^$;T7C1<-*xjZ>J`3fNMqv(6yT-LI>#sD-;!?Ln^ z5Cr#uVIYv9wSa`8ju=M#m~k--gH%dCHJ{Jl0+0cMD7t2((?`YtBuT#-V1}EXDkQ< zqDa`#UW%Mh-a4++Gw2*RH2lUI5Vk;Beps{X2qBJ)2_dM}>wMnacm{Z#pYrncN+D}y z&Y7lpB+%Zsscdh393LB-0Lq=E^y{hX)xF&V$922L9LHs+y5l}yTDk*xfZG9whK7nk z5KV8DOO9>Z{~TWkfxT~2Dt&R^udd&oot-TLU*Rw3YhhvGf|<$8X~(qFhM7j!_0~J1 zwN2;1p;oWsdhUni#l^dAtkUi<_P{3R^ZA^mbV(g^_36#Ks4SpT%S@pNWp zW*KmS9ia2(VlQ?(8qg1<_<5Pab~oSJ;BWa3!0!1CHXcVE00000NkvXXu0mjff%i73 literal 674 zc$@*E0$u%yP)NxBG$A2DDPp4uMiL{49V2bEcj(M?t_uoEum&3c5ct%TN2OdP4C{;1vaa>@^%YtI=jY#ygi+&x)7_o4({{_TwANHARZ6a_g1Uco zczEc^E?}`(98??r%OkzLNhz(Cus@}g$I8k|ZFObs-00}}SpajZ=+*s6r@MR4FaRkn z94C_u8sR;l9|#0&F2EG#z`w?9CEK=<9r9={m%9!i03sb-w(Udvh5;Ccft^m_^z@Da zQUEj>(J3iqTR?!MlyoE#{XnYeu#qtn@wS1c8OIQ!6R^bgtJZA;*>t4=Qve7f_ALy; zwpn2qpwa8lT#6ABuWFuZ8(6C;Ha7f4AQS+mAs$xBRdgF;YptnNt1N$9dIosgKV^3A zb>VO(b27cpTP&}a`Lee9{_N1u2=IA(DF>|sS4yt?Qz>uHFr^eF*H!tc>05vYs2$-j zGc$X^jGOlzCzG^o8^ic}x@oPclq-~6S1lA4ZjO)NcmaF@f?XZ?eEv+jvuo0_lE>_H zilmg7&G-rfpIS{(saElndY7MietTl#P7zpbI&2xRiCiw1b$WWoIueQFh7eriwJIUChxiiggjEtB++g827~)-L z49&uFC| zQ%XHzFmV7WWmyXOowVdNVa$2QaXuXz8_VuGpfSd|aPi^^qtx$IsD8GUu~J%BoVfeZ zlZOv~D1-=i9Pq;I?8{-O{%n*Qs5_K&c6O3TByc?s$9AwR34l_XAPlHhs+7tlO2r~t z>j+d{PsF`9j~qF2c1Hl`=H~XSmCL8YTJQouEEXe`PLb?NBE;st&lp4Dc7c2@Ppwu1 zz;R;#j(dZzjE?RtZW}P0&1TA#%I8|?gF;C9`g-Z<>De^cMxgoCJS!_XjMgCJe5$+a z*+Yj8Eo~Vvo6Tm*e&xK@dMFl)F*r1c8*{e>cDE|N&*IV&Dhx63O-J1O`S|$w^^N+< zjf``1b9>5_%I8|^A-8w*Hj8m#q{{qn0+l%Y&+_c_Lp68KHrvS+G_y2KZWMtsJfET~~ z@`O=pAQp?!)6=u-a1EtWDJIySCr`c#bZiJ1)`H&yq|&KvZzbE2l#;%5F8~Am z1HS?K?g5;cnHdk2dO}J`vMbp(xQ3G5Nu-oWOCFq@oE!!AtOGPcya>?Q+1b|UH6(a6Rv#zyWyCt|4tZ z6PXe%5!8JEF~?~?StL91EfDF*6u$$go5^PT$s$QvKNN%%jcJTMJetkv&KeX__&_tU zd>GPN0bsPLM5a6QDTKTUPz!?glSK+6-v*Ow*qVTr5c2@lO114^4f)l&?=VnbM<(48 zL8bvpWKDFRa}7BR-O9nKg-u~Y(qIX^u;6`5;Iz_GEh ztYukOwbm4F7upV3DBMPCO{moTd+)sS|H$mG+h%On{RkkR%eOU(#u#$B6#$l(mOg1| zDz5{4^6=pgrIgoewHo==eA@t5^Q#0wfHCIA#Kgq8$n4X)1_6W+p&N7F1Xx+gQStp< zhx2`(mE27Lu3owP?(*_-qv~)A?sM(D@Wt%Ef}r+m%eFZ%JdADIy8;)60SgOX6NUl4 zUzz&VFMsiesHp}lz(i>dCeXAOK)tyWoB_=>V$-Z41e_xWmJfoipaF?#uf_y6|W%d@kM^>hnp zI{U%Y`O>9JLu)1fzm^n_NhwIB(xlVr2P=K#^W<_XXl+nRUHix1KR$Nq)TwWyE)`%A zXl@}t>gn9M|0Me!anE|L`#gYU+w`S-Np^3scvL8m%jF27^Vat(Qxk8z{#HxmY7v}j z9lP03Sf89Z^Xl;a{eKcdJ_?QUTLpA-#vc(_*BdLE5Op-a9aTc5F;Za18<)^`PxALz)RAS2Qix*FEF7}^WWaM@y}z& zj-4qMi>)BHfSa^T>vjPfN&tH&CnrarK6>=Io@DYV%eFJpvU-g+^-Nd@Uu%`qVYs+j zD132#dU~qm_-d#|{crujzwbfrmwTvR4dYuJ=Tnc`+GaZM#0A))9@RMD0ycNHFAW6L hqvcbN)|N8j?*W))OV8gBpgRBn002ovPDHLkV1gpJ@{#}m literal 1518 zc$@+51rhp*P)3~V4@;sL#gQq|u2VxsrBpfuD3BOM(?gJ3 z(40~fNE#p76i{m95Fn_4UY!^PdMMDeZZAFZRnuR?(UE#UYR`GdBlgKE^4CAmo{ z(lW^B(ot zKM+EwT?f2$_3978K>fmKodb|kl1`^drIL7_hvPU%DFM)06NVv;MnJ7rqgt(^wWc}G zx|2wG?|gH7{KH)VTv%A>tND$yVHmy);JPk@*$n-C{Rq+B|1-w0zP?VWR3ZpM0Bpzp zYr@UFHZifkvSYwPp^&c!;U_xMM}&|J4Q0t>GF^jh1zIYXDHhi-T7wjenZA8596fq; zdE0=6LLpyos86+yMqSq-mpg##dOHGpP<6k~^6Dy)QUI$7&-vEW)YP4=o|Rh}7Zw)! z>OuI4*3qcvdF1o?U4sKiBoiDun8)*6fCII9;~&2|d$zx8z?$DUt0R5Hbsa`WN3bkw z*Wg;RZJUvi5iHwA3VC?y;NkPYLyjH-EZn&9Y8Zwu3n@8pAh#!Qn;>&Jgpec>-b;V} z_~U6F*mj!$jWLd2tN#*U=!tA=3HDTpghw_z2*Bvb=+DN+#&VAYynOxow9z`}x-OYa zX3ybT8q5x2*)~GR;rC9RdJ{-*2^clPA2%oLJeBN3QV52!Spagwx$gr{J_I;7cWo+) zqHjnk>F?X}gW6N|5A-9YMB3JonVFdhpl=hPu*@p}>2$iM(QEq`f^<3s2JzgnV=n@k zO@Ky6&jX}V$)3ZtluR|ZUS?q6Ss)2GZNMlpUkC8K-Al;ZRl;p%4a;`&u_?6?L82!C z9LMQBSu8vDEs#&drewzw6BnCX9xgqRWi@>ZNg_76UmZ<%+Sr3a;sfo%@~co3HGLaR zJvMEur@;CGAPmFalf_c8Z-XwjY;8bkiA8`$Bj`C;OZA`uKoqLmu}NGbK`}GIkwd<<;b^cRqW|jH* zYwzE^d$)D#P=-geou6I0{1+9f?^(9Zp@VsB+ujp66)A4tT0$vB&G%=&`<-u}h=&5; zU+{>oF5%{0LyE;nDVCR)QL5{!lz6LI9F&1}GXB!i`O1|mqgB80 zcT38rg%D)3S+d!|$GiF{l_?gB7-LW>y7~Lx{pO7`XU_b)#SSb1?G*AqJ)J-Qw}GdI zQy(T0-b(b|oO@N;))7pX^94pJwYa*v^2aw`fBjsgQt1RK17Faw ztUCp4DFy7GnVFe*?%1&xGXn$9TDFt7EIDL!vl2E4-BNF_y7O^ diff --git a/Breeze-gtk/assets/radio-unchecked-backdrop.png b/Breeze-gtk/assets/radio-unchecked-backdrop.png index 2bd17c719b2675cd12ccfe0090a1ecbec62a8476..fd26b881ef8b0774176675e3490f8532375494ee GIT binary patch literal 683 zc$@*N0#yBpP)tuIJtlf}j^57L6V!68+!%`{Hl1+3f0-fLq(!Bbm@>#H6 zudhGIWUdSYFm#>KbXp4i#ySu=2W}RNOQ+4#0n;?E3_DXQm7*ntmdoc?&VlZc``k2> z9XyF(uuvWK;#bO7*i3~8%pU73K z7NU!`g%Ipn7C{hv074lco6WBFDDvU%ZuQ#0N~MAK~y-6t(4D8lW`o!U(e&F&wf194&^o|O82yjTiuK3Fosa!#mK7? z(M6$?AW?^Ip7I|skP#Ajh$#HQ4kQ18oWk6kKc?=Px7xF3n@;xavJJ#$bM!ubKYU(% zetqBYpCvU5EG|bUjeLGIUodW!O65)fn@u@!somSE>i94i4o$ZNjK*T&?1BENS{2=z zuOE-M7pKDsK*21a>p7CCG;)Xh+k4IZG!%Nc(iFI~5*^>&%go#f2Bh1X4@vra140Nk zlPP|##f8W1eKquCaONB^8jFRuQrn9U?%$K#?%rmTI3qoG#E;cg(bMC4{A_smJAhmd zX0y5ZyTL%qFaVFcm*7A^Dwj^?0c!)exE!6Vo>s4Dny+P8U4FlY5U6vJ$lC@mZ{)`` zUw_k?T_j18(6l}*R%HaR%K(O9-1K_fmxk5l^>`>2%^QF!1C-0hR)^EkHqha4QZ64` z0b64!LbS~T1d=2Rz#;=EN>`<5nr-7u(?sd&tUzrkE~mPa&FO6e4|N^8!qkzAxLedF$;wSpdRwpB=L=PA*#H4`C@Di z$N-gd84C+v9+@TcW3`G))B5mwJUE>-`zjPT)OAu@X=GW>@9*tQyq=m`1+ujYn;LBA zTqN?wVpT>;#p3l+xn{76a$>XF_lu_Sxi+&Ra0FE9iU0b%c0dJefTi|!TC2vW0ng|U XeLV8X-V$sH00000NkvXXu0mjf0ZTxj diff --git a/Breeze-gtk/assets/radio-unchecked-backdrop@2.png b/Breeze-gtk/assets/radio-unchecked-backdrop@2.png index ddf72e42975030fd1d47055dff649e8674f79ba6..5089ee71ba9e8fef8f9ccecd4c91143633d28747 GIT binary patch literal 1597 zc$@(}2EzG?P)$PHOeJIxl~$dvz2HH3#>S0)!hUV>PSljO#`NO zaOyF5?6H~gm_69z7>ZgT;9mBBeBXIBKR?g-dH(MM|JSq0w$p>dqoc3n^M$iHHG5Rk za{Kdzg3B-r8-VC=tht@ef+RI2o0_CA-7eSFNF*|`=YSIv6Ru1)`_Ypp-@TPerR43L z4F&>g^ZtF;J3Bhgb$55`yAC*XbNGBLws1jJRS`fGMM9wvt*tEt0zu>^8K=_$!0M`w znpH`qQpDqN78VvT3Gw>~?`8NBZgM z?xCTfVM|~eRVtN;-j8x;atgCp#P9cM2iwE_CrT&%3z>dH+Dw#|&IyQ!;X~?o{gxWg#&YXGmzgq?z8X9U&EG6gD>9o`w407`1Dco+? zuE1H!<#G&-Fvl96)1ZBPSyf+>*rd z@`~GIw|@!Pe-!ZM&6|ISEiQK11%czokM9XwEo9`x3G8-(MB?!agV(QLVnbHf5l>7^ zxaJ;yGpg&l{pc@`@U!Qi-!r%>q$I)G8u3H|dqcyK`A3filgVVp+FuvJm8^DIRaMdF z_0rSbv*&P@e$m^DTaw7As`&f&-@gbnZVLEh>G4|teSLj9E+spWCPgI4j>pPcdFG@ z!)jU5(-ar-E&z|bEf=+`k}K~ntZG*AbyoqaW>XaFPgaq`QMPNkZdk?IQNLQUGd=wV zMNwP>s>brCkgk`Fw!=|o0iIT4x654s$f#=l$tqGS?{+z*g0)r!Y-*I208**%Ii9-d zyHwd+yIc+nqErQxB=^4o;_-O>$tsG+7Xh%@8tzt>jG7d?t^zE~&r>WG>kd~e7Ktsy z0C+I-;M2;oUImOqA``)2P&FzSoO)|^ZVsbZB;faFFJAoPWMw(OuFN#=YrYOJJ^dA> zQmJlmrfD*L?;ZexDEzHvOIrun+0k*%jE?^k(==&0@Z9V>XU|@%Z0UfyDIh?=-}bWK@6+;{#_-69e+O@y#6CC=#5{btz0JtTI{zHf9 z>gwFq@Mv~!j_G^%s=dDDz;m-7U%B#TP2}_noLPHztK&EO;Nak&@`cs+GS>J_5C|O% zao|8J&A|Y&EZ6us9aY^heyemRkH@3iY+SDSLqIul-)@B44j_Q7r>Cdwy$?S4v!NTm zQ52FS(wbw2ld&i(z)`N9A7$>iGUi`R#Tdy6Z^3%aI1 zSt#iHip8SGG%Xi^C`o16(^!;c?~>2!xh*$(-{|W*7u$2dSS;qr7mS~$(+{3cXH@@o z-VKLCx#s5PYX>?bFGizLW7h%S865on{9ODMP0LFFk|fd55uvTEm8NhQ#plEAb^~A- z23kH(I-Ox*agq7?c}&v+!0%U#j?c9J@R?`&e!44wu~@7*nO1Mb;|oUsf`I_hXg7xr z9zYO;Eq$DA+e}SQGj?yB<>edzk@m=>-`Da~fB%{Ejsb^8M!M%_Wj8`l^CCx4fQ&X7pype5bghzU^_H5=dIJIfp1=Wkyp-ue|;Jfb*U5v*Ujx-1Y=gywp6S#GdJ?9VvkwhYS_|3O|d5I0Hx{f#& zi+N^d=dK%uDV#p_1dl%2xo2=|kTT_RnZ-nc2BG0|Q~&PvU3g>}P0LH)z4-Ev0pF&8sZ{EDfM~RP$Dw2=5=D`dCyoP9Dwm%H zS{?$tK0Mr;$*77XNgO(Opl)zgJ$C3Ik|dJOsLH^=z!|{54zRdlya3SA5!rHv*iDI| zNJk_Bz~LiDzYK)d0qUCmBtTnRYu(|hYHMqAp30{H8IaZ-EEM(uG=;;T0$N2)PNrHh ztR|<)yXIiA=mAg^rT%1&eE!PZMTZ5DR{<@{bOA`BRDUu@ZmBZ2X`0nw?XF)e*_qb% zpeRaZ0Mjx*H5$XL%q>Y37GNzJdp({afTn5nCv%j~Rp$0MEKn0>WUrh6NT)M(2dnBq zMg_nvxvR&n(wc*^=Y4>M#l`xQIa*v?0Knxc-*KAEH3u8LZvf2A&0|?s-Qg_DVs1VT zz~uPE+fK8w3fR|oF4hzdJPu z^E0QpK`yUhf5|?{9|+!fO5&cJUcsEtvaZ%$(^MC>E26` z_Q+((wz=`%2zg!KGq^%Q=jMBV!nSQ%TUtK)`q#dC)#);T+@^p4eqYN|pl5m{{9^jONm{B zOD0qN?hk(?qh?SPpZWd=f4Ok$=FRFwNd;CN`PkCO;NW1_Tzu)T+2yQP5Co1NixTbb zLKMXvf!TJ6@reoUj{Xzdwh0D<`iHk~ed)@TD^t#pA}|Y7bMgN!9$mfqs}@;t{W+0H z9tQBpGAB#z$BuQp^u3pVQZALhn9iu%I(mmgA+4c--+b$v-?)@cr)zVm3M8pn)|~=Y z8mP(%HR62A!5fh zYAW~E5S824c2uC^T5c diff --git a/Breeze-gtk/assets/radio-unchecked-insensitive.png b/Breeze-gtk/assets/radio-unchecked-insensitive.png index d914fab89a88832f6796623572c8e1858b34de9d..ee41773dea029dc67b63a119aab88439a7e9cbe6 GIT binary patch literal 665 zc$@*50%rY*P)(LmzCKL8RAMvWxO zpWs3N0R9f52bH+Q0~(OC7k^-!z@i7x#El_?&@Iw7YrB3uY)(aM#^UGtB(FSAp6~a8 z{~RfO>U!53(6cH%udTEFlE7T8(P8>NbMrjZ5Pf zpZoz9ip5;R^$;T7C1<-*xjZ>J`3fNMqv(6yT-LI>#sD-;!?Ln^ z5Cr#uVIYv9wSa`8ju=M#m~k--gH%dCHJ{Jl0+0cMD7t2((?`YtBuT#-V1}EXDkQ< zqDa`#UW%Mh-a4++Gw2*RH2lUI5Vk;Beps{X2qBJ)2_dM}>wMnacm{Z#pYrncN+D}y z&Y7lpB+%Zsscdh393LB-0Lq=E^y{hX)xF&V$922L9LHs+y5l}yTDk*xfZG9whK7nk z5KV8DOO9>Z{~TWkfxT~2Dt&R^udd&oot-TLU*Rw3YhhvGf|<$8X~(qFhM7j!_0~J1 zwN2;1p;oWsdhUni#l^dAtkUi<_P{3R^ZA^mbV(g^_36#Ks4SpT%S@pNWp zW*KmS9ia2(VlQ?(8qg1<_<5Pab~oSJ;BWa3!0!1CHXcVE00000NkvXXu0mjff%i73 literal 674 zc$@*E0$u%yP)NxBG$A2DDPp4uMiL{49V2bEcj(M?t_uoEum&3c5ct%TN2OdP4C{;1vaa>@^%YtI=jY#ygi+&x)7_o4({{_TwANHARZ6a_g1Uco zczEc^E?}`(98??r%OkzLNhz(Cus@}g$I8k|ZFObs-00}}SpajZ=+*s6r@MR4FaRkn z94C_u8sR;l9|#0&F2EG#z`w?9CEK=<9r9={m%9!i03sb-w(Udvh5;Ccft^m_^z@Da zQUEj>(J3iqTR?!MlyoE#{XnYeu#qtn@wS1c8OIQ!6R^bgtJZA;*>t4=Qve7f_ALy; zwpn2qpwa8lT#6ABuWFuZ8(6C;Ha7f4AQS+mAs$xBRdgF;YptnNt1N$9dIosgKV^3A zb>VO(b27cpTP&}a`Lee9{_N1u2=IA(DF>|sS4yt?Qz>uHFr^eF*H!tc>05vYs2$-j zGc$X^jGOlzCzG^o8^ic}x@oPclq-~6S1lA4ZjO)NcmaF@f?XZ?eEv+jvuo0_lE>_H zilmg7&G-rfpIS{(saElndY7MietTl#P7zpbI&2xRiCiw1b$WWoIueQFh7eriwJIUChxiiggjEtB++g827~)-L z49&uFC| zQ%XHzFmV7WWmyXOowVdNVa$2QaXuXz8_VuGpfSd|aPi^^qtx$IsD8GUu~J%BoVfeZ zlZOv~D1-=i9Pq;I?8{-O{%n*Qs5_K&c6O3TByc?s$9AwR34l_XAPlHhs+7tlO2r~t z>j+d{PsF`9j~qF2c1Hl`=H~XSmCL8YTJQouEEXe`PLb?NBE;st&lp4Dc7c2@Ppwu1 zz;R;#j(dZzjE?RtZW}P0&1TA#%I8|?gF;C9`g-Z<>De^cMxgoCJS!_XjMgCJe5$+a z*+Yj8Eo~Vvo6Tm*e&xK@dMFl)F*r1c8*{e>cDE|N&*IV&Dhx63O-J1O`S|$w^^N+< zjf``1b9>5_%I8|^A-8w*Hj8m#q{{qn0+l%Y&+_c_Lp68KHrvS+G_y2KZWMtsJfET~~ z@`O=pAQp?!)6=u-a1EtWDJIySCr`c#bZiJ1)`H&yq|&KvZzbE2l#;%5F8~Am z1HS?K?g5;cnHdk2dO}J`vMbp(xQ3G5Nu-oWOCFq@oE!!AtOGPcya>?Q+1b|UH6(a6Rv#zyWyCt|4tZ z6PXe%5!8JEF~?~?StL91EfDF*6u$$go5^PT$s$QvKNN%%jcJTMJetkv&KeX__&_tU zd>GPN0bsPLM5a6QDTKTUPz!?glSK+6-v*Ow*qVTr5c2@lO114^4f)l&?=VnbM<(48 zL8bvpWKDFRa}7BR-O9nKg-u~Y(qIX^u;6`5;Iz_GEh ztYukOwbm4F7upV3DBMPCO{moTd+)sS|H$mG+h%On{RkkR%eOU(#u#$B6#$l(mOg1| zDz5{4^6=pgrIgoewHo==eA@t5^Q#0wfHCIA#Kgq8$n4X)1_6W+p&N7F1Xx+gQStp< zhx2`(mE27Lu3owP?(*_-qv~)A?sM(D@Wt%Ef}r+m%eFZ%JdADIy8;)60SgOX6NUl4 zUzz&VFMsiesHp}lz(i>dCeXAOK)tyWoB_=>V$-Z41e_xWmJfoipaF?#uf_y6|W%d@kM^>hnp zI{U%Y`O>9JLu)1fzm^n_NhwIB(xlVr2P=K#^W<_XXl+nRUHix1KR$Nq)TwWyE)`%A zXl@}t>gn9M|0Me!anE|L`#gYU+w`S-Np^3scvL8m%jF27^Vat(Qxk8z{#HxmY7v}j z9lP03Sf89Z^Xl;a{eKcdJ_?QUTLpA-#vc(_*BdLE5Op-a9aTc5F;Za18<)^`PxALz)RAS2Qix*FEF7}^WWaM@y}z& zj-4qMi>)BHfSa^T>vjPfN&tH&CnrarK6>=Io@DYV%eFJpvU-g+^-Nd@Uu%`qVYs+j zD132#dU~qm_-d#|{crujzwbfrmwTvR4dYuJ=Tnc`+GaZM#0A))9@RMD0ycNHFAW6L hqvcbN)|N8j?*W))OV8gBpgRBn002ovPDHLkV1gpJ@{#}m literal 1518 zc$@+51rhp*P)3~V4@;sL#gQq|u2VxsrBpfuD3BOM(?gJ3 z(40~fNE#p76i{m95Fn_4UY!^PdMMDeZZAFZRnuR?(UE#UYR`GdBlgKE^4CAmo{ z(lW^B(ot zKM+EwT?f2$_3978K>fmKodb|kl1`^drIL7_hvPU%DFM)06NVv;MnJ7rqgt(^wWc}G zx|2wG?|gH7{KH)VTv%A>tND$yVHmy);JPk@*$n-C{Rq+B|1-w0zP?VWR3ZpM0Bpzp zYr@UFHZifkvSYwPp^&c!;U_xMM}&|J4Q0t>GF^jh1zIYXDHhi-T7wjenZA8596fq; zdE0=6LLpyos86+yMqSq-mpg##dOHGpP<6k~^6Dy)QUI$7&-vEW)YP4=o|Rh}7Zw)! z>OuI4*3qcvdF1o?U4sKiBoiDun8)*6fCII9;~&2|d$zx8z?$DUt0R5Hbsa`WN3bkw z*Wg;RZJUvi5iHwA3VC?y;NkPYLyjH-EZn&9Y8Zwu3n@8pAh#!Qn;>&Jgpec>-b;V} z_~U6F*mj!$jWLd2tN#*U=!tA=3HDTpghw_z2*Bvb=+DN+#&VAYynOxow9z`}x-OYa zX3ybT8q5x2*)~GR;rC9RdJ{-*2^clPA2%oLJeBN3QV52!Spagwx$gr{J_I;7cWo+) zqHjnk>F?X}gW6N|5A-9YMB3JonVFdhpl=hPu*@p}>2$iM(QEq`f^<3s2JzgnV=n@k zO@Ky6&jX}V$)3ZtluR|ZUS?q6Ss)2GZNMlpUkC8K-Al;ZRl;p%4a;`&u_?6?L82!C z9LMQBSu8vDEs#&drewzw6BnCX9xgqRWi@>ZNg_76UmZ<%+Sr3a;sfo%@~co3HGLaR zJvMEur@;CGAPmFalf_c8Z-XwjY;8bkiA8`$Bj`C;OZA`uKoqLmu}NGbK`}GIkwd<<;b^cRqW|jH* zYwzE^d$)D#P=-geou6I0{1+9f?^(9Zp@VsB+ujp66)A4tT0$vB&G%=&`<-u}h=&5; zU+{>oF5%{0LyE;nDVCR)QL5{!lz6LI9F&1}GXB!i`O1|mqgB80 zcT38rg%D)3S+d!|$GiF{l_?gB7-LW>y7~Lx{pO7`XU_b)#SSb1?G*AqJ)J-Qw}GdI zQy(T0-b(b|oO@N;))7pX^94pJwYa*v^2aw`fBjsgQt1RK17Faw ztUCp4DFy7GnVFe*?%1&xGXn$9TDFt7EIDL!vl2E4-BNF_y7O^ diff --git a/Breeze-gtk/assets/radio-unchecked.png b/Breeze-gtk/assets/radio-unchecked.png index 2bd17c719b2675cd12ccfe0090a1ecbec62a8476..fd26b881ef8b0774176675e3490f8532375494ee GIT binary patch literal 683 zc$@*N0#yBpP)tuIJtlf}j^57L6V!68+!%`{Hl1+3f0-fLq(!Bbm@>#H6 zudhGIWUdSYFm#>KbXp4i#ySu=2W}RNOQ+4#0n;?E3_DXQm7*ntmdoc?&VlZc``k2> z9XyF(uuvWK;#bO7*i3~8%pU73K z7NU!`g%Ipn7C{hv074lco6WBFDDvU%ZuQ#0N~MAK~y-6t(4D8lW`o!U(e&F&wf194&^o|O82yjTiuK3Fosa!#mK7? z(M6$?AW?^Ip7I|skP#Ajh$#HQ4kQ18oWk6kKc?=Px7xF3n@;xavJJ#$bM!ubKYU(% zetqBYpCvU5EG|bUjeLGIUodW!O65)fn@u@!somSE>i94i4o$ZNjK*T&?1BENS{2=z zuOE-M7pKDsK*21a>p7CCG;)Xh+k4IZG!%Nc(iFI~5*^>&%go#f2Bh1X4@vra140Nk zlPP|##f8W1eKquCaONB^8jFRuQrn9U?%$K#?%rmTI3qoG#E;cg(bMC4{A_smJAhmd zX0y5ZyTL%qFaVFcm*7A^Dwj^?0c!)exE!6Vo>s4Dny+P8U4FlY5U6vJ$lC@mZ{)`` zUw_k?T_j18(6l}*R%HaR%K(O9-1K_fmxk5l^>`>2%^QF!1C-0hR)^EkHqha4QZ64` z0b64!LbS~T1d=2Rz#;=EN>`<5nr-7u(?sd&tUzrkE~mPa&FO6e4|N^8!qkzAxLedF$;wSpdRwpB=L=PA*#H4`C@Di z$N-gd84C+v9+@TcW3`G))B5mwJUE>-`zjPT)OAu@X=GW>@9*tQyq=m`1+ujYn;LBA zTqN?wVpT>;#p3l+xn{76a$>XF_lu_Sxi+&Ra0FE9iU0b%c0dJefTi|!TC2vW0ng|U XeLV8X-V$sH00000NkvXXu0mjf0ZTxj diff --git a/Breeze-gtk/assets/radio-unchecked@2.png b/Breeze-gtk/assets/radio-unchecked@2.png index ddf72e42975030fd1d47055dff649e8674f79ba6..5089ee71ba9e8fef8f9ccecd4c91143633d28747 GIT binary patch literal 1597 zc$@(}2EzG?P)$PHOeJIxl~$dvz2HH3#>S0)!hUV>PSljO#`NO zaOyF5?6H~gm_69z7>ZgT;9mBBeBXIBKR?g-dH(MM|JSq0w$p>dqoc3n^M$iHHG5Rk za{Kdzg3B-r8-VC=tht@ef+RI2o0_CA-7eSFNF*|`=YSIv6Ru1)`_Ypp-@TPerR43L z4F&>g^ZtF;J3Bhgb$55`yAC*XbNGBLws1jJRS`fGMM9wvt*tEt0zu>^8K=_$!0M`w znpH`qQpDqN78VvT3Gw>~?`8NBZgM z?xCTfVM|~eRVtN;-j8x;atgCp#P9cM2iwE_CrT&%3z>dH+Dw#|&IyQ!;X~?o{gxWg#&YXGmzgq?z8X9U&EG6gD>9o`w407`1Dco+? zuE1H!<#G&-Fvl96)1ZBPSyf+>*rd z@`~GIw|@!Pe-!ZM&6|ISEiQK11%czokM9XwEo9`x3G8-(MB?!agV(QLVnbHf5l>7^ zxaJ;yGpg&l{pc@`@U!Qi-!r%>q$I)G8u3H|dqcyK`A3filgVVp+FuvJm8^DIRaMdF z_0rSbv*&P@e$m^DTaw7As`&f&-@gbnZVLEh>G4|teSLj9E+spWCPgI4j>pPcdFG@ z!)jU5(-ar-E&z|bEf=+`k}K~ntZG*AbyoqaW>XaFPgaq`QMPNkZdk?IQNLQUGd=wV zMNwP>s>brCkgk`Fw!=|o0iIT4x654s$f#=l$tqGS?{+z*g0)r!Y-*I208**%Ii9-d zyHwd+yIc+nqErQxB=^4o;_-O>$tsG+7Xh%@8tzt>jG7d?t^zE~&r>WG>kd~e7Ktsy z0C+I-;M2;oUImOqA``)2P&FzSoO)|^ZVsbZB;faFFJAoPWMw(OuFN#=YrYOJJ^dA> zQmJlmrfD*L?;ZexDEzHvOIrun+0k*%jE?^k(==&0@Z9V>XU|@%Z0UfyDIh?=-}bWK@6+;{#_-69e+O@y#6CC=#5{btz0JtTI{zHf9 z>gwFq@Mv~!j_G^%s=dDDz;m-7U%B#TP2}_noLPHztK&EO;Nak&@`cs+GS>J_5C|O% zao|8J&A|Y&EZ6us9aY^heyemRkH@3iY+SDSLqIul-)@B44j_Q7r>Cdwy$?S4v!NTm zQ52FS(wbw2ld&i(z)`N9A7$>iGUi`R#Tdy6Z^3%aI1 zSt#iHip8SGG%Xi^C`o16(^!;c?~>2!xh*$(-{|W*7u$2dSS;qr7mS~$(+{3cXH@@o z-VKLCx#s5PYX>?bFGizLW7h%S865on{9ODMP0LFFk|fd55uvTEm8NhQ#plEAb^~A- z23kH(I-Ox*agq7?c}&v+!0%U#j?c9J@R?`&e!44wu~@7*nO1Mb;|oUsf`I_hXg7xr z9zYO;Eq$DA+e}SQGj?yB<>edzk@m=>-`Da~fB%{Ejsb^8M!M%_Wj8`l^CCx4fQ&X7pype5bghzU^_H5=dIJIfp1=Wkyp-ue|;Jfb*U5v*Ujx-1Y=gywp6S#GdJ?9VvkwhYS_|3O|d5I0Hx{f#& zi+N^d=dK%uDV#p_1dl%2xo2=|kTT_RnZ-nc2BG0|Q~&PvU3g>}P0LH)z4-Ev0pF&8sZ{EDfM~RP$Dw2=5=D`dCyoP9Dwm%H zS{?$tK0Mr;$*77XNgO(Opl)zgJ$C3Ik|dJOsLH^=z!|{54zRdlya3SA5!rHv*iDI| zNJk_Bz~LiDzYK)d0qUCmBtTnRYu(|hYHMqAp30{H8IaZ-EEM(uG=;;T0$N2)PNrHh ztR|<)yXIiA=mAg^rT%1&eE!PZMTZ5DR{<@{bOA`BRDUu@ZmBZ2X`0nw?XF)e*_qb% zpeRaZ0Mjx*H5$XL%q>Y37GNzJdp({afTn5nCv%j~Rp$0MEKn0>WUrh6NT)M(2dnBq zMg_nvxvR&n(wc*^=Y4>M#l`xQIa*v?0Knxc-*KAEH3u8LZvf2A&0|?s-Qg_DVs1VT zz~uPE+fK8w3fR|oF4hzdJPu z^E0QpK`yUhf5|?{9|+!fO5&cJUcsEtvaZ%$(^MC>E26` z_Q+((wz=`%2zg!KGq^%Q=jMBV!nSQ%TUtK)`q#dC)#);T+@^p4eqYN|pl5m{{9^jONm{B zOD0qN?hk(?qh?SPpZWd=f4Ok$=FRFwNd;CN`PkCO;NW1_Tzu)T+2yQP5Co1NixTbb zLKMXvf!TJ6@reoUj{Xzdwh0D<`iHk~ed)@TD^t#pA}|Y7bMgN!9$mfqs}@;t{W+0H z9tQBpGAB#z$BuQp^u3pVQZALhn9iu%I(mmgA+4c--+b$v-?)@cr)zVm3M8pn)|~=Y z8mP(%HR62A!5fh zYAW~E5S824c2uC^T5c diff --git a/Breeze-gtk/assets/scale-slider-insensitive.png b/Breeze-gtk/assets/scale-slider-insensitive.png index 8c1158423c12ead7598bf461e191bb7ec5b480e8..85de0c5ed31b9d2151f2c4eef9d4f0de369f8983 GIT binary patch literal 597 zc$@)M0;>IqP)L=xjo zn1H|yz|Eiw7PU+WB+AP2m45T{x&W#`H5T4vHj|uZp2?h?5ljimnzgn^a+$=l7~^9A zP}T1u_)2oW)oN{t$i?kixxLZv_umk*k!RULnrBE%0#Us@C`NeiP*o1qczh~?_nl7X z(^MeIWN>t}WmH${jRuTKrpZs@gGV_WB9Oc7W^-Lc!VTcJ!C=>DvQiWUMDB=B4M_}# zL-^>oJFV6l0O<8Kjp|G=01y!rMFAu7%G%=|04T{CiH&-rz$J?_EfJtm6mZ^sBw0(W zwY@CQ7gQDeZ?~IKHORB{iM4i3W8{l0OYe#Loixipayg0QbE66Ft#=ip2}mp{z(=z@ z#NQ$!h>Y`B&GtaOYX(6jvt`sEkErAW>LfQtMOkppAQ j-e@%1?smK5+qJ&{Ne?U|UwpSI00000NkvXXu0mjf_NyAP literal 591 zc$@)G06G0G#Usd;v?Tl9_h#+UiD=#322^RV>-AUa)*~#Ds+OH|Edcwf^g=|Q z0su4rB+?%M&eJsQ5YcG9m*zLR-R^r)YL{ZWW8)asSP=95MI!LtqbMerjEfs)e5%*$ zUzZxHs_k7}br^K8l_W66EQ9|e9|DGVcTnhQmZnW23NwaX=S~^spju5pv;e+Ts*1s2 zfFN>Q&vp+1fTv?JXeBcMAR;750)oDEuHOOxR@Jfy+FMD2doNw7h=8P8g%9D2s+O&D zt`(P}9cG69H`}b38F6HvIoCgARelvm(VA9|isBf6?pslL$!xJU-h&JqsA7)+eL}<= z6B02*W!v5_H^iHID3k%ZRh7-{R6&GWHjM8+_!U3PV)+n2L>CO;+!w{hgvDe6WB826 zgtc9s>p{!7&ae>X!IBkz21po`?^vo zuM`e>K7xpR%d*`jFdJW{=lVwkeN(Pf{uy6E1o?0XfR3}Y_HH4*rgE;|3gSOo8$FMr z2+WM>$5$1I2#U!BKKN@U`!UOEoxl5+&USfuSt^w(O+fcWWKV(Zhr_>^`GT3w@;pCo dG#cai-rw}U7br(X3HAU0002ovPDHLkV1j9|1o!{| diff --git a/Breeze-gtk/assets/scale-slider.png b/Breeze-gtk/assets/scale-slider.png index 150f3bae355c4b642f443d70e49121bdacbb813a..10c46e446a749c14a8a85e9bd0fa1cfa6ba8bd9f GIT binary patch literal 657 zc$@)|0&e|@P)$&5T`aL@MClHQyd??bR373N+np_ zf@%Iu(>go}&;dd_tV*MH%u*qeVa6D;EW5Tt0N~t$kis)nno`3!^Bu1&!vK_0 zi~_i^yDltDN}2p0ye!MWD3K=PY)^>f#zRR&0>=0+GiULoFbr?(Fgy$~kh8v+L#5K& zMifbvrq_0trYV|nEU9UJFg?#}+jf4j7S#Iep35ny)sWBI3zbTxb&6PBTU%j-OnG;Q zaoHIe0P4T@pp^bree(Dj(6wz^Q8ca6bR`G^WLjSc%e2OB5J08+`%$y;y!(=Ww7#)5 zAIHsCg*$_+;5gunb){txQlb$?XvR%x+k*>}6OZ2Xx;~?Ny?$$d|6nc=VpdAwNu?M7 rFiIt3ygrb#J`WX(?>*0J_tyRa%Ndxo>&M-%00000NkvXXu0mjf&3rA6 literal 659 zc$@)~0&M+>P);K7jnTLQT~J^iWizfV~Cm{ltQ*xwzL5{voqs`DS^^ZK75jMGjq;6@64GT2Q3K0 zFj*>XPwyYdCrZg46~`_BaKh-R^|_hwZ`h|ZxBkp zjAchA9mk0QfHV^7+AO$?j}H#?gAxL3?WsWt!QenY7-JLPa!Vf@I;3$;tIhb$-r!VM zt+>_O3uE-d+;V;f0Gu!klRtm0mWPLjIHjareM_{_SXucI4-NJUQYvjv3z5FC7ywX0 zAu?&U6^3ug{y}|8WJKFHYZpQYNU5fnRH}!$4A$BUI|KmET_~vnqP1qu$?te>90!QC z<_y54-8HZlAe1uoKjf?hIH!uZoNvl{{nAa5vJTGO4btJc^HEf}w8Ncf2cGABAYEOV zmzCX$(%M|uoi+x$yES$FTK5|g1i@Y^k(^swFSM9FXQNP9Me|K7;sqlX+L zx167;)oRZ=Qz@R#q`?_Kwy$D^D5{`Zt*S(#b9OX)=S8#Y6BLWZE8FGrw3KQ}DHX)A t<^aGLRh;vp=XJdA7U|bP5bQPA{sr%5lsk7habExc002ovPDHLkV1krVFi8La diff --git a/Breeze-gtk/assets/scale-trough-horizontal.png b/Breeze-gtk/assets/scale-trough-horizontal.png index cfd4e6e87feed695b21bb63082e3a99094ecaa02..0d125b7ceed107cae0e9cf8cf4468089429dc57d GIT binary patch literal 193 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~fyr;B5V zMeo~l8+i{INU%Qqy|#l)lSoPPjtF@;3uRS*T%Iu!->RD>*#9gY#>^$!BHWaZc=BQnK{_5g` twS}eng-im%QGt)1_#Icg9`iB0%t~1KhwcW6^+0DZc)I$ztaD0e0swuzO6~vv diff --git a/Breeze-gtk/assets/scale-trough-vertical.png b/Breeze-gtk/assets/scale-trough-vertical.png index 36e0a2b01fb14505b89eb7fe203c3254cb3988d3..d21a50b37702dc000d798f460bcc890456561e11 GIT binary patch literal 221 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40-PZ!4! zi{7_aHu4@a5NLh)Um%G=S~=oOYy$TJE}@=Ddex4}lNc|_usS()6$=GCy8hGi{qA#3 z6Sw7x=k46p5T?+Tb-8?HpCMoH?47Ju^5+)(e(vpPVIj}Z7d(3=t5S~f-E*^UDC8L3 z{U!e4vB-u7)<4__XURyhCw literal 223 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40tPZ!4! zi{7_W4EYWj2(XkZyX0yrHktqM<=oG(O5tGeCpCLTkz+3FGW)cIlumlK2<4Y6pWR`+ z@Qmg5efGb!4{$YfY|!Pt9FaZ0_?#E_F9CfO{=>efF1B+pEVop@+_dD1aL#(mEP(@g zO}X`)b$dm84vPHge~|0Ka`({!j@$mnc$B}{eLb$neffugqnD}8hLdL_i{nb(soq-g Sv9Jc{J_b)$KbLh*2~7ZKLsJC+ diff --git a/Breeze-gtk/assets/scrollbar-trough-horizontal.png b/Breeze-gtk/assets/scrollbar-trough-horizontal.png index b5a74945a8cd45fe191c315cca8967d478c87bbd..29d4ddf2f95c6e1ca6ed3c2020f698c14a0e16c9 GIT binary patch literal 263 zc%17D@N?(olHy`uVBq!ia0vp^7C|gW!U_%O?Xx_ISED zhD5Z!y}Xy}Pyi3>gX(jxE+V3WSJpb4#~=JYKQ_jjU7UTrmBmyQKPPRg4*Sp(+f^g| zI5-blKA%&~vAtL4^fAL@OOIM`rR6AJxy;ad!qdepHB#>N;t2guHt)4|GTr1apY}hI z!{Pjiqa{W+mrZ$Ml@a6N@{Gmm{`v26ELN+mvcJ4yW%!-9uk zWA|SFad66{p7z7GjgAVtAIAR^2v{NKlM*X(bmv=(bC%El9b?_L&O+M%-@Y3_e=vBu L`njxgN@xNAp|gW!U_%O?XxPJ6mI zhD5Z!y}X<2kb?m01#4kv5#Eg-uioyQ#J^#~S^MaSAB>q>yfPOy^(!<H z!uG7h`tqIAMhyZ^93RDO`D4mM++SX4PPB+RKF589zhEKHQm2?x#`ovHnQX26^F`IX z)Or2R0-=n5gZ|ZLG6k}>y}Hr-FG-r^)jrR^6ZZ1lW;iqd`RTrwYxvhbQ3#zd^K1U+ zn)p=-H@1W`ESj?^MR8YYg~#0oW*i~QFWwbcEoB((y3<*y&-1mc>ooiMef^cs1)Vqo aCBhf+nJCZppC%3T7K5j&pUXO@geCyHKyjA< diff --git a/Breeze-gtk/assets/scrollbar-trough-horizontal@2.png b/Breeze-gtk/assets/scrollbar-trough-horizontal@2.png index a9fe475b157c9d7eaccfcbbfed8e9952564c10d9..67d962cc3f02bb61d2fef179bd72b100a017fc4a GIT binary patch literal 362 zc%17D@N?(olHy`uVBq!ia0vp^1wgF9!3HGNZ0jxpDYhhUcNd2LAh=-f^2rPgjPjl? zjv*Cu-rlgyI_w~D^rQK1p(P!)jLu8^tQz0P|7Ou@-Kd|ioa06EB^6(V-9<{rUH|Pb zb9;19ds-|f0~9=%m-8@g#jIsr@2n@Ay_0)C>(zXt%_o<>mN~TY{jSAJEPwmvEnN3n zUHkN2&)cCvNrKb$?0DMuy}ut+t@wGqLuG&BrE8~(*88}hOuT9$`qZ}1^Y*UX_#o?( zOpAZ#-SyZJx~@5;(aiV!>thGc9xI$I_57TJ&5bED)w#b&#D|}0lJ9UW^gTP7^_=3I zYrW0UzG=^|*hD7WFLj@;_uB1HkY22v-k1BQ<~DBTKinwv|K4-gxS7{y9QDsEy}i%n z``lxNj}=As_jjz%nddHgwA9F2zt)Qx=CK{?%he|Zi_OkVISk@@y85}Sb4q9e0A5_3 AD*ylh literal 365 zc%17D@N?(olHy`uVBq!ia0vp^1wgF9!3HGNZ0jxpDYhhUcNd2LAh=-f^2rPgj7pv^ zjv*Cu-rhKv#bhYb`mlPD$H6{*g^c+QF}$0|xnlB^4AouV&K7K_iq-31S*rMXzC&fd;FHCV3bb@D2NqdqpVoY8>o=kQ zS*WS!I!|8J-rc<|tLN(8bll|7|8VDRlO17Gx~|xivpwqf&R?jw@2)n-KJh!VpV*jA z+49zmZ{4-+u~~C;3SzI%esQaOHb<`O^?#3@{x7~GDKYzDf@|mZ@0Am`pUL)ly?je$ zsPCJc#~PxOzSheN#_zmsxx*Z&`Sx-XxW{f+vA>-jDyAHit_9+Iy85}Sb4q9e07p%m ANB{r; diff --git a/Breeze-gtk/assets/scrollbar-trough-vertical.png b/Breeze-gtk/assets/scrollbar-trough-vertical.png index c89315a220864a2b01f902d94180adfa88819140..25ccd8caa191a66d024c1ad851d1af4a5bca1b79 GIT binary patch literal 247 zc%17D@N?(olHy`uVBq!ia0vp^B0y}x!3HG%KEL4rq}Y|gW!U_%O?Xx)_A%& zhD5Z!y}nTBkO2?d1N*aO9?v!ihkjt#v;PUBgYTI~4n?s-SFUW!yHe;K^WWtDQMMbg z7jLyoJa!EAXAp3zD2x5B$##2NZb0aDhY;q5S*kpT*S`OK{gTg##xpgNh724orpEJ& zjUzA2=r@iG<~fveYyN4oX4a<*n)$3=z=9J$mv>pyj%}Z% mDp;8^{e)@bef|%!*Te-4ER!T2Z!!V8o59o7&t;ucLK6UPSY)>V literal 252 zc%17D@N?(olHy`uVBq!ia0vp^B0y}x!3HG%KEL4rq}Y|gW!U_%O?XxHhQ`^ zhD5Z!y}pp|kbwy6h1n3@)M^%*V=h+Izxc&v+2cwFA@w+mt`7Xjb`{HEcr2{ebb%$yR0UDubzB- zSu0~h%a!c-qx{DTADJyOk;svHy{G;(TeG6`1O>+?7EU1*4-liCl}qrZ;>`qs(pbxx wTjx&Cu>UbjmT^W{Qo@y!;Xi*e+8wH7UVckIsotYc80dHgPgg&ebxsLQ0C_%SF8}}l diff --git a/Breeze-gtk/assets/scrollbar-trough-vertical@2.png b/Breeze-gtk/assets/scrollbar-trough-vertical@2.png index 3930e06efb79fff01bc25373954fc1bc58690770..20dad6ca3f0237ab48e0198f01a56d5593ee4750 GIT binary patch literal 426 zc%17D@N?(olHy`uVBq!ia0vp^8bDmY!3HFAl#RXvDYhhUcNd2LAh=-f^2rPgjPaf> zjv*Cu-rhFMYYq@-d05FmA?V1y232Qv^$&lu=QjvNeq;6N@;GqYq>xKQa8vT6w0+ZB z|4N@?b#XBho%f+P;#%pHOVi9Ft#eVe=COMYW$=-!q^7OV;X?-nz^Gvj%_ z?)AOB){E@<3pM!|m^Sdc7AAe$5wG)lS4>wm$ANuWvlf^4TN@Z#=NMW)=i|BjWmi>& zO!+l(J>Ls* z)X|DqYwOm6&+iJ^%W|s?AN;#Khw=M)<2dnW>YhN4Ej@Akr(TEjs zw`Tv^#h=|PP75k3&6?`>K{`?Raa8E(FY9)8cvNf%3q5~)mtCjFuk8n(-+gDe|6Wpn zcHJ+VnPzW`3M+2DzrV-2$=?4^z?=?`0PRn&b(N~`#NRoxL$2$0+=8&2)mcyPKIRL# zTJ)tr{c(EroyKX0F5kGhWPbl~<{#{;vy->+SE|%EHEOUelITcM=%NYZPkOf6U75|b z|2A)(5a+IMn7y}p!s#QQUp(~DyJ!3EKyvK-NtvH-#~9`AJ691q!F|%Lr;iLoD(&x! zJ~&n}iTOot=-MTdKh+(UJQH>DiP2F;6TypT>=^83haBRaZI}*>1O`u6KbLh*2~7a9 ChrS5_ diff --git a/Breeze-gtk/assets/spinbutton-down-insensitive.png b/Breeze-gtk/assets/spinbutton-down-insensitive.png index 4454a64cdc4c5011b6b4c6256b1e8d03a8082c6e..3891c8af3e2cd3cdd1b50bff920d73c7df738513 GIT binary patch literal 167 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~flr;B5V zMeo~l8wDE_c-$V^X9&-1JUUnBPAdBX_vF-M?{ixD4e#Y1O!3%ytzA|BgYE$aW}Xl7 z1>YS)w%$o&kl_p6dZu#j8Fq#SmsM*UGQAV*CKR&?Hb%*NKiJN$swS-}XPUgd L)z4*}Q$iB}Xwf#? literal 169 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~f#r;B5V zMeo~lhI|bQJgpDg6BVv%7Zm1SyI{@0u232v&MuoV=a+x}%jryRhT?12zD{DjXZd15 zGv7aEH*Ob~O>xz~oCQxNznCY)$e>hwv48e;5ysbU3RVXLqUSTsm)*!ErQ6SHW(c&2 N!PC{xWt~$(6983=Hnso& diff --git a/Breeze-gtk/assets/spinbutton-down-rtl-insensitive.png b/Breeze-gtk/assets/spinbutton-down-rtl-insensitive.png index c3fdada392e669d01acee4db079d3e67c073c984..cab9581b2d52a9e4cbd23cf478c827bbe223f80c GIT binary patch literal 158 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~f}r;B5V zMeo~l8+jWHcvvs?uRO%#b1ubEPRTPd=;pGe{i;&;8T{L?wO_BYZd#@vjId=d6 diff --git a/Breeze-gtk/assets/spinbutton-down.png b/Breeze-gtk/assets/spinbutton-down.png index 1d1d10441a78424b97abb56765010c4800544b1c..59a1b7bef5f5bd5527d3b5c19b29f67e3406d560 GIT binary patch literal 159 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v}}1PZ!4! zi{9ivpP%zHzkG0D;o)O$Zayh5TABmTE}rFX%FlMzzV2U2YO1pP=l=Qj`FD5e>gb#} zaNt1EgA0k1Og3-Y#L3O+<>g^yU|_KC|A&borynvf6y=I|Je~j83}`-sr>mdKI;Vst E06FP9IRF3v literal 159 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v}}1PZ!4! zi{9ivpP%zHzkG0Fqwue)T|OxJ diff --git a/Breeze-gtk/assets/spinbutton-up-insensitive.png b/Breeze-gtk/assets/spinbutton-up-insensitive.png index 6829dd74599d728363692873a6c4ea753356735c..fcc6f42ac4f63d5975249de80391eb7bd6fc80ec GIT binary patch literal 179 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~ffr;B5V zMeo~-ib4$vA}tSVGY)+%@6n)(<(8X|7 zGsCuFrlZS(ORnd3Y98CN>4cKfQw4^K_s?fsN;|_5%Dm;;JIlS{A&mP?H#G9*Jg|Sj Zyl#oagYu3i)<8QMJYD@<);T3K0RY?xLIeN+ literal 177 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~fzr;B5V zMeo~-ib4$v0<90XXEbiTw53pT{fny#nUfa9B^XA$Fz{ zOLEyZ%i}_aYE0SK(0J-foo9cT}O Mr>mdKI;Vst01r(&(EtDd literal 165 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~ftr;B5V zMeo})8wDE_cpNV3Ki9H!yUcpmBYUfd6Z6JmMjP#W4Ea{;t$$qL5fEIVwNxZ3_wT}) ziLa!us6MYLX@BSEwXy3*R2V~@*W$`d@=s|-1QpMfxE7GrmB+Xl$<_U y^`sRe~EPA^CGy7RDX|CCKdZK|QGkCiCxvXs)_ literal 155 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v}|+PZ!4! zi{7`V4fz@jI9M;NH+(8rYIf{*e23oDa}yq1;=W+<>D%_bMjKu+Ja~6zZTE~U3uANR z+IQVvoKIyP#4WRX&&~9ms$r8JH_fv6+5XS$w<4u^TDlCKfMzpzy85}Sb4q9e0Q`eE AP5=M^ diff --git a/Breeze-gtk/assets/spinbutton-up.png b/Breeze-gtk/assets/spinbutton-up.png index c1aa0eb0b13c45ecf5d42ebdf3afcfba31fc4d51..4abfbc38fe8aef5328552ec30aeb9053403c7dc3 GIT binary patch literal 167 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v}}9PZ!4! zi{7`V4fz@rcvvs^D_;qn%VB))ztSe@bqN9PPVDC2rQGlRJ5zc0N7jv?AlB@=M*jDz zm5h`Yo!WZMHa$I-qcKF7!Fau)+){>sbOz-r0k6r0Igy0 MboFyt=akR{0J+>gegFUf diff --git a/Breeze-gtk/assets/tab-bottom-active.png b/Breeze-gtk/assets/tab-bottom-active.png index 7598c60847255d7528d9b36248e630797691ca62..a9d3209e2caacf7f5af492b0fc74b48930e15a1b GIT binary patch literal 183 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~fnr;B5V zMeo})8+jcZMA#nu@6_x$XcLw=Bieb!0nsD||3|Y=sNHYQXGpMmCUxOatS8^9 dH2!^i875|G&6+dWiWz7xgQu&X%Q~loCIF3VL*xJe literal 184 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~f{r;B5V zMeo})`*|H4MA#qP-|e(kpjFmjVyH;iPFEM5hC3|ZmkYH1^PCs<)@0IewjUXD(lTdD z#YbG@eKq-|VymW4B3Hc(+cRyeq%?;IQ#mqU%OnM*wUx>(S#VNf^4sH<0-o#(sw&w8 dFQrcWZa(pYrh-((lpLVN44$rjF6*2UngHnpK{5aU diff --git a/Breeze-gtk/assets/tab-bottom-inactive.png b/Breeze-gtk/assets/tab-bottom-inactive.png index 6d08dee94fceb49ab26fb5d0e307b64eb886b38b..b65d5ee9913dd831ea50d724d7eb6804f4de8aa3 GIT binary patch literal 158 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~f}r;B5V zMeo~l8+i{HaIjuX_&k+!MuXs{|4KX))E0TCH|}wE5$=?J@X{l6{o)OQou)SuntA_8 zo;efRn)*zNVGkF}gUfg01s8T$bY|4qCO~ literal 159 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~fhr;B5V zMQ`#IQzP@V1xg8vmL)D`>yxs`da$C=`R0NDJUshXrrxM$YrF4rrhewVpwkY|_WR_| zjNe!D$u-EQ@1y+X`Z6~*wzQ(yV}GW<{Cc$e_sg+HtY`3a^>bP0l+XkK Dj2t?| diff --git a/Breeze-gtk/assets/tab-left-active.png b/Breeze-gtk/assets/tab-left-active.png index 9dc227ce41d77c18361443ee364e84d7863d0cab..cfcc2080d6084903c50050b15628d785ff7508d2 GIT binary patch literal 197 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~fur;B5V zMeo})hI~y15)BvEFSB2)(xEmZz>n>CLP^8o4PPyeF|T0eZfx1KZL(nKtS~(UdX&cf8Kr*b_;qiF;S3{AZM_VOlVAuHeS*jwGX5H>b`# zuJc7raASBPgM#R6`3*wR517P%C>QhyE?uyyO7+H_zwh=M8=Ftc6{}&G87&rn+Gs%m P&?*K`S3j3^P6suuJ+t?JXpGg4ot{DJ?9bCC?PITapvtghR=BV~3r|K* z$meH|inYHSQ=7NQfZ;*MS$>Jm(hbeBe*_~Mtwls08w*Vd>dT&4RLmM|V0(UITF3iCzgca3&5B;L z`xk6_P`iEKyxu+A{S7kG&XgbD_cm8-A79ASRcjnpEN);B4{cDA`k~#(>65_ZFPp~D qukj$Ut(Z@6SIwMd98dl;t&6Yc)mF~DFqIkT2nJ7AKbLh*2~7YQ$4B%4 literal 197 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~fur;B5V zMep0IwtOxDB1b0IkD~uU}or)s(9|eZgrute}<&M s87&3l%b*@Jya?O$qc4XLjnmgtJ(|<;WCudr4UDIWOyJaA<3yQ RX%5gj22WQ%mvv4FO#q@{JZ=C0 diff --git a/Breeze-gtk/assets/tab-top-active.png b/Breeze-gtk/assets/tab-top-active.png index 9da785de1cc882694dec6e13382698d6f55d8244..09347715ef5f3a8498993ffc6b3643f70c9d2572 GIT binary patch literal 198 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~g3r;B5V zMeo})hI~y15)BvE^VYk23iM96G0$fwYYtzP$o6?&k`Wwn3!Ei;x|8Sn{NnpC<@>#m zum9LSvY4m@3LD;wKV74_>g~IzX|wO$R8~@3$*s7h|Dz>ChDdsPZV{V;lErI>izopr00|vQ(f|Me literal 200 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~f`r;B5V zMeo})8+i{I2sm7|#Vc6xC+`Q9V-~yZ z=cP~3y)fbVv`I13x_`a+ooEw!wI*LIV149mlfBojue1JgxI@@;E$iuX3?a7C+#O5i wGE0TdpIaNm8nJW!a(z{uL{9G?%O6UgULn2j{|2s&K!-4Ry85}Sb4q9e02s7Q%K!iX diff --git a/Breeze-gtk/assets/tab-top-inactive.png b/Breeze-gtk/assets/tab-top-inactive.png index 4a9892dc84710bc4813600c81181eeaadfe8aab1..05ef5e0547ca8f894f5cc3f99f129461bd543816 GIT binary patch literal 169 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~f#r;B5V zMep15hFlE>0xlO%w%9sKU95XwKTpOX$L8RK1ZA-#(Mue^`9C~RXE=E`+_QB_;(~j- z&%9Z)_1($4+ppa+V%mG!QhrKES^`5sd|z&z>m>{B>I)3aJO&5qo5T-Vh+UrXu~i6Y O6N9I#pUXO@geCyPz&(xt literal 171 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS~fbr;B5V zMep158#x;sc-$V^bDBF!T~rLZ|F89{uA-TrLT8v+QfZ9x6W$L8l^IgP(x(S7aarwZ z2%gh_?ON}dS3*L;{9pR!mX~qLHZnGNYkbeEb9Hzacq6!pQ*Fir|AW$ji-kGZ>iRAN P?PBnB^>bP0l+XkK`*k^v diff --git a/Breeze-gtk/assets/titlebutton-close-backdrop.png b/Breeze-gtk/assets/titlebutton-close-backdrop.png index f5bde002c4e251a7308e1f6d3ce2ee35bd6cb95e..7c89ae93796a2852f00ac828c252a6e35d6d8081 GIT binary patch literal 503 zc$@+E0SNwyP)iUg{tc!S|zYA?}UU{ zLn48A0DfA$;RUM7rfwot-BsZQ>^m$-g5#e^Ju7?W%y+NP^%WYl5pEu+_&%^}um+%T zZAfhR(N&s$tt}ZTq*Fa$y_Ppp9;QmU;fBo^;;W$m> z1*p^QM&j+)9U${vOs#O+S$2M@0OIX!1u|JNzvvk}u%LJkpc~=l0r0GB6klv%oYoM= zsrX{63=^!^iK2ZK@q>ze-8A@&&j-NwQa#4!1JmFmuwMDZz7yDK*!~WI`$Ul+5x5V) zJ&OEz_WZnR7NqBZhYg^AFm*%mMIXS_jexx-qrsZCK<+B9z)eeYkx5HtW!)$cH$s*( znP>L85hnap!-kdeM0|0Cx*^NK&NF*O{XZKCz~ku2x606j$`QBrgtIJ3_7uPgC%|pV z+y+_d2~5e|34j75Niz1>OM&SMz>)-}1@O|4LKp$imcr+_tgT;spvm~jV++X6oq-fj>uyz0d002ovPDHLkV1ltv?YjT~ literal 506 zc$@+H0R{evP)JEhmaO}$_bsWbD>RH+M-1%naTwB!WR%`R2j8L#;um*rQ z6N)USe{%fwV|9(nFE^X*8xDI3bm}&k$qr2Z^B>;_zZO7^jk_JB_rR6akV1b2kCON> zDnQede7gkXLSuP(D;W+?9e{_us6a+57MH!Nmbq5|ng;t}t}%5@{Jf9YoOk7Bi z$H4lmo`1v|ia1)!?2;Bhh>o)#d0BtDEx-ffKi{}BXV07*qoM6N<$f(k(DasU7T diff --git a/Breeze-gtk/assets/titlebutton-close-backdrop@2.png b/Breeze-gtk/assets/titlebutton-close-backdrop@2.png index d1c95411b07c56a4693847b26f25ae697858dc7a..4a182d32738b731456226f196365d8036af691d3 GIT binary patch literal 1031 zc$@(T1o-=jP)@g_knMlHt1-iqw(FuPfC6A~cAP(t0n%+mwAD-f97odv$9 z-FKen`+jC--|zcog%)Mo7y887ysGd97+2793eQ$AuYoK;fm5BQ z*T)4uZWCnhlwVag)^C=}fyrF^-!X4BnX1#hCsG$cVVS|1=2?Z zQ&V1|aBwe_+4-frd*BqQ)Z{V10HoDe-}m(NbRG!Qd3t^P2w&5Fx@4U=@x{)8`YY?} zbBERF)G@;Bkd735e-f%sD4WfuRP=USizpMoQi9o*s=Wt$BcB6S9jLsx_+ebmDBKC= z^VhM=P>WDYSY{}g&tF%#6XWmNj&rRJq^hIwcfhq?*S%QCe9w+Qw!ZMeOp7+SkWcuw)roZI-9+nv=6Idz~Eat76zLx8ENEhtgBZ-}C)ZMe2!+J(~4V#)+TP(b+OkYL(@nkji+ zX?wSiB=#(%aJROaEaaC4Fgu}ss;xeS@8XI@xCQ^87%kgL|3%DMT9gSD-lO% z&)0u4yS9$X#`;a*;c>wz@?dMT^4ZR@T|nh>`H4i~2#`N&7y&Ou^iHW%`tLv>fFKB# zB?u z2EC4R#UQs7+%{3>5FIPz^V6|aO}bgV=iT>3bQE~Kg+2vlKyMd(|1J#6 z@>V3nf)1)7gK~~tf9dhJD4rs}g%(pK&nva!{}h_%=~hLGp6~zw002ovPDHLkV1kwk B^@0EZ literal 1041 zc$@(d1n&EZP)b+MomBc^9n1L+DzrZxcJC~`KB@ne)s zCPRNbD7_)VAP{TpFGyD5qk|p$KTW68UeiE5M^C(>VuwHuHU_dG(M?bEy&tBsUj_nl zUANsjZ9~9Y&46r3DDuf3<6X$*a{u@SipJynoDw65^z0-|jq;StxngmAd0U`pJiafq zD&H#{Y7tB&@l7q6#Cj-G`{256yHjGM)i3}GhX~s*lF4M-mO$2N8*1S+ZKmEo|1N!4 zJ5Zgn7mvpWjLPUP!u&7Gxne#u0_8W9OeRA{xm4dvhJmF3>6XgATg%~tR4V0EfmR+o zdb3`g5z))V>5226)&2&dmOQKd#p#LjB6@jCDHJ zv!{UjK46xOW6#Xwv$L)ni>S)0_08oS0O^UvI@L2j`%KVZ$mMRhZY*LQGY0JUY5NWE z)Hdn z1{~@^H4B46!~oAW2vmXkI@%lWDim__p49=*>ghr*cO%*x@3M~hu2Gn>o|EoleGh@h z0ysl?S%P{C`G+y+UKt2O~yN=CVXUBnPI-T~aMeU{IeJ_hrw~1?&1ns{zogD*k zDuch>yZg(5XF8q+++D^QE>35vpUj%AV~_DJ0QucQQJ8w7J@kI<*oH>2yF0O0!gjpn zy_qm?R>O%x;oIM9hc|4l#p3v~mP`V;+A0=>DIS@V>tQwpsz9|l_7w2(&g01NlkMT; zW_>;QxQ^*Qdg2U5FQP=6B$*TR-O6g(O1>_vQmK@4YvKOuhz_E}{rUl_kTJ@oYgaRA zz;5T@H*i(aV<(>v;SB%@RXvQznkzkEL0}#jx5gX2J~?@(k@)`tk-h&&y>cqO00000 LNkvXXu0mjfWY_;5 diff --git a/Breeze-gtk/assets/titlebutton-close.png b/Breeze-gtk/assets/titlebutton-close.png index f5bde002c4e251a7308e1f6d3ce2ee35bd6cb95e..7c89ae93796a2852f00ac828c252a6e35d6d8081 GIT binary patch literal 503 zc$@+E0SNwyP)iUg{tc!S|zYA?}UU{ zLn48A0DfA$;RUM7rfwot-BsZQ>^m$-g5#e^Ju7?W%y+NP^%WYl5pEu+_&%^}um+%T zZAfhR(N&s$tt}ZTq*Fa$y_Ppp9;QmU;fBo^;;W$m> z1*p^QM&j+)9U${vOs#O+S$2M@0OIX!1u|JNzvvk}u%LJkpc~=l0r0GB6klv%oYoM= zsrX{63=^!^iK2ZK@q>ze-8A@&&j-NwQa#4!1JmFmuwMDZz7yDK*!~WI`$Ul+5x5V) zJ&OEz_WZnR7NqBZhYg^AFm*%mMIXS_jexx-qrsZCK<+B9z)eeYkx5HtW!)$cH$s*( znP>L85hnap!-kdeM0|0Cx*^NK&NF*O{XZKCz~ku2x606j$`QBrgtIJ3_7uPgC%|pV z+y+_d2~5e|34j75Niz1>OM&SMz>)-}1@O|4LKp$imcr+_tgT;spvm~jV++X6oq-fj>uyz0d002ovPDHLkV1ltv?YjT~ literal 506 zc$@+H0R{evP)JEhmaO}$_bsWbD>RH+M-1%naTwB!WR%`R2j8L#;um*rQ z6N)USe{%fwV|9(nFE^X*8xDI3bm}&k$qr2Z^B>;_zZO7^jk_JB_rR6akV1b2kCON> zDnQede7gkXLSuP(D;W+?9e{_us6a+57MH!Nmbq5|ng;t}t}%5@{Jf9YoOk7Bi z$H4lmo`1v|ia1)!?2;Bhh>o)#d0BtDEx-ffKi{}BXV07*qoM6N<$f(k(DasU7T diff --git a/Breeze-gtk/assets/titlebutton-close@2.png b/Breeze-gtk/assets/titlebutton-close@2.png index d1c95411b07c56a4693847b26f25ae697858dc7a..4a182d32738b731456226f196365d8036af691d3 GIT binary patch literal 1031 zc$@(T1o-=jP)@g_knMlHt1-iqw(FuPfC6A~cAP(t0n%+mwAD-f97odv$9 z-FKen`+jC--|zcog%)Mo7y887ysGd97+2793eQ$AuYoK;fm5BQ z*T)4uZWCnhlwVag)^C=}fyrF^-!X4BnX1#hCsG$cVVS|1=2?Z zQ&V1|aBwe_+4-frd*BqQ)Z{V10HoDe-}m(NbRG!Qd3t^P2w&5Fx@4U=@x{)8`YY?} zbBERF)G@;Bkd735e-f%sD4WfuRP=USizpMoQi9o*s=Wt$BcB6S9jLsx_+ebmDBKC= z^VhM=P>WDYSY{}g&tF%#6XWmNj&rRJq^hIwcfhq?*S%QCe9w+Qw!ZMeOp7+SkWcuw)roZI-9+nv=6Idz~Eat76zLx8ENEhtgBZ-}C)ZMe2!+J(~4V#)+TP(b+OkYL(@nkji+ zX?wSiB=#(%aJROaEaaC4Fgu}ss;xeS@8XI@xCQ^87%kgL|3%DMT9gSD-lO% z&)0u4yS9$X#`;a*;c>wz@?dMT^4ZR@T|nh>`H4i~2#`N&7y&Ou^iHW%`tLv>fFKB# zB?u z2EC4R#UQs7+%{3>5FIPz^V6|aO}bgV=iT>3bQE~Kg+2vlKyMd(|1J#6 z@>V3nf)1)7gK~~tf9dhJD4rs}g%(pK&nva!{}h_%=~hLGp6~zw002ovPDHLkV1kwk B^@0EZ literal 1041 zc$@(d1n&EZP)b+MomBc^9n1L+DzrZxcJC~`KB@ne)s zCPRNbD7_)VAP{TpFGyD5qk|p$KTW68UeiE5M^C(>VuwHuHU_dG(M?bEy&tBsUj_nl zUANsjZ9~9Y&46r3DDuf3<6X$*a{u@SipJynoDw65^z0-|jq;StxngmAd0U`pJiafq zD&H#{Y7tB&@l7q6#Cj-G`{256yHjGM)i3}GhX~s*lF4M-mO$2N8*1S+ZKmEo|1N!4 zJ5Zgn7mvpWjLPUP!u&7Gxne#u0_8W9OeRA{xm4dvhJmF3>6XgATg%~tR4V0EfmR+o zdb3`g5z))V>5226)&2&dmOQKd#p#LjB6@jCDHJ zv!{UjK46xOW6#Xwv$L)ni>S)0_08oS0O^UvI@L2j`%KVZ$mMRhZY*LQGY0JUY5NWE z)Hdn z1{~@^H4B46!~oAW2vmXkI@%lWDim__p49=*>ghr*cO%*x@3M~hu2Gn>o|EoleGh@h z0ysl?S%P{C`G+y+UKt2O~yN=CVXUBnPI-T~aMeU{IeJ_hrw~1?&1ns{zogD*k zDuch>yZg(5XF8q+++D^QE>35vpUj%AV~_DJ0QucQQJ8w7J@kI<*oH>2yF0O0!gjpn zy_qm?R>O%x;oIM9hc|4l#p3v~mP`V;+A0=>DIS@V>tQwpsz9|l_7w2(&g01NlkMT; zW_>;QxQ^*Qdg2U5FQP=6B$*TR-O6g(O1>_vQmK@4YvKOuhz_E}{rUl_kTJ@oYgaRA zz;5T@H*i(aV<(>v;SB%@RXvQznkzkEL0}#jx5gX2J~?@(k@)`tk-h&&y>cqO00000 LNkvXXu0mjfWY_;5 diff --git a/Breeze-gtk/assets/titlebutton-maximize-active-backdrop.png b/Breeze-gtk/assets/titlebutton-maximize-active-backdrop.png index e9f974498e3e754b4f4b04dc514f97f0b49e29bb..7114e533a8fb76bf2702f10e4286feee0ee035e4 GIT binary patch literal 482 zc$@*^0UiE{P)j zlpDU+@Ap4lJfrertJk}0MR)}?stS~j?GwhmEX#h(fwsHdhMW(;&E=4pei8I2%aVKs zn%v~z3XrLWkyuO9^vD3BBD}l?1mITTqyXx~@g~7PE{r`(otmK_2gs0KUXi$cfVbRKHAou6MNy$Gm7kMdLciG{x7eX{$b_mpG ztvTNY=Wl}e2v7~^yg2!d2M&Q56ry<+6ZuGQt=c#$8E5?o6HU6 YZ{K^T5k6-Y-~a#s07*qoM6N<$g5#{%w*UYD literal 484 zc$@*`0UQ2_P)tc3)Qm2AYpy zV8DbXBCa(B#kG{yIveR%Xu(41PU2dVJI75Xrg>{~mS>*%&BNRoV@8r%eKVJ0!`4A7 z!}=VN3GKC;>Hg$Bb_qy!?#c5GsLXo6SdIez<=Z!}Po|)xRmelH-lD^Izmc9X)*~Ws+9yv+XMM#N3 zTw)Lx;GD_WfvwHCnyK%rxhs7P7JXLVSIu-VlffzubY~Wl|8>v(&G1382f&)Uk$(z* z{MH<7#a#m_vIxr^*u_|J=GA{@QRq$}Bg~@Eb@|{0a5mOoIH7E;C@lA?T zC|-I-m~M68Uy#2*WOEdvH#rqw#%1{Ch;9>g6Nh6IR%(h&*D46@o)Wr==H8zVX}hep zO>>jBKgdJQ`Q>*%x#w`sxmRd0thK#0mDeCXVvw}L)4*fP-4%iP7%hv)6|H%t$;te! zR_e=El5)9R>i7Biw+wPZ;icC8g8qoe*`-S5To{H?+aTZC*HKOb`&)zjFJ=|}V6ss7 zIuR(F&F=Z97M}*SZ9>+@r%Tn!sW1%hZ5cE=dc4PbsCEJLP=_%9C|oxh4;PEY#ipP- z=HKsu1KWXVh*{CNe=W*1e#vIDd+K*)+c5wKVliL&zW>OEpyfHUEyJ{42pmSdkJq%- zn)Fw2OKMn*=wRnXkrpGRqHozaE*CuvCf z(eCb%Rgj`5k{4rnVJAheF9Tn0l&Hcl;#>PZ%GphlCPekkgsX33r3Do^FUorxWr%P*r8Tc4UZiYroUIqw z(!)uUkeLl8i*SX>m1`$2!+M$I)*eL0`c-&xz? zt(QGDHFbA?Z|@gfT@OEwaJZ8a6(%H(-geGa*6VM&1dol44aRT=B;BTEMpVX&#m_Ep zmelk-R45cKE>)`;QF#Zr3TO)mRk$K5N1xfZx33un5^PeV$BsRlQXNv2e&8VJ>MK31 pztWonDU0Y28bu}N-0fEC{|D%hvL?W&M3w*m002ovPDHLkV1fh~)2RRe literal 991 zc$@*>10ei~P)dShPGMP-Ma{KOkz)3_8)%h8IR?#!_H)qe5N~NG_P&}D>2PlBNTqk7tQq!nSe&*%B zX$TaJMms|tT?OES<{-;L`LaEvL-~CE-nv1tSUPOl>?p!3EyXOZI^oy{$2`xQdm<hRK`g)NIGQUi#LZ5n1tsFhJ3> zsq2hTL8vrgiiDrtJ-7f8snk9K`MsekLdB}-D;Bbo z0I_7c$A~?T5^kWH8f#uM8pzRRF|lO2Czee26bso&tER8P?Gr0@z=&|Tfj7^YK>Le@ z?4;|SiWuy-27AGEQwNKM>}12+C-fRr4%CgY+UNWEtFC)0VvT+e>;iULBj;T=b

7 zWn<;-22c?LJl_ILEt*B`F@kPy5vCQWZu8`vx-d-sx+oTyDvt&BdkS@bGm5pvG=l zFH{RbJ$Tf9%-@_n3o^ZR7^W(>X3s5vN~KaDLSm~xfi;QRsn)3tUK#&o=JhuYJ%{k> zW@1zrDSEkupUnSm9ql0M>wwo6uA6?*iXA}cMLB@T-dfkGPzC+~$|x7DW5j zlpDU+@Ap4lJfrertJk}0MR)}?stS~j?GwhmEX#h(fwsHdhMW(;&E=4pei8I2%aVKs zn%v~z3XrLWkyuO9^vD3BBD}l?1mITTqyXx~@g~7PE{r`(otmK_2gs0KUXi$cfVbRKHAou6MNy$Gm7kMdLciG{x7eX{$b_mpG ztvTNY=Wl}e2v7~^yg2!d2M&Q56ry<+6ZuGQt=c#$8E5?o6HU6 YZ{K^T5k6-Y-~a#s07*qoM6N<$g5#{%w*UYD literal 484 zc$@*`0UQ2_P)tc3)Qm2AYpy zV8DbXBCa(B#kG{yIveR%Xu(41PU2dVJI75Xrg>{~mS>*%&BNRoV@8r%eKVJ0!`4A7 z!}=VN3GKC;>Hg$Bb_qy!?#c5GsLXo6SdIez<=Z!}Po|)xRmelH-lD^Izmc9X)*~Ws+9yv+XMM#N3 zTw)Lx;GD_WfvwHCnyK%rxhs7P7JXLVSIu-VlffzubY~Wl|8>v(&G1382f&)Uk$(z* z{MH<7#a#m_vIxr^*u_|J=GA{@QRq$}Bg~@Eb@|{0a5mOoIH7E;C@lA?T zC|-I-m~M68Uy#2*WOEdvH#rqw#%1{Ch;9>g6Nh6IR%(h&*D46@o)Wr==H8zVX}hep zO>>jBKgdJQ`Q>*%x#w`sxmRd0thK#0mDeCXVvw}L)4*fP-4%iP7%hv)6|H%t$;te! zR_e=El5)9R>i7Biw+wPZ;icC8g8qoe*`-S5To{H?+aTZC*HKOb`&)zjFJ=|}V6ss7 zIuR(F&F=Z97M}*SZ9>+@r%Tn!sW1%hZ5cE=dc4PbsCEJLP=_%9C|oxh4;PEY#ipP- z=HKsu1KWXVh*{CNe=W*1e#vIDd+K*)+c5wKVliL&zW>OEpyfHUEyJ{42pmSdkJq%- zn)Fw2OKMn*=wRnXkrpGRqHozaE*CuvCf z(eCb%Rgj`5k{4rnVJAheF9Tn0l&Hcl;#>PZ%GphlCPekkgsX33r3Do^FUorxWr%P*r8Tc4UZiYroUIqw z(!)uUkeLl8i*SX>m1`$2!+M$I)*eL0`c-&xz? zt(QGDHFbA?Z|@gfT@OEwaJZ8a6(%H(-geGa*6VM&1dol44aRT=B;BTEMpVX&#m_Ep zmelk-R45cKE>)`;QF#Zr3TO)mRk$K5N1xfZx33un5^PeV$BsRlQXNv2e&8VJ>MK31 pztWonDU0Y28bu}N-0fEC{|D%hvL?W&M3w*m002ovPDHLkV1fh~)2RRe literal 991 zc$@*>10ei~P)dShPGMP-Ma{KOkz)3_8)%h8IR?#!_H)qe5N~NG_P&}D>2PlBNTqk7tQq!nSe&*%B zX$TaJMms|tT?OES<{-;L`LaEvL-~CE-nv1tSUPOl>?p!3EyXOZI^oy{$2`xQdm<hRK`g)NIGQUi#LZ5n1tsFhJ3> zsq2hTL8vrgiiDrtJ-7f8snk9K`MsekLdB}-D;Bbo z0I_7c$A~?T5^kWH8f#uM8pzRRF|lO2Czee26bso&tER8P?Gr0@z=&|Tfj7^YK>Le@ z?4;|SiWuy-27AGEQwNKM>}12+C-fRr4%CgY+UNWEtFC)0VvT+e>;iULBj;T=b

7 zWn<;-22c?LJl_ILEt*B`F@kPy5vCQWZu8`vx-d-sx+oTyDvt&BdkS@bGm5pvG=l zFH{RbJ$Tf9%-@_n3o^ZR7^W(>X3s5vN~KaDLSm~xfi;QRsn)3tUK#&o=JhuYJ%{k> zW@1zrDSEkupUnSm9ql0M>wwo6uA6?*iXA}cMLB@T-dfkGPzC+~$|x7DW5b5bh6d@W;Bb3y4M52rAGr;Q=d38dkUuS;}G$w>zq<~>-EJ`2M(5< zNI9AEvFPCBh^^KPEovp_3u|;zXD@ZtF4~yI%v9BUcg?K{A?xEd>w5~#y~ppb^!)tI ztdm)hD#=1~>ut>^t9G87*t70T_Fw;J3H*B)v>H`E?0mCd8|WGaPgg&ebxsLQ0A4pw A?f?J) literal 239 zc%17D@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|wj^(N7l!{JxM1({$v}}Mo-U3d z7QM*{60FVa5)n5nKv*E?xW@^BWA*>T4Gjzo{-h`I>@Ik8f-xp*W`U=~%*fkD|9+Skw`_shz=2SGCUd_WMCdOr< g>KS0n)yBlY5bfbEAQ8z#BpYMP#tt~=rX=aDNz%KM`TRI` z&%`_|A{jPaV<-R!l)N_=bzQ&wJ7^CRC_mSVSk#~+`#L5Jg@K(vO0P`tOW+x#76x|BBt3uFY@WZn_LkV?<97S>XP`FBPxtgibq008jDhL|>Vt_z{R$d_ zi9xl3VlYEd?Vr81H^72G8GLir7XwgL)hoWaBv1x8op^uUcVn+vp0CFEPl-r2%kx$2 gj;3jvrfEI<08w|AggziE0sbw zr4(!yy@8@fXp-lu3qfNh6LI1DuL22=A8!}}Xqu*J|Dc>X$(fTOW|`0d&J`njG7q+< zr|Gm9|0yVEPAG03L6Si*5!>8{Zi+%MQAJAuQUXcpb$)7RO_{uNbW$A5m44vE_^Wnu-~uW>$tflpoCyj8@ctJ u@hLas#Ss6goH=nbUWCrkG)>bq&9e_}602HF%a@-30000b|OM>ZVfF9SSetnZtr4wGziA-^xBZ^P7u3LQQUU?mkk917O!+3qaxA zkkp9d(>(vYJVvT7?QS;N7-2|0U2d4V+^!WJK3e@RzdQtQvaIF!!%%6xop5%GD zfZE+|BGGhVJjP>HF(j?4cKl!zM&5 z4E{a3@j6UkpaMH0E1!wk0c zKahEvu&BUArEn%OJVpIz3Ax17k0gfYz*(h!p+H(Gv`pP$(-%VMo4P}wRjK_@!$wQ3 zEw0XT&sYF%CwIP3zm=;a928mBR{$^U1HU&nm{R(E00qdhY!b0Of$1hlz@8Mv(a8b= znB;jHo!(nqiROH>;J4>De+I9nog@zg1|Yk@%~|;zEJb8gWZBA3`4??TmlT-BA5H)O N002ovPDHLkV1kG@*j@kt literal 476 zc$@*;0VDp2P)>0Jan4!Oyjt;XLo1L{pQZSb47)&wAXLTi3A%CD*%W? zq1bb__P&04dwh?|i_2@BONKuMx>W`K%C}vO$KSpTe=LAntJk|ouYq&*kV3x&chY1h zE8@0mRV(ClL0EVVix0T8|Ap8S@{>DNN07BRJ` z09M)*nV_>IA7`QW3G){o=C88Q`@s7uqfA|MxKIgc_=8}o=fDj?$EJFjHT+Q}%vrIM zAVt-BSZ;!&Qs97z-47-jlp$qUFwuaCJp>L)nIm(EOWr17p47gO=n>`#&@A;fG+cvY z)+Q(GACK@Y0kqcE-&M8pfAa0UWVdGk8Nnv->kO2!0^bBMfbYrhr{EqiJ{1J+rlZk* z0Rl*qo!Avzt()Mv1RoUS?fK82#TM0Cy>`=4B-sY|#hLZcJ&#Qc(qwmGDE|PKqL`@Y Ss|3yf0000>Ol><5kd`m zG#b6?NlKgeS9mgpR(tU3#q{7!g4!B?)Y#Ztk)0i8HY;vIQd%^KR01+bIE)*V5u#}`JMxJ=vSoYm6u$;O8DCCg;; zgKBjA05Kb)L!s}F!P+-eC=_fJy>d7h5aeUPqV{69w7d(v-$2c~z`sCSo%1`|Q>o%# z_wP>_0974s05hvb1|swoV5a^uasfab=S&7`Wvb39cd<-=SS(HeIIi166ki8A>!_u+ z;25!%&o_#3T(`$@-JY;moWL^utS({F$Vx1OW_8z2oLMz85EhFQ-PvrODE^ixzLC!7 z&xXa~M7_%=XrEEUtpn3v_PjgY*=*iIz6VYMCnVPE>3sfd#rM4keKjdcg}f1XY9BDQ zG>UrK@bGZeC}uxUkDJ}cB*HX|GQdCkjA;ZlZxsG)0;XQnv@ycuPQ41(%AR+}aorvZ z`5_@@BkDWHb$cql?69hqs@arLC0B%-1ud=$^$8uD@X^52difFKBFC64-l->Bb{R?XjAbKAnF{M2CSF6Usl2JI@)v@PXI-L$egL?Z0-cqrnAYJuA)^)THh<^O@Oy=u` zK(6byS*LXrcrOfOU56rH>@vZrY&QE(&7hd?w>u@q5$WAZOhx1qK=Vo z93vN9&pSAq%gluszJvie&;VvIpUqx#T`y`K^BwRUu-gXag6nw)^Z9Ji1on-3Q3_E5 zytoCJ)d-7v$?#}%6&AA^7+^nU;Pb8L$k?-OEy<0}^-#m?+|xHOgwfL|(U6jPK|fl3 znyN)j%S9@ca&FwZ`wpTbD1NQ&09BYW%9$&dr_zAktU=xDSM2p8uS5ujfrP3aK;*Gk pdcZA#A~0!9FmZKy`er@({{;cKnpt|!u$BM-002ovPDHLkV1gbn+T{QM diff --git a/Breeze-gtk/assets/titlebutton-maximize-hover.png b/Breeze-gtk/assets/titlebutton-maximize-hover.png index 9259ada9817e14f0fb029b0161dcd1749eacd0e7..4a8f34c0c1affef9f2484e2412125ff6c4d4d040 GIT binary patch literal 471 zc$@*(0Vw{7P)b|OM>ZVfF9SSetnZtr4wGziA-^xBZ^P7u3LQQUU?mkk917O!+3qaxA zkkp9d(>(vYJVvT7?QS;N7-2|0U2d4V+^!WJK3e@RzdQtQvaIF!!%%6xop5%GD zfZE+|BGGhVJjP>HF(j?4cKl!zM&5 z4E{a3@j6UkpaMH0E1!wk0c zKahEvu&BUArEn%OJVpIz3Ax17k0gfYz*(h!p+H(Gv`pP$(-%VMo4P}wRjK_@!$wQ3 zEw0XT&sYF%CwIP3zm=;a928mBR{$^U1HU&nm{R(E00qdhY!b0Of$1hlz@8Mv(a8b= znB;jHo!(nqiROH>;J4>De+I9nog@zg1|Yk@%~|;zEJb8gWZBA3`4??TmlT-BA5H)O N002ovPDHLkV1kG@*j@kt literal 476 zc$@*;0VDp2P)>0Jan4!Oyjt;XLo1L{pQZSb47)&wAXLTi3A%CD*%W? zq1bb__P&04dwh?|i_2@BONKuMx>W`K%C}vO$KSpTe=LAntJk|ouYq&*kV3x&chY1h zE8@0mRV(ClL0EVVix0T8|Ap8S@{>DNN07BRJ` z09M)*nV_>IA7`QW3G){o=C88Q`@s7uqfA|MxKIgc_=8}o=fDj?$EJFjHT+Q}%vrIM zAVt-BSZ;!&Qs97z-47-jlp$qUFwuaCJp>L)nIm(EOWr17p47gO=n>`#&@A;fG+cvY z)+Q(GACK@Y0kqcE-&M8pfAa0UWVdGk8Nnv->kO2!0^bBMfbYrhr{EqiJ{1J+rlZk* z0Rl*qo!Avzt()Mv1RoUS?fK82#TM0Cy>`=4B-sY|#hLZcJ&#Qc(qwmGDE|PKqL`@Y Ss|3yf0000>Ol><5kd`m zG#b6?NlKgeS9mgpR(tU3#q{7!g4!B?)Y#Ztk)0i8HY;vIQd%^KR01+bIE)*V5u#}`JMxJ=vSoYm6u$;O8DCCg;; zgKBjA05Kb)L!s}F!P+-eC=_fJy>d7h5aeUPqV{69w7d(v-$2c~z`sCSo%1`|Q>o%# z_wP>_0974s05hvb1|swoV5a^uasfab=S&7`Wvb39cd<-=SS(HeIIi166ki8A>!_u+ z;25!%&o_#3T(`$@-JY;moWL^utS({F$Vx1OW_8z2oLMz85EhFQ-PvrODE^ixzLC!7 z&xXa~M7_%=XrEEUtpn3v_PjgY*=*iIz6VYMCnVPE>3sfd#rM4keKjdcg}f1XY9BDQ zG>UrK@bGZeC}uxUkDJ}cB*HX|GQdCkjA;ZlZxsG)0;XQnv@ycuPQ41(%AR+}aorvZ z`5_@@BkDWHb$cql?69hqs@arLC0B%-1ud=$^$8uD@X^52difFKBFC64-l->Bb{R?XjAbKAnF{M2CSF6Usl2JI@)v@PXI-L$egL?Z0-cqrnAYJuA)^)THh<^O@Oy=u` zK(6byS*LXrcrOfOU56rH>@vZrY&QE(&7hd?w>u@q5$WAZOhx1qK=Vo z93vN9&pSAq%gluszJvie&;VvIpUqx#T`y`K^BwRUu-gXag6nw)^Z9Ji1on-3Q3_E5 zytoCJ)d-7v$?#}%6&AA^7+^nU;Pb8L$k?-OEy<0}^-#m?+|xHOgwfL|(U6jPK|fl3 znyN)j%S9@ca&FwZ`wpTbD1NQ&09BYW%9$&dr_zAktU=xDSM2p8uS5ujfrP3aK;*Gk pdcZA#A~0!9FmZKy`er@({{;cKnpt|!u$BM-002ovPDHLkV1gbn+T{QM diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-active-backdrop.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-active-backdrop.png index 46b7b281e3481b2db62c38b2c07e586c42eff558..52ed2012efeb1c0370c4e4c0e101f1354e3a93fc GIT binary patch literal 496 zc$@+70T2F(P)xcXsBRnWKA+h(=kqD=9Ux18iMHbpp0< zG@nkVpSm^HKD?Yv?s^qo1A|zDR@oup@1!itpI1P8HCfsMwso@-1%QpRY?q*q>mcobO!L@eG9EjD zVFYrHF_bu$X(rQKxr|`XfIr=2mr@7ak3do?JHz!3xDNCXa}xCl_Ph%d3|w%#v(5_( zCS31p$fbISnHfEk4QY8MY|A5S{kIH)8=SUc{SAJs_(scggHxBW=roA=5%aB)#CK1m zS!CK3KQ{PQPh@ig813(W274F*Hg{>=9RfQnr}=|x0F`^@K}QC+I$8Z1Kpes{F=YS_ z@FvfH*@Yj=NOFH2gkVpLqBw3q0A-mk2-Q8rw@A_IGVnDqwl80P9lNT%@%WKTDcDYc mJ9Wns&;t4F;2{6ft@#HiXvF7j-9K0W0000D&J8CY5g zTd@)11H4E;jiNws6Y&c~qKMLlnuL9qBJ0FnzYP+%ocG?DJ6CUvh_YUPGf1gn8=$qS ze2kb072{#PSASzmfNbZ!65axxSc3%}lq4_Syngj#1(fyr9Z8>nTmOK}^-I!|@i3oV zf+{D6F^It#fS?^YJ5{3f-8?^X03}SCAxc5%9JnaKZAyCwU|FxfDd}@FWT{#-ID71p zx{>+MgIgEuT-a3D``~WCGvN2?b)^pWunv)1>Op6M55P^JWkE%7Ya49UVZu5Ny1O`z zq30fgfR7bqu9gQ)K`lewT4rk=8S8%(9PH%EBJFGPsO7d4`iTq8YV=qhvD~g?d~>8} z#A+>%#@sIED!uUWFyAxNe*N&mx)lp;qkjlEn2ZMdHvp_mw&meFaHkHl3UzDDfV^+k!+=bK-FSCzfoc?3#@Z2=8ItK_G+4>>FYY|jI|y9Ph5!Hn07*qoM6N<$f~E!Dr2qf` diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-active-backdrop@2.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-active-backdrop@2.png index 6a838370a9a4511a34b5d9b09e2304c8e9378c7b..474e32dfce9372917318c66e74ab2e4d048441d2 GIT binary patch literal 1007 zc$@+60}%X)P)|Azc4=AB_ba8+*IfbS z^Z7&n){~2%wnvbi`gEgKy%0sw-Hw4KC*L0O9;#mfeXh?i04UrrnoN|-<@L5e4VZi1 z11Amwrb)}9$>>ff(|nQ7=MOa^bKo!lClWDV`M&>1OQ6j?)5UAjwZ_j)0;dq~qaF7e zdNY?B7i8KUhINv7348xmYSX}ai z@opkz;KOV->um$Ato(Tn=Q^Wnp2%1b1Pj*MjI}ls1i^wQGUg5?>BEDA*=-<2&$~Hb zog_IM1i^yu=hLzBO{~oLzCRKK!2(I@Mc^+dkIK6MVyzvHmEYW8;;}FcZ~A^djfuYn z9&cfD*;5)DdB!vvWnW+b9>aLoeBU1l!{QQ&cZSX*B`MW$1Ig(=!SoEJDx*e3PWBO| zM<`7jl%suy=>_VT;r?*77x8wTvDRiV_3t`_X@W9Wt+kmB>(rpx$N0a<0JYX;8S1gV z?5bBFL;I|+8iYUEIPErTy4icHhJ?iqoV!AGl?W>QYB0=o0OSJIZB}An)@a?E2DDF5 zUBdvXaXf7*mEtXdpE~^0eo(!@pfDGP;q6AZ7hGqdUG=5MdIjhu*qj)%*{pZ?$lxzH z&(im2A^>Y`CRV-HCbjp{;zq6dY!pTD_6X}wO}#{-`+mf=Q1b}u^qRILDr4pHXEU(l zGsw@`BJh?w(^flhjtnYXt^~n5Th|Y?j*VLNg2D}VAQ|cg2DmP9{6X`L2Y{j|x@$C< z0G7LO?kHUvNO`Y@Vfar=Ab@hYye^uIg8qDfG}lG-g<`RIXQ#p2YxVs6{NKlihrbvY zc=%C-Q~e}S;j$$0>tPsH_p-M=j>+Y6XA`&tlJ1dZQB>aB%BEIoI}epgrK=mYT1Hgf z0Osht%>byvtf-uO>e$hdb}-Q430kuzr>34xsgA44C~y*V`$$h4M|vwDOCtJ%#_@C* dhPPe({|7GU7ghr_r-=Xn002ovPDHLkV1m6D>YM-o literal 1030 zc$@(S1o``kP)W5~oX9ESTw zFG-9|EvH?|8n1ihg>-cGR9EpYFuiw~%8bGc=;#13ODi6qRvj~Dw@wsq@i zJAH1NbKcYEe9n8$dEWOug3pL0lZUh_r$ji05)wG5uy?stDxh}|N}yL98<_UI^EdtE zmqrdsr_+J*9}nLG&LaA%&ujQzML&M<+r7_=#bUK(P%M#r6Uc$Q=o7N>R5wtY_{7V8 z*%T-eiF60LdUC)!twA<~@>yp=eSwZN;pgb*x=n|j+IFV37vchv<2x_WX=-6o-o zQ1)-)mF|6&i6>L7L@b^hL1fx@Qdl%rhrujaqccFiZZxtt(xINE;AoZqz0pj)LnLH!pmL;*m{w6C13cSiOe?4XBk10`%{6r=N55?lvyO7)>u4f1 z*kGONHQO})FJTmUShrOPwpd>_)hm?XHpf>CaCe8K%|4*bJbQPHpbHHo_ls)wMflmM z=xhTA`av~|0p*HuY+xGDHldowfLg~+8_zp`6P2qC{%Jc@D;R*;!oh=>uM`u7s z5$1e@lwdO$&})zW>OEJxXVXG49*_4`WzXgRU~N|Vr$dG=j*ma6-MMLS^*nFU(Z@r; zkGp5lYmP3xwh^->Xcg7z=y8Nk+fETC|E}zNeXDgnH1Ij*y?FAZh)tdO~ z+f*-{of6IcaP`)60|yFE^*mit!+u$wVK(%ki{&9{7UBKiGrex+!w+sX0QVQJn|j`g z9YGjEIfBT+)mf)P1^5*xpxcXsBRnWKA+h(=kqD=9Ux18iMHbpp0< zG@nkVpSm^HKD?Yv?s^qo1A|zDR@oup@1!itpI1P8HCfsMwso@-1%QpRY?q*q>mcobO!L@eG9EjD zVFYrHF_bu$X(rQKxr|`XfIr=2mr@7ak3do?JHz!3xDNCXa}xCl_Ph%d3|w%#v(5_( zCS31p$fbISnHfEk4QY8MY|A5S{kIH)8=SUc{SAJs_(scggHxBW=roA=5%aB)#CK1m zS!CK3KQ{PQPh@ig813(W274F*Hg{>=9RfQnr}=|x0F`^@K}QC+I$8Z1Kpes{F=YS_ z@FvfH*@Yj=NOFH2gkVpLqBw3q0A-mk2-Q8rw@A_IGVnDqwl80P9lNT%@%WKTDcDYc mJ9Wns&;t4F;2{6ft@#HiXvF7j-9K0W0000D&J8CY5g zTd@)11H4E;jiNws6Y&c~qKMLlnuL9qBJ0FnzYP+%ocG?DJ6CUvh_YUPGf1gn8=$qS ze2kb072{#PSASzmfNbZ!65axxSc3%}lq4_Syngj#1(fyr9Z8>nTmOK}^-I!|@i3oV zf+{D6F^It#fS?^YJ5{3f-8?^X03}SCAxc5%9JnaKZAyCwU|FxfDd}@FWT{#-ID71p zx{>+MgIgEuT-a3D``~WCGvN2?b)^pWunv)1>Op6M55P^JWkE%7Ya49UVZu5Ny1O`z zq30fgfR7bqu9gQ)K`lewT4rk=8S8%(9PH%EBJFGPsO7d4`iTq8YV=qhvD~g?d~>8} z#A+>%#@sIED!uUWFyAxNe*N&mx)lp;qkjlEn2ZMdHvp_mw&meFaHkHl3UzDDfV^+k!+=bK-FSCzfoc?3#@Z2=8ItK_G+4>>FYY|jI|y9Ph5!Hn07*qoM6N<$f~E!Dr2qf` diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-active@2.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-active@2.png index 6a838370a9a4511a34b5d9b09e2304c8e9378c7b..474e32dfce9372917318c66e74ab2e4d048441d2 GIT binary patch literal 1007 zc$@+60}%X)P)|Azc4=AB_ba8+*IfbS z^Z7&n){~2%wnvbi`gEgKy%0sw-Hw4KC*L0O9;#mfeXh?i04UrrnoN|-<@L5e4VZi1 z11Amwrb)}9$>>ff(|nQ7=MOa^bKo!lClWDV`M&>1OQ6j?)5UAjwZ_j)0;dq~qaF7e zdNY?B7i8KUhINv7348xmYSX}ai z@opkz;KOV->um$Ato(Tn=Q^Wnp2%1b1Pj*MjI}ls1i^wQGUg5?>BEDA*=-<2&$~Hb zog_IM1i^yu=hLzBO{~oLzCRKK!2(I@Mc^+dkIK6MVyzvHmEYW8;;}FcZ~A^djfuYn z9&cfD*;5)DdB!vvWnW+b9>aLoeBU1l!{QQ&cZSX*B`MW$1Ig(=!SoEJDx*e3PWBO| zM<`7jl%suy=>_VT;r?*77x8wTvDRiV_3t`_X@W9Wt+kmB>(rpx$N0a<0JYX;8S1gV z?5bBFL;I|+8iYUEIPErTy4icHhJ?iqoV!AGl?W>QYB0=o0OSJIZB}An)@a?E2DDF5 zUBdvXaXf7*mEtXdpE~^0eo(!@pfDGP;q6AZ7hGqdUG=5MdIjhu*qj)%*{pZ?$lxzH z&(im2A^>Y`CRV-HCbjp{;zq6dY!pTD_6X}wO}#{-`+mf=Q1b}u^qRILDr4pHXEU(l zGsw@`BJh?w(^flhjtnYXt^~n5Th|Y?j*VLNg2D}VAQ|cg2DmP9{6X`L2Y{j|x@$C< z0G7LO?kHUvNO`Y@Vfar=Ab@hYye^uIg8qDfG}lG-g<`RIXQ#p2YxVs6{NKlihrbvY zc=%C-Q~e}S;j$$0>tPsH_p-M=j>+Y6XA`&tlJ1dZQB>aB%BEIoI}epgrK=mYT1Hgf z0Osht%>byvtf-uO>e$hdb}-Q430kuzr>34xsgA44C~y*V`$$h4M|vwDOCtJ%#_@C* dhPPe({|7GU7ghr_r-=Xn002ovPDHLkV1m6D>YM-o literal 1030 zc$@(S1o``kP)W5~oX9ESTw zFG-9|EvH?|8n1ihg>-cGR9EpYFuiw~%8bGc=;#13ODi6qRvj~Dw@wsq@i zJAH1NbKcYEe9n8$dEWOug3pL0lZUh_r$ji05)wG5uy?stDxh}|N}yL98<_UI^EdtE zmqrdsr_+J*9}nLG&LaA%&ujQzML&M<+r7_=#bUK(P%M#r6Uc$Q=o7N>R5wtY_{7V8 z*%T-eiF60LdUC)!twA<~@>yp=eSwZN;pgb*x=n|j+IFV37vchv<2x_WX=-6o-o zQ1)-)mF|6&i6>L7L@b^hL1fx@Qdl%rhrujaqccFiZZxtt(xINE;AoZqz0pj)LnLH!pmL;*m{w6C13cSiOe?4XBk10`%{6r=N55?lvyO7)>u4f1 z*kGONHQO})FJTmUShrOPwpd>_)hm?XHpf>CaCe8K%|4*bJbQPHpbHHo_ls)wMflmM z=xhTA`av~|0p*HuY+xGDHldowfLg~+8_zp`6P2qC{%Jc@D;R*;!oh=>uM`u7s z5$1e@lwdO$&})zW>OEJxXVXG49*_4`WzXgRU~N|Vr$dG=j*ma6-MMLS^*nFU(Z@r; zkGp5lYmP3xwh^->Xcg7z=y8Nk+fETC|E}zNeXDgnH1Ij*y?FAZh)tdO~ z+f*-{of6IcaP`)60|yFE^*mit!+u$wVK(%ki{&9{7UBKiGrex+!w+sX0QVQJn|j`g z9YGjEIfBT+)mf)P1^5*xp=kQr_uvh meB%FKmrI$tG5$$=CBy2^Wg*i!{Z)YuX7F_Nb6Mw<&;$VV^J4)3 literal 243 zc%17D@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|wj^(N7l!{JxM1({$v}}6o-U3d z7QM*{5<4BDqi6d9aqk2xH>b7@h1_eB5)u-AeEsTtz$#E1Xu&GH(*YH7`TA{;O_RxQ0!TOStA!#9lW(2g4VyuCCr+(8^x5W8rSG>@^G9+3o+YuK#g}eYqnK n&k}e0t3oP{4mo0y#~2uT?&ZE%HzRfx(9H~`-sYP8wpuG07l z;9(<$5rLgqExi3(VDg38nJf?!6BFYfX3m*84^b=87O>WikeUUhW;K~k$J%@{nL%pd(rxWCyJ8AYy+rH}i!=ghymIfqt@5rcs9JwL>tzo_40DvTNg?6uEuCT-K; h8S;@I6BBcB`2ls^A*bbtEF1s;002ovPDHLkV1k?sqc8vf diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover-backdrop.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-hover-backdrop.png index 55653a8512707be14dc49843e8cd8208649a774e..410fd0116b39754f03f81e73403b99e25b02adff GIT binary patch literal 489 zc$@+00T%v=P)py!bm9Qy?e#oFB9%yM;4}s+wlp~aP_@_(^N^WBV;Jhp zux%&#egL@y>wB|HGX`e7F*6zV0{9acF?E8+0VFlJ5PAzN11-={5F57J#DsbdxYrox zr6d!2S0UGFfd)=$N%X1h%wW|8#`>Rl2b|Xq;syJd*&DMMwyV^;z zE%Y(a?mvHi#FhZol82vxr;D%!$YGi1Pa=Rw>|Gf@fxC^z;tC*y2*!35?EyG|JkLiS z+ZBuhUB&Z|3HH1!k4~l#z^EuPzvLcad<$UBe6>lmasB64@a?pdWJ{2OHi7%q@flc# fG$`}@OS9%LE#*J8bn8EX~9KeAc=+esewqWUm&~_65;`D zB%nt8#U?Q5Vh8BcaYuy7ne(B{1!YMXM4k$ zsF>tSjpU?wHY49AO7ix2G&&3b34T^5v7A~?OTsdjJPj`ZR0R9BPEsz&>PIJYem}@` zBa%}Sx}Z~8Jy|btB8$hsp9K#}gJ3fvNl|_x^9r~CG(_IVp=q&Ql_{tb3|A`0d4i^v zd0j}(X^6ZBZdmS8&djWa$g%#1JP3|Uh31kx=5k{$bR7r7uwswp5zDQF2Z1wtmAO2Y z?hBx`zVRNo8xhX#QtchWy9e3+ofUv7$xgyF11?v(nuUP4gozUG00e*^+2EI8 z8<<3zo3#>nG#-r(XCi=cwl}nro0w0LMRN!~D#_dDe|}M0q_uYIo>3}=E%4Q%^~lbL gLG;Gi{)g(Czw#Qpd)H?g$N&HU07*qoM6N<$f?|c!$N&HU diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover-backdrop@2.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-hover-backdrop@2.png index 95671cc91caa4075ea8b076d86813c59f62ec7f3..f5232462e50cd95892cc688a9f55ece4bf991c06 GIT binary patch literal 995 zc$@*_104K`P) z>ukJ;*u+1?7+TXruU?FI32HHFF*f#AWM_xj&5E0lfZ>3ol`Qi<9)RUXVVRlT>XYnY z-gn+-KRYw;^S-k}#_+uJgW@!=D!c;57xb*cWlra_}p^*toxbtEFGg1q~d;Nui?;t+_Pan~j z<(X1f@QgUkt6jnXJSA3d4fy_rdK85TdYSZBN;a*Gnypp4E0~T^f({!+f-Yh@LaE>z zfoHpn=>+whVRv(NShVVl7X(8N@?%QOUexzq5DcZPQ%{&So&QT1;O{p5y&cw940AM70OTRJxGuU`Z1<^c8P!6x5<9J1EG7S9os4$A$!6vUpQS{frKIgCjtE;Q`A3JsGOZUWyCxJ`d z#E5b;X>Pn*tJT&H?LRKTK%sEOAlDWA4k`19PE;$EnYL%8%;pT7^WPHDap2_);}n<$ zy-|&#uK|19fV7EQQ7jgp-?TC+=&%|Bl(X#nOOHQ92^IM{ahR@$VLeO!e*w>+1`o(+ RA0Pk#002ovPDHLkV1iy);LiX6 literal 1003 zc$@+20~Gv;P)mx)Bpa(~@ozx(b&{c46C1snqm+ z)pz5Is7?GsjG;A+`WH0BR|zWk1K5Rjw_7Peh&5?3rV03QRNL0MuAkgPmsLA$K73>H^#@u{icEX&JMk%;>JL_!-4D>Xw?^e|A&SAmyv)x z&+BlueGGW38IU~#ihOp=_*V*r!ry^`lIe8ZR+vDfuaz)$DpE0*%jKDkLxGa%bUgN0 zzE?PPL@>31SG8g?yP-_|i|2VAw!*|w!vH9pqRoAg&1TyV1ah{0EaEb)SD&!z|KqR9 zNA(5UOZL)0dc>$qMliZztQ%&FinC@K=nQSaak*Tan}F&JWwY6sQLaURS@)e@C>08K zOQph!?{tJHGiCWOm&@60pv^~HZ$^kS>%P2PQ$C2?=< z*W5Ocij0PY*)Y~!TrB37JTH~7M!vE}roB|^%wjRWWPEoXco@#4ybBe9CyB%@=~cYrBY$V`0fJ1XG&uDBSzH? zwg{#bP#FVqx`i-JK`A5*@LY>wnt^)W@LzJZpSI&nvOnG9tobe=Og+@s$^LXtz&Q1! zX;AsU$N+yfsE;=pU-rZ+Al{(;rU8CA#AsBniSqBQ8DKep@vu;l96^O2jjGHA015*Y z)hjW|tg+5b0@@;|$S{C9<4>CExoJLNr$$iCz@RX9XMXsWHW%6xUz&_p809Kd z(~s`1&Km-&A)(^d$W$#4s^vx2$P|rTdp|9oc;VU4p)Q4ed0_BWQ5qiN4p4mx8)}(q z5_I_X&HVHZAb`Gsp-)xy?Fdk{?I7&T0CK&2bM~Fu+m5Z{nDMUw#Rx$0C@=~OPj$pT z*nzjZQEzYNxU{*MBR`u7E9P-qrd0a&xBB8en`^l|v!NA}0d5@?i^2k1=G<v-ci6d>zqI zlyuO3fGW%x<=X9AbK`(JtV2-4+e*H2?!_4X2#`_L(}?W2(gPj{tN=64_>*_$=kJHH Z{|_^z9XP(26;%KL002ovPDHLkV1l}}>*W9d diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-hover.png index 55653a8512707be14dc49843e8cd8208649a774e..410fd0116b39754f03f81e73403b99e25b02adff GIT binary patch literal 489 zc$@+00T%v=P)py!bm9Qy?e#oFB9%yM;4}s+wlp~aP_@_(^N^WBV;Jhp zux%&#egL@y>wB|HGX`e7F*6zV0{9acF?E8+0VFlJ5PAzN11-={5F57J#DsbdxYrox zr6d!2S0UGFfd)=$N%X1h%wW|8#`>Rl2b|Xq;syJd*&DMMwyV^;z zE%Y(a?mvHi#FhZol82vxr;D%!$YGi1Pa=Rw>|Gf@fxC^z;tC*y2*!35?EyG|JkLiS z+ZBuhUB&Z|3HH1!k4~l#z^EuPzvLcad<$UBe6>lmasB64@a?pdWJ{2OHi7%q@flc# fG$`}@OS9%LE#*J8bn8EX~9KeAc=+esewqWUm&~_65;`D zB%nt8#U?Q5Vh8BcaYuy7ne(B{1!YMXM4k$ zsF>tSjpU?wHY49AO7ix2G&&3b34T^5v7A~?OTsdjJPj`ZR0R9BPEsz&>PIJYem}@` zBa%}Sx}Z~8Jy|btB8$hsp9K#}gJ3fvNl|_x^9r~CG(_IVp=q&Ql_{tb3|A`0d4i^v zd0j}(X^6ZBZdmS8&djWa$g%#1JP3|Uh31kx=5k{$bR7r7uwswp5zDQF2Z1wtmAO2Y z?hBx`zVRNo8xhX#QtchWy9e3+ofUv7$xgyF11?v(nuUP4gozUG00e*^+2EI8 z8<<3zo3#>nG#-r(XCi=cwl}nro0w0LMRN!~D#_dDe|}M0q_uYIo>3}=E%4Q%^~lbL gLG;Gi{)g(Czw#Qpd)H?g$N&HU07*qoM6N<$f?|c!$N&HU diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized-hover@2.png b/Breeze-gtk/assets/titlebutton-maximize-maximized-hover@2.png index 95671cc91caa4075ea8b076d86813c59f62ec7f3..f5232462e50cd95892cc688a9f55ece4bf991c06 GIT binary patch literal 995 zc$@*_104K`P) z>ukJ;*u+1?7+TXruU?FI32HHFF*f#AWM_xj&5E0lfZ>3ol`Qi<9)RUXVVRlT>XYnY z-gn+-KRYw;^S-k}#_+uJgW@!=D!c;57xb*cWlra_}p^*toxbtEFGg1q~d;Nui?;t+_Pan~j z<(X1f@QgUkt6jnXJSA3d4fy_rdK85TdYSZBN;a*Gnypp4E0~T^f({!+f-Yh@LaE>z zfoHpn=>+whVRv(NShVVl7X(8N@?%QOUexzq5DcZPQ%{&So&QT1;O{p5y&cw940AM70OTRJxGuU`Z1<^c8P!6x5<9J1EG7S9os4$A$!6vUpQS{frKIgCjtE;Q`A3JsGOZUWyCxJ`d z#E5b;X>Pn*tJT&H?LRKTK%sEOAlDWA4k`19PE;$EnYL%8%;pT7^WPHDap2_);}n<$ zy-|&#uK|19fV7EQQ7jgp-?TC+=&%|Bl(X#nOOHQ92^IM{ahR@$VLeO!e*w>+1`o(+ RA0Pk#002ovPDHLkV1iy);LiX6 literal 1003 zc$@+20~Gv;P)mx)Bpa(~@ozx(b&{c46C1snqm+ z)pz5Is7?GsjG;A+`WH0BR|zWk1K5Rjw_7Peh&5?3rV03QRNL0MuAkgPmsLA$K73>H^#@u{icEX&JMk%;>JL_!-4D>Xw?^e|A&SAmyv)x z&+BlueGGW38IU~#ihOp=_*V*r!ry^`lIe8ZR+vDfuaz)$DpE0*%jKDkLxGa%bUgN0 zzE?PPL@>31SG8g?yP-_|i|2VAw!*|w!vH9pqRoAg&1TyV1ah{0EaEb)SD&!z|KqR9 zNA(5UOZL)0dc>$qMliZztQ%&FinC@K=nQSaak*Tan}F&JWwY6sQLaURS@)e@C>08K zOQph!?{tJHGiCWOm&@60pv^~HZ$^kS>%P2PQ$C2?=< z*W5Ocij0PY*)Y~!TrB37JTH~7M!vE}roB|^%wjRWWPEoXco@#4ybBe9CyB%@=~cYrBY$V`0fJ1XG&uDBSzH? zwg{#bP#FVqx`i-JK`A5*@LY>wnt^)W@LzJZpSI&nvOnG9tobe=Og+@s$^LXtz&Q1! zX;AsU$N+yfsE;=pU-rZ+Al{(;rU8CA#AsBniSqBQ8DKep@vu;l96^O2jjGHA015*Y z)hjW|tg+5b0@@;|$S{C9<4>CExoJLNr$$iCz@RX9XMXsWHW%6xUz&_p809Kd z(~s`1&Km-&A)(^d$W$#4s^vx2$P|rTdp|9oc;VU4p)Q4ed0_BWQ5qiN4p4mx8)}(q z5_I_X&HVHZAb`Gsp-)xy?Fdk{?I7&T0CK&2bM~Fu+m5Z{nDMUw#Rx$0C@=~OPj$pT z*nzjZQEzYNxU{*MBR`u7E9P-qrd0a&xBB8en`^l|v!NA}0d5@?i^2k1=G<v-ci6d>zqI zlyuO3fGW%x<=X9AbK`(JtV2-4+e*H2?!_4X2#`_L(}?W2(gPj{tN=64_>*_$=kJHH Z{|_^z9XP(26;%KL002ovPDHLkV1l}}>*W9d diff --git a/Breeze-gtk/assets/titlebutton-maximize-maximized.png b/Breeze-gtk/assets/titlebutton-maximize-maximized.png index 5a39be901b1aca355991415cda59b289e2939819..e32ad1705ead45f98e496c71dee022c333c54ace GIT binary patch literal 240 zc%17D@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|wj^(N7l!{JxM1({$v}~%o-U3d z7QIg=8}czJ3b@+4U2xhg*OYf^XJ==X+xCwpB{GLxxML!=7zG|Wv~J_2aK6dYAM!K& z=N8md3fgKHIN3rziXr0E&wCP=eZ}^A&6|?4IcDO_rJo;iICR~RH+y}R@4(%k1(%}q z-F%On`BbxW8^e^2zt^IwwXbeo6s5NG^P8)74}DX5UbcPmDE3}{Hc$8L;>=kQr_uvh meB%FKmrI$tG5$$=CBy2^Wg*i!{Z)YuX7F_Nb6Mw<&;$VV^J4)3 literal 243 zc%17D@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|wj^(N7l!{JxM1({$v}}6o-U3d z7QM*{5<4BDqi6d9aqk2xH>b7@h1_eB5)u-AeEsTtz$#E1Xu&GH(*YH7`TA{;O_RxQ0!TOStA!#9lW(2g4VyuCCr+(8^x5W8rSG>@^G9+3o+YuK#g}eYqnK n&k}e0t3oP{4mo0y#~2uT?&ZE%HzRfx(9H~`-sYP8wpuG07l z;9(<$5rLgqExi3(VDg38nJf?!6BFYfX3m*84^b=87O>WikeUUhW;K~k$J%@{nL%pd(rxWCyJ8AYy+rH}i!=ghymIfqt@5rcs9JwL>tzo_40DvTNg?6uEuCT-K; h8S;@I6BBcB`2ls^A*bbtEF1s;002ovPDHLkV1k?sqc8vf diff --git a/Breeze-gtk/assets/titlebutton-maximize.png b/Breeze-gtk/assets/titlebutton-maximize.png index 54d0b1d09b14775c1d09d6d6bb546e24162d1fbc..6ee3b72a0c97d8d0f6a86b0c59bc87ad3e8591bf GIT binary patch literal 205 zc%17D@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|wj^(N7l!{JxM1({$v}}NPZ!4! zi{7^r4)Pvy;9>b5bh6d@W;Bb3y4M52rAGr;Q=d38dkUuS;}G$w>zq<~>-EJ`2M(5< zNI9AEvFPCBh^^KPEovp_3u|;zXD@ZtF4~yI%v9BUcg?K{A?xEd>w5~#y~ppb^!)tI ztdm)hD#=1~>ut>^t9G87*t70T_Fw;J3H*B)v>H`E?0mCd8|WGaPgg&ebxsLQ0A4pw A?f?J) literal 239 zc%17D@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|wj^(N7l!{JxM1({$v}}Mo-U3d z7QM*{60FVa5)n5nKv*E?xW@^BWA*>T4Gjzo{-h`I>@Ik8f-xp*W`U=~%*fkD|9+Skw`_shz=2SGCUd_WMCdOr< g>KS0n)yBlY5bfbEAQ8z#BpYMP#tt~=rX=aDNz%KM`TRI` z&%`_|A{jPaV<-R!l)N_=bzQ&wJ7^CRC_mSVSk#~+`#L5Jg@K(vO0P`tOW+x#76x|BBt3uFY@WZn_LkV?<97S>XP`FBPxtgibq008jDhL|>Vt_z{R$d_ zi9xl3VlYEd?Vr81H^72G8GLir7XwgL)hoWaBv1x8op^uUcVn+vp0CFEPl-r2%kx$2 gj;3jvrfEI<08w|AggziE0sbw zr4(!yy@8@fXp-lu3qfNh6LI1DuL22=A8!}}Xqu*J|Dc>X$(fTOW|`0d&J`njG7q+< zr|Gm9|0yVEPAG03L6Si*5!>8{Zi+%MQAJAuQUXcpb$)7RO_{uNbW$A5m44vE_^Wnu-~uW>$tflpoCyj8@ctJ u@hLas#Ss6goH=nbUWCrkG)>bq&9e_}602HF%a@-30000R}l z%1Mr{0lCm5FgBAUId%X+;a{!*0k~C&1i<=Hw1d~j6(DoTc;xW(7V1B*kiFz_QrCgD zss@waKpgzLJqISgQH2TGPH?+oTlePP7qhSj`ci`!c`*xnGJ6ZG{{`8at9#jU;q+ZG zz481K%*czg@L3R^y#af$knzso^uMqrkkWtJl98LZ*8~e%)3HfiB!bp71MAeD3rKu( zfi!NqENLC#GT}0eM##C%G6U%E?R{<<`D(JmbQE_SK;c{@__YFM5||S=9sAA401qH00000NkvXXu0mjfpl0CM literal 487 zc$@*}0T}*?P)Wht9B4q)u=LEkhecKxYs_iP+0ziHPPh zsIb&TNfBa(SOPI4KH7TW9;gIT)eVIi68m8wsf^>4_!*DS`S}dzHA)h;JKLGmG;9mB zIxU|f5}|m|jXo4->>nW9y)MrSpkDTaT#i!wqv!iizs^BnyHl6+4!HauWR{|2=&UIS~n`l>5w-gK9; zH|a0`uz)4mZ}-5jq^~5qRhY>f*x3@;MF_xIAe0!~D8sCl4qY~B0;m?mk~K>Dz&LhD z!_tp{nKdQ^@q{2YTYvyr>f*nb-G1_M!OF|zsK5WL;Q%c4JHU^sg24!{9RLT=>+OA$ zbl+f91<9m){U|y)hX4lMD4F1IUUZDPe3sY7?B!44`Gk*mZ-bh`wt#EX@~NRD&HV77 dw>NjJe*k_)x^w?hA~OI0002ovPDHLkV1lU~;C%o9 diff --git a/Breeze-gtk/assets/titlebutton-minimize-active-backdrop@2.png b/Breeze-gtk/assets/titlebutton-minimize-active-backdrop@2.png index 760199984e24621e3141769f572fcacadfb12005..2f6a61727618947ab469b7f7734757b915250eb5 GIT binary patch literal 983 zc$@*(11S87P)=%!`Ht8&PKMhio>xuRb$7jsZ9liuuO2?I*SbHLjT*IZc~I;5cG^x?!xI zu}o%2kjdS`tWAgxe_1G8g~kl!a=DZsm-YhFKzuSXGGaAB3k&y7lYE^?5J^AT-96F- zDSB@2FpVf50*K={y@7IfuRVYUMh=4ZpWk@3mzlr8;CFJkg@)a>;ei zS|WqVP`YG^43=E?EO2?tDwP2vB1cW2$_rUg;uDf7*zPhV7ML;)Igaj$8q{R zFJHEVAxk*vdEOnzar!W|AEIIa3{1<|SoV-u!Cg9h0$HE>g6F#KEP&%UeSzvVke=wh zP{QCv0eC;-+=%{o)66nqFbG`_ zxXtbJx?9IewQ^qJ)-HN(N)UX!c3>UI_x%S(!(kF#Pn|}~T`B7=&-4D-5(H2z7MDfC z0nnd!P;*mMU(4t7e{VcsZB{)qGjsoNZ|_%KU5`JFaC|!@DojWiyz6;hWwYaLSLaM7 zb1H<3AnAmbIZ+ue7QgteRZ-jhP@zzmTB%n1MCCo;I-n5{sxU1or=LG~puZgkV%)z* z&zyN7r8=Z41He(x<|{p|ztUR(DU0Y&8U&M`=lv0-|9^LrpH>i-vFHE*002ovPDHLk FV1iul$VdPH literal 1007 zc$@+60}%X)P)shEeojyrbojO)7d8-k+I zRM70wA3+aq3Fcwf(~dp}uSJ>F7m-M$)il}Rt;Yc9Vb3&ubM|by<%ys`OIvQshG|_B zueI(e53X)n8M0U+*^S7^wqaI z=b45g6nu7H&k9JCb32Fuz>35HB$iAb!jqdj4Fc3ybI_kZO1%$bVyA$SAC{)X^ zV!Mq9$E)NF6)p_KteUQdP{N#5(^a@I5Ca*ik{33p9C>mj?TN>eM~k`s3FFBL;I0qO zyz%r@G1os4kN1T@->H%tGQjgy5<0Ar%kg;fXg;5rGFDF3iJCW7yYl($jd;8-WQ~3g z?5&c&-w3*UgQ9*>^!998k1{5HG%=SZ3LaHkX;V0hLf zDyLef(s+IBr-SXJ4o=7A* zJlS<+8_s4^|20YY%S>irb>m};tLwV+jy?zj*SF51V~#GqxfZi7sDf&C^aR2en@$l5 z|CaZ>wcfcNYM7lrNF+~*hzo=ofe1``)+CDg{_m>gIn{0gjQ{fU%nSSX6`yK*dP)s@ zWod_5>oTLjRfLa&&$P$;KmBB;26%lDkEdR=V!IK-C`S-EP}y}Vl!4!YDU>VLu_ML7 d!CUpz{~tb^rDG!Dh7$k)002ovPDHLkV1i@(=4b!_ diff --git a/Breeze-gtk/assets/titlebutton-minimize-active.png b/Breeze-gtk/assets/titlebutton-minimize-active.png index 48d73ee10c6d2f11480a565a9a634c85d5c3849f..0c2e488db92d3643f7ba647df69a1cbe4a94dcd9 GIT binary patch literal 485 zc$@*{0UG{^P)R}l z%1Mr{0lCm5FgBAUId%X+;a{!*0k~C&1i<=Hw1d~j6(DoTc;xW(7V1B*kiFz_QrCgD zss@waKpgzLJqISgQH2TGPH?+oTlePP7qhSj`ci`!c`*xnGJ6ZG{{`8at9#jU;q+ZG zz481K%*czg@L3R^y#af$knzso^uMqrkkWtJl98LZ*8~e%)3HfiB!bp71MAeD3rKu( zfi!NqENLC#GT}0eM##C%G6U%E?R{<<`D(JmbQE_SK;c{@__YFM5||S=9sAA401qH00000NkvXXu0mjfpl0CM literal 487 zc$@*}0T}*?P)Wht9B4q)u=LEkhecKxYs_iP+0ziHPPh zsIb&TNfBa(SOPI4KH7TW9;gIT)eVIi68m8wsf^>4_!*DS`S}dzHA)h;JKLGmG;9mB zIxU|f5}|m|jXo4->>nW9y)MrSpkDTaT#i!wqv!iizs^BnyHl6+4!HauWR{|2=&UIS~n`l>5w-gK9; zH|a0`uz)4mZ}-5jq^~5qRhY>f*x3@;MF_xIAe0!~D8sCl4qY~B0;m?mk~K>Dz&LhD z!_tp{nKdQ^@q{2YTYvyr>f*nb-G1_M!OF|zsK5WL;Q%c4JHU^sg24!{9RLT=>+OA$ zbl+f91<9m){U|y)hX4lMD4F1IUUZDPe3sY7?B!44`Gk*mZ-bh`wt#EX@~NRD&HV77 dw>NjJe*k_)x^w?hA~OI0002ovPDHLkV1lU~;C%o9 diff --git a/Breeze-gtk/assets/titlebutton-minimize-active@2.png b/Breeze-gtk/assets/titlebutton-minimize-active@2.png index 760199984e24621e3141769f572fcacadfb12005..2f6a61727618947ab469b7f7734757b915250eb5 GIT binary patch literal 983 zc$@*(11S87P)=%!`Ht8&PKMhio>xuRb$7jsZ9liuuO2?I*SbHLjT*IZc~I;5cG^x?!xI zu}o%2kjdS`tWAgxe_1G8g~kl!a=DZsm-YhFKzuSXGGaAB3k&y7lYE^?5J^AT-96F- zDSB@2FpVf50*K={y@7IfuRVYUMh=4ZpWk@3mzlr8;CFJkg@)a>;ei zS|WqVP`YG^43=E?EO2?tDwP2vB1cW2$_rUg;uDf7*zPhV7ML;)Igaj$8q{R zFJHEVAxk*vdEOnzar!W|AEIIa3{1<|SoV-u!Cg9h0$HE>g6F#KEP&%UeSzvVke=wh zP{QCv0eC;-+=%{o)66nqFbG`_ zxXtbJx?9IewQ^qJ)-HN(N)UX!c3>UI_x%S(!(kF#Pn|}~T`B7=&-4D-5(H2z7MDfC z0nnd!P;*mMU(4t7e{VcsZB{)qGjsoNZ|_%KU5`JFaC|!@DojWiyz6;hWwYaLSLaM7 zb1H<3AnAmbIZ+ue7QgteRZ-jhP@zzmTB%n1MCCo;I-n5{sxU1or=LG~puZgkV%)z* z&zyN7r8=Z41He(x<|{p|ztUR(DU0Y&8U&M`=lv0-|9^LrpH>i-vFHE*002ovPDHLk FV1iul$VdPH literal 1007 zc$@+60}%X)P)shEeojyrbojO)7d8-k+I zRM70wA3+aq3Fcwf(~dp}uSJ>F7m-M$)il}Rt;Yc9Vb3&ubM|by<%ys`OIvQshG|_B zueI(e53X)n8M0U+*^S7^wqaI z=b45g6nu7H&k9JCb32Fuz>35HB$iAb!jqdj4Fc3ybI_kZO1%$bVyA$SAC{)X^ zV!Mq9$E)NF6)p_KteUQdP{N#5(^a@I5Ca*ik{33p9C>mj?TN>eM~k`s3FFBL;I0qO zyz%r@G1os4kN1T@->H%tGQjgy5<0Ar%kg;fXg;5rGFDF3iJCW7yYl($jd;8-WQ~3g z?5&c&-w3*UgQ9*>^!998k1{5HG%=SZ3LaHkX;V0hLf zDyLef(s+IBr-SXJ4o=7A* zJlS<+8_s4^|20YY%S>irb>m};tLwV+jy?zj*SF51V~#GqxfZi7sDf&C^aR2en@$l5 z|CaZ>wcfcNYM7lrNF+~*hzo=ofe1``)+CDg{_m>gIn{0gjQ{fU%nSSX6`yK*dP)s@ zWod_5>oTLjRfLa&&$P$;KmBB;26%lDkEdR=V!IK-C`S-EP}y}Vl!4!YDU>VLu_ML7 d!CUpz{~tb^rDG!Dh7$k)002ovPDHLkV1i@(=4b!_ diff --git a/Breeze-gtk/assets/titlebutton-minimize-backdrop.png b/Breeze-gtk/assets/titlebutton-minimize-backdrop.png index 5712a6ceef34fd9796286df5efb9697ca657ccb4..5a35cbb074b48f29e3f43e426889fc35a8a14b8c GIT binary patch literal 209 zc%17D@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|wj^(N7l!{JxM1({$v}}dPZ!4! zi{9h}3D(058W|ZH6Bf5|#xj21|9^RiiHS^s`UuT%KvFzx!L2;OXk;vd$@?2>{y{XbAuS diff --git a/Breeze-gtk/assets/titlebutton-minimize-backdrop@2.png b/Breeze-gtk/assets/titlebutton-minimize-backdrop@2.png index bf928552bc3439cff6b252109291dc43e6ab0652..05a7ed5a01d5d46a63078b531953220331a84872 GIT binary patch literal 327 zc$@)80l5B&P)_}wbAst&&Y+^3 zg02*=(9+IA!GS?-Ut~ad|5c#L;|GBh&@@fcH0^&Ir0I;AHT?~mcI-xcG%?;)~ZAY=sWD(5~Q?WZ;a z8x!RKMg;82$V?8~?XfN9_u0zX@qV*81%ad}38pouD@uy#1Zs;4!E^>aLxo~QpnE7+ zmQ^T53<7R%3kVq+tgq89>$;j2MRAtQ6@&hu0EA+KLBQ?$2yoJCdU?zozv6$VX_}_J ZLq7-^ju;5kMb7{L002ovPDHLkV1f<(jLHB2 literal 333 zc$@)E0kZyyP)qA z5V#lgV_{7n5bv;o!q8Jdl8}k6>TU zzO&0fSYLzu0|AWBcpxEQ2LL~7XZ_RLdi^e$D+c{VeGd!51cQK+>oY!*Uenb}nd58x f?=(%*w0r0a_w%BH$KYWX00000NkvXXu0mjfg1C?5 diff --git a/Breeze-gtk/assets/titlebutton-minimize-hover-backdrop.png b/Breeze-gtk/assets/titlebutton-minimize-hover-backdrop.png index 4b7286e67bdee9c4baab06758b8251169fdc363c..98c851bdd3881360cb66e2b7e26c5632bb1182ea GIT binary patch literal 472 zc$@*)0Vn>6P)J4YXT8qNy^38vqs%p#tkxRh6iFxTi`L zYks6wtmz+gHrxP0GccqQVu#Wj82fb5kPOKXn6tC}oyV4C3l;UMxwxegI>4I2EP%p| zA&C(Vue0p?c#o6^jaDlr@L8~S)dr=mQ&Zi!zPPxYfSS!_JBS_uFQy`+`Wvvfy(~+H zP@~m~CD>UFtfJPbB!IGA2k{ftgZl-Zc73D7wJU3ML^GUDIeEm>=29YDIXJ$bG>V zAIGo+Uwj~Pd%&Bqo}j?(Gq7n0z^wxkV4)IIcOb!c08HH>uwIb^;kPv6cvFyXl>uOQ z@$v}re{DkmUdIbR9y#*UC7kAIx~>3D*aq(E8}upMHh==8Y1#|edx3r(#AEOB{QPPN z0ravg36ZW$eT<{}W!^2{|NH?wS&cZ}5a@uc0ds@t8?XeCgFHp1L)NXJ?YWr&_rz-f`85xk%ZpscM`<2 zCZKp0|Fl`#)D^bk)q+Clt;7$I?7UvKX}VcMn&&n%zxR1(h8a=9T7BcOjJ9CYU zC!%~OhgXoCGn5bYbTBw}03Lg>gaqKaW$qP#@{9ejgyaGXkDQE7VfxPkrI#{>+D_28 z6d1W0#_s>Sv&+cUre$(!I)fWiu~n;tcUi?cz~>T8oK>ttCAoxG8P!^ovbOG5s382%+AO>!i$^1xN#;y(EE%XqrlH&r_cbK~6i-2em zg&xs72?*;6pjzAbRKDd!u)U+?pydEE{0?xogk>miI{*&gXVU*IcnS=!B!MUCU~oJU z0i?-(Z1Q*KKE@ou7x_>>|M~gcEYZ| QxBvhE07*qoM6N<$g0^AbLI3~& diff --git a/Breeze-gtk/assets/titlebutton-minimize-hover-backdrop@2.png b/Breeze-gtk/assets/titlebutton-minimize-hover-backdrop@2.png index 34ee9a315145b36db9908a81c90e49831da86d7b..132be06fed0a71b1e03df38348a591e78e6c6414 GIT binary patch literal 981 zc$@*%11kK9P)5*fIe7JAyh|{xMx{*}dn>ZD!|Z0oO-P_c(-JCyc^?n36bK7DyZm?# zo9z2O@AH24eUo|TT_It3-i4Gnt5+4?0^fP~J%R8}6#gH>H{2dmwHaYaq3D(aS( z&GwYTFu*YbIOcLG2p)LZY>$KdniK;dDwC2*r93sx40YZ>cEmi6=`ZHN$AbYxhuOH*I@Pv+7ax|+w6(tk^d7B+ zv0_-*e0|<_bgV2dT?g(T6-JSJYpW|?Zf)BJs#GdZ#m0j`;jl3Rfs1{wTrU4t69f=N z(Sq2x5BTG-FpAv6#&3sV_;6>Rv)h2h#l_|4PM-YEJ#peJaOog1qKw6>D<79irN_JW z?^mEZoxWm_8w!4tlxakVi-p3^duG*H&FMbxe<-3uz?%uiDR2jLv>1jz0Cv9tiO;W0 zCiCi=l>tHf)R09v$F{%p_)C;Pk>6v7iElhpqoisFx867JPj00000NkvXXu0mjf Du~Yq zlFq%~JK1KkKV(^uNtXQuhV1PKi|!Y+6>P0T!XUb3VvGyy#m3^6Q15y6!cr^H(%Vva z-raMbbIzyd^xkvM6#_<|=N-g4XI1ThAYp}0;JM=MRe>c%7gWuZW9>vPm;Ne@%*a&1(haz9?GycU)Ci7p-phz^@;S?B0q;DrNWs#*|&gJuyE8Bu1(P&5L zvHYZPs7aXhju*9HVjEGW{K9qJHmAUNvoQb)hiI|i#N+YSiXiK>4mWX{wu=70|1Er8 zUQn8{w~j{#jmpF>VxETOTt1r`hvEpu8nRH5^)kkX|H2R)tD3tKs zr3c9pNJWPB3{wjE2tfKg@1XkT&R%l>^>Mlk);U`}Pey^|9q4em*jB}kLimG5)ecn5 z5WSqAnY!RxO*DvF_N^xJGgB8t^m3KFm;pIl>8`3IUC%o*n@!Id-<|><)`3|ujy*G* zP0zWm7gm+`D)t9q1H4+Lv3Bd5Yp&-V$>lN&#zMC>m#XBy zW_Y@}+G$i!48Zedn}m8%^21 zqbjL@pmo&MNPn~^m&+{pRtJ5nr*oOi?MQ#L$2#W6pcnw7Oo{78yR0L3sPP1{A(nls ziP>y=4j|GW?Qx7;13KzxOV#*q3PA6%fi!`SH>FrHj!m#ep`K|fX<+KsOez+7av>vv z)(dL4zPXA6)HgB!808Waw;$b|`>zNr*4tPSQa1*e?|S{f*HHGqdHeXlJEBxQ#5F4f zP28MGe+Lu?8u;VE{of9}()lvr?lNaIKa(nLpPyMe_8I>oklihc!t@Jmp-;=pHa+US zy|H#_v6D?dn+Xf%aZ4>;!TTdK0mpl1rq~qG|Qqe&6+v65wj&|9o6dCQ^1!y z&ymp=+gjpVo$H~7w{!2&6K61b2_@X1WM0sZ*Po_JQPXmfOeUSX_a45F=nzV@)_Q;{ zq>M6h^G0e6u-jD#ynaQFoqQvNKM2HB^)MpOe9{B%2`m7U*7y^*u3!H>Nc;Z-SAC%L TVEdni00000NkvXXu0mjfjC<(% diff --git a/Breeze-gtk/assets/titlebutton-minimize-hover.png b/Breeze-gtk/assets/titlebutton-minimize-hover.png index 4b7286e67bdee9c4baab06758b8251169fdc363c..98c851bdd3881360cb66e2b7e26c5632bb1182ea GIT binary patch literal 472 zc$@*)0Vn>6P)J4YXT8qNy^38vqs%p#tkxRh6iFxTi`L zYks6wtmz+gHrxP0GccqQVu#Wj82fb5kPOKXn6tC}oyV4C3l;UMxwxegI>4I2EP%p| zA&C(Vue0p?c#o6^jaDlr@L8~S)dr=mQ&Zi!zPPxYfSS!_JBS_uFQy`+`Wvvfy(~+H zP@~m~CD>UFtfJPbB!IGA2k{ftgZl-Zc73D7wJU3ML^GUDIeEm>=29YDIXJ$bG>V zAIGo+Uwj~Pd%&Bqo}j?(Gq7n0z^wxkV4)IIcOb!c08HH>uwIb^;kPv6cvFyXl>uOQ z@$v}re{DkmUdIbR9y#*UC7kAIx~>3D*aq(E8}upMHh==8Y1#|edx3r(#AEOB{QPPN z0ravg36ZW$eT<{}W!^2{|NH?wS&cZ}5a@uc0ds@t8?XeCgFHp1L)NXJ?YWr&_rz-f`85xk%ZpscM`<2 zCZKp0|Fl`#)D^bk)q+Clt;7$I?7UvKX}VcMn&&n%zxR1(h8a=9T7BcOjJ9CYU zC!%~OhgXoCGn5bYbTBw}03Lg>gaqKaW$qP#@{9ejgyaGXkDQE7VfxPkrI#{>+D_28 z6d1W0#_s>Sv&+cUre$(!I)fWiu~n;tcUi?cz~>T8oK>ttCAoxG8P!^ovbOG5s382%+AO>!i$^1xN#;y(EE%XqrlH&r_cbK~6i-2em zg&xs72?*;6pjzAbRKDd!u)U+?pydEE{0?xogk>miI{*&gXVU*IcnS=!B!MUCU~oJU z0i?-(Z1Q*KKE@ou7x_>>|M~gcEYZ| QxBvhE07*qoM6N<$g0^AbLI3~& diff --git a/Breeze-gtk/assets/titlebutton-minimize-hover@2.png b/Breeze-gtk/assets/titlebutton-minimize-hover@2.png index 34ee9a315145b36db9908a81c90e49831da86d7b..132be06fed0a71b1e03df38348a591e78e6c6414 GIT binary patch literal 981 zc$@*%11kK9P)5*fIe7JAyh|{xMx{*}dn>ZD!|Z0oO-P_c(-JCyc^?n36bK7DyZm?# zo9z2O@AH24eUo|TT_It3-i4Gnt5+4?0^fP~J%R8}6#gH>H{2dmwHaYaq3D(aS( z&GwYTFu*YbIOcLG2p)LZY>$KdniK;dDwC2*r93sx40YZ>cEmi6=`ZHN$AbYxhuOH*I@Pv+7ax|+w6(tk^d7B+ zv0_-*e0|<_bgV2dT?g(T6-JSJYpW|?Zf)BJs#GdZ#m0j`;jl3Rfs1{wTrU4t69f=N z(Sq2x5BTG-FpAv6#&3sV_;6>Rv)h2h#l_|4PM-YEJ#peJaOog1qKw6>D<79irN_JW z?^mEZoxWm_8w!4tlxakVi-p3^duG*H&FMbxe<-3uz?%uiDR2jLv>1jz0Cv9tiO;W0 zCiCi=l>tHf)R09v$F{%p_)C;Pk>6v7iElhpqoisFx867JPj00000NkvXXu0mjf Du~Yq zlFq%~JK1KkKV(^uNtXQuhV1PKi|!Y+6>P0T!XUb3VvGyy#m3^6Q15y6!cr^H(%Vva z-raMbbIzyd^xkvM6#_<|=N-g4XI1ThAYp}0;JM=MRe>c%7gWuZW9>vPm;Ne@%*a&1(haz9?GycU)Ci7p-phz^@;S?B0q;DrNWs#*|&gJuyE8Bu1(P&5L zvHYZPs7aXhju*9HVjEGW{K9qJHmAUNvoQb)hiI|i#N+YSiXiK>4mWX{wu=70|1Er8 zUQn8{w~j{#jmpF>VxETOTt1r`hvEpu8nRH5^)kkX|H2R)tD3tKs zr3c9pNJWPB3{wjE2tfKg@1XkT&R%l>^>Mlk);U`}Pey^|9q4em*jB}kLimG5)ecn5 z5WSqAnY!RxO*DvF_N^xJGgB8t^m3KFm;pIl>8`3IUC%o*n@!Id-<|><)`3|ujy*G* zP0zWm7gm+`D)t9q1H4+Lv3Bd5Yp&-V$>lN&#zMC>m#XBy zW_Y@}+G$i!48Zedn}m8%^21 zqbjL@pmo&MNPn~^m&+{pRtJ5nr*oOi?MQ#L$2#W6pcnw7Oo{78yR0L3sPP1{A(nls ziP>y=4j|GW?Qx7;13KzxOV#*q3PA6%fi!`SH>FrHj!m#ep`K|fX<+KsOez+7av>vv z)(dL4zPXA6)HgB!808Waw;$b|`>zNr*4tPSQa1*e?|S{f*HHGqdHeXlJEBxQ#5F4f zP28MGe+Lu?8u;VE{of9}()lvr?lNaIKa(nLpPyMe_8I>oklihc!t@Jmp-;=pHa+US zy|H#_v6D?dn+Xf%aZ4>;!TTdK0mpl1rq~qG|Qqe&6+v65wj&|9o6dCQ^1!y z&ymp=+gjpVo$H~7w{!2&6K61b2_@X1WM0sZ*Po_JQPXmfOeUSX_a45F=nzV@)_Q;{ zq>M6h^G0e6u-jD#ynaQFoqQvNKM2HB^)MpOe9{B%2`m7U*7y^*u3!H>Nc;Z-SAC%L TVEdni00000NkvXXu0mjfjC<(% diff --git a/Breeze-gtk/assets/titlebutton-minimize.png b/Breeze-gtk/assets/titlebutton-minimize.png index 5712a6ceef34fd9796286df5efb9697ca657ccb4..5a35cbb074b48f29e3f43e426889fc35a8a14b8c GIT binary patch literal 209 zc%17D@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|wj^(N7l!{JxM1({$v}}dPZ!4! zi{9h}3D(058W|ZH6Bf5|#xj21|9^RiiHS^s`UuT%KvFzx!L2;OXk;vd$@?2>{y{XbAuS diff --git a/Breeze-gtk/assets/titlebutton-minimize@2.png b/Breeze-gtk/assets/titlebutton-minimize@2.png index bf928552bc3439cff6b252109291dc43e6ab0652..05a7ed5a01d5d46a63078b531953220331a84872 GIT binary patch literal 327 zc$@)80l5B&P)_}wbAst&&Y+^3 zg02*=(9+IA!GS?-Ut~ad|5c#L;|GBh&@@fcH0^&Ir0I;AHT?~mcI-xcG%?;)~ZAY=sWD(5~Q?WZ;a z8x!RKMg;82$V?8~?XfN9_u0zX@qV*81%ad}38pouD@uy#1Zs;4!E^>aLxo~QpnE7+ zmQ^T53<7R%3kVq+tgq89>$;j2MRAtQ6@&hu0EA+KLBQ?$2yoJCdU?zozv6$VX_}_J ZLq7-^ju;5kMb7{L002ovPDHLkV1f<(jLHB2 literal 333 zc$@)E0kZyyP)qA z5V#lgV_{7n5bv;o!q8Jdl8}k6>TU zzO&0fSYLzu0|AWBcpxEQ2LL~7XZ_RLdi^e$D+c{VeGd!51cQK+>oY!*Uenb}nd58x f?=(%*w0r0a_w%BH$KYWX00000NkvXXu0mjfg1C?5 diff --git a/Breeze-gtk/assets/togglebutton-insensitive.png b/Breeze-gtk/assets/togglebutton-insensitive.png index 2608eaf7385bc011224ed80ce077fef3e24a3617..a36c83395fdd6b6217c3f40f4f1930ee528dc103 GIT binary patch literal 293 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40`PZ!4! zi{7_W4E+u}2)N$wVLs&T{6cYO;32^UPaG~Bl&n!czS8r#gyzXQE}e)#h1?q@HJP(? z=iR$Mk&Wv(gG%g{*zZ19oGzJgC*+)2m1efP(qwZvbH?p=Pv6uO#kV)iPM7pt^uGGr z?!T{V>V7|%-(M*C%3FqgqG_ApD~FzT>juFUD`%$8Tv}M(pxxl9RBvK%R(u0b-kKPr z`%}3!=Uvz^;n7Q;|J(nVFOZbhoK!1$Y@*V$Z_^l7r&;s3XiAH#ZaeJo^qxaeLip;h plS?8zVxEWmsZ8kqxh(!OW3gX3`{#xtA)qfAJYD@<);T3K0RT3ndJzBs literal 288 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT41ZPZ!4! zi{7_Wtcwmg2(VVWajCdIm~wuqfqTOR_NFs)9K$F1WEd&4p5dG5D6k{z@d@+K*Xsvc$*t@Z~s+eiQe&9 iEcjzxf_&vN`(ic^qkI;f>hmBkGkCiCxvXc@uK7 zc_o|Oz2gTC%nf9Sz5evwU3>Z8bx+$BJ2?d=2EN`CyCf()H1#>dyC<`Cs&ClnP1jiZ zXo}N}z3;w9KffpSK$FqpR$Z*v(MtJ8Y#OJTvfoN6F#cF0nOWBAWXNO3I3xbd;U@>O z7x8@%ewX)yUHiZEy>ss+x=u(q&A2P1qNF^Bck8+6VuQ(tdkmjgW$)(^UwH*+(e%4{ mPxtm4?X|hFWnRt~S@|f5O1E{sQ+0t}WbkzLb6Mw<&;$VFUwkA0 literal 287 zc$@(r0pR|LP)Cu)VB);~NOEeAYPUh`#^;002ovPDHLkV1h{+df@;7 diff --git a/Breeze-gtk/assets/toolbutton-toggled.png b/Breeze-gtk/assets/toolbutton-toggled.png index 65425bd25c27f52e2686b10097b9634660645e40..891a1ca069256890c223596fa1e14d9e0315c7dc GIT binary patch literal 221 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT40-PZ!4! zi{7{AH}W1b5O90=oWroeS-@b1bprPSE}@W_hv$Aj)H{`D!m|t|kBP_ny#L=doqx~q znI^;YJ7Mp?I-d3{$pc R$^u=-;OXk;vd$@?2>?LIRgwSz literal 226 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWT41&PZ!4! zi{7{AZTXrUL|h*hcW!iZ?%35DIe8cN)RTMM%Go^Uf^_rdh zX?_f$p}O2w^S^EV$)2v=B-rynz`$o(k30LUlm1_)Jg_!6f9a5q>f>o_##3)rmCm(VwOwC1 WSdBSnpP?bpi42~uelF{r5}E+XDp!gC diff --git a/Breeze-gtk/assets/tree-header.png b/Breeze-gtk/assets/tree-header.png index 5703112b442c58b3ddcace110f4f55702214995a..45079f43d27b4f079ca44ff03decac49cc119516 GIT binary patch literal 118 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v_cpPZ!4! zi{9j#{|}X!BOkokS?u%VWlKZg*~PQmP5ZOb5}R^`xP5`z7(8A5 KT-G@yGywpF8YRyF literal 118 zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1SFYWcSQjywj^(N7l!{JxM1({$v_cpPZ!4! zi{9j#{|}X!BOg3kdfMm7%a(?~vx{fBoAzg=C4j)rikC(=XE8Q@XMdKq_N^sQ8-u5- KpUXO@geCyNnkcvc diff --git a/Breeze-gtk/gtk-2.0/gtkrc b/Breeze-gtk/gtk-2.0/gtkrc --- a/Breeze-gtk/gtk-2.0/gtkrc +++ b/Breeze-gtk/gtk-2.0/gtkrc @@ -10,12 +10,12 @@ gtk-color-scheme = "selected_bg_color:#3daee9" gtk-color-scheme = "button_fg_color:#232627" gtk-color-scheme = "tooltip_fg_color:#fcfcfc" -gtk-color-scheme = "tooltip_bg_color:#31363b" -gtk-color-scheme = "insensitive_fg_color:#aaadaf" -gtk-color-scheme = "insensitive_text_color:#b3b4b6" -gtk-color-scheme = "button_insensitive_fg_color:#aaadaf" +gtk-color-scheme = "tooltip_bg_color:#232627" +gtk-color-scheme = "insensitive_fg_color:#a6a8a9" +gtk-color-scheme = "insensitive_text_color:#aeafb0" +gtk-color-scheme = "button_insensitive_fg_color:#a6a8a9" gtk-color-scheme = "button_active:#3daee9" -gtk-color-scheme = "border_color:#bfc1c3" +gtk-color-scheme = "border_color:#bcbdbe" include "widgets/default" include "widgets/buttons" diff --git a/Breeze-gtk/gtk-2.0/widgets/default b/Breeze-gtk/gtk-2.0/widgets/default --- a/Breeze-gtk/gtk-2.0/widgets/default +++ b/Breeze-gtk/gtk-2.0/widgets/default @@ -36,7 +36,7 @@ GtkScrollbar::has-backward-stepper = 1 GtkScrollbar::has-forward-stepper = 1 - GtkScrollbar::stepper-size = 7 + GtkScrollbar::stepper-size = 4 GtkScrollbar::stepper-spacing = 0 GtkScrolledWindow ::scrollbar-spacing = 0 GtkScrolledWindow ::scrollbars-within-bevel = 1 diff --git a/Breeze-gtk/gtk-3.18/gtk-dark.css b/Breeze-gtk/gtk-3.18/gtk-dark.css --- a/Breeze-gtk/gtk-3.18/gtk-dark.css +++ b/Breeze-gtk/gtk-3.18/gtk-dark.css @@ -1 +1 @@ -@import url("../../Breeze-Dark/gtk-3.0/gtk.css"); +@import url("../../Breeze-Dark/gtk-3.18/gtk.css"); diff --git a/Breeze-gtk/gtk-3.18/gtk.css b/Breeze-gtk/gtk-3.18/gtk.css --- a/Breeze-gtk/gtk-3.18/gtk.css +++ b/Breeze-gtk/gtk-3.18/gtk.css @@ -3,10 +3,10 @@ use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #31363b; +@define-color theme_fg_color #232627; /* text color for entries, views and content in general */ -@define-color theme_text_color #31363b; +@define-color theme_text_color #232627; /* widget base background color */ @define-color theme_bg_color #eff0f1; @@ -18,22 +18,22 @@ @define-color theme_selected_bg_color #3daee9; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #eff0f1; +@define-color theme_selected_fg_color #fcfcfc; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color rgba(216, 218, 221, 0.35); +@define-color insensitive_bg_color #d8dadd; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(45, 49, 54, 0.35); +@define-color insensitive_fg_color rgba(32, 35, 35, 0.35); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color rgba(45, 49, 54, 0.35); +@define-color insensitive_base_color rgba(32, 35, 35, 0.35); /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #31363b; +@define-color theme_unfocused_fg_color #232627; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #31363b; +@define-color theme_unfocused_text_color #232627; /* widget base background color on backdrop windows */ @define-color theme_unfocused_bg_color #eff0f1; @@ -45,16 +45,16 @@ @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 #eff0f1; +@define-color theme_unfocused_selected_fg_color #fcfcfc; /* widgets main borders color */ -@define-color borders #c0c2c4; +@define-color borders #bcbebf; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #c0c2c4; +@define-color unfocused_borders #bcbebf; /* widgets main borders color insensitive */ -@define-color insensitive_borders rgba(174, 176, 179, 0.35); +@define-color insensitive_borders rgba(170, 173, 174, 0.35); /* these are pretty self explicative */ @define-color warning_color #f67400; @@ -92,12 +92,12 @@ * Base States * ***************/ .background { - color: #31363b; + color: #232627; background-color: #eff0f1; } .background:backdrop { text-shadow: none; icon-shadow: none; - color: #31363b; + color: #232627; background-color: #eff0f1; } /* @@ -111,28 +111,30 @@ .gtkstyle-fallback { background-color: #eff0f1; - color: #31363b; } + color: #232627; } .gtkstyle-fallback:prelight { background-color: white; - color: #31363b; } + color: #232627; } .gtkstyle-fallback:active { background-color: #d4d7d9; - color: #31363b; } + color: #232627; } .gtkstyle-fallback:insensitive { - background-color: rgba(216, 218, 221, 0.35); - color: rgba(45, 49, 54, 0.35); } + background-color: #d8dadd; + color: rgba(32, 35, 35, 0.35); } .gtkstyle-fallback:selected { background-color: #3daee9; - color: #eff0f1; } + color: #fcfcfc; } .view { - color: #31363b; + color: #232627; background-color: #fcfcfc; } .view:backdrop { - color: #31363b; + color: #232627; background-color: #fcfcfc; } .view:selected { border-radius: 3px; } + .view:insensitive { + color: rgba(32, 35, 35, 0.35); } .rubberband { border: 1px solid #3daee9; @@ -142,62 +144,69 @@ background-color: rgba(61, 174, 233, 0.2); } .label.separator, GtkPlacesSidebar.sidebar .view .label.separator { - color: #31363b; } - .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop { - color: #31363b; } + color: #232627; } + .label.separator:backdrop, + GtkPlacesSidebar.sidebar .view .label.separator:backdrop { + color: #232627; } + .label:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .label:insensitive:backdrop { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, .header-bar .subtitle { opacity: 0.5; text-shadow: none; } GtkAssistant .sidebar { - background-color: #31363b; - border-top: 1px solid #c0c2c4; } + background-color: #232627; + border-top: 1px solid #bcbebf; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #c0c2c4; } + border-right: 1px solid #bcbebf; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #c0c2c4; } + border-left: 1px solid #bcbebf; } GtkAssistant .sidebar:backdrop { - background-color: #31363b; - border-color: #c0c2c4; } + background-color: #232627; + border-color: #bcbebf; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar .label { padding: 6px 12px; } + GtkAssistant .sidebar .label.highlight { - background-color: #d3d4d5; } + background-color: #d1d1d1; } GtkTextView { background-color: #f6f6f7; } GtkTextView:backdrop { background-color: #f6f6f7; } + GtkTextView:insensitive { + color: rgba(32, 35, 35, 0.35); } .grid-child { padding: 3px; border-radius: 3px; } .app-notification, .app-notification.frame, .popover.osd, .osd { - color: #31363b; + color: #232627; border: 1px solid #eff0f1; background-color: rgba(239, 240, 241, 0.8); background-clip: padding-box; box-shadow: none; text-shadow: none; icon-shadow: none; } .app-notification:backdrop, .popover.osd:backdrop, .osd:backdrop { - color: #31363b; + color: #232627; background-color: rgba(239, 240, 241, 0.8); } .view:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .list-row:selected, .sidebar:selected, .sidebar .view:selected, GtkPlacesSidebar.sidebar .view:selected { background-color: #3daee9; - color: #eff0f1; } + color: #fcfcfc; } .view:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected { background-color: rgba(61, 174, 233, 0.5); color: #fcfcfc; } @@ -210,6 +219,7 @@ background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3daee9), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)); } } + .button, .button.osd, .osd .button { border: 1px solid; border-radius: 3px; @@ -219,15 +229,15 @@ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .flat.button { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; transition: none; } @@ -237,37 +247,37 @@ .flat.button:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .flat.button:checked { - background-color: #c0c2c4; } + background-color: #bcbebf; } .button:hover { - color: #31363b; + color: #232627; border-color: #93cee9; -gtk-image-effect: highlight; } .button:active, .button:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); transition-duration: 50ms; } .button:active:hover, .button:checked:hover { - color: #31363b; + color: #232627; border-color: #93cee9; background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } .button:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); -gtk-image-effect: none; } .button:backdrop:active, .button:backdrop:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .button:backdrop:insensitive > .label, .osd .button:backdrop:insensitive > .label { color: inherit; } .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; 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)); } .button:backdrop:insensitive:active > .label, .osd .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .osd .button:backdrop:insensitive:checked > .label { @@ -278,197 +288,275 @@ background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; - color: #31363b; } + color: #232627; } .flat.button:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .flat.button:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .button:insensitive > .label, .osd .button:insensitive > .label { color: inherit; } .button:insensitive:active, .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; 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)); } .button:insensitive:active > .label, .osd .button:insensitive:active > .label, .button:insensitive:checked > .label, .osd .button:insensitive:checked > .label { color: inherit; } -.button.suggested-action, .button.suggested-action.osd .button { +.button.suggested-action, +.button.suggested-action.osd .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .button.suggested-action.flat, .button.suggested-action.osd .button.flat { + .button.suggested-action.flat, + .button.suggested-action.osd .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; color: #3daee9; } - .button.suggested-action:hover, .button.suggested-action.osd .button:hover { + .button.suggested-action:hover, + .button.suggested-action.osd .button:hover { color: white; border-color: #3daee9; } - .button.suggested-action:active, .button.suggested-action:checked, .button.suggested-action.osd .button:active, .button.suggested-action.osd .button:checked { + .button.suggested-action:active, .button.suggested-action:checked, + .button.suggested-action.osd .button:active, + .button.suggested-action.osd .button:checked { color: white; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .button.suggested-action.osd .button:backdrop, .button.suggested-action.osd .button.flat:backdrop { + .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, + .button.suggested-action.osd .button:backdrop, + .button.suggested-action.osd .button.flat:backdrop { color: white; - border-color: #c0c2c4; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #40afe9, #35abe8); } - .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 .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 { + .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 .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: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } - .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .button.suggested-action.osd .button:backdrop:insensitive > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { + .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } + .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, + .button.suggested-action.osd .button:backdrop:insensitive > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive > .label { color: inherit; } - .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .button.suggested-action.osd .button:backdrop:insensitive:active, .button.suggested-action.osd .button:backdrop:insensitive:checked, .button.suggested-action.osd .button.flat:backdrop:insensitive:active, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked { + .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, + .button.suggested-action.osd .button:backdrop:insensitive:active, + .button.suggested-action.osd .button:backdrop:insensitive:checked, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active, + .button.suggested-action.osd .button.flat:backdrop:insensitive: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)); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button:backdrop:insensitive:active > .label, .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { + .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button:backdrop:insensitive:checked > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.suggested-action.osd .button.flat:backdrop:insensitive:checked > .label { color: inherit; } - .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, .button.suggested-action.osd .button.flat:backdrop, .button.suggested-action.osd .button.flat:insensitive, .button.suggested-action.osd .button.flat:backdrop:insensitive { + .button.suggested-action.flat:backdrop, .button.suggested-action.flat:insensitive, .button.suggested-action.flat:backdrop:insensitive, + .button.suggested-action.osd .button.flat:backdrop, + .button.suggested-action.osd .button.flat:insensitive, + .button.suggested-action.osd .button.flat:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; color: rgba(61, 174, 233, 0.8); } - .button.suggested-action:insensitive, .button.suggested-action.osd .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.suggested-action:insensitive > .label, .button.suggested-action.osd .button:insensitive > .label { + .button.suggested-action:insensitive, + .button.suggested-action.osd .button:insensitive { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } + .button.suggested-action:insensitive > .label, + .button.suggested-action.osd .button:insensitive > .label { color: inherit; } - .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, .button.suggested-action.osd .button:insensitive:active, .button.suggested-action.osd .button:insensitive:checked { + .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked, + .button.suggested-action.osd .button:insensitive:active, + .button.suggested-action.osd .button:insensitive: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)); } - .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .button.suggested-action.osd .button:insensitive:active > .label, .button.suggested-action.osd .button:insensitive:checked > .label { + .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, + .button.suggested-action.osd .button:insensitive:active > .label, + .button.suggested-action.osd .button:insensitive:checked > .label { color: inherit; } -.button.destructive-action, .button.destructive-action.osd .button { + +.button.destructive-action, +.button.destructive-action.osd .button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #eff0f1; + color: #fcfcfc; border-color: #da4453; background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action.flat, .button.destructive-action.osd .button.flat { + .button.destructive-action.flat, + .button.destructive-action.osd .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; color: #da4453; } - .button.destructive-action:hover, .button.destructive-action.osd .button:hover { + .button.destructive-action:hover, + .button.destructive-action.osd .button:hover { color: white; border-color: #da4453; } - .button.destructive-action:active, .button.destructive-action:checked, .button.destructive-action.osd .button:active, .button.destructive-action.osd .button:checked { + .button.destructive-action:active, .button.destructive-action: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); } - .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .button.destructive-action.osd .button:backdrop, .button.destructive-action.osd .button.flat:backdrop { + .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, + .button.destructive-action.osd .button:backdrop, + .button.destructive-action.osd .button.flat:backdrop { color: white; - border-color: #c0c2c4; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #da4655, #d93d4d); } - .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, .button.destructive-action.osd .button:backdrop:active, .button.destructive-action.osd .button:backdrop:checked, .button.destructive-action.osd .button.flat:backdrop:active, .button.destructive-action.osd .button.flat:backdrop:checked { + .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked, + .button.destructive-action.osd .button:backdrop:active, + .button.destructive-action.osd .button:backdrop:checked, + .button.destructive-action.osd .button.flat:backdrop:active, + .button.destructive-action.osd .button.flat:backdrop:checked { color: white; border-color: #da4453; background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } - .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .button.destructive-action.osd .button:backdrop:insensitive > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { + .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } + .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, + .button.destructive-action.osd .button:backdrop:insensitive > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive > .label { color: inherit; } - .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .button.destructive-action.osd .button:backdrop:insensitive:active, .button.destructive-action.osd .button:backdrop:insensitive:checked, .button.destructive-action.osd .button.flat:backdrop:insensitive:active, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { + .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, + .button.destructive-action.osd .button:backdrop:insensitive:active, + .button.destructive-action.osd .button:backdrop:insensitive:checked, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked { color: #e8e8e8; border-color: rgba(214, 46, 63, 0.35); background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button:backdrop:insensitive:active > .label, .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { + .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button:backdrop:insensitive:checked > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:active > .label, + .button.destructive-action.osd .button.flat:backdrop:insensitive:checked > .label { color: inherit; } - .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, .button.destructive-action.osd .button.flat:backdrop, .button.destructive-action.osd .button.flat:insensitive, .button.destructive-action.osd .button.flat:backdrop:insensitive { + .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive, + .button.destructive-action.osd .button.flat:backdrop, + .button.destructive-action.osd .button.flat:insensitive, + .button.destructive-action.osd .button.flat:backdrop:insensitive { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; color: rgba(218, 68, 83, 0.8); } - .button.destructive-action:insensitive, .button.destructive-action.osd .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } - .button.destructive-action:insensitive > .label, .button.destructive-action.osd .button:insensitive > .label { + .button.destructive-action:insensitive, + .button.destructive-action.osd .button:insensitive { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } + .button.destructive-action:insensitive > .label, + .button.destructive-action.osd .button:insensitive > .label { color: inherit; } - .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, .button.destructive-action.osd .button:insensitive:active, .button.destructive-action.osd .button:insensitive:checked { + .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked, + .button.destructive-action.osd .button:insensitive:active, + .button.destructive-action.osd .button:insensitive:checked { color: #e8e8e8; border-color: rgba(37, 164, 230, 0.35); background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } - .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .button.destructive-action.osd .button:insensitive:active > .label, .button.destructive-action.osd .button:insensitive:checked > .label { + .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, + .button.destructive-action.osd .button:insensitive:active > .label, + .button.destructive-action.osd .button:insensitive:checked > .label { color: inherit; } + .button.image-button { padding: 6px; } + .button.text-button { padding: 6px; } + .button.text-button.image-button { padding: 6px; } .button.text-button.image-button .label:first-child { padding-left: 8px; } .button.text-button.image-button .label:last-child { padding-right: 8px; } + .stack-switcher > .button > .label { padding-left: 6px; padding-right: 6px; } + .stack-switcher > .button > GtkImage { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } + .stack-switcher > .button.text-button { padding: 6px; } + .stack-switcher > .button.image-button { padding: 3px 0px; } -.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + +.stack-switcher > .button.needs-attention:active > .label, +.stack-switcher > .button.needs-attention:active > GtkImage, +.stack-switcher > .button.needs-attention:checked > .label, +.stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } + .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 3px; border-width: 1px; } + .primary-toolbar .button { icon-shadow: none; } @@ -481,54 +569,73 @@ GtkComboBox > .button { padding: 5px 4px; } GtkComboBox:insensitive { - color: rgba(45, 49, 54, 0.35); + color: rgba(32, 35, 35, 0.35); text-shadow: none; icon-shadow: none; } GtkComboBox:backdrop { - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; } GtkComboBox:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } GtkComboBox .menuitem { text-shadow: none; } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator { -GtkWidget-wide-separators: true; } -.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { +.stack-switcher > .button.needs-attention > .label, +.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label { animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#31363b), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#232627), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { + .stack-switcher > .button.needs-attention > .label:backdrop, + .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop { background-size: 6px 6px, 0 0; } - .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { + .stack-switcher > .button.needs-attention > .label:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) { background-position: left 3px, left 4px; } -.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { +.inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, +.linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .button:backdrop { border-radius: 3px; } - .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl) { + .inline-toolbar .button:dir(rtl), .inline-toolbar .button:dir(rtl):backdrop, .linked > .button:dir(rtl), + .linked > .button:dir(rtl):hover, + .linked > .button:dir(rtl):active, + .linked > .button:dir(rtl):checked, + .linked > .button:dir(rtl):backdrop, GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl):backdrop { border-radius: 3px; } .inline-toolbar .button:first-child, .linked > .button:first-child, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child { border-radius: 3px; border-style: solid; } + .inline-toolbar .button:last-child, .linked > .button:last-child, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child { border-radius: 3px; } + .inline-toolbar .button:only-child, .linked > .button:only-child, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop { +.linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, +.linked.vertical > .button:backdrop { border-style: solid; border-radius: 3px; } .linked.vertical > .button:first-child { border-radius: 3px; } + .linked.vertical > .button:last-child { border-radius: 3px; border-style: solid; } + .linked.vertical > .button:only-child { border-radius: 3px; border-style: solid; } @@ -572,35 +679,35 @@ padding: 5px 8px 5px; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-color: #fcfcfc; box-shadow: none; } .entry.image.left { padding-left: 0; } .entry.image.right { padding-right: 0; } .entry.flat, .entry.flat:focus { padding: 2px; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-color: #fcfcfc; box-shadow: none; border: none; border-radius: 0; } .entry:focus { border-color: #3daee9; } .entry:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); background-color: #e5e5e5; } .entry:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-color: #fcfcfc; } .entry:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); background-color: #e5e5e5; } .entry.progressbar { margin: 1px; @@ -641,13 +748,13 @@ border-color: #f67400; background-color: rgba(246, 116, 0, 0.5); } .entry.image { - color: #31363b; } + color: #232627; } .entry.image:hover { color: #93cee9; } .entry.image:active { color: #3daee9; } .entry.image:backdrop { - color: #31363b; } + color: #232627; } /********************* * App Notifications * @@ -665,8 +772,8 @@ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .app-notification .button.flat, .app-notification.frame .button.flat { @@ -680,63 +787,67 @@ color: #3daee9; } .app-notification .button:hover, .app-notification.frame .button:hover { - color: #31363b; + color: #232627; border-color: #93cee9; } .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked, .app-notification.frame .button:backdrop:active, .app-notification.frame .button:backdrop:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive, .app-notification.frame .button:insensitive, .app-notification.frame .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .app-notification .button:insensitive > .label, .app-notification .button:backdrop:insensitive > .label, .app-notification.frame .button:insensitive > .label, .app-notification.frame .button:backdrop:insensitive > .label { color: inherit; } .app-notification .button:backdrop, .app-notification.frame .button:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } /************ * Calendar * ***********/ GtkCalendar { - color: #31363b; - border: 1px solid #c0c2c4; + color: #232627; + border: 1px solid #bcbebf; background-color: #fcfcfc; } GtkCalendar:selected { - background-color: #c0c2c4; } + background-color: #bcbebf; } + GtkCalendar:insensitive { + color: rgba(32, 35, 35, 0.35); } GtkCalendar.header { - border: 1px solid #c0c2c4; + border: 1px solid #bcbebf; border-radius: 0; - color: #31363b; } + color: #232627; } GtkCalendar.header:backdrop { - color: #31363b; - border-color: #c0c2c4; } + color: #232627; + border-color: #bcbebf; } + GtkCalendar.header:insensitive { + color: rgba(32, 35, 35, 0.35); } GtkCalendar.button { - color: #31363b; } + color: #232627; } GtkCalendar.button:hover { color: #93cee9; } GtkCalendar.button:active { color: #3daee9; } GtkCalendar.button:backdrop { - color: #31363b; } + color: #232627; } GtkCalendar:inconsistent, GtkCalendar.highlight { - color: rgba(49, 54, 59, 0.5); } + color: rgba(35, 38, 39, 0.5); } GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight:backdrop { - color: rgba(49, 54, 59, 0.5); } + color: rgba(35, 38, 39, 0.5); } GtkCalendar:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-color: #fcfcfc; } /************************* @@ -970,73 +1081,87 @@ padding: 1px 2px 4px; outline-offset: 0; } GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } /***************** * Color Chooser * *****************/ :selected GtkColorSwatch { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { - border-color: #eff0f1; } + border-color: #fcfcfc; } + GtkColorSwatch:selected { box-shadow: none; } -GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), GtkColorSwatch.top > .overlay, GtkColorSwatch.bottom > .overlay, GtkColorSwatch:first-child:not(.top) > .overlay, GtkColorSwatch:last-child:not(.bottom) > .overlay, GtkColorSwatch:only-child > .overlay { + +GtkColorSwatch.top, GtkColorSwatch.bottom, GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top), GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom), GtkColorSwatch:only-child:not(.overlay), +GtkColorSwatch.top > .overlay, +GtkColorSwatch.bottom > .overlay, +GtkColorSwatch:first-child:not(.top) > .overlay, +GtkColorSwatch:last-child:not(.bottom) > .overlay, +GtkColorSwatch:only-child > .overlay { border-radius: 3px; } + GtkColorSwatch:hover, GtkColorSwatch:hover:selected { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark { background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } -GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected -GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { + +GtkColorSwatch:backdrop, +GtkColorSwatch:backdrop:selected GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected { background-image: none; box-shadow: none; } + GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; box-shadow: none; } GtkColorEditor GtkColorSwatch:backdrop { box-shadow: none; } + GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } GtkColorSwatch.color-dark:backdrop { color: rgba(255, 255, 255, 0.3); } + GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } GtkColorSwatch.color-light:backdrop { color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { - border: 1px solid #c0c2c4; } + border: 1px solid #bcbebf; } GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { border-color: #93cee9; } + GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } GtkColorSwatch#add-color-button:hover { - color: #31363b; + color: #232627; border-color: #93cee9; } GtkColorSwatch#add-color-button:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } GtkColorSwatch#add-color-button .overlay { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; } @@ -1068,11 +1193,12 @@ GtkFileChooserDialog .search-bar:backdrop { background-color: #eff0f1; border-color: #eff0f1; - color: #31363b; } + color: #232627; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #c0c2c4; } + border-top: 1px solid #bcbebf; } GtkFileChooserDialog .dialog-action-box:backdrop { - border-top-color: #c0c2c4; } + border-top-color: #bcbebf; } /*************** * Header bars * @@ -1084,9 +1210,9 @@ border-width: 0px 0px 1px 0px; border-radius: 3px 3px 0px 0px; border-style: solid; - border-color: #3daee9; - color: #eff0f1; - background-image: linear-gradient(to bottom, #556068, #475057); } + border-color: #bcbebf; + color: #232627; + background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); } .titlebar:backdrop, .header-bar:backdrop { border-color: transparent; @@ -1096,43 +1222,43 @@ box-shadow: none; } .titlebar .path-bar .button, .header-bar .path-bar .button { - color: #eff0f1; } + color: #232627; } .titlebar .button, .header-bar .button { transition: none; border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #eff0f1; + color: #232627; text-shadow: none; icon-shadow: none; } .titlebar .button.flat, .header-bar .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #eff0f1; + color: #232627; text-shadow: none; icon-shadow: none; } .titlebar .button:hover, .header-bar .button:hover { - color: #eff0f1; + color: #232627; border-color: #93cee9; } .titlebar .button:hover:backdrop, .header-bar .button:hover:backdrop { border-color: #eff0f1; } .titlebar .button:active, .titlebar .button:checked, .header-bar .button:active, .header-bar .button:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .titlebar .button:active:hover, .titlebar .button:checked:hover, .header-bar .button:active:hover, .header-bar .button:checked:hover { - color: #31363b; + color: #232627; border-color: #93cee9; background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } .titlebar .button:active:backdrop, .titlebar .button:checked:backdrop, @@ -1156,16 +1282,16 @@ border-color: transparent; } .titlebar .button.flat:insensitive, .header-bar .button.flat:insensitive { - color: rgba(216, 218, 221, 0.35); } + color: rgba(32, 35, 35, 0.35); } .titlebar .button:insensitive, .header-bar .button:insensitive { background-color: transparent; background-image: none; - color: rgba(216, 218, 221, 0.35); } + color: rgba(32, 35, 35, 0.35); } .titlebar .button:insensitive:active, .titlebar .button:insensitive:checked, .header-bar .button:insensitive:active, .header-bar .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; 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)); } .titlebar .button:insensitive:active > .label, .titlebar .button:insensitive:checked > .label, @@ -1180,19 +1306,23 @@ .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, + .titlebar .header-bar-separator, + .titlebar > GtkBox > .separator.vertical, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical, - GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0px; - background-color: #475057; - border-color: #475057; } - .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop, + background-color: #eff0f1; + border-color: #eff0f1; } + .titlebar .header-bar-separator:backdrop, + .titlebar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop, .header-bar .header-bar-separator:backdrop, - .header-bar > GtkBox > .separator.vertical:backdrop { + .header-bar > GtkBox > .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop { background-color: #eff0f1; border-color: #eff0f1; } .titlebar.selection-mode .selection-menu, @@ -1226,26 +1356,22 @@ .header-bar .button.suggested-action:hover, .titlebar.selection-mode.suggested-action:hover, .header-bar.selection-mode.suggested-action:hover { background-color: #93cee9; - color: #31363b; } + color: #232627; } .titlebar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive, .titlebar.selection-mode.suggested-action:insensitive, .header-bar.selection-mode.suggested-action:insensitive { background-color: transparent; background-image: none; - color: rgba(216, 218, 221, 0.35); } + color: rgba(32, 35, 35, 0.35); } .titlebar .button.suggested-action:insensitive:active, .header-bar .button.suggested-action:insensitive:active, .titlebar.selection-mode.suggested-action:insensitive:active, .header-bar.selection-mode.suggested-action:insensitive:active, .titlebar .button.suggested-action:insensitive:checked, .header-bar .button.suggested-action:insensitive:checked, .titlebar.selection-mode.suggested-action:insensitive:checked, .header-bar.selection-mode.suggested-action:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; 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)); } - .titlebar .button.suggested-action:insensitive:active > .label, - .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, - .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, - .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, - .header-bar.selection-mode.suggested-action:insensitive:checked > .label { + .titlebar .button.suggested-action:insensitive:active > .label, .header-bar .button.suggested-action:insensitive:active > .label, .titlebar.selection-mode.suggested-action:insensitive:active > .label, .header-bar.selection-mode.suggested-action:insensitive:active > .label, .titlebar .button.suggested-action:insensitive:checked > .label, .header-bar .button.suggested-action:insensitive:checked > .label, .titlebar.selection-mode.suggested-action:insensitive:checked > .label, .header-bar.selection-mode.suggested-action:insensitive:checked > .label { color: inherit; } .titlebar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, .titlebar.selection-mode.suggested-action:backdrop, @@ -1263,11 +1389,11 @@ **************/ GtkInfoBar { border-style: none; - border-bottom: 1px solid #c0c2c4; + border-bottom: 1px solid #bcbebf; background-color: #eff0f1; background-image: none; } GtkInfoBar:backdrop { - border-bottom: 1px solid #c0c2c4; } + border-bottom: 1px solid #bcbebf; } .info, .titlebar.selection-mode, .header-bar.selection-mode, @@ -1285,26 +1411,22 @@ .error:backdrop { background-color: #eff0f1; color: #f67400; } - .info .button, .titlebar.selection-mode .button, - .header-bar.selection-mode .button, + .info .button, .titlebar.selection-mode .button, .header-bar.selection-mode .button, .question .button, .warning .button, .error .button { box-shadow: none; background-image: none; background-color: rgba(246, 116, 0, 0.5); border-color: rgba(246, 116, 0, 0.5); - color: #31363b; } - .info .button:hover, .titlebar.selection-mode .button:hover, - .header-bar.selection-mode .button:hover, + color: #232627; } + .info .button:hover, .titlebar.selection-mode .button:hover, .header-bar.selection-mode .button:hover, .question .button:hover, .warning .button:hover, .error .button:hover { background-color: rgba(246, 116, 0, 0.25); border-color: #f67400; } - .info .button:active, .titlebar.selection-mode .button:active, - .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, - .header-bar.selection-mode .button:checked, + .info .button:active, .titlebar.selection-mode .button:active, .header-bar.selection-mode .button:active, .info .button:checked, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked, .question .button:active, .question .button:checked, .warning .button:active, @@ -1314,25 +1436,21 @@ background-image: linear-gradient(to bottom, #f87500, #ef7100); color: #eff0f1; border-color: #f67400; } - .info .button:insensitive, .titlebar.selection-mode .button:insensitive, - .header-bar.selection-mode .button:insensitive, + .info .button:insensitive, .titlebar.selection-mode .button:insensitive, .header-bar.selection-mode .button:insensitive, .question .button:insensitive, .warning .button:insensitive, .error .button:insensitive { background-color: rgba(224, 105, 0, 0); border-color: rgba(224, 105, 0, 0); - color: rgba(45, 49, 54, 0.35); } - .info .button:backdrop, .titlebar.selection-mode .button:backdrop, - .header-bar.selection-mode .button:backdrop, + color: rgba(32, 35, 35, 0.35); } + .info .button:backdrop, .titlebar.selection-mode .button:backdrop, .header-bar.selection-mode .button:backdrop, .question .button:backdrop, .warning .button:backdrop, .error .button:backdrop { background-color: rgba(246, 116, 0, 0.5); border-color: rgba(246, 116, 0, 0.5); - color: #31363b; } - .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, - .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, - .header-bar.selection-mode .button:backdrop:checked, + color: #232627; } + .info .button:backdrop:active, .titlebar.selection-mode .button:backdrop:active, .header-bar.selection-mode .button:backdrop:active, .info .button:backdrop:checked, .titlebar.selection-mode .button:backdrop:checked, .header-bar.selection-mode .button:backdrop:checked, .question .button:backdrop:active, .question .button:backdrop:checked, .warning .button:backdrop:active, @@ -1342,25 +1460,22 @@ background-image: linear-gradient(to bottom, #f87500, #ef7100); color: #eff0f1; border-color: #f67400; } - .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, - .header-bar.selection-mode .button:backdrop:insensitive, + .info .button:backdrop:insensitive, .titlebar.selection-mode .button:backdrop:insensitive, .header-bar.selection-mode .button:backdrop:insensitive, .question .button:backdrop:insensitive, .warning .button:backdrop:insensitive, .error .button:backdrop:insensitive { background-color: rgba(224, 105, 0, 0); border-color: rgba(224, 105, 0, 0); - color: rgba(45, 49, 54, 0.35); } - .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, - .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, - .header-bar.selection-mode .button:backdrop:insensitive:checked, + color: rgba(32, 35, 35, 0.35); } + .info .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:active, .header-bar.selection-mode .button:backdrop:insensitive:active, .info .button:backdrop:insensitive:checked, .titlebar.selection-mode .button:backdrop:insensitive:checked, .header-bar.selection-mode .button:backdrop:insensitive:checked, .question .button:backdrop:insensitive:active, .question .button:backdrop:insensitive:checked, .warning .button:backdrop:insensitive:active, .warning .button:backdrop:insensitive:checked, .error .button:backdrop:insensitive:active, .error .button:backdrop:insensitive:checked { background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); - color: rgba(216, 218, 221, 0.35); + color: #d8dadd; border-color: rgba(224, 105, 0, 0.35); } /********* @@ -1371,21 +1486,21 @@ *:link:visited, .button:visited { color: #7f8c8d; } *:selected *:link:visited, *:selected .button:visited { - color: #a8d6ee; } + color: #b0ddf4; } *:link:hover, .button:hover:link, .button:hover:visited { color: #409ad5; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #dde9f0; } + color: #e9f4fa; } *:link:active, .button:active:link, .button:active:visited { color: #2980b9; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #cbe3ef; } + color: #d6ecf8; } *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .titlebar.selection-mode .subtitle:backdrop:hover:link, .header-bar.selection-mode .subtitle:backdrop:hover:link, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited { color: rgba(61, 174, 233, 0.5); } *:link:selected, .titlebar.selection-mode .subtitle:link, .header-bar.selection-mode .subtitle:link, .button:selected:link, .button:selected:visited, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #cbe3ef; } + color: #d6ecf8; } .button:link, .button:visited { text-shadow: none; } @@ -1397,11 +1512,11 @@ *********/ .list, .list-row { background-color: #eff0f1; - color: #31363b; + color: #232627; border-width: 0px; } .list:backdrop, .list-row:backdrop { background-color: #eff0f1; - color: #31363b; } + color: #232627; } .list-row, .grid-child { @@ -1436,7 +1551,7 @@ .list-row.button:selected:active { box-shadow: none; } .list-row.button:selected:hover { - color: #31363b; + color: #232627; border-color: #93cee9; background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } .list-row.button:selected:backdrop { @@ -1448,56 +1563,56 @@ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .list-row:selected .button.flat { border-color: rgba(255, 255, 255, 0); background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; } .list-row:selected .button:hover { - color: #31363b; + color: #232627; border-color: #93cee9; } .list-row:selected .button:active, .list-row:selected .button:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .button.flat:backdrop:checked { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label { color: inherit; } .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; 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)); } .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label { color: inherit; } .list-row:selected .button.flat:backdrop { background-color: #eff0f1; - color: #31363b; + color: #232627; border-color: transparent; } .list-row:selected .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .list-row:selected .button:insensitive > .label { color: inherit; } .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { - color: rgba(216, 218, 221, 0.35); + color: #e5e5e5; 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)); } .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { @@ -1513,14 +1628,14 @@ *********/ /* menu buttons */ .menuitem.button.flat { - color: #31363b; } + color: #232627; } .menuitem.button.flat:hover { background-color: #93cee9; } .menuitem.button.flat:selected { background-color: #3daee9; - color: #eff0f1; } + color: #fcfcfc; } .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover { - color: #31363b; } + color: #232627; } .menubar { -GtkWidget-window-dragging: true; @@ -1534,39 +1649,39 @@ border: 1px solid #eff0f1; } .menubar > .menuitem:hover { background-color: #3daee9; - color: #eff0f1; } + color: #fcfcfc; } .menubar > .menuitem:insensitive { - color: rgba(45, 49, 54, 0.35); + color: rgba(32, 35, 35, 0.35); box-shadow: none; } .menubar > .menuitem:insensitive:backdrop { background-color: #eff0f1; - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .menubar > .menuitem:backdrop { background-color: #eff0f1; border-color: #eff0f1; - color: #31363b; } + color: #232627; } .menu { padding: 0px; background-color: #eff0f1; - border: 1px solid #c0c2c4; + border: 1px solid #bcbebf; border-radius: 3px; } .csd .menu { - border: 1px solid #c0c2c4; } + border: 1px solid #bcbebf; } .menu .separator, .menu GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .menu .separator { - color: #c0c2c4; } + color: #bcbebf; } .menu .menuitem { text-shadow: none; padding: 4px 4px; } .menu .menuitem:hover { - color: #eff0f1; + color: #fcfcfc; background-color: #3daee9; } .menu .menuitem:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .menu .menuitem:insensitive:backdrop { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover { - color: #31363b; + color: #232627; background-color: #eff0f1; } .menu .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } @@ -1582,7 +1697,7 @@ .popover { margin: 10px; padding: 0px; - border: 1px solid #c0c2c4; + border: 1px solid #bcbebf; border-radius: 3px; background-color: #eff0f1; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); } @@ -1593,22 +1708,26 @@ .popover > .toolbar, .popover > .inline-toolbar, .popover > .search-bar, - .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar { + .popover > .location-bar, + .popover.osd > .toolbar, + .popover.osd > .inline-toolbar, + .popover.osd > .search-bar, + .popover.osd > .location-bar { border-style: none; background-color: transparent; } .popover .button.flat { border-radius: 0px; - color: #31363b; } + color: #232627; } .popover .button.flat .label { padding: 4px 0px; } .popover .button.flat:hover, .popover .button.flat:checked:hover { background-image: none; background-color: #3daee9; - color: #eff0f1; + color: #fcfcfc; transition: none; } .popover .button.flat:backdrop { background-color: transparent; - color: #31363b; } + color: #232627; } .entry.cursor-handle, .cursor-handle { @@ -1627,22 +1746,22 @@ .scale-popup .button.flat { background-color: transparent; padding: 5px; - color: #31363b; } + color: #232627; } .scale-popup .button:hover, .scale-popup .button.flat:hover { color: #93cee9; } .scale-popup .button:active, .scale-popup .button.flat:active { color: #3daee9; } .scale-popup .button:insensitive, .scale-popup .button.flat:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .scale-popup .button:backdrop, .scale-popup .button.flat:backdrop { - color: #31363b; } + color: #232627; } .scale-popup .button:backdrop:insensitive, .scale-popup .button.flat:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } GtkVolumeButton.button { padding: 5px; } @@ -1654,29 +1773,33 @@ * Frames * **********/ .frame { - border: 1px solid #c0c2c4; + border: 1px solid #bcbebf; padding: 0; } .frame.flat { border-style: none; } .frame.action-bar { padding: 6px; border-width: 1px 0 0; } .frame.action-bar:backdrop { - border-color: #c0c2c4; } + border-color: #bcbebf; } .frame:backdrop { - border-color: #c0c2c4; } + border-color: #bcbebf; } GtkScrolledWindow GtkViewport.frame { border-style: none; } .separator, GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view .separator:backdrop { color: transparent; } .separator.vertical, GtkPlacesSidebar.sidebar .view .vertical.separator { - color: #c0c2c4; } - .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { - color: #c0c2c4; } - GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { + color: #bcbebf; } + .separator.vertical:backdrop, + GtkPlacesSidebar.sidebar .view .vertical.separator:backdrop { + color: #bcbebf; } + GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, + GtkFontButton .separator.vertical, + GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, + GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator { -GtkWidget-wide-separators: true; } /************* @@ -1687,7 +1810,7 @@ .expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } .expander:hover { - color: #77838e; } + color: #6b7578; } .expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1702,9 +1825,9 @@ margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { - background-color: #c0c2c4; } + background-color: #bcbebf; } GtkPaned .pane-separator:backdrop { - background-color: #c0c2c4; } + background-color: #bcbebf; } GtkPaned.wide { -GtkPaned-handle-size: 5; @@ -1723,6 +1846,7 @@ @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -1751,7 +1875,7 @@ .notebook:backdrop { background-color: #eff0f1; } .notebook.frame { - border: 1px solid #c0c2c4; } + border: 1px solid #bcbebf; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1761,37 +1885,37 @@ .notebook.frame.left { border-left-width: 0; } .notebook.frame:backdrop { - border-color: #c0c2c4; } + border-color: #bcbebf; } .notebook.header { background-color: #eff0f1; padding-top: 4px; } .notebook.header.frame { border-style: none; } .notebook.header.top { - box-shadow: inset 0 -1px #c0c2c4; } + box-shadow: inset 0 -1px #bcbebf; } .notebook.header.top:backdrop { - box-shadow: inset 0 -1px #c0c2c4; } + box-shadow: inset 0 -1px #bcbebf; } .notebook.header.bottom { - box-shadow: inset 0 1px #c0c2c4; } + box-shadow: inset 0 1px #bcbebf; } .notebook.header.bottom:backdrop { - box-shadow: inset 0 1px #c0c2c4; } + box-shadow: inset 0 1px #bcbebf; } .notebook.header.right { - box-shadow: inset 1px 0 #c0c2c4; } + box-shadow: inset 1px 0 #bcbebf; } .notebook.header.right:backdrop { - box-shadow: inset 1px 0 #c0c2c4; } + box-shadow: inset 1px 0 #bcbebf; } .notebook.header.left { - box-shadow: inset -1px 0 #c0c2c4; } + box-shadow: inset -1px 0 #bcbebf; } .notebook.header.left:backdrop { - box-shadow: inset -1px 0 #c0c2c4; } + box-shadow: inset -1px 0 #bcbebf; } .notebook.header:backdrop { background-color: #eff0f1; } .notebook tab { - border: 1px solid rgba(49, 54, 59, 0.2); - background-color: rgba(49, 54, 59, 0.2); + border: 1px solid rgba(35, 38, 39, 0.2); + background-color: rgba(35, 38, 39, 0.2); background-clip: padding-box; padding: 8px; } .notebook tab:backdrop { - background-color: rgba(49, 54, 59, 0.2); } + background-color: rgba(35, 38, 39, 0.2); } .notebook tab.reorderable-page { background-color: #eff0f1; } .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom { @@ -1802,44 +1926,44 @@ border-radius: 3px 3px 0px 0px; border-bottom-color: transparent; } .notebook tab.top:active, .notebook tab.top.active-page { - border-color: #c0c2c4; + border-color: #bcbebf; border-bottom-color: #eff0f1; background-color: #eff0f1; } .notebook tab.top:active:backdrop, .notebook tab.top.active-page:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; border-bottom-color: #eff0f1; background-color: #eff0f1; } .notebook tab.bottom { border-radius: 0px 0px 3px 3px; border-top-color: transparent; } .notebook tab.bottom:active, .notebook tab.bottom.active-page { - border-color: #c0c2c4; + border-color: #bcbebf; border-top-color: #eff0f1; background-color: #eff0f1; } .notebook tab.bottom:active:backdrop, .notebook tab.bottom.active-page:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; border-top-color: #eff0f1; background-color: #eff0f1; } .notebook tab.left { border-radius: 3px 0px 0px 3px; border-right-color: transparent; } .notebook tab.left:active, .notebook tab.left.active-page { - border-color: #c0c2c4; + border-color: #bcbebf; border-right-color: #eff0f1; background-color: #eff0f1; } .notebook tab.left:active:backdrop, .notebook tab.left.active-page:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; border-right-color: #eff0f1; background-color: #eff0f1; } .notebook tab.right { border-radius: 0px 3px 3px 0px; border-left-color: transparent; } .notebook tab.right:active, .notebook tab.right.active-page { - border-color: #c0c2c4; + border-color: #bcbebf; border-left-color: #eff0f1; background-color: #eff0f1; } .notebook tab.right:active:backdrop, .notebook tab.right.active-page:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; border-left-color: #eff0f1; background-color: #eff0f1; } .notebook tab:hover, .notebook tab.prelight-page { @@ -1852,98 +1976,100 @@ background-color: #eff0f1; background-clip: padding-box; border-right-width: 1px; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop { background-color: #eff0f1; border-color: transparent; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.top:backdrop { background-color: #eff0f1; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.bottom { border-width: 3px; border-style: solid; border-color: transparent; background-color: #eff0f1; background-clip: padding-box; border-right-width: 1px; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop { background-color: #eff0f1; border-color: transparent; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.bottom:backdrop { background-color: #eff0f1; - border-right-color: #c0c2c4; + border-right-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.left { border-width: 3px; border-style: solid; border-color: transparent; background-color: #eff0f1; background-clip: padding-box; border-bottom-width: 1px; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop { background-color: #eff0f1; border-color: transparent; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.left:backdrop { background-color: #eff0f1; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.right { border-width: 3px; border-style: solid; border-color: transparent; background-color: #eff0f1; background-clip: padding-box; border-bottom-width: 1px; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop { background-color: #eff0f1; border-color: transparent; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: none; } .notebook tab.reorderable-page.right:backdrop { background-color: #eff0f1; - border-bottom-color: #c0c2c4; + border-bottom-color: #bcbebf; box-shadow: none; } .notebook tab .label { padding: 0 2px; - color: #31363b; } + color: #232627; } .notebook tab .label:backdrop { - color: #31363b; } + color: #232627; } + .notebook tab .label:insensitive { + color: rgba(32, 35, 35, 0.35); } .notebook tab .button { padding: 0px; border: 1px solid transparent; border-radius: 50%; background-image: none; - background-color: #c0c2c4; + background-color: #bcbebf; box-shadow: none; icon-shadow: none; transition: none; @@ -1960,23 +2086,23 @@ box-shadow: none; } .notebook tab .button:backdrop { color: #eff0f1; - background-color: #c0c2c4; } + background-color: #bcbebf; } .notebook tab .button > GtkImage { padding: 0px; } .notebook tab .button .active-page, .notebook tab .button.active-page { background-color: #da4453; } .notebook.arrow { - color: #31363b; } + color: #232627; } .notebook.arrow:hover { color: #93cee9; } .notebook.arrow:active { color: #3daee9; } .notebook.arrow:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .notebook.arrow:backdrop { - color: #31363b; } + color: #232627; } .notebook.arrow:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } /* Decouple the font of context menus from their entry/textview */ .touch-selection, @@ -1987,63 +2113,66 @@ font: Monospace; } .overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } .overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } .overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } .overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a6a9ab), to(rgba(166, 169, 171, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(49, 54, 59, 0.07)), to(rgba(49, 54, 59, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } .overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#c0c2c4), to(rgba(192, 194, 196, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -2059,15 +2188,15 @@ background-color: transparent; background-image: none; box-shadow: none; - color: #31363b; + color: #232627; text-shadow: none; icon-shadow: none; padding: 4px 8px; - color: #31363b; } + color: #232627; } .path-bar .button:hover { border-color: #93cee9; } .path-bar .button:active, .path-bar .button:checked { - background-color: #c0c2c4; } + background-color: #bcbebf; } .path-bar .button:first-child { padding-left: 8px; } .path-bar .button:last-child { @@ -2091,26 +2220,26 @@ GtkProgressBar { padding: 0; font-size: smaller; - color: rgba(49, 54, 59, 0.3); + color: rgba(35, 38, 39, 0.3); box-shadow: none; } GtkProgressBar:backdrop { - color: rgba(49, 54, 59, 0.3); } + color: rgba(35, 38, 39, 0.3); } GtkProgressBar.osd { -GtkProgressBar-xspacing: 0; -GtkProgressBar-yspacing: 0; -GtkProgressBar-min-horizontal-bar-height: 3; } GtkProgressBar.trough { border: 1px solid transparent; border-radius: 3px; - background-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); } GtkProgressBar.trough.osd { border: 1px solid transparent; border-radius: 3px; - background-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); } GtkProgressBar.trough.osd:backdrop { - background-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); } GtkProgressBar.trough:backdrop { - background-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); } .progressbar { background-color: #3daee9; @@ -2185,7 +2314,7 @@ background-color: #f67400; border-color: #f67400; } .level-bar.fill-block.empty-fill-block { - background-color: rgba(49, 54, 59, 0.3); + background-color: rgba(35, 38, 39, 0.3); border-color: transparent; box-shadow: none; } .level-bar.fill-block:backdrop { @@ -2210,7 +2339,7 @@ .scale.scale-has-marks-above.scale-has-marks-below.slider, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider { background-color: #eff0f1; - border: 1px solid #c0c2c4; + border: 1px solid #bcbebf; border-radius: 50%; box-shadow: none; } .scale.slider:hover, @@ -2230,13 +2359,13 @@ .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive { border-style: solid; border-radius: 50%; - background-color: rgba(216, 218, 221, 0.35); - border-color: rgba(174, 176, 179, 0.35); } + background-color: #d8dadd; + border-color: rgba(170, 173, 174, 0.35); } .scale.slider:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive:backdrop { - background-color: rgba(216, 218, 221, 0.35); - border-color: rgba(174, 176, 179, 0.35); } + background-color: #d8dadd; + border-color: rgba(170, 173, 174, 0.35); } .scale.slider:active, .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active { @@ -2250,14 +2379,14 @@ .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { background-color: #eff0f1; - border-color: #c0c2c4; } + border-color: #bcbebf; } .scale.trough, .scale.scale-has-marks-above.scale-has-marks-below.trough, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough { margin: 9px; - border: 1px solid rgba(49, 54, 59, 0.3); + border: 1px solid rgba(35, 38, 39, 0.3); border-radius: 3px; - background-color: rgba(49, 54, 59, 0.3); + background-color: rgba(35, 38, 39, 0.3); box-shadow: none; } .scale.trough.highlight, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, @@ -2279,131 +2408,83 @@ .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive { - border-color: rgba(45, 49, 54, 0); - background-color: rgba(45, 49, 54, 0); + border-color: rgba(170, 172, 173, 0.545); + background-color: rgba(170, 172, 173, 0.545); box-shadow: none; } .scale.trough:insensitive:backdrop, .scale.trough.vertical:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive:backdrop { - background-color: rgba(45, 49, 54, 0); - border-color: rgba(45, 49, 54, 0); } + background-color: rgba(170, 172, 173, 0.545); + border-color: rgba(170, 172, 173, 0.545); } .scale.trough:backdrop, .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop { - background-color: rgba(49, 54, 59, 0.3); - border-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); + border-color: rgba(35, 38, 39, 0.3); } /************** * Scrollbars * **************/ .scrollbar { -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: true; - -GtkScrollbar-has-forward-stepper: true; - -GtkRange-slider-width: 20; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 10px; -GtkScrollbar-min-slider-length: 64; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } .scrollbar .button { - color: #31363b; } + color: #232627; } .scrollbar .button:hover { color: #93cee9; } .scrollbar .button:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .scrollbar .button:backdrop { - color: #31363b; } + color: #232627; } .scrollbar .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .scrollbar.dragging, .scrollbar.hovering { opacity: 0.9910; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - -GtkRange-slider-width: 8px; + -GtkRange-slider-width: 10px; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 2px; - border: 2px solid transparent; - border-radius: 2px; - background-color: rgba(49, 54, 59, 0.5); } + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(35, 38, 39, 0.5); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider:backdrop { - background-color: rgba(49, 54, 59, 0.5); } + background-color: rgba(35, 38, 39, 0.5); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { border: none; background: none; } .scrollbar.trough { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical.png"), url("../assets/scrollbar-trough-vertical@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal.png"), url("../assets/scrollbar-trough-horizontal@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(35, 38, 39, 0.3); } .scrollbar.trough:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-vertical-backdrop.png"), url("../assets/scrollbar-trough-vertical-backdrop@2.png")) 23 10 23 10/23px 10px 23px 10px stretch; - border-width: 23px 10px 23px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.trough:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-trough-horizontal-backdrop.png"), url("../assets/scrollbar-trough-horizontal-backdrop@2.png")) 10 23 10 23/10px 23px 10px 23px stretch; - border-width: 10px 23px 10px 23px; - border-style: solid; - border-color: transparent; } + background-color: rgba(35, 38, 39, 0.3); } .scrollbar.slider { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical.png"), url("../assets/scrollbar-slider-vertical@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal.png"), url("../assets/scrollbar-slider-horizontal@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: rgba(35, 38, 39, 0.5); } .scrollbar.slider:hover { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-hover.png"), url("../assets/scrollbar-slider-vertical-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:hover.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-hover.png"), url("../assets/scrollbar-slider-horizontal-hover@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: #93cee9; } .scrollbar.slider:active { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-active.png"), url("../assets/scrollbar-slider-vertical-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:active.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-active.png"), url("../assets/scrollbar-slider-horizontal-active@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: #3daee9; } .scrollbar.slider:insensitive { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-insensitive.png"), url("../assets/scrollbar-slider-vertical-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:insensitive.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-insensitive.png"), url("../assets/scrollbar-slider-horizontal-insensitive@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: rgba(32, 35, 35, 0); } .scrollbar.slider:backdrop { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-vertical-backdrop.png"), url("../assets/scrollbar-slider-vertical-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } - .scrollbar.slider:backdrop.horizontal { - border-image: -gtk-scaled(url("../assets/scrollbar-slider-horizontal-backdrop.png"), url("../assets/scrollbar-slider-horizontal-backdrop@2.png")) 10 10 10 10/10px 10px 10px 10px stretch; - border-width: 10px 10px 10px 10px; - border-style: solid; - border-color: transparent; } + background-color: rgba(35, 38, 39, 0.3); } + .scrollbar.slider:backdrop:insensitive { + background-color: rgba(32, 35, 35, 0); } .scrollbars-junction, .scrollbars-junction.frame { @@ -2424,35 +2505,42 @@ GtkSidebarRow.list-row { padding: 0px; } + GtkSidebarRow .sidebar-revealer { padding: 4px 14px 4px 12px; } + GtkSidebarRow .sidebar-icon:dir(ltr) { padding-right: 8px; } + GtkSidebarRow .sidebar-icon:dir(rtl) { padding-left: 8px; } + GtkSidebarRow .sidebar-label:dir(ltr) { padding-right: 2px; } + GtkSidebarRow .sidebar-label:dir(rtl) { padding-left: 2px; } GtkPlacesSidebar.sidebar .view:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } + GtkPlacesSidebar.sidebar .view:backdrop { - color: #31363b; } + color: #232627; } GtkPlacesSidebar.sidebar .view:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } + GtkPlacesSidebar.sidebar .view .image { - color: #31363b; } + color: #232627; } GtkPlacesSidebar.sidebar .view .image:selected { - color: #eff0f1; } + color: #fcfcfc; } GtkPlacesSidebar.sidebar .view .image:selected:backdrop { - color: #31363b; } + color: #232627; } GtkPlacesSidebar.sidebar .view .image:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } GtkPlacesSidebar.sidebar .view .image:backdrop { - color: #31363b; } + color: #232627; } GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); } + color: rgba(32, 35, 35, 0.35); } .sidebar-item { padding: 10px 4px; } @@ -2467,71 +2555,75 @@ *****************/ .osd .spinbutton .button:last-child { border-radius: 0 3px 3px 0; } + .osd .spinbutton .button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button { padding-top: 5px; padding-bottom: 5px; } .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { - color: #31363b; + color: #232627; border-color: #93cee9; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { color: inherit; } .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: none; icon-shadow: none; - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { - color: #eff0f1; + color: #fcfcfc; border-color: #3daee9; background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { - color: #31363b; + color: #232627; border-color: #93cee9; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { color: inherit; } .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { - color: #31363b; - border-color: #c0c2c4; + color: #232627; + border-color: #bcbebf; background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0.35); - background-image: linear-gradient(to bottom, rgba(218, 220, 223, 0.35), rgba(209, 212, 215, 0.35)); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { color: inherit; } + .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0px; padding-left: 0px; padding-right: 0px; } .spinbutton.vertical.entry:insensitive, .spinbutton.vertical:dir(rtl).entry:insensitive { background-color: #e5e5e5; } + GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus { padding: 1px; border-width: 1px 0; @@ -2543,28 +2635,28 @@ background-image: none; background-color: transparent; border-style: none none none solid; - border-color: rgba(192, 194, 196, 0.3); - color: #31363b; + border-color: rgba(188, 190, 191, 0.3); + color: #232627; border-radius: 0; box-shadow: none; } - .spinbutton .button:dir(rtl) { + .spinbutton .button:dir(rtl), .osd .spinbutton .button:dir(rtl) { border-style: none solid none none; } .spinbutton .button:hover { color: #93cee9; } .spinbutton .button:insensitive { - color: rgba(45, 49, 54, 0.35); - border-color: rgba(174, 176, 179, 0); } + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0); } .spinbutton .button:active { color: #3daee9; } .spinbutton .button:backdrop { - color: #31363b; - border-color: rgba(192, 194, 196, 0.3); + color: #232627; + border-color: rgba(188, 190, 191, 0.3); background-color: transparent; } .spinbutton .button:backdrop:insensitive { background-image: none; - color: rgba(45, 49, 54, 0.35); + color: rgba(32, 35, 35, 0.35); border-style: none none none solid; - border-color: rgba(174, 176, 179, 0); } + border-color: rgba(170, 173, 174, 0); } .spinbutton .button:backdrop:insensitive:dir(rtl) { border-style: none solid none none; } @@ -2591,19 +2683,19 @@ border: 0px solid; border-radius: 12px; background-image: none; - background-color: rgba(49, 54, 59, 0.3); + background-color: rgba(35, 38, 39, 0.3); text-shadow: none; } GtkSwitch.trough:active { background-color: #3daee9; box-shadow: none; text-shadow: none; } GtkSwitch.trough:backdrop { - background-color: rgba(49, 54, 59, 0.3); } + background-color: rgba(35, 38, 39, 0.3); } GtkSwitch.slider { border: 1px solid; border-radius: 11px; background-color: #eff0f1; - border-color: #c0c2c4; } + border-color: #bcbebf; } GtkSwitch.slider:hover { box-shadow: none; border-color: #93cee9; @@ -2613,11 +2705,11 @@ GtkSwitch.slider:active:hover { border-color: #93cee9; } GtkSwitch.slider:insensitive { - background-color: rgba(216, 218, 221, 0.35); } + background-color: #d8dadd; } GtkSwitch.slider:backdrop { background-color: #eff0f1; } GtkSwitch.slider:backdrop:insensitive { - background-color: rgba(216, 218, 221, 0.35); } + background-color: #d8dadd; } .header-bar GtkSwitch.trough:backdrop { background-color: transparent; } .header-bar GtkSwitch.slider:backdrop { @@ -2645,7 +2737,7 @@ .osd .toolbar:backdrop, .osd .inline-toolbar:backdrop, .osd .search-bar:backdrop, .osd .location-bar:backdrop, .toolbar.osd:backdrop, .osd.inline-toolbar:backdrop, .osd.search-bar:backdrop, .osd.location-bar:backdrop, .osd .primary-toolbar:backdrop, .primary-toolbar.osd:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; background-color: #eff0f1; box-shadow: none; } @@ -2660,22 +2752,23 @@ .inline-toolbar, .search-bar, .location-bar { border-style: solid; - border-color: #c0c2c4; + border-color: #bcbebf; text-shadow: none; background-color: #eff0f1; } /************ * Tooltips * ************/ .tooltip { - color: #eff0f1; + color: #fcfcfc; padding: 4px; /* not working */ border-radius: 5px; box-shadow: none; - text-shadow: none; } + text-shadow: none; + border: 1px solid #595c5c; } .tooltip.background { - background-color: #31363b; + background-color: #232627; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } @@ -2694,69 +2787,72 @@ -GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; - border-left-color: #c0c2c4; + border-left-color: #bcbebf; border-top-color: transparent; } GtkTreeView.view:selected { border-radius: 0; } GtkTreeView.view:selected { background-color: #3daee9; - border-left-color: #eff0f1; - border-top-color: #eff0f1; } + border-left-color: #fcfcfc; + border-top-color: #fcfcfc; } GtkTreeView.view:backdrop:selected { background-color: rgba(61, 174, 233, 0.5); - border-left-color: #eff0f1; - border-top-color: #eff0f1; } + border-left-color: #fcfcfc; + border-top-color: #fcfcfc; } GtkTreeView.view:insensitive { - color: rgba(174, 176, 179, 0.35); } + color: rgba(170, 173, 174, 0.35); } GtkTreeView.view:insensitive:selected { - color: rgba(216, 218, 221, 0.35); } + color: #e5e5e5; } GtkTreeView.view:insensitive:selected:backdrop { - color: rgba(216, 218, 221, 0.35); } + color: #e5e5e5; } GtkTreeView.view:insensitive:backdrop { - color: rgba(174, 176, 179, 0.35); } - GtkTreeView.view.separator { - color: #c0c2c4; } - GtkTreeView.view.separator:backdrop { - color: #c0c2c4; } + color: rgba(170, 173, 174, 0.35); } + GtkTreeView.view.separator, GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator { + color: #bcbebf; } + GtkTreeView.view.separator:backdrop, + GtkPlacesSidebar.sidebar .view GtkTreeView.view.separator:backdrop { + color: #bcbebf; } GtkTreeView.view:backdrop { - border-left-color: #c0c2c4; } + border-left-color: #bcbebf; } GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; border-color: #93cee9; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #31363b; } + color: #232627; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #93cee9; } GtkTreeView.view.expander:selected { - color: #eff0f1; } + color: #fcfcfc; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } GtkTreeView.view.expander:checked:selected { - color: #eff0f1; } + color: #fcfcfc; } GtkTreeView.view.expander:checked:backdrop { color: #fcfcfc; } GtkTreeView.view.expander:backdrop { - color: #fcfcfc; } + color: #232627; } column-header .button { - color: #31363b; + color: #232627; background-color: #eff0f1; text-shadow: none; box-shadow: none; } column-header .button:hover { - color: #31363b; + color: #232627; background-color: rgba(147, 206, 233, 0.5); box-shadow: none; transition: none; } column-header .button:active { - color: #31363b; + color: #232627; background-color: rgba(147, 206, 233, 0.5); transition: none; } -column-header:last-child .button, column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { + +column-header:last-child .button, +column-header:last-child .button:backdrop, column-header:last-child.button, column-header:last-child.button:backdrop { border-right-style: none; } column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover { @@ -2769,24 +2865,24 @@ border-style: none solid solid none; border-radius: 0; background-image: none; - border-color: #c0c2c4; + border-color: #bcbebf; text-shadow: none; } column-header .button:insensitive { - border-color: rgba(174, 176, 179, 0.35); - color: rgba(45, 49, 54, 0.35); - background-color: rgba(216, 218, 221, 0.35); + border-color: rgba(170, 173, 174, 0.35); + color: rgba(32, 35, 35, 0.35); + background-color: #d8dadd; background-image: none; } column-header .button:backdrop { - border-color: #c0c2c4; + border-color: #bcbebf; border-style: none solid solid none; - color: #31363b; + color: #232627; background-image: none; background-color: #eff0f1; } column-header .button:backdrop:insensitive { - border-color: rgba(174, 176, 179, 0.35); + border-color: rgba(170, 173, 174, 0.35); background-image: none; - background-color: rgba(216, 218, 221, 0.35); - color: rgba(45, 49, 54, 0.35); } + background-color: #d8dadd; + color: rgba(32, 35, 35, 0.35); } /********************** * Window Decorations * @@ -2816,7 +2912,7 @@ .window-frame.solid-csd { border-radius: 0; margin: 0px; - background-color: #556068; + background-color: #eff0f1; border: none; box-shadow: none; } @@ -2912,16 +3008,19 @@ background-position: center; background-repeat: no-repeat; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:hover, .maximized .titlebar .button.titlebutton.maximize:hover { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:active, .maximized .titlebar .button.titlebutton.maximize:active { border-color: transparent; background-color: transparent; background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } + .maximized .header-bar .button.titlebutton.maximize:backdrop, .maximized .titlebar .button.titlebutton.maximize:backdrop { border-color: transparent; diff --git a/Breeze-gtk/gtk-3.20/common.css b/Breeze-gtk/gtk-3.20/common.css deleted file mode 100644 --- a/Breeze-gtk/gtk-3.20/common.css +++ /dev/null @@ -1,3693 +0,0 @@ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: @error_color; - -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: @theme_fg_color; - background-color: @theme_bg_color; } - .background:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color; - background-color: @theme_bg_color; } - -/* - 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: @theme_bg_color; - color: @theme_fg_color; } - .gtkstyle-fallback:hover { - background-color: white; - color: @theme_fg_color; } - .gtkstyle-fallback:active { - background-color: @extra_dull_borders; - color: @theme_fg_color; } - .gtkstyle-fallback:disabled { - background-color: @insensitive_bg_color; - color: @insensitive_fg_color; } - .gtkstyle-fallback:selected { - background-color: @theme_selected_bg_color; - color: @theme_base_color; } - -.view text, -textview text, -.view { - color: @theme_text_color; - background-color: @theme_base_color; } - .view text:backdrop, - textview text:backdrop, - .view:backdrop { - color: @theme_text_color; - background-color: @theme_base_color; } - .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: @theme_base_color; - background-image: image(@borders); - background-repeat: no-repeat; } - textview border:backdrop { - background-color: @theme_base_color; } - 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 @theme_selected_bg_color; - background-color: alpha(@theme_selected_bg_color, 0.2); } - .rubberband:backdrop, - rubberband:backdrop, - treeview.view rubberband:backdrop { - border-color: @theme_selected_bg_color; - background-color: alpha(@theme_selected_bg_color, 0.2); } - -flowbox flowboxchild { - padding: 3px; - border-radius: 3px; } - flowbox flowboxchild:selected { - outline-offset: 0px; } - -label.separator { - color: @theme_fg_color; } - label.separator:backdrop { - color: @theme_fg_color; } -label selection { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } -label:disabled { - color: @insensitive_fg_color; } - label:disabled:backdrop { - color: @insensitive_fg_color; } -label:backdrop { - color: @theme_fg_color; } - -.dim-label, label.separator, -headerbar .subtitle { - opacity: 0.5; - text-shadow: none; } - -assistant .sidebar { - background-color: @theme_fg_color; - border-top: 1px solid @borders; } - assistant .sidebar:backdrop { - background-color: @theme_fg_color; - border-color: @borders; } -assistant.csd .sidebar { - border-top-style: none; } -assistant .sidebar label { - padding: 6px 12px; } -assistant .sidebar label.highlight { - background-color: @extra_dull_borders; } - -.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: @theme_fg_color; - border: 1px solid @borders; - background-color: alpha(@theme_bg_color, 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: @theme_fg_color; - background-color: alpha(@theme_bg_color, 0.8); - -gtk-icon-shadow: none; } - -.view text:selected:focus, -textview text:selected:focus, .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 { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } - 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, - entry selection:hover, row:hover:selected, .sidebar:hover:selected { - background-color: @decoration_hover; - color: @theme_text_color; } - 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, - entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected { - background-color: @theme_unfocused_selected_bg_color; - color: @theme_selected_fg_color; } - -.view text:selected:focus, -textview text:selected:focus, .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 { - background-color: @theme_selected_bg_color; - border-radius: 0px; } - .view text:selected:focus, - textview text:selected:focus, .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: @theme_selected_fg_color; } - 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, - entry selection:disabled, row:disabled:selected, .sidebar:disabled:selected { - color: @insensitive_bg_color; } - 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, - entry selection:backdrop, row:backdrop:selected, .sidebar:backdrop:selected { - color: @theme_selected_fg_color; } - .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: @insensitive_bg_color; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(@theme_selected_bg_color), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), 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; - border-radius: 3px; - padding: 4px 6px; - background-clip: border-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } - 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: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - 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 { - background-color: @borders; } - notebook > header > tabs > arrow:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, - button:hover, notebook > header > tabs > arrow.osd:hover { - color: @theme_fg_color; - border-color: @decoration_hover; - -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: @theme_selected_fg_color; - border-color: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); - 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: @theme_fg_color; - border-color: @decoration_hover; - background-image: linear-gradient(to bottom, @notebook_gradient_top, @notebook_gradient_bottom); } - 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: @theme_text_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); - -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 { - color: @theme_selected_fg_color; - border-color: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } - notebook > header > tabs > arrow:backdrop:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, - button:backdrop:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - 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: @insensitive_bg_color; - border-color: @disabled_highlight; - background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } - 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: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color; } - 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: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: @insensitive_fg_color; } - notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, - button.flat:backdrop:disabled { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: @insensitive_fg_color; } - notebook > header > tabs > arrow:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, - button:disabled, notebook > header > tabs > arrow.osd:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - 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: @insensitive_bg_color; - border-color: @disabled_highlight; - background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } - 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 { - border-color: @theme_selected_bg_color; } - 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) { - color: @theme_selected_fg_color; - 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: @theme_selected_fg_color; } -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 alpha(@shadow_color, 0.1); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_selected_fg_color; - border-color: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @action_button_gradient_top, @action_button_gradient_bottom); } - 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: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_selected_bg_color; } - 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: @theme_selected_bg_color; } - 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: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } - 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; - border-color: @borders; - background-image: linear-gradient(to bottom, @action_button_gradient_top, @action_button_gradient_bottom); } - 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: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } - 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: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - 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: @disabled_check; - border-color: @disabled_highlight; - background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } - 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 { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(@theme_selected_bg_color, 0.8); } - 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: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - 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: @disabled_check; - border-color: @disabled_highlight; - background-image: linear-gradient(to bottom, @disabled_highlight_top, @disabled_highlight_bottom); } - 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 alpha(@shadow_color, 0.1); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_selected_fg_color; - border-color: @error_color; - background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } - 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: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: @error_color; } - 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: @error_color; } - 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: @error_color; - background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } - 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, 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.osd - button:backdrop, - button.destructive-action.osd - button.flat:backdrop { - color: white; - border-color: @borders; - background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } - popover.background.touch-selection button.destructive-action:backdrop:active, popover.background.magnifier button.destructive-action:backdrop:active, popover.background.touch-selection button.destructive-action:backdrop:checked, popover.background.magnifier button.destructive-action:backdrop:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:active, popover.background.magnifier button.destructive-action.flat:backdrop:active, popover.background.touch-selection button.destructive-action.flat:backdrop:checked, popover.background.magnifier button.destructive-action.flat:backdrop:checked, popover.background.touch-selection button.destructive-action.osd button:backdrop:active, popover.background.magnifier button.destructive-action.osd button:backdrop:active, popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, popover.background.magnifier button.destructive-action.osd button:backdrop:checked, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked, - button.destructive-action.osd popover.background.touch-selection button:backdrop:active, - popover.background.touch-selection button.destructive-action.osd button:backdrop:active, - button.destructive-action.osd popover.background.magnifier button:backdrop:active, - popover.background.magnifier button.destructive-action.osd button:backdrop:active, - button.destructive-action.osd popover.background.touch-selection button:backdrop:checked, - popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, - button.destructive-action.osd popover.background.magnifier button:backdrop:checked, - popover.background.magnifier button.destructive-action.osd button:backdrop:checked, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:active, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:active, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:checked, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:checked, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, popover.background.touch-selection button.destructive-action.osd - button:backdrop:active, popover.background.magnifier button.destructive-action.osd - button:backdrop:active, popover.background.touch-selection button.destructive-action.osd - button:backdrop:checked, popover.background.magnifier button.destructive-action.osd - button:backdrop:checked, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:active, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:active, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:checked, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:checked, - button.destructive-action.osd - button:backdrop:active, - button.destructive-action.osd - button:backdrop:checked, - button.destructive-action.osd - button.flat:backdrop:active, - button.destructive-action.osd - button.flat:backdrop:checked { - color: white; - border-color: @error_color; - background-image: linear-gradient(to bottom, @destructive_gradient_top, @destructive_gradient_bottom); } - popover.background.touch-selection button.destructive-action:backdrop:disabled, popover.background.magnifier button.destructive-action:backdrop:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled, - button.destructive-action.osd - button:backdrop:disabled, - button.destructive-action.osd - button.flat:backdrop:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - popover.background.touch-selection button.destructive-action:backdrop:disabled > .label, popover.background.magnifier button.destructive-action:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, - button.destructive-action:backdrop:disabled > .label, - button.destructive-action.flat:backdrop:disabled > .label, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled > .label, - button.destructive-action.osd - button:backdrop:disabled > .label, - button.destructive-action.osd - button.flat:backdrop:disabled > .label { - color: inherit; } - popover.background.touch-selection button.destructive-action:backdrop:disabled:active, popover.background.magnifier button.destructive-action:backdrop:disabled:active, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked, popover.background.magnifier button.destructive-action:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled:checked, - button.destructive-action.osd - button:backdrop:disabled:active, - button.destructive-action.osd - button:backdrop:disabled:checked, - button.destructive-action.osd - button.flat:backdrop:disabled:active, - button.destructive-action.osd - button.flat:backdrop:disabled:checked { - color: @disabled_check; - border-color: alpha(@destructive_gradient_bottom, 0.35); - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - popover.background.touch-selection button.destructive-action:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, - button.destructive-action:backdrop:disabled:active > .label, - button.destructive-action:backdrop:disabled:checked > .label, - button.destructive-action.flat:backdrop:disabled:active > .label, - button.destructive-action.flat:backdrop:disabled:checked > .label, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, - button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, - popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, - button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, - popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd - button:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd - button:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled:checked > .label, - button.destructive-action.osd - button:backdrop:disabled:active > .label, - button.destructive-action.osd - button:backdrop:disabled:checked > .label, - button.destructive-action.osd - button.flat:backdrop:disabled:active > .label, - button.destructive-action.osd - button.flat:backdrop:disabled:checked > .label { - color: inherit; } - popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, popover.background.touch-selection button.destructive-action.flat:disabled, popover.background.magnifier button.destructive-action.flat:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, popover.background.magnifier button.destructive-action.osd button.flat:backdrop, popover.background.touch-selection button.destructive-action.osd button.flat:disabled, popover.background.magnifier button.destructive-action.osd button.flat:disabled, popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled, - 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, - button.destructive-action.osd popover.background.touch-selection button.flat:disabled, - popover.background.touch-selection button.destructive-action.osd button.flat:disabled, - button.destructive-action.osd popover.background.magnifier button.flat:disabled, - popover.background.magnifier button.destructive-action.osd button.flat:disabled, - button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, - popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, - button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, - popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop, popover.background.touch-selection button.destructive-action.osd - button.flat:disabled, popover.background.magnifier button.destructive-action.osd - button.flat:disabled, popover.background.touch-selection button.destructive-action.osd - button.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.osd - button.flat:backdrop:disabled, - button.destructive-action.osd - button.flat:backdrop, - button.destructive-action.osd - button.flat:disabled, - button.destructive-action.osd - button.flat:backdrop:disabled { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - color: alpha(@error_color, 0.8); } - popover.background.touch-selection button.destructive-action:disabled, popover.background.magnifier button.destructive-action:disabled, popover.background.touch-selection button.destructive-action.osd button:disabled, popover.background.magnifier button.destructive-action.osd button:disabled, - button.destructive-action:disabled, - button.destructive-action.osd popover.background.touch-selection button:disabled, - popover.background.touch-selection button.destructive-action.osd button:disabled, - button.destructive-action.osd popover.background.magnifier button:disabled, - popover.background.magnifier button.destructive-action.osd button:disabled, popover.background.touch-selection button.destructive-action.osd - button:disabled, popover.background.magnifier button.destructive-action.osd - button:disabled, - button.destructive-action.osd - button:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - popover.background.touch-selection button.destructive-action:disabled > .label, popover.background.magnifier button.destructive-action:disabled > .label, popover.background.touch-selection button.destructive-action.osd button:disabled > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled > .label, popover.background.magnifier button.destructive-action.osd button:disabled > .label, - button.destructive-action:disabled > .label, - button.destructive-action.osd popover.background.touch-selection button:disabled > .label, - popover.background.touch-selection button.destructive-action.osd button:disabled > .label, - button.destructive-action.osd popover.background.magnifier button:disabled > .label, - popover.background.magnifier button.destructive-action.osd button:disabled > .label, popover.background.touch-selection button.destructive-action.osd - button:disabled > .label, popover.background.magnifier button.destructive-action.osd - button:disabled > .label, - button.destructive-action.osd - button:disabled > .label { - color: inherit; } - popover.background.touch-selection button.destructive-action:disabled:active, popover.background.magnifier button.destructive-action:disabled:active, popover.background.touch-selection button.destructive-action:disabled:checked, popover.background.magnifier button.destructive-action:disabled:checked, popover.background.touch-selection button.destructive-action.osd button:disabled:active, popover.background.magnifier button.destructive-action.osd button:disabled:active, popover.background.touch-selection button.destructive-action.osd button:disabled:checked, popover.background.magnifier button.destructive-action.osd button:disabled:checked, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked, - button.destructive-action.osd popover.background.touch-selection button:disabled:active, - popover.background.touch-selection button.destructive-action.osd button:disabled:active, - button.destructive-action.osd popover.background.magnifier button:disabled:active, - popover.background.magnifier button.destructive-action.osd button:disabled:active, - button.destructive-action.osd popover.background.touch-selection button:disabled:checked, - popover.background.touch-selection button.destructive-action.osd button:disabled:checked, - button.destructive-action.osd popover.background.magnifier button:disabled:checked, - popover.background.magnifier button.destructive-action.osd button:disabled:checked, popover.background.touch-selection button.destructive-action.osd - button:disabled:active, popover.background.magnifier button.destructive-action.osd - button:disabled:active, popover.background.touch-selection button.destructive-action.osd - button:disabled:checked, popover.background.magnifier button.destructive-action.osd - button:disabled:checked, - button.destructive-action.osd - button:disabled:active, - button.destructive-action.osd - button:disabled:checked { - color: @disabled_check; - border-color: @disabled_highlight; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - popover.background.touch-selection button.destructive-action:disabled:active > .label, popover.background.magnifier button.destructive-action:disabled:active > .label, popover.background.touch-selection button.destructive-action:disabled:checked > .label, popover.background.magnifier button.destructive-action:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, - button.destructive-action:disabled:active > .label, - button.destructive-action:disabled:checked > .label, - button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, - popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, - button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, - popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, - button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, - popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, - button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, - popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, popover.background.touch-selection button.destructive-action.osd - button:disabled:active > .label, popover.background.magnifier button.destructive-action.osd - button:disabled:active > .label, popover.background.touch-selection button.destructive-action.osd - button:disabled:checked > .label, popover.background.magnifier button.destructive-action.osd - button:disabled:checked > .label, - button.destructive-action.osd - button:disabled:active > .label, - button.destructive-action.osd - button:disabled:checked > .label { - color: inherit; } -popover.background.touch-selection .stack-switcher > button > label, popover.background.magnifier .stack-switcher > button > label, .stack-switcher > -button > label { - padding-left: 6px; - padding-right: 6px; } -popover.background.touch-selection .stack-switcher > button > image, popover.background.magnifier .stack-switcher > button > image, .stack-switcher > -button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } -popover.background.touch-selection .stack-switcher > button.text-button, popover.background.magnifier .stack-switcher > button.text-button, .stack-switcher > -button.text-button { - padding: 6px; } -popover.background.touch-selection .stack-switcher > button.image-button, popover.background.magnifier .stack-switcher > button.image-button, .stack-switcher > -button.image-button { - padding: 3px 0px; } -popover.background.touch-selection .stack-switcher > button.needs-attention:active > label, popover.background.magnifier .stack-switcher > button.needs-attention:active > label, popover.background.touch-selection .stack-switcher > button.needs-attention:active > image, popover.background.magnifier .stack-switcher > button.needs-attention:active > image, popover.background.touch-selection .stack-switcher > button.needs-attention:checked > label, popover.background.magnifier .stack-switcher > button.needs-attention:checked > label, popover.background.touch-selection .stack-switcher > button.needs-attention:checked > image, popover.background.magnifier .stack-switcher > button.needs-attention:checked > image, .stack-switcher > -button.needs-attention:active > label, .stack-switcher > -button.needs-attention:active > image, .stack-switcher > -button.needs-attention:checked > label, .stack-switcher > -button.needs-attention:checked > image { - animation: none; - background-image: none; } -.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar popover.background.touch-selection button:backdrop, popover.background.touch-selection .inline-toolbar button:backdrop, .inline-toolbar popover.background.magnifier button:backdrop, popover.background.magnifier .inline-toolbar button:backdrop, .inline-toolbar -button, .inline-toolbar -button:backdrop { - border-radius: 3px; - border-width: 1px; } -.primary-toolbar popover.background.touch-selection button, popover.background.touch-selection .primary-toolbar button, .primary-toolbar popover.background.magnifier button, popover.background.magnifier .primary-toolbar button, .primary-toolbar -button { - -gtk-icon-shadow: none; } - -/************** - * ComboBoxes * - **************/ -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; } - -popover.background.touch-selection .stack-switcher > button.needs-attention > label, popover.background.magnifier .stack-switcher > button.needs-attention > label, popover.background.touch-selection .stack-switcher > button.needs-attention > image, popover.background.magnifier .stack-switcher > button.needs-attention > image, .stack-switcher > -button.needs-attention > label, .stack-switcher > -button.needs-attention > image, stacksidebar.sidebar row.needs-attention > .label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_fg_color), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > - button.needs-attention > label:backdrop, .stack-switcher > - button.needs-attention > image:backdrop, stacksidebar.sidebar row.needs-attention > .label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > - button.needs-attention > label:dir(rtl), .stack-switcher > - button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > .label:dir(rtl) { - background-position: left 3px, left 4px; } - -.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar -button, .inline-toolbar -button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop { - border-radius: 3px; } - .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button:dir(rtl), popover.background.touch-selection .inline-toolbar button:dir(rtl), .inline-toolbar popover.background.magnifier button:dir(rtl), popover.background.magnifier .inline-toolbar button:dir(rtl), .inline-toolbar - button:dir(rtl), popover.background.touch-selection .linked > button:dir(rtl), popover.background.magnifier .linked > button:dir(rtl), .linked > - button:dir(rtl) { - border-radius: 3px; } - -.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar -button, .inline-toolbar -button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop { - margin-left: 2px; - margin-right: 2px; } - .inline-toolbar popover.background.touch-selection button:first-child, popover.background.touch-selection .inline-toolbar button:first-child, .inline-toolbar popover.background.magnifier button:first-child, popover.background.magnifier .inline-toolbar button:first-child, .inline-toolbar - button:first-child, popover.background.touch-selection .linked > button:first-child, popover.background.magnifier .linked > button:first-child, .linked > - button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-radius: 3px; - border-style: solid; } - .inline-toolbar popover.background.touch-selection button:last-child, popover.background.touch-selection .inline-toolbar button:last-child, .inline-toolbar popover.background.magnifier button:last-child, popover.background.magnifier .inline-toolbar button:last-child, .inline-toolbar - button:last-child, popover.background.touch-selection .linked > button:last-child, popover.background.magnifier .linked > button:last-child, .linked > - button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-radius: 3px; } - .inline-toolbar popover.background.touch-selection button:only-child, popover.background.touch-selection .inline-toolbar button:only-child, .inline-toolbar popover.background.magnifier button:only-child, popover.background.magnifier .inline-toolbar button:only-child, .inline-toolbar - button:only-child, popover.background.touch-selection .linked > button:only-child, popover.background.magnifier .linked > button:only-child, .linked > - button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > combobox > box > button.combo, popover.background.touch-selection .linked.vertical > button, popover.background.magnifier .linked.vertical > button, .linked.vertical > -button, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop { - border-style: solid; - border-radius: 3px; } - -popover.background.touch-selection .linked.vertical > button:first-child, popover.background.magnifier .linked.vertical > button:first-child, .linked.vertical > -button:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-radius: 3px; } -popover.background.touch-selection .linked.vertical > button:last-child, popover.background.magnifier .linked.vertical > button:last-child, .linked.vertical > -button:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-radius: 3px; - border-style: solid; } -popover.background.touch-selection .linked.vertical > button:only-child, popover.background.magnifier .linked.vertical > button:only-child, .linked.vertical > -button:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 3px; - border-style: solid; } - -.app-notification button.flat, -.app-notification.frame button.flat, .app-notification button.flat:hover, -.app-notification.frame button.flat:hover, .app-notification button.flat:active, -.app-notification.frame button.flat:active, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, -.app-notification.frame button.flat:backdrop, -.app-notification.frame button.flat:disabled, -.app-notification.frame button.flat:backdrop:disabled, calendar.button, calendar.button:hover, calendar.button:active, calendar.button:backdrop, -headerbar button.flat:disabled, button:link, -button:visited, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, modelbutton.flat, popover.background checkbutton, -popover.background radiobutton, -.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, -popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, -popover.background radiobutton:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, scrollbar button:backdrop, button.sidebar-button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -/**************** - * Text Entries * - ****************/ -spinbutton:not(.vertical), -entry { - min-height: 30px; - padding-left: 8px; - padding-right: 8px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: @theme_text_color; - border-color: @borders; - background-color: @theme_base_color; - box-shadow: none; } - spinbutton:not(.vertical) image.left, - entry image.left { - padding-left: 0; - padding-right: 6px; } - spinbutton:not(.vertical) image.right, - entry image.right { - padding-left: 6px; - padding-right: 0; } - spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), - entry.flat:focus, - entry.flat { - min-height: 0; - padding: 2px; - color: @theme_text_color; - border-color: @borders; - background-color: @theme_base_color; - box-shadow: none; } - spinbutton:focus:not(.vertical), - entry:focus { - border-color: @theme_selected_bg_color; } - spinbutton:disabled:not(.vertical), - entry:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-color: @disabled_bg; } - spinbutton:backdrop:not(.vertical), - entry:backdrop { - color: @theme_text_color; - border-color: @borders; - background-color: @theme_base_color; } - spinbutton:backdrop:disabled:not(.vertical), - entry:backdrop:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-color: @disabled_bg; } - spinbutton.error:not(.vertical), - entry.error { - color: @error_color; - border-color: @error_color; - background-color: alpha(@error_color, 0.5); } - spinbutton.error:focus:not(.vertical), - entry.error:focus { - border-color: @error_color; - background-color: alpha(@error_color, 0.5); } - spinbutton.error:selected:not(.vertical), spinbutton.error:selected:focus:not(.vertical), - entry.error:selected, - entry.error:selected:focus { - background-color: @error_color; } - spinbutton.error:backdrop:not(.vertical), - entry.error:backdrop { - color: @error_color; - border-color: @error_color; - background-color: alpha(@error_color, 0.5); } - spinbutton.warning:not(.vertical), - entry.warning { - color: @warning_color; - border-color: @warning_color; - background-color: alpha(@warning_color, 0.5); } - spinbutton.warning:focus:not(.vertical), - entry.warning:focus { - border-color: @warning_color; - background-color: alpha(@warning_color, 0.5); } - spinbutton.warning:selected:not(.vertical), spinbutton.warning:selected:focus:not(.vertical), - entry.warning:selected, - entry.warning:selected:focus { - background-color: @warning_color; } - spinbutton.warning:backdrop:not(.vertical), - entry.warning:backdrop { - color: @warning_color; - border-color: @warning_color; - background-color: alpha(@warning_color, 0.5); } - spinbutton:not(.vertical) image, - entry image { - color: @theme_text_color; } - spinbutton:not(.vertical) image:hover, - entry image:hover { - color: @decoration_hover; } - spinbutton:not(.vertical) image:active, - entry image:active { - color: @theme_selected_bg_color; } - spinbutton:not(.vertical) image:backdrop, - entry image:backdrop { - color: @theme_text_color; } -spinbutton:not(.vertical) progress, -entry progress { - margin: 1px; - border-radius: 0; - border-width: 0 0 2px; - border-color: @theme_selected_bg_color; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } - spinbutton:not(.vertical) progress:backdrop, - entry progress:backdrop { - background-color: transparent; - border-color: @theme_unfocused_selected_bg_color; } - -treeview acceleditor > label { - background-color: @theme_selected_bg_color; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: @theme_base_color; } - treeview entry.flat:focus, treeview entry:focus { - border-color: @theme_selected_bg_color; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-top-width: 0px; - border-radius: 0px 0px 3px 3px; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; } - .app-notification button, - .app-notification.frame button { - box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } - .app-notification button.flat, - .app-notification.frame button.flat { - -gtk-icon-shadow: none; - text-shadow: none; } - .app-notification button.flat:hover, - .app-notification.frame button.flat:hover { - color: @decoration_hover; } - .app-notification button.flat:active, - .app-notification.frame button.flat:active { - color: @theme_selected_bg_color; } - .app-notification button:hover, - .app-notification.frame button:hover { - color: @theme_fg_color; - border-color: @decoration_hover; } - .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked, - .app-notification.frame button:active, - .app-notification.frame button:checked, - .app-notification.frame button:backdrop:active, - .app-notification.frame button:backdrop:checked { - color: @theme_selected_fg_color; - border-color: @theme_selected_bg_color; - background-image: linear-gradient(to bottom, @active_button_gradient_top, @active_button_gradient_bottom); } - .app-notification button:disabled, .app-notification button:backdrop:disabled, - .app-notification.frame button:disabled, - .app-notification.frame button:backdrop:disabled { - color: @insensitive_fg_color; - border-color: @insensitive_borders; - background-image: linear-gradient(to bottom, @disabled_gradient_top, @disabled_gradient_bottom); } - .app-notification button:disabled > .label, .app-notification button:backdrop:disabled > .label, - .app-notification.frame button:disabled > .label, - .app-notification.frame button:backdrop:disabled > .label { - color: inherit; } - .app-notification button:backdrop, - .app-notification.frame button:backdrop { - color: @theme_fg_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } - .app-notification border, - .app-notification.frame border { - border: none; } - -/************ - * Calendar * - ***********/ -calendar { - color: @theme_text_color; - border: 1px solid @borders; - background-color: @theme_base_color; } - calendar:selected { - background-color: @borders; } - calendar.header { - border: 1px solid @borders; - border-radius: 0; - color: @theme_fg_color; } - calendar.header:backdrop { - color: @theme_fg_color; - border-color: @borders; } - calendar.button { - color: @theme_fg_color; } - calendar.button:hover { - color: @decoration_hover; } - calendar.button:active { - color: @theme_selected_bg_color; } - calendar.button:backdrop { - color: @theme_fg_color; } - calendar:indeterminate, calendar.highlight { - color: alpha(@dark_overlay_color, 0.5); } - calendar:indeterminate:backdrop, calendar.highlight:backdrop { - color: alpha(@dark_overlay_color, 0.5); } - calendar:backdrop { - color: @theme_text_color; - border-color: @borders; - background-color: @theme_base_color; } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); - background-color: transparent; } - -.view.content-view.check:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); - background-color: transparent; } - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check { - margin: 0 4px; - min-height: 18px; - min-width: 18px; - animation: none; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } - check:only-child { - margin: 0; } - check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); } - check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); } - check:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); } - check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:indeterminate:active { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); } - check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); } - check:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); } - check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); } - check:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); } - check:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - check:checked:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); } - check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - check:indeterminate:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); } - menu menuitem check { - margin: 0; - min-height: 18px; - min-width: 18px; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - animation: none; } - menu menuitem check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } - menu menuitem check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - menu menuitem check:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } - -radio { - margin: 0 4px; - min-height: 18px; - min-width: 18px; - animation: none; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } - radio:only-child { - margin: 0; } - radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); } - radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); } - radio:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); } - radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:checked:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:indeterminate:active { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); } - radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); } - radio:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); } - radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:checked:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:indeterminate:backdrop { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); } - radio:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); } - radio:checked { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - radio:checked:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); } - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - radio:indeterminate:backdrop:disabled { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); } - menu menuitem radio { - margin: 0; - min-height: 18px; - min-width: 18px; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - animation: none; } - menu menuitem radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } - menu menuitem radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - menu menuitem radio:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } - -/***************** - * Color Chooser * - *****************/ -:selected colorswatch { - box-shadow: none; } - :selected colorswatch.overlay, :selected colorswatch.overlay:hover { - border-color: @theme_bg_color; } -colorswatch:selected { - box-shadow: none; } -colorswatch.top, colorswatch.bottom, colorswatch.left, colorswatch:first-child:not(.overlay):not(.top), colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom), colorswatch:only-child:not(.overlay), colorswatch.top > .overlay, colorswatch.bottom > .overlay, colorswatch:first-child:not(.top) > .overlay, colorswatch:last-child:not(.bottom) > .overlay, colorswatch:only-child > .overlay { - border-radius: 3px; } -colorswatch:hover, colorswatch:hover:selected { - background-image: linear-gradient(135deg, alpha(@glow_color, 0.7), alpha(@glow_color, 0) 50%); - box-shadow: inset 0 1px alpha(@glow_color, 0.4); } - colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark { - background-image: linear-gradient(135deg, alpha(@glow_color, 0.5), alpha(@glow_color, 0) 50%); } -colorswatch:backdrop, colorswatch:backdrop:selected -colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected { - background-image: none; - box-shadow: none; } -GtkColorEditor colorswatch { - border-radius: 3px; } - GtkColorEditor colorswatch:hover { - background-image: none; - box-shadow: none; } - GtkColorEditor colorswatch:backdrop { - box-shadow: none; } -colorswatch.color-dark { - color: white; - outline-color: alpha(@shadow_color, 0.3); } - colorswatch.color-dark:backdrop { - color: alpha(@glow_color, 0.3); } -colorswatch.color-light { - color: black; - outline-color: alpha(@glow_color, 0.5); } - colorswatch.color-light:backdrop { - color: alpha(@shadow_color, 0.3); } -colorswatch overlay, -colorswatch overlay:selected { - border: 1px solid @borders; } - colorswatch overlay:hover, - colorswatch overlay:selected:hover { - border-color: @decoration_hover; } -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - box-shadow: 1px 1px 1px alpha(@shadow_color, 0.1); - text-shadow: none; - -gtk-icon-shadow: none; - color: @theme_fg_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } - colorswatch#add-color-button:hover { - color: @theme_fg_color; - border-color: @decoration_hover; } - colorswatch#add-color-button:backdrop { - color: @theme_fg_color; - border-color: @borders; - background-image: linear-gradient(to bottom, @button_gradient_top, @button_gradient_bottom); } - colorswatch#add-color-button overlay { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_text_color; - text-shadow: none; - -gtk-icon-shadow: none; } - -GtkColorButton.button { - padding: 5px; } - GtkColorButton.button GtkColorSwatch:first-child:last-child { - border-radius: 0; - box-shadow: none; } - GtkColorButton.button GtkColorSwatch:first-child:last-child:disabled, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { - box-shadow: none; } - -/*********** - * Dialogs * - ***********/ -messagedialog.background { - background-color: @theme_bg_color; } -messagedialog:backdrop { - background-color: @theme_bg_color; } -messagedialog .titlebar { - min-height: 32px; - background-color: transparent; - background-image: linear-gradient(to bottom, @headerbar_gradient_top, @headerbar_gradient_bottom); - box-shadow: none; } -messagedialog .dialog-action-area { - padding: 8px; } -messagedialog button { - margin: 2px; } - -filechooser .search-bar { - background-color: @theme_bg_color; - border-color: @theme_bg_color; - box-shadow: none; } - filechooser .search-bar:backdrop { - background-color: @theme_bg_color; - border-color: @theme_bg_color; - color: @theme_text_color; } -filechooser .dialog-action-box { - border-top: 1px solid @borders; } - filechooser .dialog-action-box:backdrop { - border-top-color: @borders; } -filechooser #pathbarbox { - background-color: @theme_bg_color; - border-bottom: 1px solid @borders; } - -/*************** - * Header bars * - ***************/ -headerbar { - transition: none; - padding: 0px 6px; - border-width: 0px 0px 1px 0px; - border-radius: 3px 3px 0px 0px; - border-style: solid; - border-color: @headerbar_separator; - color: @headerbar_selected_fg_color; - background-image: linear-gradient(to bottom, @headerbar_gradient_top, @headerbar_gradient_bottom); } - headerbar:backdrop { - border-color: transparent; - background-image: none; - background-color: @headerbar_bg_color; - color: @headerbar_backdrop; - box-shadow: none; } - headerbar label { - font-weight: normal; } - headerbar label:backdrop { - color: @headerbar_backdrop; } - headerbar .path-bar button { - color: @headerbar_selected_fg_color; - font-weight: normal; } - headerbar .path-bar button:backdrop { - color: @headerbar_backdrop; } - headerbar button { - transition: none; - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @headerbar_selected_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; } - headerbar button.flat { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @headerbar_selected_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; } - headerbar button:hover { - color: @headerbar_selected_fg_color; - border-color: @headerbar_decoration_hover; } - headerbar button:hover:backdrop { - border-color: @headerbar_bg_color; } - headerbar button:active, - headerbar button:checked { - color: @headerbar_fg_color; - border-color: @headerbar_selected_bg_color; - background-image: linear-gradient(to bottom, @headerbar_active_button_gradient_top, @headerbar_active_button_gradient_bottom); } - headerbar button:active:hover, - headerbar button:checked:hover { - color: @headerbar_fg_color; - border-color: @headerbar_decoration_hover; - background-image: linear-gradient(to bottom, @notebook_gradient_top, @notebook_gradient_bottom); } - headerbar button:active:backdrop, - headerbar button:checked:backdrop { - background-image: none; - background-color: @headerbar_bg_color; - border-color: @headerbar_bg_color; - color: @headerbar_backdrop; } - headerbar button:backdrop { - border-color: transparent; - background-image: none; - background-color: @headerbar_bg_color; - color: @headerbar_backdrop; } - headerbar button.flat:backdrop, - headerbar button.flat:backdrop:disabled, - headerbar button:disabled:backdrop { - background-image: none; - background-color: @headerbar_bg_color; - color: @headerbar_backdrop; - border-color: transparent; } - headerbar button.flat:disabled { - color: @headerbar_insensitive_bg_color; } - headerbar button:disabled { - background-color: transparent; - background-image: none; - border-color: transparent; - color: @headerbar_insensitive_bg_color; } - headerbar button:disabled:active, - headerbar button:disabled:checked { - color: @headerbar_insensitive_bg_color; - border-color: @headerbar_disabled_highlight; - background-image: linear-gradient(to bottom, @headerbar_disabled_highlight_top, @headerbar_disabled_highlight_bottom); } - headerbar button:disabled:active > .label, - headerbar button:disabled:checked > .label { - color: inherit; } - headerbar .title { - font-weight: normal; - padding: 0px 12px; } - headerbar .title:backdrop { - color: @headerbar_backdrop; } - headerbar .subtitle { - font-size: smaller; - padding: 0 12px; } - headerbar .subtitle:backdrop { - color: @headerbar_backdrop; } - headerbar separator { - border-width: 0px; - background-color: transparent; - background-image: none; - border-color: transparent; } - headerbar.selection-mode .selection-menu { - padding: 4px 6px; } - headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -gtk-icon-shadow: none; } - .tiled - headerbar, .maximized - headerbar { - border-radius: 0; } - -headerbar entry, -headerbar spinbutton, -headerbar separator, -headerbar button { - margin-top: 3px; - margin-bottom: 3px; } - -headerbar button.suggested-action, -headerbar.selection-mode.suggested-action { - background-image: none; - background-color: @headerbar_selected_bg_color; } - headerbar button.suggested-action:hover, - headerbar.selection-mode.suggested-action:hover { - background-color: @headerbar_decoration_hover; - color: @headerbar_fg_color; } - headerbar button.suggested-action:disabled, - headerbar.selection-mode.suggested-action:disabled { - background-color: transparent; - background-image: none; - color: @headerbar_insensitive_bg_color; } - headerbar button.suggested-action:disabled:active, - headerbar.selection-mode.suggested-action:disabled:active, - headerbar button.suggested-action:disabled:checked, - headerbar.selection-mode.suggested-action:disabled:checked { - color: @headerbar_insensitive_bg_color; - border-color: @headerbar_disabled_highlight; - background-image: linear-gradient(to bottom, @headerbar_disabled_highlight_top, @headerbar_disabled_highlight_bottom); } - headerbar button.suggested-action:disabled:active > .label, - headerbar.selection-mode.suggested-action:disabled:active > .label, - headerbar button.suggested-action:disabled:checked > .label, - headerbar.selection-mode.suggested-action:disabled:checked > .label { - color: inherit; } - headerbar button.suggested-action:backdrop, - headerbar.selection-mode.suggested-action:backdrop { - background-color: @headerbar_bg_color; - border-color: transparent; - color: @headerbar_backdrop; } - headerbar button.suggested-action:backdrop:disabled, - headerbar.selection-mode.suggested-action:backdrop:disabled { - color: @headerbar_action_disabled_backdrop; } - -/************** - * GtkInfoBar * - **************/ -infobar { - border-style: none; - border-bottom: 1px solid @borders; - background-color: @theme_bg_color; - background-image: none; } - infobar:backdrop { - border-bottom: 1px solid @borders; } - -.info, -headerbar.selection-mode, -.question, -.warning, -.error { - background-color: @headerbar_bg_color; - background-image: none; - color: @warning_color; - text-shadow: none; } - .info:backdrop, - headerbar.selection-mode:backdrop, - .question:backdrop, - .warning:backdrop, - .error:backdrop { - background-color: @headerbar_bg_color; - color: @warning_color; } - .info button, - headerbar.selection-mode button, - .question button, - .warning button, - .error button { - box-shadow: none; - background-image: none; - background-color: alpha(@warning_color, 0.5); - border-color: alpha(@warning_color, 0.5); - color: @headerbar_fg_color; } - .info button:hover, - headerbar.selection-mode button:hover, - .question button:hover, - .warning button:hover, - .error button:hover { - background-color: alpha(@warning_color, 0.25); - border-color: @warning_color; } - .info button:active, - headerbar.selection-mode button:active, .info button:checked, - headerbar.selection-mode button:checked, - .question button:active, - .question button:checked, - .warning button:active, - .warning button:checked, - .error button:active, - .error button:checked { - background-image: linear-gradient(to bottom, @headerbar_error_top, @headerbar_error_bottom); - color: @headerbar_selected_fg_color; - border-color: @warning_color; } - .info button:disabled, - headerbar.selection-mode button:disabled, - .question button:disabled, - .warning button:disabled, - .error button:disabled { - background-color: alpha(@warning_color_deep, 0); - border-color: alpha(@warning_color_deep, 0); - color: @headerbar_insensitive_fg_color; } - .info button:backdrop, - headerbar.selection-mode button:backdrop, - .question button:backdrop, - .warning button:backdrop, - .error button:backdrop { - background-color: alpha(@warning_color, 0.5); - border-color: alpha(@warning_color, 0.5); - color: @headerbar_fg_color; } - .info button:backdrop:active, - headerbar.selection-mode button:backdrop:active, .info button:backdrop:checked, - headerbar.selection-mode button:backdrop:checked, - .question button:backdrop:active, - .question button:backdrop:checked, - .warning button:backdrop:active, - .warning button:backdrop:checked, - .error button:backdrop:active, - .error button:backdrop:checked { - background-image: linear-gradient(to bottom, @headerbar_error_top, @headerbar_error_bottom); - color: @theme_selected_fg_color; - border-color: @warning_color; } - .info button:backdrop:disabled, - headerbar.selection-mode button:backdrop:disabled, - .question button:backdrop:disabled, - .warning button:backdrop:disabled, - .error button:backdrop:disabled { - background-color: alpha(@warning_color_deep, 0); - border-color: alpha(@warning_color_deep, 0); - color: @headerbar_insensitive_fg_color; } - .info button:backdrop:disabled:active, - headerbar.selection-mode button:backdrop:disabled:active, .info button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop:disabled:checked, - .question button:backdrop:disabled:active, - .question button:backdrop:disabled:checked, - .warning button:backdrop:disabled:active, - .warning button:backdrop:disabled:checked, - .error button:backdrop:disabled:active, - .error button:backdrop:disabled:checked { - background-image: linear-gradient(to bottom, alpha(@warning_color, 0.35), alpha(@warning_color_deep, 0.35)); - color: @headerbar_insensitive_bg_color; - border-color: alpha(@warning_color_deep, 0.35); } - -/********* - * Links * - *********/ -button:link > label, -button:visited > label, -*:link, -button:link, -button:visited { - color: @link_color; } - button:link > label:visited, - button:visited > label:visited, - *:link:visited, - button:visited { - color: @visited_link_color; } - *:selected button:link > label:visited, - *:selected button:visited > label:visited, *:selected - *:link:visited, *:selected - button:visited:link, - *:selected button:visited { - color: @link_selected_color; } - button:link > label:hover, - button:visited > label:hover, - *:link:hover, - button:hover:link, - button:hover:visited { - color: @link_hover_color; } - *:selected button:link > label:hover, - *:selected button:visited > label:hover, *:selected - *:link:hover, *:selected - button:hover:link, - *:selected button:hover:visited { - color: @visited_link_hover_color; } - button:link > label:active, - button:visited > label:active, - *:link:active, - button:active:link, - button:active:visited { - color: @link_color; } - *:selected button:link > label:active, - *:selected button:visited > label:active, *:selected - *:link:active, *:selected - button:active:link, - *:selected button:active:visited { - color: @visited_link_selected_color; } - button:link > label:backdrop, - button:visited > label:backdrop, button:link > label:backdrop:hover, - button:visited > label:backdrop:hover, button:link > label:backdrop:hover:selected, - button:visited > label:backdrop:hover:selected, - *:link:backdrop, - button:backdrop:link, - button:backdrop:visited, - *:link:backdrop:hover, - button:backdrop:hover:link, - button:backdrop:hover:visited, - *:link:backdrop:hover:selected, - headerbar.selection-mode .subtitle:backdrop:hover:link, - button:backdrop:hover:selected:link, - button:backdrop:hover:selected:visited { - color: @theme_unfocused_selected_bg_color; } - button:link > label:selected, - button:visited > label:selected, *:selected button:link > label, - *:selected button:visited > label, - *:link:selected, - headerbar.selection-mode .subtitle:link, - button:selected:link, - button:selected:visited, *:selected - *:link, *:selected - button:link, - *:selected button:visited { - color: @visited_link_selected_color; } - -button:link, -button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked { - text-shadow: none; } - button:link > label, - button:visited > label { - text-decoration-line: underline; } - -/********* - * Lists * - *********/ -list { - background-color: @theme_bg_color; - color: @theme_text_color; - border-width: 0px; } - list:backdrop { - background-color: @theme_bg_color; - color: @theme_text_color; } - list row { - padding: 2px; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: @theme_unfocused_selected_bg_color; } - row.activatable:active { - box-shadow: none; - background-color: @theme_selected_bg_color; } - row.activatable:selected:active { - box-shadow: none; - background-color: @theme_selected_bg_color; } - row.activatable:selected.has-open-popup, row.activatable:selected:hover { - color: @theme_text_color; - background-color: @decoration_hover; } - row.activatable:selected:backdrop { - background-color: @theme_selected_bg_color; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: none; - border-style: none; - background-color: @theme_bg_color; } - menubar:backdrop, - .menubar:backdrop { - background-color: @theme_bg_color; } - menubar > menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 4px 6px; - border-style: solid; - border-width: 1px 0px; - border-color: @theme_bg_color; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: @insensitive_fg_color; - box-shadow: none; } - menubar > menuitem:disabled:backdrop, - .menubar > menuitem:disabled:backdrop { - background-color: @theme_bg_color; - color: @insensitive_fg_color; } - menubar > menuitem:backdrop, - .menubar > menuitem:backdrop { - background-color: @theme_bg_color; - border-color: @theme_bg_color; - color: @theme_text_color; } - -menu, -.menu { - padding: 0px; - background-color: @theme_bg_color; - border: 0px solid transparent; - box-shadow: inset 0px 0px 0px 1px @borders; - border-radius: 3px; } - .csd menu, .csd - .menu { - border: 0px solid; - border-radius: 3px; } - menu separator, - .menu separator { - color: @borders; - margin-top: 3px; - margin-bottom: 3px; } - menu menuitem, - .menu menuitem { - text-shadow: none; - min-height: 16px; - min-width: 40px; - padding: 4px 4px; } - menu menuitem:hover, - .menu menuitem:hover { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; } - menu menuitem:disabled, - .menu menuitem:disabled { - color: @insensitive_fg_color; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop { - color: @insensitive_fg_color; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover { - color: @theme_text_color; - background-color: @theme_bg_color; } - menu menuitem arrow, - .menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - menu menuitem arrow:dir(ltr), - .menu menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-left: 10px; } - menu menuitem arrow:dir(rtl), - .menu menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); - margin-right: 10px; } - menu > arrow, - .menu > arrow { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_text_color; - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: transparent; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top { - margin-top: -6px; - border: none; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom { - margin-bottom: -6px; - border: none; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover { - color: @decoration_hover; } - menu > arrow:active, - .menu > arrow:active { - color: @theme_selected_bg_color; } - menu > arrow:backdrop, - .menu > arrow:backdrop { - background-color: @theme_bg_color; } - menu > arrow:disabled, - .menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -menuitem accelerator { - color: alpha(currentColor,0.55); } -menuitem check, -menuitem radio { - min-height: 18px; - min-width: 18px; } - menuitem check:dir(ltr), - menuitem radio:dir(ltr) { - margin-right: 6px; } - menuitem check:dir(rtl), - menuitem radio:dir(rtl) { - margin-left: 6px; } - -/*************** - * Popovers * - ***************/ -/* menu buttons */ -modelbutton.flat, popover.background checkbutton, -popover.background radiobutton, -.menuitem.button.flat { - min-height: 16px; - padding: 4px 8px; - color: @theme_text_color; } - modelbutton.flat:hover, popover.background checkbutton:hover, - popover.background radiobutton:hover, - .menuitem.button.flat:hover { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } - modelbutton.flat:selected, popover.background checkbutton:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected { - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; } - modelbutton.flat:backdrop, popover.background checkbutton:backdrop, - popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, - popover.background radiobutton:backdrop:hover, - .menuitem.button.flat:backdrop, - .menuitem.button.flat:backdrop:hover { - color: @theme_text_color; } - modelbutton.flat check:hover, popover.background checkbutton check:hover, - popover.background radiobutton check:hover, - .menuitem.button.flat check:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } - modelbutton.flat radio:hover, popover.background checkbutton radio:hover, - popover.background radiobutton radio:hover, - .menuitem.button.flat radio:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } - modelbutton.flat check:checked:hover, popover.background checkbutton check:checked:hover, - popover.background radiobutton check:checked:hover, - .menuitem.button.flat check:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } - modelbutton.flat radio:checked:hover, popover.background checkbutton radio:checked:hover, - popover.background radiobutton radio:checked:hover, - .menuitem.button.flat radio:checked:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } - modelbutton.flat check:indeterminate:hover, popover.background checkbutton check:indeterminate:hover, - popover.background radiobutton check:indeterminate:hover, - .menuitem.button.flat check:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png")); } - modelbutton.flat radio:indeterminate:hover, popover.background checkbutton radio:indeterminate:hover, - popover.background radiobutton radio:indeterminate:hover, - .menuitem.button.flat radio:indeterminate:hover { - -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); } - modelbutton.flat check:last-child, popover.background checkbutton check:last-child, - popover.background radiobutton check:last-child, - modelbutton.flat radio:last-child, - popover.background checkbutton radio:last-child, - popover.background radiobutton radio:last-child, - .menuitem.button.flat check:last-child, - .menuitem.button.flat radio:last-child { - margin-right: 0px; } - modelbutton.flat check:first-child, popover.background checkbutton check:first-child, - popover.background radiobutton check:first-child, - modelbutton.flat radio:first-child, - popover.background checkbutton radio:first-child, - popover.background radiobutton radio:first-child, - .menuitem.button.flat check:first-child, - .menuitem.button.flat radio:first-child { - margin-left: 0px; } - -modelbutton.flat arrow, popover.background checkbutton arrow, -popover.background radiobutton arrow { - background: none; } - modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, - popover.background radiobutton arrow:hover { - background: none; } - modelbutton.flat arrow.left, popover.background checkbutton arrow.left, - popover.background radiobutton arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, popover.background checkbutton arrow.right, - popover.background radiobutton arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -popover.background { - margin: -10px; - padding: 0px; - border: 1px solid @borders; - border-radius: 3px; - background-color: @theme_bg_color; - box-shadow: 0 2px 3px alpha(@shadow_color, 0.9); } - popover.background:backdrop { - box-shadow: none; } - popover.background > list, - popover.background > .view, - popover.background > toolbar { - border-style: none; - background-color: transparent; } - .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { - border: 1px solid @borders; } - popover.background separator { - margin: 3px; } - popover.background list separator { - margin: 0px; } - -GtkVolumeButton.button { - padding: 5px; } - -/******** - * Misc * - ********/ -/**************** -* Print dialog * -*****************/ -printdialog paper { - color: @theme_fg_color; - border: 1px solid @borders; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: @theme_fg_color; - border-color: @borders; - background: white; } -printdialog .dialog-action-box { - margin: 12px; } - -/********** -* Frames * -**********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid @borders; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: @borders; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid @borders; } - actionbar > revealer > box:backdrop { - border-color: @borders; } - -scrolledwindow viewport.frame { - border-style: none; } -scrolledwindow junction { - border-color: transparent; - background-color: transparent; - background-image: none; } - -separator { - background: @borders; - min-width: 1px; - min-height: 1px; } - -/************* -* Expanders * -*************/ -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - expander arrow:hover { - color: @expander_hover; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/********* -* Paned * -*********/ -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: image(@borders); - background-size: 1px 1px; } - paned > separator:backdrop { - background-image: image(@borders); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: @theme_bg_color; - background-image: image(@borders), image(@borders); - background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { - background-color: @theme_bg_color; - background-image: image(@borders), image(@borders); } -paned.horizontal > separator { - background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr) { - margin: 0 -8px 0 0; - padding: 0 8px 0 0; - background-position: left; } - paned.horizontal > separator:dir(rtl) { - margin: 0 0 0 -8px; - padding: 0 0 0 8px; - background-position: right; } - paned.horizontal > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-y, repeat-y; - background-position: left, right; } -paned.vertical > separator { - margin: 0 0 -8px 0; - padding: 0 0 8px 0; - background-repeat: repeat-x; - background-position: top; } - paned.vertical > separator.wide { - margin: 0; - padding: 0; - background-repeat: repeat-x, repeat-x; - background-position: bottom, top; } - -/********************* -* Spinner Animation * -*********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } -spinner { - background-image: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } - -/***************** - * Notebooks and * - * Tabs * - *****************/ -/************* - * Notebooks * - *************/ -notebook.frame { - border: none; - padding: 0px; - box-shadow: inset 0px 0px 0px 1px @borders; } -notebook > header { - padding: 0px; - border: none; - background-color: @theme_bg_color; } - notebook > header.top { - box-shadow: inset 0 -1px @borders; } - notebook > header.top:backdrop { - box-shadow: inset 0 -1px @borders; } - notebook > header.bottom { - box-shadow: inset 0 1px @borders; } - notebook > header.bottom:backdrop { - box-shadow: inset 0 1px @borders; } - notebook > header.right { - box-shadow: inset 1px 0 @borders; } - notebook > header.right:backdrop { - box-shadow: inset 1px 0 @borders; } - notebook > header.left { - box-shadow: inset -1px 0 @borders; } - notebook > header.left:backdrop { - box-shadow: inset -1px 0 @borders; } - notebook > header:backdrop { - background-color: @theme_bg_color; } - notebook > header tabs { - margin: 0px; } - notebook > header.top > tabs > tab { - padding: 4px 6px; - border: 1px solid alpha(@dark_overlay_color, 0.2); - background-color: alpha(@dark_overlay_color, 0.2); - border-radius: 3px 3px 0px 0px; - border-bottom-color: transparent; } - notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab.prelight-page { - background-color: alpha(@theme_selected_bg_color, 0.2); - border-color: alpha(@theme_selected_bg_color, 0.2); } - notebook > header.top > tabs > tab:checked { - border-color: @borders; - border-bottom-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.top > tabs > tab:checked:backdrop { - border-color: @borders; - border-bottom-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.bottom > tabs > tab { - padding: 4px 6px; - border: 1px solid alpha(@dark_overlay_color, 0.2); - background-color: alpha(@dark_overlay_color, 0.2); - border-radius: 0px 0px 3px 3px; - border-top-color: transparent; } - notebook > header.bottom > tabs > tab:hover, notebook > header.bottom > tabs > tab.prelight-page { - background-color: alpha(@theme_selected_bg_color, 0.2); - border-color: alpha(@theme_selected_bg_color, 0.2); } - notebook > header.bottom > tabs > tab:checked { - border-color: @borders; - border-top-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.bottom > tabs > tab:checked:backdrop { - border-color: @borders; - border-top-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.left > tabs > tab { - padding: 4px 6px; - border: 1px solid alpha(@dark_overlay_color, 0.2); - background-color: alpha(@dark_overlay_color, 0.2); - border-radius: 3px 0px 0px 3px; - border-right-color: transparent; } - notebook > header.left > tabs > tab:hover, notebook > header.left > tabs > tab.prelight-page { - background-color: alpha(@theme_selected_bg_color, 0.2); - border-color: alpha(@theme_selected_bg_color, 0.2); } - notebook > header.left > tabs > tab:checked { - border-color: @borders; - border-right-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.left > tabs > tab:checked:backdrop { - border-color: @borders; - border-right-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.right > tabs > tab { - padding: 4px 6px; - border: 1px solid alpha(@dark_overlay_color, 0.2); - background-color: alpha(@dark_overlay_color, 0.2); - border-radius: 0px 3px 3px 0px; - border-left-color: transparent; } - notebook > header.right > tabs > tab:hover, notebook > header.right > tabs > tab.prelight-page { - background-color: alpha(@theme_selected_bg_color, 0.2); - border-color: alpha(@theme_selected_bg_color, 0.2); } - notebook > header.right > tabs > tab:checked { - border-color: @borders; - border-left-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.right > tabs > tab:checked:backdrop { - border-color: @borders; - border-left-color: @theme_bg_color; - background-color: @theme_bg_color; } - notebook > header.top > tabs > tab.reorderable-page { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: @theme_bg_color; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: @borders; - box-shadow: inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.top > tabs > tab.reorderable-page.prelight-page { - box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.top > tabs > tab.reorderable-page:checked { - box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.top > tabs > tab.reorderable-page:checked:backdrop { - background-color: @theme_bg_color; - border-color: transparent; - border-right-color: @borders; - box-shadow: none; } - notebook > header.top > tabs > tab.reorderable-page:backdrop { - background-color: @theme_bg_color; - border-right-color: @borders; - box-shadow: none; } - notebook > header.bottom > tabs > tab.reorderable-page { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: @theme_bg_color; - background-clip: padding-box; - border-right-width: 1px; - border-right-color: @borders; - box-shadow: inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab.reorderable-page.prelight-page { - box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.bottom > tabs > tab.reorderable-page:checked { - box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset -3px 0px 0px 0px @theme_bg_color; } - notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop { - background-color: @theme_bg_color; - border-color: transparent; - border-right-color: @borders; - box-shadow: none; } - notebook > header.bottom > tabs > tab.reorderable-page:backdrop { - background-color: @theme_bg_color; - border-right-color: @borders; - box-shadow: none; } - notebook > header.left > tabs > tab.reorderable-page { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: @theme_bg_color; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: @borders; - box-shadow: inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab.reorderable-page.prelight-page { - box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.left > tabs > tab.reorderable-page:checked { - box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.left > tabs > tab.reorderable-page:checked:backdrop { - background-color: @theme_bg_color; - border-color: transparent; - border-bottom-color: @borders; - box-shadow: none; } - notebook > header.left > tabs > tab.reorderable-page:backdrop { - background-color: @theme_bg_color; - border-bottom-color: @borders; - box-shadow: none; } - notebook > header.right > tabs > tab.reorderable-page { - border-width: 3px; - border-style: solid; - border-color: transparent; - background-color: @theme_bg_color; - background-clip: padding-box; - border-bottom-width: 1px; - border-bottom-color: @borders; - box-shadow: inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.right > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab.reorderable-page.prelight-page { - box-shadow: inset 0px -3px 0px 0px alpha(@theme_selected_bg_color, 0.2), inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.right > tabs > tab.reorderable-page:checked { - box-shadow: inset 0px -3px 0px 0px @theme_selected_bg_color, inset 0px -3px 0px 0px @theme_bg_color; } - notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { - background-color: @theme_bg_color; - border-color: transparent; - border-bottom-color: @borders; - box-shadow: none; } - notebook > header.right > tabs > tab.reorderable-page:backdrop { - background-color: @theme_bg_color; - border-bottom-color: @borders; - box-shadow: none; } - notebook > header.top > tabs > arrow { - border-top-style: none; } - notebook > header.bottom > tabs > arrow { - border-bottom-style: none; } - notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.left > tabs > arrow { - border-left-style: none; } - notebook > header.right > tabs > arrow { - border-right-style: none; } - notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: alpha(@glow_color, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header button.flat { - padding: 0; - margin: 4px; - min-width: 12px; - min-height: 12px; - border: 0px solid; - border-radius: 50%; - color: @theme_selected_fg_color; - background-color: @borders; - background-image: none; } - notebook > header button.flat:hover { - background-color: @error_color; } - notebook > header button.flat:active { - background-color: @error_color; } - notebook > header button.flat:backdrop { - background-color: @borders; - color: @theme_selected_fg_color; } -notebook > stack:not(:only-child) { - background-color: transparent; - border-style: solid; - border-color: @borders; - border-width: 0px; } - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(@borders), to(alpha(@borders, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(@borders), to(alpha(@borders, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(@borders), to(alpha(@borders, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(@overshoot_color), to(alpha(@overshoot_color, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha(@dark_overlay_color, 0.07)), to(alpha(@dark_overlay_color, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(@borders), to(alpha(@borders, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } -scrolledwindow undershoot { - background-image: none; - border: none; } - -/************ - * Pathbars * - ************/ -.path-bar { - background-color: @theme_bg_color; - border-bottom: 1px solid @borders; } - -.path-bar button { - border-color: alpha(@glow_color, 0); - background-color: transparent; - background-image: none; - box-shadow: none; - color: @theme_fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - padding: 4px 8px; - color: @theme_fg_color; } - .path-bar button:hover { - border-color: @decoration_hover; } - .path-bar button:active, .path-bar button:checked { - background-color: @borders; - font-weight: normal; } - .path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } - .path-bar button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } - .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; } - .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } - .path-bar button image { - padding-left: 4px; - padding-right: 4px; } - .path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } - -/***************** - * Progress bars * - *****************/ -progressbar { - font-size: smaller; - color: alpha(@dark_overlay_color, 0.3); } - progressbar.horizontal trough, - progressbar.horizontal progress { - min-height: 6px; } - progressbar.vertical trough, - progressbar.vertical progress { - min-width: 6px; } - progressbar trough { - border: 0px solid transparent; - border-radius: 3px; - background-color: alpha(@dark_overlay_color, 0.3); } - progressbar:backdrop trough { - background-color: alpha(@dark_overlay_color, 0.3); } - progressbar progress { - background-color: @theme_selected_bg_color; - border: 0px solid transparent; - border-radius: 3px; - box-shadow: none; } - progressbar:backdrop progress { - background-color: @theme_selected_bg_color; } - progressbar.osd { - background-color: transparent; } - -treeview.view.progressbar { - border: 0px solid transparent; - border-radius: 3px; - background-color: @theme_selected_bg_color; - color: @theme_selected_fg_color; - background-image: none; } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - background-color: alpha(@theme_bg_color, 0.25); } -treeview.view.trough { - background-color: @trough_color; } - treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: alpha(@theme_bg_color, 0.3); } - -/************* - * Level Bar * - *************/ -levelbar block { - min-width: 32px; - min-height: 6px; } -levelbar.vertical block { - min-width: 6px; - min-height: 32px; } -levelbar trough { - border: 1px solid; - padding: 2px; - border-radius: 3px; - color: @theme_fg_color; - border-color: @borders; - background-color: @theme_base_color; - box-shadow: none; } - levelbar trough:backdrop { - color: @theme_fg_color; - border-color: @borders; - background-color: @theme_base_color; } -levelbar.horizontal.discrete block { - margin: 0 1px; } -levelbar.vertical.discrete block { - margin: 1px 0; } -levelbar block:not(.empty) { - border: 1px solid @theme_selected_bg_color; - background-color: @theme_selected_bg_color; - box-shadow: none; - border-radius: 1px; } - levelbar block:not(.empty):backdrop { - border-color: @theme_selected_bg_color; - background-color: @theme_selected_bg_color; } -levelbar block.low { - border-color: @warning_color; - background-color: @warning_color; } - levelbar block.low:backdrop { - background-color: @warning_color; - border-color: @warning_color; } -levelbar block.high { - border-color: @success_color; - background-color: @success_color; } - levelbar block.high:backdrop { - background-color: @success_color; - border-color: @success_color; } -levelbar block.full { - border-color: @success_color; - background-color: @success_color; } - levelbar block.full:backdrop { - background-color: @success_color; - border-color: @success_color; } -levelbar block.empty { - background-color: alpha(@dark_overlay_color, 0.3); - border-color: transparent; - box-shadow: none; } - levelbar block.empty:backdrop { - background-color: alpha(@dark_overlay_color, 0.3); } - -/************ - * GtkScale * - ************/ -scale.fine-tune.trough { - margin: 8px; - border-radius: 3px; } -scale slider { - min-width: 18px; - min-height: 18px; - background-color: @theme_bg_color; - border: 1px solid @borders; - border-radius: 50%; - box-shadow: none; - margin: -9px; } - scale slider:hover { - border-style: solid; - border-width: 2px; - border-color: @decoration_hover; - border-radius: 50%; } - scale slider:hover:backdrop { - background-color: @theme_bg_color; - border-color: @decoration_hover; } - scale slider:disabled { - border-style: solid; - border-radius: 50%; - background-color: @theme_bg_color; - border-color: @insensitive_borders; } - scale slider:disabled:backdrop { - background-color: @theme_bg_color; - border-color: @insensitive_borders; } - scale slider:active { - border: 2px solid @theme_selected_bg_color; } - scale slider:active:backdrop { - background-color: @theme_bg_color; - border-color: @theme_selected_bg_color; } - scale slider:backdrop { - background-color: @theme_bg_color; - border-color: @borders; } -scale trough { - min-width: 6px; - min-height: 6px; - margin: 9px; - border: 0px solid; - border-radius: 3px; - background-color: @trough_color; - box-shadow: none; } - scale trough:disabled, scale trough.vertical:disabled { - border-color: @trough_scale_color; - background-color: @trough_scale_color; - box-shadow: none; } - scale trough:disabled:backdrop, scale trough.vertical:disabled:backdrop { - background-color: @trough_scale_color; - border-color: @trough_scale_color; } - scale trough:backdrop { - background-color: @trough_color; - border-color: @trough_color; } -scale highlight { - border: 0px solid; - border-radius: 3px; - background-color: @theme_selected_bg_color; - border-color: @theme_selected_bg_color; } - scale highlight.vertical { - background-color: @theme_selected_bg_color; - border-color: @theme_selected_bg_color; } - scale highlight:disabled { - background-color: @disabled_highlight; } - scale highlight:backdrop { - background-color: @theme_unfocused_selected_bg_color; - border-color: @theme_unfocused_selected_bg_color; } - scale highlight:backdrop:disabled { - background-color: @disabled_highlight; } - -/************** - * Scrollbars * - **************/ -scrollbar { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - background-color: @theme_bg_color; - border-width: 0px 0px; - border-color: @theme_bg_color; - margin: 0px; } - scrollbar button { - min-width: 14px; - min-height: 14px; - margin: 0px; - padding: 0px 0px; - border: none; - border-radius: 0px; - background-image: none; - background-color: transparent; - color: transparent; - box-shadow: none; } - scrollbar button:hover { - border: none; - background-image: none; - background-color: @theme_bg_color; - color: transparent; } - scrollbar button:active, scrollbar button:active:hover { - border: none; - background-image: none; - background-color: @theme_bg_color; - color: transparent; } - scrollbar button:disabled { - border: none; - background-color: @theme_bg_color; - background-image: none; - color: transparent; } - scrollbar button:backdrop { - color: @theme_fg_color; } - scrollbar button:backdrop:disabled { - color: @insensitive_fg_color; } - scrollbar.dragging, scrollbar.hovering { - opacity: 0.9910; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.999; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - background: none; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - min-width: 6px; - border-radius: 8px; - background-color: alpha(@scrollbar_overlay_color, 0.8); } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider:backdrop { - background-color: @scrollbar_overlay_color; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - min-height: 4px; } - scrollbar:hover trough{ - background:linear-gradient(transparent 0,transparent 5px,@trough_color 5px,@trough_color calc(100%-5px), transparent calc(100%-5px),transparent 100%); } - scrollbar trough { - transition-duration:0.1s; - min-width: 6px; - min-height: 14px; - border: 0px solid @theme_bg_color; - border-radius: 8px; - background-color: @theme_bg_color; - background-clip: padding-box; - box-shadow: inset 0px 0px 0px 5px @theme_bg_color;} - scrollbar slider { - transition-duration:0.1s; - min-width: 6px; - min-height: 30px; - border: 5px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: @theme_selected_bg_color; } - scrollbar slider:hover { - background-color: @decoration_hover; } - scrollbar:backdrop slider:backdrop { - background-color: @scrollbar_backdrop_color; } - scrollbar slider:backdrop:disabled { - background-color: @scrollbar_backdrop_color; } - scrollbar.horizontal slider { - min-width: 30px; - min-height: 6px; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border: none; - background-color: @theme_bg_color; } - .sidebar:backdrop { - background-color: @theme_bg_color; } - -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 36px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: @theme_selected_fg_color; } - placessidebar row:disabled { - color: @insensitive_fg_color; } - placessidebar row:backdrop { - color: @theme_fg_color; } - placessidebar row:backdrop:selected { - color: @theme_selected_bg_color; } - placessidebar row:backdrop:disabled { - color: @insensitive_fg_color; } - placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: none; - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: @theme_selected_bg_color; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } -placesview > actionbar > revealer > box > label { - padding-left: 8px; - padding-right: 8px; } - -stacksidebar.sidebar row { - padding: 10px 4px; } - stacksidebar.sidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar.sidebar row.needs-attention > .label { - background-size: 6px 6px, 0 0; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton:not(.vertical) { - padding: 0; } - spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) entry:backdrop:disabled { - background-color: transparent; } - spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: @theme_text_color; - background-image: none; - background-color: transparent; - border-style: none; - box-shadow: none; } - spinbutton:not(.vertical) button:hover { - color: @decoration_hover; } - spinbutton:not(.vertical) button:disabled { - color: @insensitive_fg_color; } - spinbutton:not(.vertical) button:active { - color: @theme_selected_bg_color; - box-shadow: none; } - spinbutton:not(.vertical) button:backdrop { - color: @theme_text_color; - background-color: transparent; } - spinbutton:not(.vertical) button:backdrop:disabled { - color: @insensitive_fg_color; - background-color: transparent; - border-style: none; } - spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 3px 3px 0; } - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -spinbutton.vertical:disabled { - color: @insensitive_fg_color; } -spinbutton.vertical:backdrop:disabled { - color: @insensitive_fg_color; } -spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } -spinbutton.vertical entry { - margin: 0px; - min-height: 26px; - min-width: 26px; - border-style: none solid none solid; - border-color: @borders; - padding: 0; - border-radius: 0; } - spinbutton.vertical entry:disabled { - color: @insensitive_fg_color; - background-color: @disabled_bg; - border-color: @insensitive_borders; } - spinbutton.vertical entry:backdrop:disabled { - color: @insensitive_fg_color; - background-color: @disabled_bg; - border-color: @insensitive_borders; } -spinbutton.vertical button { - min-height: 26px; - min-width: 26px; - padding: 0; - box-shadow: none; - background-image: none; - background-color: @theme_bg_color; - color: @theme_text_color; - border-color: @borders; } - spinbutton.vertical button:hover { - color: @decoration_hover; } - spinbutton.vertical button:active { - color: @theme_selected_bg_color; } - spinbutton.vertical button:disabled { - color: @insensitive_fg_color; - background-color: @disabled_bg; - border-color: @insensitive_borders; } - spinbutton.vertical button:backdrop:disabled { - color: @insensitive_fg_color; - background-color: @disabled_bg; - border-color: @insensitive_borders; } -spinbutton.vertical button.up { - border-radius: 3px 3px 0 0; - border-style: solid solid none solid; } -spinbutton.vertical button.down { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } -treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - treeview spinbutton:not(.vertical) entry { - min-height: 0; - padding: 1px 2px; } - -/********** - * Switch * - **********/ -switch { - margin: 2px; - font-weight: bold; - font-size: smaller; - min-width: 48px; - min-height: 24px; - border: 0px solid; - border-radius: 12px; - color: transparent; - background-color: alpha(@dark_overlay_color, 0.3); - text-shadow: none; } - switch:checked { - background-color: @theme_selected_bg_color; } - switch:backdrop { - background-color: alpha(@dark_overlay_color, 0.3); - text-shadow: none; } - switch:backdrop:checked { - background-color: @theme_selected_bg_color; } - switch slider { - min-width: 22px; - min-height: 22px; - border: 1px solid; - border-radius: 11px; - background-color: @theme_bg_color; - border-color: @borders; } - switch:hover slider { - border-color: @decoration_hover; } - switch:disabled slider { - background-color: @insensitive_bg_color; } - switch:backdrop slider { - background-color: @theme_bg_color; } - switch:backdrop:disabled slider { - background-color: @insensitive_bg_color; } - -/************ - * Toolbars * - ************/ -toolbar, .inline-toolbar, searchbar, -.location-bar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: @theme_bg_color; } - -toolbar { - padding: 4px 3px 3px 4px; } - toolbar:backdrop { - background-color: @theme_bg_color; - box-shadow: none; } - toolbar button { - margin: 2px; - padding: 3px; } - toolbar button.image-button, toolbar button.text-button.image-button { - padding: 3px; } - toolbar separator { - margin-left: 3px; - margin-right: 3px; } - toolbar entry { - margin: 3px; } - .osd toolbar { - background-color: transparent; } - toolbar.osd { - padding: 13px; - border: none; - border-radius: 3px; - background-color: @theme_bg_color; } - toolbar.osd:backdrop { - border-color: @borders; - background-color: @theme_bg_color; - box-shadow: none; } - toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; } - -.inline-toolbar { - border-width: 0px 0px 1px 0px; - padding: 3px; - border-radius: 0; } - -searchbar, -.location-bar { - border-width: 0px 0px 1px 0px; - padding: 3px; } - -.inline-toolbar, searchbar, -.location-bar { - border-style: solid; - border-color: @borders; - text-shadow: none; - background-color: @theme_bg_color; } - -/************ - * Tooltips * - ************/ -tooltip { - color: @theme_selected_fg_color; - padding: 4px; - /* not working */ - border-radius: 3px; - box-shadow: none; - text-shadow: none; } - tooltip.background { - background-color: @dark_overlay_color; - background-clip: padding-box; } - tooltip.window-frame.csd { - background-color: transparent; - box-shadow: none; } - tooltip decoration { - background-color: transparent; } - -tooltip * { - padding: 0px; - background-color: transparent; - color: @theme_selected_fg_color; } - -/************** - * Tree Views * - **************/ -treeview.view { - -GtkTreeView-grid-line-width: 0; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-left-color: @borders; - border-top-color: transparent; } - treeview.view:selected { - border-radius: 0; } - treeview.view:selected { - background-color: @theme_selected_bg_color; - border-left-color: @theme_bg_color; - border-top-color: @theme_bg_color; } - treeview.view:backdrop:selected { - background-color: @theme_unfocused_selected_bg_color; - border-left-color: @theme_bg_color; - border-top-color: @theme_bg_color; } - treeview.view:disabled { - color: @insensitive_borders; } - treeview.view:disabled:selected { - color: @insensitive_bg_color; } - treeview.view:disabled:selected:backdrop { - color: @insensitive_bg_color; } - treeview.view:disabled:backdrop { - color: @insensitive_borders; } - treeview.view.separator { - min-height: 2px; - color: @borders; } - treeview.view.separator:backdrop { - color: @borders; } - treeview.view:backdrop { - border-left-color: @borders; } - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: @decoration_hover; } - treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: @dark_overlay_color; } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - treeview.view.expander:hover { - color: @decoration_hover; } - treeview.view.expander:selected { - color: @theme_selected_fg_color; } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:checked:selected { - color: @theme_selected_fg_color; } - treeview.view.expander:checked:backdrop { - color: @theme_selected_fg_color; } - treeview.view.expander:backdrop { - color: @theme_selected_fg_color; } - treeview.view header button { - color: @theme_text_color; - background-color: @theme_bg_color; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: @theme_text_color; - background-color: alpha(@decoration_hover, 0.5); - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: @theme_text_color; - background-color: alpha(@decoration_hover, 0.5); - transition: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { - border-right-style: none; } - treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - color: @theme_selected_fg_color; - background-image: none; - background-color: @theme_selected_bg_color; - border-style: none; - border-radius: 0; - box-shadow: none; - text-shadow: none; - transition: none; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 6px; - border-style: none solid solid none; - border-radius: 0; - background-image: none; - border-color: @borders; - text-shadow: none; } - treeview.view header button:disabled { - border-color: @insensitive_borders; - color: @insensitive_fg_color; - background-color: @insensitive_bg_color; - background-image: none; } - treeview.view header button:backdrop { - border-color: @borders; - border-style: none solid solid none; - color: @theme_text_color; - background-image: none; - background-color: @theme_bg_color; } - treeview.view header button:backdrop:disabled { - border-color: @insensitive_borders; - background-image: none; - background-color: @insensitive_bg_color; - color: @insensitive_fg_color; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 3px 3px 0 0; - border-width: 0px; - box-shadow: 0 2px 6px 1px alpha(@shadow_color, 0.5); - /* this is used for the resize cursor area */ - margin: 10px; } - .maximized decoration, .fullscreen decoration, .tiled decoration { - border-radius: 0; } - .popup decoration { - border-radius: 3px; - box-shadow: 2px 2px 2px 1px alpha(@shadow_color, 0.1); } - .ssd decoration { - box-shadow: 0 2px 6px 1px alpha(@shadow_color, 0.1); } - .csd decoration { - border-radius: 3px; } - .csd decoration.popup { - box-shadow: 2px 2px 2px 1px alpha(@shadow_color, 0.1); } - .csd decoration.tooltip { - box-shadow: none; } - .csd decoration.message-dialog { - box-shadow: 0 2px 6px 1px alpha(@shadow_color, 0.5); } - .solid-csd decoration { - border-radius: 0; - margin: 0; - padding: 0px; - border: none; - background-color: @headerbar_gradient_top; - box-shadow: none; } - -headerbar.default-decoration button.titlebutton, -.titlebar.default-decoration button.titlebutton { - padding: 1px; - min-height: 18px; - min-width: 18px; - margin: 0; } -headerbar button.titlebutton, -.titlebar button.titlebutton { - padding: 6px; } - headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:active:hover, - .titlebar button.titlebutton:hover, - .titlebar button.titlebutton:active, - .titlebar button.titlebutton:checked, - .titlebar button.titlebutton:backdrop, - .titlebar button.titlebutton:active:hover { - transition: none; } - headerbar button.titlebutton.close, - .titlebar button.titlebutton.close { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } - headerbar button.titlebutton.close:hover, - .titlebar button.titlebutton.close:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } - headerbar button.titlebutton.close:active, - .titlebar button.titlebutton.close:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } - headerbar button.titlebutton.close:backdrop, - .titlebar button.titlebutton.close:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } - headerbar button.titlebutton.maximize, - .titlebar button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } - headerbar button.titlebutton.maximize:hover, - .titlebar button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } - headerbar button.titlebutton.maximize:active, - .titlebar button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } - headerbar button.titlebutton.maximize:backdrop, - .titlebar button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } - headerbar button.titlebutton.minimize, - .titlebar button.titlebutton.minimize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } - headerbar button.titlebutton.minimize:hover, - .titlebar button.titlebutton.minimize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } - headerbar button.titlebutton.minimize:active, - .titlebar button.titlebutton.minimize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } - headerbar button.titlebutton.minimize:backdrop, - .titlebar button.titlebutton.minimize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } -.maximized headerbar button.titlebutton.maximize, .maximized -.titlebar button.titlebutton.maximize { - padding: 1px; - color: transparent; - border-image: none; - box-shadow: none; - background-position: center; - background-repeat: no-repeat; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } -.maximized headerbar button.titlebutton.maximize:hover, .maximized -.titlebar button.titlebutton.maximize:hover { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } -.maximized headerbar button.titlebutton.maximize:active, .maximized -.titlebar button.titlebutton.maximize:active { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } -.maximized headerbar button.titlebutton.maximize:backdrop, .maximized -.titlebar button.titlebutton.maximize:backdrop { - border-color: transparent; - background-color: transparent; - background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } - -headerbar.selection-mode button.titlebutton, -.titlebar.selection-mode button.titlebutton { - text-shadow: none; } - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { - -gtk-icon-shadow: none; } diff --git a/Breeze-gtk/gtk-3.20/gtk.css b/Breeze-gtk/gtk-3.20/gtk.css --- a/Breeze-gtk/gtk-3.20/gtk.css +++ b/Breeze-gtk/gtk-3.20/gtk.css @@ -21,13 +21,13 @@ @define-color theme_selected_fg_color #fcfcfc; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color rgba(216, 218, 221, 0.35); +@define-color insensitive_bg_color #d8dadd; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(45, 49, 54, 0.35); +@define-color insensitive_fg_color rgba(32, 35, 35, 0.35); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color rgba(45, 49, 54, 0.35); +@define-color insensitive_base_color rgba(32, 35, 35, 0.35); /* widget text/foreground color on backdrop windows */ @define-color theme_unfocused_fg_color #232627; @@ -42,83 +42,3963 @@ @define-color theme_unfocused_base_color #fcfcfc; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color alpha(@theme_selected_bg_color, 0.5); +@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 #c0c2c4; +@define-color borders #bcbebf; /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders #c0c2c4; +@define-color unfocused_borders #bcbebf; /* widgets main borders color insensitive */ -@define-color insensitive_borders rgba(174, 176, 179, 0.35); +@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: #232627; + background-color: #eff0f1; } + .background:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + color: #232627; + background-color: #eff0f1; } + /* -extra colors for the color scheme script */ -@define-color warning_color_deep #e06900; -@define-color extra_dull_borders #d8dadd; -@define-color decoration_hover #93cee9; -@define-color button_gradient_top #f2f2f3; -@define-color button_gradient_bottom #e8e9ea; -@define-color active_button_gradient_top #45b1ea; -@define-color active_button_gradient_bottom #25a4e6; -@define-color notebook_gradient_top #9cd2eb; -@define-color notebook_gradient_bottom #76c1e3; -@define-color action_button_gradient_top #40afe9; -@define-color action_button_gradient_bottom #35abe8; -@define-color action_disabled_backdrop rgba(170, 178, 183, 0.35); -@define-color disabled_gradient_top rgba(218, 220, 223, 0.35); -@define-color disabled_gradient_bottom rgba(209, 212, 215, 0.35); -@define-color disabled_bg #e5e5e5; -@define-color disabled_check #e8e8e8; -@define-color disabled_highlight rgba(37, 164, 230, 0.35); -@define-color disabled_highlight_top rgba(44, 167, 231, 0.35); -@define-color disabled_highlight_bottom rgba(25, 152, 218, 0.35); -@define-color destructive_gradient_top #db4b5a; -@define-color destructive_gradient_bottom #d62e3f; -@define-color link_color #2980b9; -@define-color link_hover_color #409ad5; -@define-color link_selected_color #a8d6ee; -@define-color visited_link_color #7f8c8d; -@define-color visited_link_hover_color #dde9f0; -@define-color visited_link_selected_color #cbe3ef; -@define-color expander_hover #77838e; -@define-color overshoot_color #a6a9ab; -@define-color trough_color #b6b8ba; -@define-color trough_scale_color rgba(165, 167, 170, 0.35); -@define-color scrollbar_overlay_color #74777b; -@define-color scrollbar_backdrop_color rgba(105, 108, 112, 0.35); -@define-color dark_overlay_color #31363b; -@define-color shadow_color #000000; -@define-color glow_color #ffffff; -/* -separate headerbar colors for easy toolbar reversion */ -@define-color headerbar_gradient_top @theme_bg_color; -@define-color headerbar_gradient_bottom @theme_bg_color; -@define-color headerbar_separator @borders; -@define-color headerbar_backdrop #bdc3c7; -@define-color headerbar_fg_color @theme_selected_fg_color; -@define-color headerbar_bg_color @theme_bg_color; -@define-color headerbar_error_top #f87500; -@define-color headerbar_error_bottom #ef7100; -@define-color headerbar_selected_bg_color @theme_selected_bg_color; -@define-color headerbar_selected_fg_color @theme_fg_color; -@define-color headerbar_decoration_hover @decoration_hover; -@define-color headerbar_active_button_gradient_top @active_button_gradient_top; -@define-color headerbar_active_button_gradient_bottom @active_button_gradient_bottom; -@define-color headerbar_insensitive_fg_color @insensitive_fg_color; -@define-color headerbar_insensitive_bg_color @insensitive_fg_color; -@define-color headerbar_disabled_highlight @disabled_highlight; -@define-color headerbar_disabled_highlight_top @disabled_highlight_top; -@define-color headerbar_disabled_highlight_bottom @disabled_highlight_bottom; -@define-color headerbar_action_disabled_backdrop @action_disabled_backdrop; - -@import url("common.css"); + 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: #eff0f1; + color: #232627; } + .gtkstyle-fallback:hover { + background-color: white; + color: #232627; } + .gtkstyle-fallback:active { + background-color: #d4d7d9; + color: #232627; } + .gtkstyle-fallback:disabled { + background-color: #d8dadd; + color: rgba(32, 35, 35, 0.35); } + .gtkstyle-fallback:selected { + background-color: #3daee9; + color: #fcfcfc; } + +.view text, +textview text, +.view { + color: #232627; + background-color: #fcfcfc; } + .view text:backdrop, + textview text:backdrop, + .view:backdrop { + color: #232627; + background-color: #fcfcfc; } + .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; + background-image: image(#bcbebf); + 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 #3daee9; + background-color: rgba(61, 174, 233, 0.2); } + .rubberband:backdrop, + rubberband:backdrop, + treeview.view rubberband:backdrop { + border-color: #3daee9; + background-color: rgba(61, 174, 233, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: 0px; } + +label.separator { + color: #232627; } + label.separator:backdrop { + color: #232627; } + +label selection { + background-color: #3daee9; + color: #fcfcfc; } + +label:disabled { + color: rgba(32, 35, 35, 0.35); } + label:disabled:backdrop { + color: rgba(32, 35, 35, 0.35); } + +label:backdrop { + color: #232627; } + +.dim-label, label.separator, +headerbar .subtitle { + opacity: 0.5; + text-shadow: none; } + +assistant .sidebar { + background-color: #232627; + border-top: 1px solid #bcbebf; } + assistant .sidebar:backdrop { + background-color: #232627; + border-color: #bcbebf; } + +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: #232627; + border: 1px solid #bcbebf; + 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: #232627; + 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 { + background-color: #3daee9; + 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 { + background-color: #93cee9; + color: #232627; } + + 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 { + background-color: #3daee9; + 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 { + color: #fcfcfc; } + .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(#3daee9), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), 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; + border-radius: 3px; + padding: 4px 6px; + background-clip: border-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #232627; + border-color: #bcbebf; + background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } + 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: #232627; + 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 { + background-color: #bcbebf; } + notebook > header > tabs > arrow:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + button:hover, notebook > header > tabs > arrow.osd:hover { + color: #232627; + border-color: #93cee9; + -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: #fcfcfc; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); + 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: #232627; + border-color: #93cee9; + background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } + 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: #232627; + border-color: #bcbebf; + background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); + -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 { + color: #fcfcfc; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } + notebook > header > tabs > arrow:backdrop:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, + button: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); } + 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; + 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)); } + 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: #232627; + text-shadow: none; + -gtk-icon-shadow: none; + color: #232627; } + 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: #232627; + 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: #232627; + 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 { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-image: linear-gradient(to bottom, #dadcdf, #d1d4d7); } + 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; + 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)); } + 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 { + border-color: #3daee9; } + 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) { + color: #fcfcfc; + 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; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #40afe9, #35abe8); } + 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: #232627; + text-shadow: none; + -gtk-icon-shadow: none; + color: #3daee9; } + 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: #3daee9; } + 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: #3daee9; + 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; + border-color: #bcbebf; + 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: #3daee9; + 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 { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #232627; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(61, 174, 233, 0.8); } + 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: #232627; + 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, + 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.osd + button:backdrop, + button.destructive-action.osd + button.flat:backdrop { + color: white; + border-color: #bcbebf; + background-image: linear-gradient(to bottom, #da4655, #d93d4d); } + popover.background.touch-selection button.destructive-action:backdrop:active, popover.background.magnifier button.destructive-action:backdrop:active, popover.background.touch-selection button.destructive-action:backdrop:checked, popover.background.magnifier button.destructive-action:backdrop:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:active, popover.background.magnifier button.destructive-action.flat:backdrop:active, popover.background.touch-selection button.destructive-action.flat:backdrop:checked, popover.background.magnifier button.destructive-action.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action:backdrop:active, + button.destructive-action:backdrop:checked, + button.destructive-action.flat:backdrop:active, + button.destructive-action.flat:backdrop:checked, + button.destructive-action.osd popover.background.touch-selection button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + button.destructive-action.osd popover.background.magnifier button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + button.destructive-action.osd popover.background.touch-selection button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + button.destructive-action.osd popover.background.magnifier button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:checked, + button.destructive-action.osd + button:backdrop:active, + button.destructive-action.osd + button:backdrop:checked, + button.destructive-action.osd + button.flat:backdrop:active, + button.destructive-action.osd + button.flat:backdrop:checked { + color: white; + border-color: #da4453; + background-image: linear-gradient(to bottom, #db4b5a, #d62e3f); } + popover.background.touch-selection button.destructive-action:backdrop:disabled, popover.background.magnifier button.destructive-action:backdrop:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd + button:backdrop:disabled, + button.destructive-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.destructive-action:backdrop:disabled > .label, popover.background.magnifier button.destructive-action:backdrop:disabled > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action:backdrop:disabled > .label, + button.destructive-action.flat:backdrop:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled > .label, + button.destructive-action.osd + button:backdrop:disabled > .label, + button.destructive-action.osd + button.flat:backdrop:disabled > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action:backdrop:disabled:active, popover.background.magnifier button.destructive-action:backdrop:disabled:active, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked, popover.background.magnifier button.destructive-action:backdrop:disabled:checked, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action:backdrop:disabled:active, + button.destructive-action:backdrop:disabled:checked, + button.destructive-action.flat:backdrop:disabled:active, + button.destructive-action.flat:backdrop:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked, + button.destructive-action.osd + button:backdrop:disabled:active, + button.destructive-action.osd + button:backdrop:disabled:checked, + button.destructive-action.osd + button.flat:backdrop:disabled:active, + button.destructive-action.osd + button.flat:backdrop:disabled:checked { + color: #e8e8e8; + border-color: rgba(214, 46, 63, 0.35); + background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } + popover.background.touch-selection button.destructive-action:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action:backdrop:disabled:checked > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:active > .label, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled:checked > .label, popover.background.magnifier button.destructive-action.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action:backdrop:disabled:active > .label, + button.destructive-action:backdrop:disabled:checked > .label, + button.destructive-action.flat:backdrop:disabled:active > .label, + button.destructive-action.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:backdrop:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled:checked > .label, + button.destructive-action.osd + button:backdrop:disabled:active > .label, + button.destructive-action.osd + button:backdrop:disabled:checked > .label, + button.destructive-action.osd + button.flat:backdrop:disabled:active > .label, + button.destructive-action.osd + button.flat:backdrop:disabled:checked > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action.flat:backdrop, popover.background.magnifier button.destructive-action.flat:backdrop, popover.background.touch-selection button.destructive-action.flat:disabled, popover.background.magnifier button.destructive-action.flat:disabled, popover.background.touch-selection button.destructive-action.flat:backdrop:disabled, popover.background.magnifier button.destructive-action.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled, + 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, + button.destructive-action.osd popover.background.touch-selection button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + button.destructive-action.osd popover.background.touch-selection button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd popover.background.magnifier button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop, + popover.background.touch-selection button.destructive-action.osd button.flat:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:disabled, + popover.background.touch-selection button.destructive-action.osd button.flat:backdrop:disabled, + popover.background.magnifier button.destructive-action.osd button.flat:backdrop:disabled, + button.destructive-action.osd + button.flat:backdrop, + button.destructive-action.osd + button.flat:disabled, + button.destructive-action.osd + button.flat:backdrop:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #232627; + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(218, 68, 83, 0.8); } + popover.background.touch-selection button.destructive-action:disabled, popover.background.magnifier button.destructive-action:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + button.destructive-action:disabled, + button.destructive-action.osd popover.background.touch-selection button:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + button.destructive-action.osd popover.background.magnifier button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + popover.background.touch-selection button.destructive-action.osd button:disabled, + popover.background.magnifier button.destructive-action.osd button:disabled, + button.destructive-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.destructive-action:disabled > .label, popover.background.magnifier button.destructive-action:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + button.destructive-action:disabled > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + button.destructive-action.osd popover.background.magnifier button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled > .label, + popover.background.magnifier button.destructive-action.osd button:disabled > .label, + button.destructive-action.osd + button:disabled > .label { + color: inherit; } + popover.background.touch-selection button.destructive-action:disabled:active, popover.background.magnifier button.destructive-action:disabled:active, popover.background.touch-selection button.destructive-action:disabled:checked, popover.background.magnifier button.destructive-action:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked, + button.destructive-action.osd popover.background.touch-selection button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + button.destructive-action.osd popover.background.magnifier button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + button.destructive-action.osd popover.background.touch-selection button:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + button.destructive-action.osd popover.background.magnifier button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + popover.background.touch-selection button.destructive-action.osd button:disabled:active, + popover.background.magnifier button.destructive-action.osd button:disabled:active, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked, + popover.background.magnifier button.destructive-action.osd button:disabled:checked, + button.destructive-action.osd + button:disabled:active, + button.destructive-action.osd + button:disabled:checked { + color: #e8e8e8; + border-color: rgba(37, 164, 230, 0.35); + background-image: linear-gradient(to bottom, rgba(215, 53, 69, 0.35), rgba(197, 39, 55, 0.35)); } + popover.background.touch-selection button.destructive-action:disabled:active > .label, popover.background.magnifier button.destructive-action:disabled:active > .label, popover.background.touch-selection button.destructive-action:disabled:checked > .label, popover.background.magnifier button.destructive-action:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action:disabled:active > .label, + button.destructive-action:disabled:checked > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + button.destructive-action.osd popover.background.magnifier button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + button.destructive-action.osd popover.background.touch-selection button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action.osd popover.background.magnifier button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:active > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:active > .label, + popover.background.touch-selection button.destructive-action.osd button:disabled:checked > .label, + popover.background.magnifier button.destructive-action.osd button:disabled:checked > .label, + button.destructive-action.osd + button:disabled:active > .label, + button.destructive-action.osd + button:disabled:checked > .label { + color: inherit; } + +popover.background.touch-selection .stack-switcher > button > label, popover.background.magnifier .stack-switcher > button > label, .stack-switcher > +button > label { + padding-left: 6px; + padding-right: 6px; } + +popover.background.touch-selection .stack-switcher > button > image, popover.background.magnifier .stack-switcher > button > image, .stack-switcher > +button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + +popover.background.touch-selection .stack-switcher > button.text-button, popover.background.magnifier .stack-switcher > button.text-button, .stack-switcher > +button.text-button { + padding: 6px; } + +popover.background.touch-selection .stack-switcher > button.image-button, popover.background.magnifier .stack-switcher > button.image-button, .stack-switcher > +button.image-button { + padding: 3px 0px; } + +popover.background.touch-selection .stack-switcher > button.needs-attention:active > label, popover.background.magnifier .stack-switcher > button.needs-attention:active > label, +popover.background.touch-selection .stack-switcher > button.needs-attention:active > image, +popover.background.magnifier .stack-switcher > button.needs-attention:active > image, +popover.background.touch-selection .stack-switcher > button.needs-attention:checked > label, +popover.background.magnifier .stack-switcher > button.needs-attention:checked > label, +popover.background.touch-selection .stack-switcher > button.needs-attention:checked > image, +popover.background.magnifier .stack-switcher > button.needs-attention:checked > image, .stack-switcher > +button.needs-attention:active > label, +.stack-switcher > +button.needs-attention:active > image, +.stack-switcher > +button.needs-attention:checked > label, +.stack-switcher > +button.needs-attention:checked > image { + animation: none; + background-image: none; } + +.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar popover.background.touch-selection button:backdrop, popover.background.touch-selection .inline-toolbar button:backdrop, .inline-toolbar popover.background.magnifier button:backdrop, popover.background.magnifier .inline-toolbar button:backdrop, .inline-toolbar +button, .inline-toolbar +button:backdrop { + border-radius: 3px; + border-width: 1px; } + +.primary-toolbar popover.background.touch-selection button, popover.background.touch-selection .primary-toolbar button, .primary-toolbar popover.background.magnifier button, popover.background.magnifier .primary-toolbar button, .primary-toolbar +button { + -gtk-icon-shadow: none; } + +/************** + * ComboBoxes * + **************/ +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +popover.background.touch-selection .stack-switcher > button.needs-attention > label, popover.background.magnifier .stack-switcher > button.needs-attention > label, +popover.background.touch-selection .stack-switcher > button.needs-attention > image, +popover.background.magnifier .stack-switcher > button.needs-attention > image, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > .label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3daee9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(#232627), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + popover.background.touch-selection .stack-switcher > button.needs-attention > label:backdrop, popover.background.magnifier .stack-switcher > button.needs-attention > label:backdrop, + popover.background.touch-selection .stack-switcher > button.needs-attention > image:backdrop, + popover.background.magnifier .stack-switcher > button.needs-attention > image:backdrop, .stack-switcher > button.needs-attention > label:backdrop, + .stack-switcher > button.needs-attention > image:backdrop, stacksidebar.sidebar row.needs-attention > .label:backdrop { + background-size: 6px 6px, 0 0; } + popover.background.touch-selection .stack-switcher > button.needs-attention > label:dir(rtl), popover.background.magnifier .stack-switcher > button.needs-attention > label:dir(rtl), + popover.background.touch-selection .stack-switcher > button.needs-attention > image:dir(rtl), + popover.background.magnifier .stack-switcher > button.needs-attention > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > .label:dir(rtl) { + background-position: left 3px, left 4px; } + +.linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar button, .inline-toolbar button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > button, +.linked > button:hover, +.linked > button:active, +.linked > button:checked, +.linked > button:backdrop { + border-radius: 3px; } + .linked > combobox > box > button.combo:dir(rtl), .inline-toolbar popover.background.touch-selection button:dir(rtl), popover.background.touch-selection .inline-toolbar button:dir(rtl), .inline-toolbar popover.background.magnifier button:dir(rtl), popover.background.magnifier .inline-toolbar button:dir(rtl), .inline-toolbar button:dir(rtl), .inline-toolbar button:dir(rtl):backdrop, popover.background.touch-selection .linked > button:dir(rtl), popover.background.magnifier .linked > button:dir(rtl), .linked > button:dir(rtl), + .linked > button:dir(rtl):hover, + .linked > button:dir(rtl):active, + .linked > button:dir(rtl):checked, + .linked > button:dir(rtl):backdrop { + border-radius: 3px; } + +.inline-toolbar popover.background.touch-selection button, popover.background.touch-selection .inline-toolbar button, .inline-toolbar popover.background.magnifier button, popover.background.magnifier .inline-toolbar button, .inline-toolbar button, .inline-toolbar button:backdrop, popover.background.touch-selection .linked > button, popover.background.magnifier .linked > button, .linked > button, +.linked > button:hover, +.linked > button:active, +.linked > button:checked, +.linked > button:backdrop { + margin-left: 2px; + margin-right: 2px; } + .inline-toolbar popover.background.touch-selection button:first-child, popover.background.touch-selection .inline-toolbar button:first-child, .inline-toolbar popover.background.magnifier button:first-child, popover.background.magnifier .inline-toolbar button:first-child, .inline-toolbar button:first-child, popover.background.touch-selection .linked > button:first-child, popover.background.magnifier .linked > button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + .inline-toolbar popover.background.touch-selection button:last-child, popover.background.touch-selection .inline-toolbar button:last-child, .inline-toolbar popover.background.magnifier button:last-child, popover.background.magnifier .inline-toolbar button:last-child, .inline-toolbar button:last-child, popover.background.touch-selection .linked > button:last-child, popover.background.magnifier .linked > button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { + border-radius: 3px; } + .inline-toolbar popover.background.touch-selection button:only-child, popover.background.touch-selection .inline-toolbar button:only-child, .inline-toolbar popover.background.magnifier button:only-child, popover.background.magnifier .inline-toolbar button:only-child, .inline-toolbar button:only-child, popover.background.touch-selection .linked > button:only-child, popover.background.magnifier .linked > button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > combobox > box > button.combo, popover.background.touch-selection .linked.vertical > button, popover.background.magnifier .linked.vertical > button, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, +.linked.vertical > button:backdrop { + border-style: solid; + border-radius: 3px; } + +popover.background.touch-selection .linked.vertical > button:first-child, popover.background.magnifier .linked.vertical > button:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-radius: 3px; } + +popover.background.touch-selection .linked.vertical > button:last-child, popover.background.magnifier .linked.vertical > button:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +popover.background.touch-selection .linked.vertical > button:only-child, popover.background.magnifier .linked.vertical > button:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-style: solid; } + +.app-notification button.flat, +.app-notification.frame button.flat, .app-notification button.flat:hover, +.app-notification.frame button.flat:hover, .app-notification button.flat:active, +.app-notification.frame button.flat:active, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, +.app-notification.frame button.flat:backdrop, +.app-notification.frame button.flat:disabled, +.app-notification.frame button.flat:backdrop:disabled, calendar.button, calendar.button:hover, calendar.button:active, calendar.button:backdrop, +headerbar button.flat:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, scrollbar button:backdrop, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), +entry { + min-height: 30px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #232627; + border-color: #bcbebf; + background-color: #fcfcfc; + box-shadow: none; } + spinbutton:not(.vertical) image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), + entry.flat:focus, + entry.flat { + min-height: 0; + padding: 2px; + color: #232627; + border-color: #bcbebf; + background-color: #fcfcfc; + box-shadow: none; } + spinbutton:focus:not(.vertical), + entry:focus { + border-color: #3daee9; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-color: #e5e5e5; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #232627; + border-color: #bcbebf; + background-color: #fcfcfc; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: rgba(32, 35, 35, 0.35); + border-color: rgba(170, 173, 174, 0.35); + background-color: #e5e5e5; } + spinbutton.error:not(.vertical), + entry.error { + color: #da4453; + border-color: #da4453; + background-color: rgba(218, 68, 83, 0.5); } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #da4453; + background-color: rgba(218, 68, 83, 0.5); } + spinbutton.error:selected:not(.vertical), spinbutton.error:selected:focus:not(.vertical), + entry.error:selected, + entry.error:selected:focus { + background-color: #da4453; } + spinbutton.error:backdrop:not(.vertical), + entry.error:backdrop { + color: #da4453; + border-color: #da4453; + background-color: rgba(218, 68, 83, 0.5); } + spinbutton.warning:not(.vertical), + entry.warning { + color: #f67400; + border-color: #f67400; + background-color: rgba(246, 116, 0, 0.5); } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #f67400; + background-color: rgba(246, 116, 0, 0.5); } + spinbutton.warning:selected:not(.vertical), spinbutton.warning:selected:focus:not(.vertical), + entry.warning:selected, + entry.warning:selected:focus { + background-color: #f67400; } + spinbutton.warning:backdrop:not(.vertical), + entry.warning:backdrop { + color: #f67400; + border-color: #f67400; + background-color: rgba(246, 116, 0, 0.5); } + spinbutton:not(.vertical) image, + entry image { + color: #232627; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #93cee9; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #3daee9; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #232627; } + +spinbutton:not(.vertical) progress, +entry progress { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #3daee9; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, + entry progress:backdrop { + background-color: transparent; + border-color: rgba(61, 174, 233, 0.5); } + +treeview acceleditor > label { + background-color: #3daee9; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #fcfcfc; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #3daee9; } + +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + padding: 10px; + border-top-width: 0px; + border-radius: 0px 0px 3px 3px; } + .app-notification:backdrop, + .app-notification.frame:backdrop { + background-image: none; } + .app-notification button, + .app-notification.frame button { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #232627; + border-color: #bcbebf; + background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } + .app-notification button.flat, + .app-notification.frame button.flat { + -gtk-icon-shadow: none; + text-shadow: none; } + .app-notification button.flat:hover, + .app-notification.frame button.flat:hover { + color: #93cee9; } + .app-notification button.flat:active, + .app-notification.frame button.flat:active { + color: #3daee9; } + .app-notification button:hover, + .app-notification.frame button:hover { + color: #232627; + border-color: #93cee9; } + .app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked, + .app-notification.frame button:active, + .app-notification.frame button:checked, + .app-notification.frame button:backdrop:active, + .app-notification.frame button:backdrop:checked { + color: #fcfcfc; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } + .app-notification button:disabled, .app-notification button:backdrop:disabled, + .app-notification.frame button:disabled, + .app-notification.frame button: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); } + .app-notification button:disabled > .label, .app-notification button:backdrop:disabled > .label, + .app-notification.frame button:disabled > .label, + .app-notification.frame button:backdrop:disabled > .label { + color: inherit; } + .app-notification button:backdrop, + .app-notification.frame button:backdrop { + color: #232627; + border-color: #bcbebf; + background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } + .app-notification border, + .app-notification.frame border { + border: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #232627; + border: 1px solid #bcbebf; + background-color: #fcfcfc; } + calendar:selected { + background-color: #bcbebf; } + calendar:disabled { + color: rgba(32, 35, 35, 0.35); } + calendar.header { + border: 1px solid #bcbebf; + border-radius: 0; + color: #232627; } + calendar.header:backdrop { + color: #232627; + border-color: #bcbebf; } + calendar.header:disabled { + color: rgba(32, 35, 35, 0.35); } + calendar.button { + color: #232627; } + calendar.button:hover { + color: #93cee9; } + calendar.button:active { + color: #3daee9; } + calendar.button:backdrop { + color: #232627; } + calendar:indeterminate, calendar.highlight { + color: rgba(35, 38, 39, 0.5); } + calendar:indeterminate:backdrop, calendar.highlight:backdrop { + color: rgba(35, 38, 39, 0.5); } + calendar:backdrop { + color: #232627; + border-color: #bcbebf; + background-color: #fcfcfc; } + +/************************* + * Check and Radio items * + *************************/ +.view.content-view.check:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked.png"), url("../assets/check-selectionmode-unchecked@2.png")); + background-color: transparent; } + +.view.content-view.check:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-hover.png"), url("../assets/check-selectionmode-unchecked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-active.png"), url("../assets/check-selectionmode-unchecked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-unchecked-backdrop.png"), url("../assets/check-selectionmode-unchecked-backdrop@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:hover:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-hover.png"), url("../assets/check-selectionmode-checked-hover@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:active:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-active.png"), url("../assets/check-selectionmode-checked-active@2.png")); + background-color: transparent; } + +.view.content-view.check:backdrop:checked:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode-checked-backdrop.png"), url("../assets/check-selectionmode-checked-backdrop@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; } + checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { + margin-left: 4px; } + checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { + margin-right: 4px; } + +check { + margin: 0 4px; + min-height: 18px; + min-width: 18px; + animation: none; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + check:only-child { + margin: 0; } + check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-hover.png"), url("../assets/check-unchecked-hover@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-hover.png"), url("../assets/check-checked-hover@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-hover.png"), url("../assets/check-mixed-hover@2.png")); } + check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-active.png"), url("../assets/check-unchecked-active@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-insensitive.png"), url("../assets/check-unchecked-insensitive@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-insensitive.png"), url("../assets/check-checked-insensitive@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-insensitive.png"), url("../assets/check-mixed-insensitive@2.png")); } + check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop.png"), url("../assets/check-unchecked-backdrop@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop.png"), url("../assets/check-checked-backdrop@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop.png"), url("../assets/check-mixed-backdrop@2.png")); } + check:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked-backdrop-insensitive.png"), url("../assets/check-unchecked-backdrop-insensitive@2.png")); } + check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + check:checked:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-backdrop-insensitive.png"), url("../assets/check-checked-backdrop-insensitive@2.png")); } + check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + check:indeterminate:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-backdrop-insensitive.png"), url("../assets/check-mixed-backdrop-insensitive@2.png")); } + menu menuitem check { + margin: 0; + min-height: 18px; + min-width: 18px; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + animation: none; } + menu menuitem check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + menu menuitem check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + menu menuitem check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed-active.png"), url("../assets/check-mixed-active@2.png")); } + +radio { + margin: 0 4px; + min-height: 18px; + min-width: 18px; + animation: none; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + radio:only-child { + margin: 0; } + radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-hover.png"), url("../assets/radio-checked-hover@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-hover.png"), url("../assets/radio-mixed-hover@2.png")); } + radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-insensitive.png"), url("../assets/radio-unchecked-insensitive@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-insensitive.png"), url("../assets/radio-checked-insensitive@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-insensitive.png"), url("../assets/radio-mixed-insensitive@2.png")); } + radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop.png"), url("../assets/radio-unchecked-backdrop@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop.png"), url("../assets/radio-checked-backdrop@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop.png"), url("../assets/radio-mixed-backdrop@2.png")); } + radio:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-backdrop-insensitive.png"), url("../assets/radio-unchecked-backdrop-insensitive@2.png")); } + radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + radio:checked:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-backdrop-insensitive.png"), url("../assets/radio-checked-backdrop-insensitive@2.png")); } + radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + radio:indeterminate:backdrop:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-backdrop-insensitive.png"), url("../assets/radio-mixed-backdrop-insensitive@2.png")); } + menu menuitem radio { + margin: 0; + min-height: 18px; + min-width: 18px; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + animation: none; } + menu menuitem radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + menu menuitem radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + menu menuitem radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed-active.png"), url("../assets/radio-mixed-active@2.png")); } + +/***************** + * Color Chooser * + *****************/ +:selected colorswatch { + box-shadow: none; } + :selected colorswatch.overlay, :selected colorswatch.overlay:hover { + border-color: #fcfcfc; } + +colorswatch:selected { + box-shadow: none; } + +colorswatch.top, colorswatch.bottom, colorswatch.left, colorswatch:first-child:not(.overlay):not(.top), colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom), colorswatch:only-child:not(.overlay), +colorswatch.top > .overlay, +colorswatch.bottom > .overlay, +colorswatch:first-child:not(.top) > .overlay, +colorswatch:last-child:not(.bottom) > .overlay, +colorswatch:only-child > .overlay { + border-radius: 3px; } + +colorswatch:hover, colorswatch:hover:selected { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } + colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark { + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); } + +colorswatch:backdrop, +colorswatch:backdrop:selected colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected { + background-image: none; + box-shadow: none; } + +GtkColorEditor colorswatch { + border-radius: 3px; } + GtkColorEditor colorswatch:hover { + background-image: none; + box-shadow: none; } + GtkColorEditor colorswatch:backdrop { + box-shadow: none; } + +colorswatch.color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); } + colorswatch.color-dark:backdrop { + color: rgba(255, 255, 255, 0.3); } + +colorswatch.color-light { + color: black; + outline-color: rgba(255, 255, 255, 0.5); } + colorswatch.color-light:backdrop { + color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay, +colorswatch overlay:selected { + border: 1px solid #bcbebf; } + colorswatch overlay:hover, + colorswatch overlay:selected:hover { + border-color: #93cee9; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + color: #232627; + border-color: #bcbebf; + background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } + colorswatch#add-color-button:hover { + color: #232627; + border-color: #93cee9; } + colorswatch#add-color-button:backdrop { + color: #232627; + border-color: #bcbebf; + background-image: linear-gradient(to bottom, #f2f2f3, #e8e9ea); } + colorswatch#add-color-button overlay { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #232627; + text-shadow: none; + -gtk-icon-shadow: none; } + +GtkColorButton.button { + padding: 5px; } + GtkColorButton.button GtkColorSwatch:first-child:last-child { + border-radius: 0; + box-shadow: none; } + GtkColorButton.button GtkColorSwatch:first-child:last-child:disabled, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop { + box-shadow: none; } + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #eff0f1; } + +messagedialog:backdrop { + background-color: #eff0f1; } + +messagedialog .titlebar { + min-height: 32px; + background-color: transparent; + background-image: linear-gradient(to bottom, white, #eff0f1); + box-shadow: none; } + +messagedialog .dialog-action-area { + padding: 8px; } + +messagedialog button { + margin: 2px; } + +filechooser .search-bar { + background-color: #eff0f1; + border-color: #eff0f1; + box-shadow: none; } + filechooser .search-bar:backdrop { + background-color: #eff0f1; + border-color: #eff0f1; + color: #232627; } + +filechooser .dialog-action-box { + border-top: 1px solid #bcbebf; } + filechooser .dialog-action-box:backdrop { + border-top-color: #bcbebf; } + +filechooser #pathbarbox { + background-color: #eff0f1; + border-bottom: 1px solid #bcbebf; } + +/*************** + * Header bars * + ***************/ + +headerbar { + transition: none; + padding: 0px 6px; + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; + border-style: solid; + border-color: #bcbebf; + color: #232627; + background-image: linear-gradient(to bottom, #eff0f1, #eff0f1); } + + headerbar:backdrop { + border-color: transparent; + background-image: none; + background-color: #eff0f1; + color: #bdc3c7; + box-shadow: none; } + + headerbar label { + font-weight: normal; } + + headerbar label:backdrop { + color: #bdc3c7; } + + headerbar .path-bar button { + color: #232627; + font-weight: normal; } + + headerbar .path-bar button:backdrop { + color: #bdc3c7; } + + headerbar button { + transition: none; + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #232627; + text-shadow: none; + -gtk-icon-shadow: none; } + + headerbar button.flat { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #232627; + text-shadow: none; + -gtk-icon-shadow: none; } + + headerbar button:hover { + color: #232627; + border-color: #93cee9; } + + headerbar button:hover:backdrop { + border-color: #eff0f1; } + + headerbar button:active, + headerbar button:checked { + color: #fcfcfc; + border-color: #3daee9; + background-image: linear-gradient(to bottom, #45b1ea, #25a4e6); } + + headerbar button:active:hover, + headerbar button:checked:hover { + color: #232627; + border-color: #93cee9; + background-image: linear-gradient(to bottom, #9cd2eb, #76c1e3); } + + headerbar button:active:backdrop, + headerbar button:checked:backdrop { + background-image: none; + background-color: #eff0f1; + border-color: #eff0f1; + color: #bdc3c7; } + + headerbar button:backdrop { + border-color: transparent; + background-image: none; + background-color: #eff0f1; + color: #bdc3c7; } + + headerbar button.flat:backdrop, + headerbar button.flat:backdrop:disabled, + headerbar button:disabled:backdrop { + background-image: none; + background-color: #eff0f1; + color: #bdc3c7; + border-color: transparent; } + + headerbar button.flat:disabled { + color: rgba(32, 35, 35, 0.35); } + + headerbar button:disabled { + background-color: transparent; + background-image: none; + border-color: transparent; + color: rgba(32, 35, 35, 0.35); } + + headerbar button:disabled:active, + headerbar button:disabled:checked { + color: #e5e5e5; + 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)); } + + headerbar button:disabled:active > .label, + headerbar button:disabled:checked > .label { + color: inherit; } + + headerbar .title { + font-weight: normal; + padding: 0px 12px; } + + headerbar .title:backdrop { + color: #bdc3c7; } + + headerbar .subtitle { + font-size: smaller; + padding: 0 12px; } + + headerbar .subtitle:backdrop { + color: #bdc3c7; } + + headerbar separator { + border-width: 0px; + background-color: transparent; + background-image: none; + border-color: transparent; } + + headerbar.selection-mode .selection-menu { + padding: 4px 6px; } + + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-shadow: none; } + .tiled + headerbar, .maximized + headerbar { + border-radius: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator, +headerbar button { + margin-top: 3px; + margin-bottom: 3px; } + + +headerbar button.suggested-action, +headerbar.selection-mode.suggested-action { + background-image: none; + background-color: #3daee9; } + + headerbar button.suggested-action:hover, + headerbar.selection-mode.suggested-action:hover { + background-color: #93cee9; + color: #232627; } + + headerbar button.suggested-action:disabled, + headerbar.selection-mode.suggested-action:disabled { + background-color: transparent; + background-image: none; + color: rgba(32, 35, 35, 0.35); } + + headerbar button.suggested-action:disabled:active, + headerbar.selection-mode.suggested-action:disabled:active, + headerbar button.suggested-action:disabled:checked, + headerbar.selection-mode.suggested-action:disabled:checked { + color: #e5e5e5; + 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)); } + headerbar button.suggested-action:disabled:active > .label, headerbar.selection-mode.suggested-action:disabled:active > .label, headerbar button.suggested-action:disabled:checked > .label, headerbar.selection-mode.suggested-action:disabled:checked > .label { + color: inherit; } + + headerbar button.suggested-action:backdrop, + headerbar.selection-mode.suggested-action:backdrop { + background-color: #eff0f1; + border-color: transparent; + color: #bdc3c7; } + + headerbar button.suggested-action:backdrop:disabled, + headerbar.selection-mode.suggested-action:backdrop:disabled { + color: rgba(170, 178, 183, 0.35); } + +/************** + * GtkInfoBar * + **************/ +infobar { + border-style: none; + border-bottom: 1px solid #bcbebf; + background-color: #eff0f1; + background-image: none; } + infobar:backdrop { + border-bottom: 1px solid #bcbebf; } + +.info, +headerbar.selection-mode, +.question, +.warning, +.error { + background-color: #eff0f1; + background-image: none; + color: #f67400; + text-shadow: none; } + .info:backdrop, + headerbar.selection-mode:backdrop, + .question:backdrop, + .warning:backdrop, + .error:backdrop { + background-color: #eff0f1; + color: #f67400; } + .info button, headerbar.selection-mode button, + .question button, + .warning button, + .error button { + box-shadow: none; + background-image: none; + background-color: rgba(246, 116, 0, 0.5); + border-color: rgba(246, 116, 0, 0.5); + color: #232627; } + .info button:hover, headerbar.selection-mode button:hover, + .question button:hover, + .warning button:hover, + .error button:hover { + background-color: rgba(246, 116, 0, 0.25); + border-color: #f67400; } + .info button:active, headerbar.selection-mode button:active, .info button:checked, headerbar.selection-mode button:checked, + .question button:active, + .question button:checked, + .warning button:active, + .warning button:checked, + .error button:active, + .error button:checked { + background-image: linear-gradient(to bottom, #f87500, #ef7100); + color: #eff0f1; + border-color: #f67400; } + .info button:disabled, headerbar.selection-mode button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled { + background-color: rgba(224, 105, 0, 0); + border-color: rgba(224, 105, 0, 0); + color: rgba(32, 35, 35, 0.35); } + .info button:backdrop, headerbar.selection-mode button:backdrop, + .question button:backdrop, + .warning button:backdrop, + .error button:backdrop { + background-color: rgba(246, 116, 0, 0.5); + border-color: rgba(246, 116, 0, 0.5); + color: #232627; } + .info button:backdrop:active, headerbar.selection-mode button:backdrop:active, .info button:backdrop:checked, headerbar.selection-mode button:backdrop:checked, + .question button:backdrop:active, + .question button:backdrop:checked, + .warning button:backdrop:active, + .warning button:backdrop:checked, + .error button:backdrop:active, + .error button:backdrop:checked { + background-image: linear-gradient(to bottom, #f87500, #ef7100); + color: #eff0f1; + border-color: #f67400; } + .info button:backdrop:disabled, headerbar.selection-mode button:backdrop:disabled, + .question button:backdrop:disabled, + .warning button:backdrop:disabled, + .error button:backdrop:disabled { + background-color: rgba(224, 105, 0, 0); + border-color: rgba(224, 105, 0, 0); + color: rgba(32, 35, 35, 0.35); } + .info button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:active, .info button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop:disabled:checked, + .question button:backdrop:disabled:active, + .question button:backdrop:disabled:checked, + .warning button:backdrop:disabled:active, + .warning button:backdrop:disabled:checked, + .error button:backdrop:disabled:active, + .error button:backdrop:disabled:checked { + background-image: linear-gradient(to bottom, rgba(226, 107, 0, 0.35), rgba(217, 102, 0, 0.35)); + color: #d8dadd; + border-color: rgba(224, 105, 0, 0.35); } + +/********* + * Links * + *********/ +button:link > label, +button:visited > label, +*:link, +button:link, +button:visited { + color: #2980b9; } + button:link > label:visited, + button:visited > label:visited, + *:link:visited, + button:visited { + color: #7f8c8d; } + *:selected button:link > label:visited, + *:selected button:visited > label:visited, *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #b0ddf4; } + button:link > label:hover, + button:visited > label:hover, + *:link:hover, + button:hover:link, + button:hover:visited { + color: #409ad5; } + *:selected button:link > label:hover, + *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #e9f4fa; } + button:link > label:active, + button:visited > label:active, + *:link:active, + button:active:link, + button:active:visited { + color: #2980b9; } + *:selected button:link > label:active, + *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #d6ecf8; } + button:link > label:backdrop, + button:visited > label:backdrop, button:link > label:backdrop:hover, + button:visited > label:backdrop:hover, button:link > label:backdrop:hover:selected, + button:visited > label:backdrop:hover:selected, + *:link:backdrop, + button:backdrop:link, + button:backdrop:visited, + *:link:backdrop:hover, + button:backdrop:hover:link, + button:backdrop:hover:visited, + *:link:backdrop:hover:selected, + headerbar.selection-mode .subtitle:backdrop:hover:link, + button:backdrop:hover:selected:link, + button:backdrop:hover:selected:visited { + color: rgba(61, 174, 233, 0.5); } + button:link > label:selected, + button:visited > label:selected, *:selected button:link > label, + *:selected button:visited > label, + *:link:selected, + headerbar.selection-mode .subtitle:link, + button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #d6ecf8; } + +button:link, +button:visited { + text-shadow: none; } + button:link:hover, button:link:active, button:link:checked, + button:visited:hover, + button:visited:active, + button:visited:checked { + text-shadow: none; } + button:link > label, + button:visited > label { + text-decoration-line: underline; } + +/********* + * Lists * + *********/ +list { + background-color: #eff0f1; + color: #232627; + border-width: 0px; } + list:backdrop { + background-color: #eff0f1; + color: #232627; } + list row { + padding: 2px; } + +row { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover { + transition: none; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(61, 174, 233, 0.5); } + row.activatable:active { + box-shadow: none; + background-color: #3daee9; } + row.activatable:selected:active { + box-shadow: none; + background-color: #3daee9; } + row.activatable:selected.has-open-popup, row.activatable:selected:hover { + color: #232627; + background-color: #93cee9; } + row.activatable:selected:backdrop { + background-color: #3daee9; } + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: none; + border-style: none; + background-color: #eff0f1; } + menubar:backdrop, + .menubar:backdrop { + background-color: #eff0f1; } + menubar > menuitem, + .menubar > menuitem { + min-height: 16px; + padding: 4px 6px; + border-style: solid; + border-width: 1px 0px; + border-color: #eff0f1; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #3daee9; + color: #fcfcfc; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(32, 35, 35, 0.35); + box-shadow: none; } + menubar > menuitem:disabled:backdrop, + .menubar > menuitem:disabled:backdrop { + background-color: #eff0f1; + color: rgba(32, 35, 35, 0.35); } + menubar > menuitem:backdrop, + .menubar > menuitem:backdrop { + background-color: #eff0f1; + border-color: #eff0f1; + color: #232627; } + +menu, +.menu { + padding: 0px; + background-color: #eff0f1; + border: 0px solid transparent; + box-shadow: inset 0px 0px 0px 1px #bcbebf; + border-radius: 3px; } + .csd menu, .csd + .menu { + border: 0px solid; + border-radius: 3px; } + menu separator, + .menu separator { + color: #bcbebf; + margin-top: 3px; + margin-bottom: 3px; } + menu menuitem, + .menu menuitem { + text-shadow: none; + min-height: 16px; + min-width: 40px; + padding: 4px 4px; } + menu menuitem:hover, + .menu menuitem:hover { + color: #fcfcfc; + background-color: #3daee9; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(32, 35, 35, 0.35); } + menu menuitem:disabled:backdrop, + .menu menuitem:disabled:backdrop { + color: rgba(32, 35, 35, 0.35); } + menu menuitem:backdrop, menu menuitem:backdrop:hover, + .menu menuitem:backdrop, + .menu menuitem:backdrop:hover { + color: #232627; + background-color: #eff0f1; } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + margin-right: 10px; } + menu > arrow, + .menu > arrow { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #232627; + text-shadow: none; + -gtk-icon-shadow: none; + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: transparent; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top { + margin-top: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + menu > arrow.bottom, + .menu > arrow.bottom { + margin-bottom: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover { + color: #93cee9; } + menu > arrow:active, + .menu > arrow:active { + color: #3daee9; } + menu > arrow:backdrop, + .menu > arrow:backdrop { + background-color: #eff0f1; } + menu > arrow:disabled, + .menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +menuitem accelerator { + color: alpha(currentColor,0.55); } + +menuitem check, +menuitem radio { + min-height: 18px; + min-width: 18px; } + menuitem check:dir(ltr), + menuitem radio:dir(ltr) { + margin-right: 6px; } + menuitem check:dir(rtl), + menuitem radio:dir(rtl) { + margin-left: 6px; } + +/*************** + * Popovers * + ***************/ +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 16px; + padding: 4px 8px; + color: #232627; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #3daee9; + color: #fcfcfc; } + modelbutton.flat:selected, popover.background checkbutton:selected, + popover.background radiobutton:selected, + .menuitem.button.flat:selected { + background-color: #3daee9; + color: #fcfcfc; } + modelbutton.flat:backdrop, popover.background checkbutton:backdrop, + popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, + popover.background radiobutton:backdrop:hover, + .menuitem.button.flat:backdrop, + .menuitem.button.flat:backdrop:hover { + color: #232627; } + modelbutton.flat check:hover, popover.background checkbutton check:hover, popover.background radiobutton check:hover, + .menuitem.button.flat check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png")); } + modelbutton.flat radio:hover, popover.background checkbutton radio:hover, popover.background radiobutton radio:hover, + .menuitem.button.flat radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); } + modelbutton.flat check:checked:hover, popover.background checkbutton check:checked:hover, popover.background radiobutton check:checked:hover, + .menuitem.button.flat check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png")); } + modelbutton.flat radio:checked:hover, popover.background checkbutton radio:checked:hover, popover.background radiobutton radio:checked:hover, + .menuitem.button.flat radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png")); } + modelbutton.flat check:indeterminate:hover, popover.background checkbutton check:indeterminate:hover, popover.background radiobutton check:indeterminate:hover, + .menuitem.button.flat check:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png")); } + modelbutton.flat radio:indeterminate:hover, popover.background checkbutton radio:indeterminate:hover, popover.background radiobutton radio:indeterminate:hover, + .menuitem.button.flat radio:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png")); } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-right: 0px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-left: 0px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +popover.background { + padding: 0px; + border: 1px solid #bcbebf; + border-radius: 3px; + background-color: #eff0f1; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.9); } + popover.background:backdrop { + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid #bcbebf; } + popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +GtkVolumeButton.button { + padding: 5px; } + +/******** + * Misc * + ********/ +/**************** +* Print dialog * +*****************/ +printdialog paper { + color: #232627; + border: 1px solid #bcbebf; + background: white; + padding: 0; } + printdialog paper:backdrop { + color: #232627; + border-color: #bcbebf; + background: white; } + +printdialog .dialog-action-box { + margin: 12px; } + +/********** +* Frames * +**********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #bcbebf; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #bcbebf; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #bcbebf; } + actionbar > revealer > box:backdrop { + border-color: #bcbebf; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow junction { + border-color: transparent; + background-color: transparent; + background-image: none; } + +separator { + background: #bcbebf; + min-width: 1px; + min-height: 1px; } + +/************* +* Expanders * +*************/ +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + expander arrow:hover { + color: #6b7578; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/********* +* Paned * +*********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#bcbebf); + background-size: 1px 1px; } + paned > separator:backdrop { + background-image: image(#bcbebf); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #eff0f1; + background-image: image(#bcbebf), image(#bcbebf); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #eff0f1; + background-image: image(#bcbebf), image(#bcbebf); } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/********************* +* Spinner Animation * +*********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); } } + +spinner { + background-image: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; } + spinner:checked:disabled { + opacity: 0.5; } + +/***************** + * Notebooks and * + * Tabs * + *****************/ +/************* + * Notebooks * + *************/ +notebook.frame { + border: none; + padding: 0px; + box-shadow: inset 0px 0px 0px 1px #bcbebf; } + +notebook > header { + padding: 0px; + border: none; + background-color: #eff0f1; } + notebook > header.top { + box-shadow: inset 0 -1px #bcbebf; } + notebook > header.top:backdrop { + box-shadow: inset 0 -1px #bcbebf; } + notebook > header.bottom { + box-shadow: inset 0 1px #bcbebf; } + notebook > header.bottom:backdrop { + box-shadow: inset 0 1px #bcbebf; } + notebook > header.right { + box-shadow: inset 1px 0 #bcbebf; } + notebook > header.right:backdrop { + box-shadow: inset 1px 0 #bcbebf; } + notebook > header.left { + box-shadow: inset -1px 0 #bcbebf; } + notebook > header.left:backdrop { + box-shadow: inset -1px 0 #bcbebf; } + notebook > header:backdrop { + background-color: #eff0f1; } + notebook > header tabs { + margin: 0px; } + notebook > header.top > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(35, 38, 39, 0.2); + background-color: rgba(35, 38, 39, 0.2); + border-radius: 3px 3px 0px 0px; + border-bottom-color: transparent; } + notebook > header.top > tabs > tab:hover, notebook > header.top > tabs > tab.prelight-page { + background-color: rgba(61, 174, 233, 0.2); + border-color: rgba(61, 174, 233, 0.2); } + notebook > header.top > tabs > tab:checked { + border-color: #bcbebf; + border-bottom-color: #eff0f1; + background-color: #eff0f1; } + notebook > header.top > tabs > tab:checked:backdrop { + border-color: #bcbebf; + border-bottom-color: #eff0f1; + background-color: #eff0f1; } + notebook > header.bottom > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(35, 38, 39, 0.2); + background-color: rgba(35, 38, 39, 0.2); + border-radius: 0px 0px 3px 3px; + border-top-color: transparent; } + notebook > header.bottom > tabs > tab:hover, notebook > header.bottom > tabs > tab.prelight-page { + background-color: rgba(61, 174, 233, 0.2); + border-color: rgba(61, 174, 233, 0.2); } + notebook > header.bottom > tabs > tab:checked { + border-color: #bcbebf; + border-top-color: #eff0f1; + background-color: #eff0f1; } + notebook > header.bottom > tabs > tab:checked:backdrop { + border-color: #bcbebf; + border-top-color: #eff0f1; + background-color: #eff0f1; } + notebook > header.left > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(35, 38, 39, 0.2); + background-color: rgba(35, 38, 39, 0.2); + border-radius: 3px 0px 0px 3px; + border-right-color: transparent; } + notebook > header.left > tabs > tab:hover, notebook > header.left > tabs > tab.prelight-page { + background-color: rgba(61, 174, 233, 0.2); + border-color: rgba(61, 174, 233, 0.2); } + notebook > header.left > tabs > tab:checked { + border-color: #bcbebf; + border-right-color: #eff0f1; + background-color: #eff0f1; } + notebook > header.left > tabs > tab:checked:backdrop { + border-color: #bcbebf; + border-right-color: #eff0f1; + background-color: #eff0f1; } + notebook > header.right > tabs > tab { + padding: 4px 6px; + border: 1px solid rgba(35, 38, 39, 0.2); + background-color: rgba(35, 38, 39, 0.2); + border-radius: 0px 3px 3px 0px; + border-left-color: transparent; } + notebook > header.right > tabs > tab:hover, notebook > header.right > tabs > tab.prelight-page { + background-color: rgba(61, 174, 233, 0.2); + border-color: rgba(61, 174, 233, 0.2); } + notebook > header.right > tabs > tab:checked { + border-color: #bcbebf; + border-left-color: #eff0f1; + background-color: #eff0f1; } + notebook > header.right > tabs > tab:checked:backdrop { + border-color: #bcbebf; + border-left-color: #eff0f1; + background-color: #eff0f1; } + notebook > header.top > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #eff0f1; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #bcbebf; + box-shadow: inset -3px 0px 0px 0px #eff0f1; } + notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.top > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } + notebook > header.top > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } + notebook > header.top > tabs > tab.reorderable-page:checked:backdrop { + background-color: #eff0f1; + border-color: transparent; + border-right-color: #bcbebf; + box-shadow: none; } + notebook > header.top > tabs > tab.reorderable-page:backdrop { + background-color: #eff0f1; + border-right-color: #bcbebf; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #eff0f1; + background-clip: padding-box; + border-right-width: 1px; + border-right-color: #bcbebf; + box-shadow: inset -3px 0px 0px 0px #eff0f1; } + notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset -3px 0px 0px 0px #eff0f1; } + notebook > header.bottom > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #3daee9, inset -3px 0px 0px 0px #eff0f1; } + notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop { + background-color: #eff0f1; + border-color: transparent; + border-right-color: #bcbebf; + box-shadow: none; } + notebook > header.bottom > tabs > tab.reorderable-page:backdrop { + background-color: #eff0f1; + border-right-color: #bcbebf; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #eff0f1; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #bcbebf; + box-shadow: inset 0px -3px 0px 0px #eff0f1; } + notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } + notebook > header.left > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } + notebook > header.left > tabs > tab.reorderable-page:checked:backdrop { + background-color: #eff0f1; + border-color: transparent; + border-bottom-color: #bcbebf; + box-shadow: none; } + notebook > header.left > tabs > tab.reorderable-page:backdrop { + background-color: #eff0f1; + border-bottom-color: #bcbebf; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: #eff0f1; + background-clip: padding-box; + border-bottom-width: 1px; + border-bottom-color: #bcbebf; + box-shadow: inset 0px -3px 0px 0px #eff0f1; } + notebook > header.right > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab.reorderable-page.prelight-page { + box-shadow: inset 0px -3px 0px 0px rgba(61, 174, 233, 0.2), inset 0px -3px 0px 0px #eff0f1; } + notebook > header.right > tabs > tab.reorderable-page:checked { + box-shadow: inset 0px -3px 0px 0px #3daee9, inset 0px -3px 0px 0px #eff0f1; } + notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { + background-color: #eff0f1; + border-color: transparent; + border-bottom-color: #bcbebf; + box-shadow: none; } + notebook > header.right > tabs > tab.reorderable-page:backdrop { + background-color: #eff0f1; + border-bottom-color: #bcbebf; + box-shadow: none; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #232627; + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header button.flat { + padding: 0; + margin: 4px; + min-width: 12px; + min-height: 12px; + border: 0px solid; + border-radius: 50%; + color: #eff0f1; + background-color: #bcbebf; + background-image: none; } + notebook > header button.flat:hover { + background-color: #da4453; } + notebook > header button.flat:active { + background-color: #da4453; } + notebook > header button.flat:backdrop { + background-color: #bcbebf; + color: #eff0f1; } + +notebook > stack:not(:only-child) { + background-color: transparent; + border-style: solid; + border-color: #bcbebf; + border-width: 0px; } + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); + background-size: 100% 5%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a2a5a6), to(rgba(162, 165, 166, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(35, 38, 39, 0.07)), to(rgba(35, 38, 39, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#bcbebf), to(rgba(188, 190, 191, 0))); + background-size: 5% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot { + background-image: none; + border: none; } + +/************ + * Pathbars * + ************/ +.path-bar { + background-color: #eff0f1; + border-bottom: 1px solid #bcbebf; } + +.path-bar button { + border-color: rgba(255, 255, 255, 0); + background-color: transparent; + background-image: none; + box-shadow: none; + color: #232627; + text-shadow: none; + -gtk-icon-shadow: none; + padding: 4px 8px; + color: #232627; } + .path-bar button:hover { + border-color: #93cee9; } + .path-bar button:active, .path-bar button:checked { + background-color: #bcbebf; + font-weight: normal; } + .path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } + .path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } + .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } + .path-bar button image { + padding-left: 4px; + padding-right: 4px; } + .path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(35, 38, 39, 0.3); } + progressbar.horizontal trough, + progressbar.horizontal progress { + min-height: 6px; } + progressbar.vertical trough, + progressbar.vertical progress { + min-width: 6px; } + progressbar trough { + border: 0px solid transparent; + border-radius: 3px; + background-color: rgba(35, 38, 39, 0.3); } + progressbar:backdrop trough { + background-color: rgba(35, 38, 39, 0.3); } + progressbar progress { + background-color: #3daee9; + border: 0px solid transparent; + border-radius: 3px; + box-shadow: none; } + progressbar:backdrop progress { + background-color: #3daee9; } + progressbar.osd { + background-color: transparent; } + +treeview.view.progressbar { + border: 0px solid transparent; + border-radius: 3px; + background-color: #3daee9; + color: #fcfcfc; + background-image: none; } + treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { + background-color: rgba(252, 252, 252, 0.25); } + +treeview.view.trough { + background-color: #b2b3b4; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(252, 252, 252, 0.3); } + +/************* + * Level Bar * + *************/ +levelbar block { + min-width: 32px; + min-height: 6px; } + +levelbar.vertical block { + min-width: 6px; + min-height: 32px; } + +levelbar trough { + border: 1px solid; + padding: 2px; + border-radius: 3px; + color: #232627; + border-color: #bcbebf; + background-color: #fcfcfc; + box-shadow: none; } + levelbar trough:backdrop { + color: #232627; + border-color: #bcbebf; + background-color: #fcfcfc; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #3daee9; + background-color: #3daee9; + box-shadow: none; + border-radius: 1px; } + levelbar block:not(.empty):backdrop { + border-color: #3daee9; + background-color: #3daee9; } + +levelbar block.low { + border-color: #f67400; + background-color: #f67400; } + levelbar block.low:backdrop { + background-color: #f67400; + border-color: #f67400; } + +levelbar block.high { + border-color: #27ae60; + background-color: #27ae60; } + levelbar block.high:backdrop { + background-color: #27ae60; + border-color: #27ae60; } + +levelbar block.full { + border-color: #27ae60; + background-color: #27ae60; } + levelbar block.full:backdrop { + background-color: #27ae60; + border-color: #27ae60; } + +levelbar block.empty { + background-color: rgba(35, 38, 39, 0.3); + border-color: transparent; + box-shadow: none; } + levelbar block.empty:backdrop { + background-color: rgba(35, 38, 39, 0.3); } + +/************ + * GtkScale * + ************/ +scale.fine-tune.trough { + margin: 8px; + border-radius: 3px; } + +scale slider { + min-width: 18px; + min-height: 18px; + background-color: #eff0f1; + border: 1px solid #bcbebf; + border-radius: 50%; + box-shadow: none; + margin: -9px; } + scale slider:hover { + border-style: solid; + border-width: 2px; + border-color: #93cee9; + border-radius: 50%; } + scale slider:hover:backdrop { + background-color: #eff0f1; + border-color: #93cee9; } + scale slider:disabled { + border-style: solid; + border-radius: 50%; + background-color: #eff0f1; + border-color: rgba(170, 173, 174, 0.35); } + scale slider:disabled:backdrop { + background-color: #eff0f1; + border-color: rgba(170, 173, 174, 0.35); } + scale slider:active { + border: 2px solid #3daee9; } + scale slider:active:backdrop { + background-color: #eff0f1; + border-color: #3daee9; } + scale slider:backdrop { + background-color: #eff0f1; + border-color: #bcbebf; } + +scale trough { + min-width: 6px; + min-height: 6px; + margin: 9px; + border: 0px solid; + border-radius: 3px; + background-color: #b2b3b4; + box-shadow: none; } + scale trough:disabled, scale trough.vertical:disabled { + border-color: rgba(162, 163, 164, 0.35); + background-color: rgba(162, 163, 164, 0.35); + box-shadow: none; } + scale trough:disabled:backdrop, scale trough.vertical:disabled:backdrop { + background-color: rgba(162, 163, 164, 0.35); + border-color: rgba(162, 163, 164, 0.35); } + scale trough:backdrop { + background-color: #b2b3b4; + border-color: #b2b3b4; } + +scale highlight { + border: 0px solid; + border-radius: 3px; + background-color: #3daee9; + border-color: #3daee9; } + scale highlight.vertical { + background-color: #3daee9; + border-color: #3daee9; } + scale highlight:disabled { + background-color: rgba(37, 164, 230, 0.35); } + scale highlight:backdrop { + background-color: rgba(61, 174, 233, 0.5); + border-color: rgba(61, 174, 233, 0.5); } + scale highlight:backdrop:disabled { + background-color: rgba(37, 164, 230, 0.35); } + +/************** + * Scrollbars * + **************/ +scrollbar { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + background-color: #eff0f1; + border-width: 0px 0px; + border-color: #eff0f1; + margin: 0px; } + scrollbar button { + min-width: 14px; + min-height: 14px; + margin: 0px; + padding: 0px 0px; + border: none; + border-radius: 0px; + background-image: none; + background-color: transparent; + color: transparent; + box-shadow: none; } + scrollbar button:hover { + border: none; + background-image: none; + background-color: #eff0f1; + color: transparent; } + scrollbar button:active, scrollbar button:active:hover { + border: none; + background-image: none; + background-color: #eff0f1; + color: transparent; } + scrollbar button:disabled { + border: none; + background-color: #eff0f1; + background-image: none; + color: transparent; } + scrollbar button:backdrop { + color: #232627; } + scrollbar button:backdrop:disabled { + color: rgba(32, 35, 35, 0.35); } + scrollbar.dragging, scrollbar.hovering { + opacity: 0.9910; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.999; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + min-width: 6px; + border-radius: 8px; + background-color: rgba(107, 109, 110, 0.8); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider:backdrop { + background-color: #6b6d6e; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 6px; } + scrollbar.overlay-indicator { + background: none; } + scrollbar trough { + transition-duration: 0.1s; + min-width: 6px; + min-height: 14px; + border: 0px solid #eff0f1; + border-radius: 8px; + background-color: transparent; } + scrollbar:hover trough { + background-color: #b2b3b4; + box-shadow: inset 0px 0px 0px 5px #eff0f1; } + scrollbar slider { + transition-duration: 0.1s; + min-width: 6px; + min-height: 30px; + border: 5px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #6b6d6e; } + scrollbar slider:hover { + background-color: #93cee9; } + scrollbar slider:backdrop { + background-color: #6b6d6e; } + scrollbar slider:backdrop:disabled { + background-color: rgba(97, 99, 100, 0.35); } + scrollbar.horizontal slider { + min-width: 30px; + min-height: 6px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + background-color: #eff0f1; } + .sidebar:backdrop { + background-color: #eff0f1; } + +placessidebar > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 36px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 14px; } + placessidebar row:selected { + color: #fcfcfc; } + placessidebar row:disabled { + color: rgba(32, 35, 35, 0.35); } + placessidebar row:backdrop { + color: #232627; } + placessidebar row:backdrop:selected { + color: #3daee9; } + placessidebar row:backdrop:disabled { + color: rgba(32, 35, 35, 0.35); } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; } + placessidebar row:selected:active { + box-shadow: none; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: none; + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #3daee9; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; } + +stacksidebar.sidebar row { + padding: 10px 4px; } + stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar.sidebar row.needs-attention > .label { + background-size: 6px 6px, 0 0; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; } + spinbutton:not(.vertical) entry { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) entry:backdrop:disabled { + background-color: transparent; } + spinbutton:not(.vertical) button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #232627; + background-image: none; + background-color: transparent; + border-style: none; + box-shadow: none; } + spinbutton:not(.vertical) button:hover { + color: #93cee9; } + spinbutton:not(.vertical) button:disabled { + color: rgba(32, 35, 35, 0.35); } + spinbutton:not(.vertical) button:active { + color: #3daee9; + box-shadow: none; } + spinbutton:not(.vertical) button:backdrop { + color: #232627; + background-color: transparent; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(32, 35, 35, 0.35); + background-color: transparent; + border-style: none; } + spinbutton:not(.vertical) button:dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + +spinbutton.vertical:disabled { + color: rgba(32, 35, 35, 0.35); } + +spinbutton.vertical:backdrop:disabled { + color: rgba(32, 35, 35, 0.35); } + +spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + +spinbutton.vertical entry { + margin: 0px; + min-height: 26px; + min-width: 26px; + border-style: none solid none solid; + border-color: #bcbebf; + padding: 0; + border-radius: 0; } + spinbutton.vertical entry:disabled { + color: rgba(32, 35, 35, 0.35); + background-color: #e5e5e5; + border-color: rgba(170, 173, 174, 0.35); } + spinbutton.vertical entry:backdrop:disabled { + color: rgba(32, 35, 35, 0.35); + background-color: #e5e5e5; + border-color: rgba(170, 173, 174, 0.35); } + +spinbutton.vertical button { + min-height: 26px; + min-width: 26px; + padding: 0; + box-shadow: none; + background-image: none; + background-color: #fcfcfc; + color: #232627; + border-color: #bcbebf; } + spinbutton.vertical button:hover { + color: #93cee9; } + spinbutton.vertical button:active { + color: #3daee9; } + spinbutton.vertical button:disabled { + color: rgba(32, 35, 35, 0.35); + background-color: #e5e5e5; + border-color: rgba(170, 173, 174, 0.35); } + spinbutton.vertical button:backdrop:disabled { + color: rgba(32, 35, 35, 0.35); + background-color: #e5e5e5; + border-color: rgba(170, 173, 174, 0.35); } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } + +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; } + treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; } + +/********** + * Switch * + **********/ +switch { + margin: 2px; + font-weight: bold; + font-size: smaller; + min-width: 48px; + min-height: 24px; + border: 0px solid; + border-radius: 12px; + color: transparent; + background-color: rgba(35, 38, 39, 0.3); + text-shadow: none; } + switch:checked { + background-color: #3daee9; } + switch:backdrop { + background-color: rgba(35, 38, 39, 0.3); + text-shadow: none; } + switch:backdrop:checked { + background-color: #3daee9; } + switch slider { + min-width: 22px; + min-height: 22px; + border: 1px solid; + border-radius: 11px; + background-color: #eff0f1; + border-color: #bcbebf; } + switch:hover slider { + border-color: #93cee9; } + switch:disabled slider { + background-color: #d8dadd; } + switch:backdrop slider { + background-color: #eff0f1; } + switch:backdrop:disabled slider { + background-color: #d8dadd; } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #eff0f1; } + +toolbar { + padding: 4px 3px 3px 4px; } + toolbar:backdrop { + background-color: #eff0f1; + box-shadow: none; } + toolbar button { + margin: 2px; + padding: 3px; } + toolbar button.image-button, toolbar button.text-button.image-button { + padding: 3px; } + toolbar separator { + margin-left: 3px; + margin-right: 3px; } + toolbar entry { + margin: 3px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 3px; + background-color: #eff0f1; } + toolbar.osd:backdrop { + border-color: #bcbebf; + background-color: #eff0f1; + box-shadow: none; } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + +.inline-toolbar { + border-width: 0px 0px 1px 0px; + padding: 3px; + border-radius: 0; } + +searchbar, +.location-bar { + border-width: 0px 0px 1px 0px; + padding: 3px; } + +.inline-toolbar, searchbar, +.location-bar { + border-style: solid; + border-color: #bcbebf; + text-shadow: none; + background-color: #eff0f1; } + +/************ + * Tooltips * + ************/ +tooltip { + color: #fcfcfc; + padding: 4px; + /* not working */ + border-radius: 3px; + box-shadow: none; + text-shadow: none; + border: 1px solid #595c5c; } + tooltip.background { + background-color: #232627; + background-clip: padding-box; } + tooltip.window-frame.csd { + background-color: transparent; + box-shadow: none; } + tooltip decoration { + background-color: transparent; } + +tooltip * { + padding: 0px; + background-color: transparent; + color: #fcfcfc; } + +/************** + * Tree Views * + **************/ +treeview.view { + -GtkTreeView-grid-line-width: 0; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-left-color: #bcbebf; + border-top-color: transparent; } + treeview.view:selected { + border-radius: 0; } + treeview.view:selected { + background-color: #3daee9; + border-left-color: #fcfcfc; + border-top-color: #fcfcfc; } + treeview.view:backdrop:selected { + background-color: rgba(61, 174, 233, 0.5); + border-left-color: #fcfcfc; + border-top-color: #fcfcfc; } + treeview.view:disabled { + color: rgba(170, 173, 174, 0.35); } + treeview.view:disabled:selected { + color: #e5e5e5; } + treeview.view:disabled:selected:backdrop { + color: #e5e5e5; } + treeview.view:disabled:backdrop { + color: rgba(170, 173, 174, 0.35); } + treeview.view.separator { + min-height: 2px; + color: #bcbebf; } + treeview.view.separator:backdrop { + color: #bcbebf; } + treeview.view:backdrop { + border-left-color: #bcbebf; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #93cee9; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #232627; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + treeview.view.expander:hover { + color: #93cee9; } + treeview.view.expander:selected { + color: #fcfcfc; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:checked:selected { + color: #fcfcfc; } + treeview.view.expander:checked:backdrop { + color: #fcfcfc; } + treeview.view.expander:backdrop { + color: #fcfcfc; } + treeview.view header button { + color: #232627; + background-color: #eff0f1; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #232627; + background-color: rgba(147, 206, 233, 0.5); + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #232627; + background-color: rgba(147, 206, 233, 0.5); + transition: none; } + treeview.view header button:last-child:backdrop, treeview.view header button:last-child { + border-right-style: none; } + treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + color: #fcfcfc; + background-image: none; + background-color: #3daee9; + border-style: none; + border-radius: 0; + box-shadow: none; + text-shadow: none; + transition: none; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + padding: 6px; + border-style: none solid solid none; + border-radius: 0; + background-image: none; + border-color: #bcbebf; + text-shadow: none; } + treeview.view header button:disabled { + border-color: rgba(170, 173, 174, 0.35); + color: rgba(32, 35, 35, 0.35); + background-color: #d8dadd; + background-image: none; } + treeview.view header button:backdrop { + border-color: #bcbebf; + border-style: none solid solid none; + color: #232627; + background-image: none; + background-color: #eff0f1; } + treeview.view header button:backdrop:disabled { + border-color: rgba(170, 173, 174, 0.35); + background-image: none; + background-color: #d8dadd; + color: rgba(32, 35, 35, 0.35); } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + /* this is used for the resize cursor area */ + margin: 10px; } + .maximized decoration, + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + border-radius: 3px; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .ssd decoration { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); } + .csd decoration { + border-radius: 3px; } + .csd decoration.popup { + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); } + .csd decoration.tooltip { + box-shadow: none; } + .csd decoration.message-dialog { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); } + .solid-csd decoration { + border-radius: 0; + margin: 0; + padding: 1px; + border: none; + background-color: #eff0f1; + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 1px; + min-height: 18px; + min-width: 18px; + margin: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 1px; } + headerbar button.titlebutton:hover, headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:backdrop, headerbar button.titlebutton:active:hover, + .titlebar button.titlebutton:hover, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked, + .titlebar button.titlebutton:backdrop, + .titlebar button.titlebutton:active:hover { + transition: none; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/titlebutton-close.png"), url("../assets/titlebutton-close@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-close-hover.png"), url("../assets/titlebutton-close-hover@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-close-active.png"), url("../assets/titlebutton-close-active@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-close-backdrop.png"), url("../assets/titlebutton-close-backdrop@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize.png"), url("../assets/titlebutton-maximize@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-hover.png"), url("../assets/titlebutton-maximize-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-active.png"), url("../assets/titlebutton-maximize-active@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-backdrop.png"), url("../assets/titlebutton-maximize-backdrop@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/titlebutton-minimize.png"), url("../assets/titlebutton-minimize@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-minimize-hover.png"), url("../assets/titlebutton-minimize-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-minimize-active.png"), url("../assets/titlebutton-minimize-active@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-minimize-backdrop.png"), url("../assets/titlebutton-minimize-backdrop@2.png")); } + +.maximized headerbar button.titlebutton.maximize, .maximized +.titlebar button.titlebutton.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized.png"), url("../assets/titlebutton-maximize-maximized@2.png")); } + +.maximized headerbar button.titlebutton.maximize:hover, .maximized +.titlebar button.titlebutton.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-hover.png"), url("../assets/titlebutton-maximize-maximized-hover@2.png")); } + +.maximized headerbar button.titlebutton.maximize:active, .maximized +.titlebar button.titlebutton.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-active.png"), url("../assets/titlebutton-maximize-maximized-active@2.png")); } + +.maximized headerbar button.titlebutton.maximize:backdrop, .maximized +.titlebar button.titlebutton.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url("../assets/titlebutton-maximize-maximized-backdrop.png"), url("../assets/titlebutton-maximize-maximized-backdrop@2.png")); } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: none; } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } diff --git a/CMakeLists.txt b/CMakeLists.txt --- a/CMakeLists.txt +++ b/CMakeLists.txt @@ -9,6 +9,13 @@ set(CMAKE_MODULE_PATH ${ECM_MODULE_PATH} ${ECM_KDE_MODULE_DIR} "${CMAKE_SOURCE_DIR}/cmake") find_package(GTKEngine) +find_package(Sass REQUIRED) + +if(${CMAKE_VERSION} GREATER_EQUAL 3.12.0) + find_package(Python3 COMPONENTS Interpreter REQUIRED) +else() + find_package(PythonInterp 3 REQUIRED) +endif() include(KDEInstallDirs) @@ -23,5 +30,6 @@ add_subdirectory(Breeze-dark-gtk) add_subdirectory(Breeze-gtk) add_subdirectory(kconf_update) +add_subdirectory(src) feature_summary(WHAT ALL INCLUDE_QUIET_PACKAGES FATAL_ON_MISSING_REQUIRED_PACKAGES) diff --git a/TODO b/TODO new file mode 100644 --- /dev/null +++ b/TODO @@ -0,0 +1,2 @@ +* Remove SASS deprecation warnings +* Build the theme into ${CMAKE_BINARY_DIR} diff --git a/cmake/FindSass.cmake b/cmake/FindSass.cmake new file mode 100644 --- /dev/null +++ b/cmake/FindSass.cmake @@ -0,0 +1,32 @@ +set_package_properties(Sass PROPERTIES + DESCRIPTION "SASS compiler" + URL "https://sass-lang.com/" + PURPOSE "Required for building GTK themes") + +find_program(Sass_EXECUTABLE NAMES sassc) + +if(Sass_EXECUTABLE) + set(Sass_COMPILER_TYPE sassc) +else() + find_program(Sass_EXECUTABLE NAMES sass) + set(Sass_COMPILER_TYPE sass) +endif() + +include(FindPackageHandleStandardArgs) + +find_package_handle_standard_args(Sass + FOUND_VAR + Sass_FOUND + REQUIRED_VARS + Sass_EXECUTABLE +) +mark_as_advanced(Sass_EXECUTABLE) + +if (Sass_FOUND) + if (NOT TARGET Sass::Sass) + add_executable(Sass::Sass IMPORTED) + set_target_properties(Sass::Sass PROPERTIES + IMPORTED_LOCATION "${Sass_EXECUTABLE}" + ) + endif() +endif() diff --git a/generate_theme.py b/generate_theme.py deleted file mode 100755 --- a/generate_theme.py +++ /dev/null @@ -1,757 +0,0 @@ -# Usage: -# -# By default, this script will create assets based on the user's local color configuration -# When authoring the theme, you will want to render the assets with command line arguments to avoid this behavior -# Without quotes, 'light' will generate the Breeze assets while 'dark' will generate Breeze-Dark assets -# -# Example: python2 generate_theme.py light - -import cairo -import colorsys -from math import pi -import os -import errno -import sys -import ast - -def make_sure_path_exists(path): - try: - os.makedirs(path) - except OSError as exception: - if exception.errno != errno.EEXIST: - raise - -class ReadKdeGlobals(): - def __init__(self): - self._colors = {} - self._colors = self.read_globals(os.path.expanduser('~/.kde4/share/config/kdeglobals')) - - def read_globals(self,filename): - with open(filename, 'r') as _kde: - for widget in ['Disabled', 'Inactive','Button', 'Selection', 'Tooltip', 'View', 'Window', 'WM']: - for line in _kde: - if line.strip().split(':')[-1].strip('[]') == widget: - break - for line in _kde: - if line == '\n': - break - self._colors['{0}{1}'.format(widget,line.strip().split('=')[0])] = line.strip().split('=')[1] - return self._colors - -class Color(object): - def __init__(self, colordict,name,name2=None,amount=0): - color = colordict[name] - self.colordict = colordict - - r = float(color.split(',')[0]) - g = float(color.split(',')[1]) - b = float(color.split(',')[2]) - if not name2 == None: - color2 = colordict[name2] - r = r * amount + float(color2.split(',')[0]) * (1 - amount) - g = g * amount + float(color2.split(',')[1]) * (1 - amount) - b = b * amount + float(color2.split(',')[2]) * (1 - amount) - - self.rgb255 = (r,g,b) - self.rgb = (r/255,g/255,b/255) - self.html = '#%02x%02x%02x' % self.rgb255 - self.insensitive = self._color_effect(self._intensity_effect(self.rgb,'Disabled'),'Disabled') - self.insensitive_alpha = self._contrast_effect(self.rgb,'Disabled') - - if self.colordict['InactiveEnable'] == 'false': - self.inactive = self.rgb - self.inactive_alpha = 1.0 - else: - self.inactive = self._color_effect(self._intensity_effect(self.rgb,'Inactive'),'Inactive') - self.inactive_alpha = self._contrast_effect(self.rgb,'Inactive') - self.inactive_insensitive = self._color_effect(self._intensity_effect(self.inactive,'Disabled'),'Disabled') - self.inactive_insensitive_alpha = max(self.inactive_alpha - (1 - self.insensitive_alpha),0) - - def _mix(self,color, mix_color, amount): - r = color[0] * amount + mix_color[0] * (1 - amount) - g = color[1] * amount + mix_color[1] * (1 - amount) - b = color[2] * amount + mix_color[2] * (1 - amount) - return (r,g,b) - - def _lighter(self,color,amount): - h,s,v = colorsys.rgb_to_hsv(color[0],color[1],color[2]) - v = min((1+amount)*v,1) - r,g,b = colorsys.hsv_to_rgb(h,s,v) - return (r,g,b) - - def _darker(self,color,amount): - h,s,v = colorsys.rgb_to_hsv(color[0],color[1],color[2]) - if amount == -1: - v = 1 - else: - v = min(v/(1+amount),1) - r,g,b = colorsys.hsv_to_rgb(h,s,v) - return (r,g,b) - - def _desaturate(self,color,amount): - h,s,v = colorsys.rgb_to_hsv(color[0],color[1],color[2]) - s = min(s * (1 - amount),1) - r,g,b = colorsys.hsv_to_rgb(h,s,v) - return (r,g,b) - - def _intensity_effect(self,color,state): - effect = int(self.colordict[state + 'IntensityEffect']) - amount = float(self.colordict[state + 'IntensityAmount']) - if effect == 0: - (r,g,b) = color - elif effect == 1: - if amount >= 0: - (r,g,b) = self._mix((1.0,1.0,1.0),color,amount) - else: - (r,g,b) = self._mix((0.0,0.0,0.0),color,amount) - elif effect == 2: - (r,g,b) = self._darker(color,amount) - elif effect == 3: - (r,g,b) = self._lighter(color,amount) - return (r,g,b) - - def _color_effect(self,color,state): - effect = int(self.colordict[state + 'ColorEffect']) - amount = float(self.colordict[state + 'ColorAmount']) - effect_color = self.colordict[state + 'Color'] - effect_color = (float(effect_color.split(',')[0])/255,float(effect_color.split(',')[1])/255,float(effect_color.split(',')[2])/255) - if effect == 0: - (r,g,b) = color - elif effect == 1: - (r,g,b) = self._desaturate(color,amount) - else: - (r,g,b) = self._mix(effect_color,color,amount) - return (r,g,b) - - def _contrast_effect(self,color,state): - effect = int(self.colordict[state + 'ContrastEffect']) - amount = float(self.colordict[state + 'ContrastAmount']) - if effect == 0: - return 1.0 - else: - return 1.0 - amount - - def lighten_color(self,amount): - h,s,v = colorsys.rgb_to_hsv(self.rgb[0], self.rgb[1], self.rgb[2]) - v = (1+amount)*v - r,g,b = colorsys.hsv_to_rgb(h,s,v) - self.rgb = (r,g,b) - self.rgb255 = (r*255,g*255,b*255) - - - def gradient(self,state='',alpha=1.0): - if state == 'active': - stop1 = self._lighter(self.rgb,0.03) - stop2 = self._darker(self.rgb,0.10) - linear = cairo.LinearGradient(1, 1, 1, 19) - linear.add_color_stop_rgba(0.0,stop1[0],stop1[1],stop1[2],alpha) - linear.add_color_stop_rgba(1.0,stop2[0],stop2[1],stop2[2],alpha) - else: - stop1 = self._lighter(self.rgb,0.01) - stop2 = self._darker(self.rgb,0.03) - linear = cairo.LinearGradient(1, 1, 1, 19) - linear.add_color_stop_rgba(0.0,stop1[0],stop1[1],stop1[2],alpha) - linear.add_color_stop_rgba(1.0,stop2[0],stop2[1],stop2[2],alpha) - return linear - -class Assets(object): - def __init__(self,width,height,scl=1, rotation=0, filename='png'): - self.w = width; self.h = height - if filename == 'png': - self.surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, scl*width, scl*height) - else: - self.surface = cairo.SVGSurface('assets/' + filename, scl*width, scl*height) - cr = self.cr = cairo.Context(self.surface) - if rotation != 0: - cr.translate(scl*width/2,scl*height/2) - cr.rotate(rotation*pi/2) - cr.translate(-scl*width/2,-scl*height/2) - cr.scale(scl,scl) - - def background(self,color): - self.cr.rectangle(0,0,self.w,self.h) - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.fill() - - def line(self,color,x,y,width,height): - self.cr.rectangle(x,y,width,height) - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.fill() - - def rounded_rectancle(self, color, width, height, x, y, radius, alpha=1.0, gradient=False): - self.cr.new_sub_path() - self.cr.arc(x + width - radius, y + radius, radius, -pi/2, 0) - self.cr.arc(x + width - radius, y + height - radius, radius, 0, pi/2) - self.cr.arc(x + radius, y + height - radius, radius, pi/2, pi) - self.cr.arc(x + radius, y + radius, radius, pi, 3*pi/2) - self.cr.close_path() - if gradient: - self.cr.set_source(color) - elif color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - elif color == 'shadow': - self.cr.set_source_rgba(0.0,0.0,0.0, 0.15) - else: - self.cr.set_source_rgba(color[0],color[1],color[2], alpha) - self.cr.fill() - - def rounded_triangle(self, color, width, height, x, y, radius, alpha=1.0): - self.cr.new_sub_path() - self.cr.move_to(x + width, y) - self.cr.line_to(x + width, y + height - radius) - self.cr.arc(x + width - radius, y + height - radius,radius, 0, pi/2) - self.cr.line_to(x, y + height) - self.cr.close_path() - self.cr.set_source_rgba(color[0],color[1],color[2], alpha) - self.cr.fill() - - def circle(self, color, x, y, radius, alpha=1.0, gradient=False): - self.cr.new_sub_path() - self.cr.arc(x, y, radius, 0, 2*pi) - self.cr.close_path() - if gradient: - self.cr.set_source(color) - elif color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - elif color == 'shadow': - self.cr.set_source_rgba(0.0,0.0,0.0, 0.15) - else: - self.cr.set_source_rgba(color[0],color[1],color[2], alpha) - self.cr.fill() - - def half_circle(self, color, x, y, radius, alpha=1.0): - self.cr.new_sub_path() - self.cr.arc(x, y, radius, -pi/4, 3*pi/4) - self.cr.close_path() - self.cr.set_source_rgba(color[0],color[1],color[2],alpha) - self.cr.fill() - - def arrow(self, color, alpha=1.0, shiftx=0, shifty=0): - self.cr.new_sub_path() - self.cr.move_to(shiftx + 1,shifty + 8) - self.cr.line_to(shiftx + 6,shifty + 3) - self.cr.line_to(shiftx + 11,shifty + 8) - self.cr.set_source_rgba(color[0],color[1],color[2],alpha) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def arrow_small(self, color,alpha=1.0): - self.cr.new_sub_path() - self.cr.move_to(1,6) - self.cr.line_to(4,3) - self.cr.line_to(7,6) - self.cr.set_source_rgba(color[0],color[1],color[2], alpha) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def tab(self, color, width, height, x, y, radius, alpha=1.0): - self.cr.move_to(width + x, y) - self.cr.line_to(width + x, height - radius + y) - self.cr.arc(width - radius + x, height - radius + y, radius, 0, pi/2) - self.cr.line_to(radius + x, height + y) - self.cr.arc(radius + x,height - radius + y,radius,pi/2,pi) - self.cr.line_to(x,y) - self.cr.close_path - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgba(color[0],color[1],color[2], alpha) - self.cr.fill() - - def spinbutton(self, color, width, height, x, y, radius,alpha=1.0): - self.cr.move_to(width + x, y) - self.cr.line_to(width + x, height - radius + y) - self.cr.arc(width - radius + x, height - radius + y, radius, 0, pi/2) - self.cr.line_to(x, height + y) - self.cr.line_to(x,y) - self.cr.close_path() - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgba(color[0],color[1],color[2],alpha) - self.cr.fill() - - def notebook(self, color, width, height, x, y, radius): - self.cr.move_to(x, y) - self.cr.line_to(x + width - radius, y) - self.cr.arc(x + width - radius, y + radius, radius, -pi/2, 0) - self.cr.line_to(x + width, y + height-radius) - self.cr.arc(x + width - radius, y + height - radius, radius, 0, pi/2) - self.cr.line_to(x + radius,y + height) - self.cr.arc(x + radius, y + height -radius, radius, pi/2, pi) - self.cr.close_path() - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.fill() - - def minimize(self,color=None): - self.cr.move_to(4,7) - self.cr.line_to(9,12) - self.cr.line_to(14,7) - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def maximize(self,color=None): - self.cr.move_to(4,11) - self.cr.line_to(9,6) - self.cr.line_to(14,11) - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def maximize_maximized(self,color=None): - self.cr.move_to(4.5,9) - self.cr.line_to(9,4.5) - self.cr.line_to(13.5,9) - self.cr.line_to(9,13.5) - self.cr.close_path() - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def close(self,color=None): - self.cr.move_to(5,5) - self.cr.line_to(13,13) - self.cr.move_to(13,5) - self.cr.line_to(5,13) - if color == None: - self.cr.set_operator(cairo.OPERATOR_CLEAR) - else: - self.cr.set_source_rgb(color[0],color[1],color[2]) - self.cr.set_line_width(1.0) - self.cr.stroke() - - def save(self, filename): - self.surface.write_to_png('assets/' + filename) - - -def check_items(color1,color2,state,alpha=1.0): - for scl in [1,2]: - if scl == 2: - ending = '@2.png' - else: - ending = '.png' - # checkboxes - box = Assets(20,20,scl) - box.rounded_rectancle('shadow',18,18,2,2,3) - box.rounded_rectancle(color2,18,18,1,1,3) - box.rounded_rectancle(color1,18,18,1,1,3,alpha=alpha) - box.rounded_rectancle(color2,16,16,2,2,2) - box.save('check-unchecked' + state + ending) - if state != '': - box.rounded_rectancle(color1,12,12,4,4,1,alpha=alpha) - box.save('check-checked' + state + ending) - box.rounded_triangle(color2,8,8,6,6,1,alpha=alpha) - box.save('check-mixed' + state + ending) - - # radio - radio = Assets(20,20,scl) - radio.circle('shadow',11,11,9) - radio.circle(color2,10,10,9) - radio.circle(color1,10,10,9,alpha=alpha) - radio.circle(color2,10,10,8) - radio.save('radio-unchecked' + state + ending) - if state != '': - radio.circle(color1,10,10,6,alpha=alpha) - radio.save('radio-checked' + state + ending) - radio.half_circle(color2,10,10,4,alpha=alpha) - radio.save('radio-mixed' + state + ending) - - # selectionmode - selectionmode = Assets(40,40,scl) - selectionmode.rounded_rectancle('shadow',18,18,12,12,3) - selectionmode.rounded_rectancle(color2,18,18,11,11,3) - selectionmode.rounded_rectancle(color1,18,18,11,11,3,alpha=alpha) - selectionmode.rounded_rectancle(color2,16,16,12,12,2) - selectionmode.save('check-selectionmode-unchecked' + state + ending) - if state != '': - selectionmode.rounded_rectancle(color1,12,12,14,14,1,alpha=alpha) - selectionmode.save('check-selectionmode-checked' + state + ending) - -def buttons(color1,color2,color3,state,alpha=1.0): - button = Assets(20,20) - button.rounded_rectancle('shadow',18,18,2,2,3) - button.rounded_rectancle(color1,18,18,1,1,3) - button.rounded_rectancle(color2,18,18,1,1,3,alpha=alpha) - if state == '-active': - button.rounded_rectancle(color3,18,18,1,1,3, gradient=True) - else: - button.rounded_rectancle(color1,16,16,2,2,2) - button.rounded_rectancle(color3,16,16,2,2,2, gradient=True) - button.save('button' + state + '.png') - -def togglebuttons(color1,color2,color3,state,alpha=1.0): - button = Assets(20,20) - button.rounded_rectancle(color1,18,18,1,1,3) - button.rounded_rectancle(color2,18,18,1,1,3,alpha=alpha) - if state == '-active': - button.rounded_rectancle(color3,18,18,1,1,3, gradient=True) - else: - button.rounded_rectancle(color1,16,16,2,2,2) - button.rounded_rectancle(color3,16,16,2,2,2, gradient=True) - button.save('togglebutton' + state + '.png') - -def scale_slider(color1,color2,color3,state,alpha=1.0): - scale = Assets(20,20) - scale.circle(color1,10,10,10) - scale.circle(color2,10,10,10,alpha=alpha) - scale.circle(color1,10,10,9) - scale.circle(color3,10,10,9,gradient=True) - scale.save('scale-slider' + state + '.png') - -def scale_trough(color): - trough_h = Assets(20,20) - trough_h.rounded_rectancle(color,20,6,0,7,3) - trough_h.save('scale-trough-horizontal.png') - - trough_h = Assets(20,20) - trough_h.rounded_rectancle(color,6,20,7,0,3) - trough_h.save('scale-trough-vertical.png') - - -def tabs(color1,color2,state): - if state == '-inactive': - alpha = 0.2 - else: - alpha = 1.0 - direction = ['-bottom','-left','-top','-right'] - for i in range(0,4): - tab = Assets(20,20,rotation=i) - tab.tab(color1,20,20,0,0,3,alpha) - if state == '-active': - tab.tab(color2,18,19,1,0,2) - tab.save('tab' + direction[i] + state + '.png') - -def arrows(color,state,alpha=1.0): - direction = ['-up','-right','-down','-left'] - for i in range(0,4): - arw = Assets(12,12,rotation=i) - arw.arrow(color,alpha) - arw.save('arrow' + direction[i] + state + '.png') - - arw = Assets(8,8,rotation=i) - arw.arrow_small(color,alpha) - arw.save('arrow-small' + direction[i] + state + '.png') - -def menu_arrow(color,state,alpha=1.0): - arrow = Assets(12,12,rotation=1) - arrow.arrow(color,alpha) - arrow.save('menu-arrow' + state + '.png') - -def scrollbar_slider(color1,color2,color3): - for scl in [1,2]: - if scl == 2: - ending = '@2.png' - else: - ending = '.png' - slider = Assets(30,20,scl) - slider.rounded_rectancle(color1,30,10,0,5,5,1) - slider.save('scrollbar-slider-horizontal-active' + ending) - - slider = Assets(30,20,scl) - slider.rounded_rectancle(color2,30,6,0,7,3,1) - slider.save('scrollbar-slider-horizontal-hover' + ending) - - slider = Assets(30,20,scl) - slider.rounded_rectancle(color3,30,6,0,7,3,1) - slider.save('scrollbar-slider-horizontal' + ending) - - slider = Assets(20,30,scl) - slider.rounded_rectancle(color1,10,30,5,0,5,1) - slider.save('scrollbar-slider-vertical-active' + ending) - - slider = Assets(20,30,scl) - slider.rounded_rectancle(color2,6,30,7,0,3,1) - slider.save('scrollbar-slider-vertical-hover' + ending) - - slider = Assets(20,30,scl) - slider.rounded_rectancle(color3,6,30,7,0,3,1) - slider.save('scrollbar-slider-vertical' + ending) - -def scrollbar_trough(color): - for scl in [1,2]: - if scl == 2: - ending = '@2.png' - else: - ending = '.png' - trough = Assets(56,20,scl) - trough.rounded_rectancle(color,49,6,3.5,7,3,0.3) - trough.save('scrollbar-trough-horizontal' + ending) - - trough = Assets(20,56,scl) - trough.rounded_rectancle(color,6,49,7,3.5,3,0.3) - trough.save('scrollbar-trough-vertical' + ending) - -def titlebuttons(color1,color2,state): - for scl in [1,2]: - if scl == 2: - ending = '@2.png' - else: - ending = '.png' - title_minimize = Assets(18,18,scl) - title_maximize = Assets(18,18,scl) - title_maximized = Assets(18,18,scl) - if state == '' or state == '-backdrop': - title_minimize.minimize(color1) - title_maximize.maximize(color1) - title_maximized.maximize_maximized(color1) - else: - title_minimize.circle(color1,9,9,9) - title_maximize.circle(color1,9,9,9) - title_maximized.circle(color1,9,9,9) - title_minimize.minimize() - title_maximize.maximize() - title_maximized.maximize_maximized() - title_minimize.save('titlebutton-minimize' + state + ending) - title_maximize.save('titlebutton-maximize' + state + ending) - title_maximized.save('titlebutton-maximize-maximized' + state + ending) - - title_close = Assets(18,18,scl) - title_close.circle(color2,9,9,9) - title_close.close() - title_close.save('titlebutton-close' + state + ending) - -def entry(color1,color2,color3,state,alpha=1.0): - entry = Assets(20,20) - entry.background(color1) - entry.rounded_rectancle(color2,18,18,1,1,3,alpha=alpha) - entry.rounded_rectancle(color3,16,16,2,2,2) - entry.rounded_rectancle(color3,16,16,2,2,2) - entry.save('entry' + state + '.png') - - entry = Assets(20,20,rotation=1) - entry.background(color1) - entry.tab(color2,18,19,1,0,3,alpha=alpha) - entry.tab(color3,16,18,2,0,2) - entry.save('combo-entry' + state + '.png') - - entry_button = Assets(20,20,rotation=3) - entry_button.background(color1) - entry_button.tab(color2,18,19,1,0,3,alpha=alpha) - entry_button.tab(color3,16,18,2,0,2) - entry_button.save('combo-entry-button' + state + '.png') - - if state != '-active': - direction = ['-down','-down-rtl','-up-rtl','-up'] - for i in range(0,4): - spin = Assets(20,20,rotation=i) - spin.background(color1) - spin.spinbutton(color2,19,19,0,0,3,alpha=alpha) - spin.spinbutton(color3,18,18,0,0,2) - spin.save('spinbutton' + direction[i] + state + '.png') - -def mixed(color1, color2,color3): - nll = Assets(20,20) - nll.save('null.png') - - # Frame - frame = Assets(20,20) - frame.rounded_rectancle(color1,20,20,0,0,3) - frame.rounded_rectancle(color2,18,18,1,1,2) - frame.save('frame.png') - - # Tree header - header = Assets(20,20) - header.background(color2) - header.line(color1,0,19,20,1) - header.line(color1,19,0,1,20) - header.save('tree-header.png') - - # Notebook gap - notebook_gap = Assets(4,2) - notebook_gap.line(color2,1,0,2,2) - notebook_gap.save('notebook-gap-horizontal.png') - - notebook_gap = Assets(2,4) - notebook_gap.line(color2,0,1,2,2) - notebook_gap.save('notebook-gap-vertical.png') - - # Notebook frame - direction = ['-top','-right','-bottom','-bottom'] - for i in range(0,4): - notebook_frame = Assets(20,20,rotation=i) - notebook_frame.notebook(color1,20,20,0,0,3) - notebook_frame.notebook(color2,18,18,1,1,2) - notebook_frame.save('notebook-frame' + direction[i] + '.png') - - - # Frame gap - frame_gap = Assets(2,1) - frame_gap.line(color1,1,0,1,1) - frame_gap.save('frame-gap-start.png') - - frame_gap = Assets(2,1) - frame_gap.line(color1,0,0,1,1) - frame_gap.save('frame-gap-end.png') - - # Lines - lines = Assets(20,1) - lines.line(color1,0,0,20,1) - lines.save('line-h.png') - - lines = Assets(1,20) - lines.line(color1,0,0,1,20) - lines.save('line-v.png') - - lines = Assets(20,1) - lines.line(color2,0,0,20,1) - lines.save('handle-h.png') - - lines = Assets(1,20) - lines.line(color2,0,0,1,20) - lines.save('handle-v.png') - - menubar = Assets(20,20) - menubar.line(color3,1,1,18,18) - menubar.save('menubar-button.png') - -def toolbar(color1, color2, color3): - # Toolbar background - bar = Assets(20,20) - bar.background(color2) - bar.save('toolbar-background.png') - - # Toolbutton toggled - toolbutton = Assets(20,20) - toolbutton.rounded_rectancle(color1,18,18,1,1,3) - toolbutton.save('toolbutton-toggled.png') - - # Toolbutton hover - toolbutton = Assets(20,20) - toolbutton.rounded_rectancle(color3,18,18,1,1,3) - toolbutton.rounded_rectancle(color2,16,16,2,2,2) - toolbutton.save('toolbutton-hover.png') - - # Toolbutton active - toolbutton = Assets(20,20) - toolbutton.rounded_rectancle(color3,18,18,1,1,3) - toolbutton.save('toolbutton-active.png') - -def progressbar(color1, color2, state=''): - bar = Assets(10,10) - bar.rounded_rectancle(color1,10,10,0,0,3) - bar.save('progressbar-bar' + state + '.png') - - trough = Assets(10,10) - trough.rounded_rectancle(color2,10,10,0,0,3) - trough.save('progressbar-trough' + state + '.png') - - - -def html(color): - return '#%02x%02x%02x' % (color[0]*255,color[1]*255,color[2]*255) - -def mix(color, mix_color, amount): - r = color[0] * amount + mix_color[0] * (1 - amount) - g = color[1] * amount + mix_color[1] * (1 - amount) - b = color[2] * amount + mix_color[2] * (1 - amount) - return (r,g,b) -#___________________________________________________________________________________ - -breeze_light = ast.literal_eval("{'ViewForegroundInactive': '127,140,141', 'ViewForegroundNormal': '49,54,59', 'WindowBackgroundAlternate': '189,195,199', 'TooltipForegroundNeutral': '246,116,0', 'WMinactiveForeground': '189,195,199', 'ButtonDecorationHover': '147,206,233', 'ButtonBackgroundAlternate': '189,195,199', 'TooltipForegroundNormal': '239,240,241', 'TooltipForegroundNegative': '218,68,83', 'InactiveContrastAmount': '0.1', 'DisabledIntensityAmount': '0.1', 'DisabledContrastAmount': '0.65', 'ViewBackgroundNormal': '252,252,252', 'ButtonForegroundLink': '41,128,185', 'WindowForegroundInactive': '127,140,141', 'TooltipDecorationHover': '147,206,233', 'TooltipBackgroundAlternate': '77,77,77', 'InactiveColorEffect': '2', 'SelectionDecorationHover': '147,206,233', 'SelectionForegroundPositive': '39,174,96', 'WindowForegroundVisited': '127,140,141', 'TooltipBackgroundNormal': '49,54,59', 'ButtonForegroundNegative': '218,68,83', 'SelectionForegroundVisited': '189,195,199', 'DisabledColor': '56,56,56', 'TooltipForegroundLink': '41,128,185', 'WindowForegroundNormal': '49,54,59', 'SelectionForegroundActive': '252,252,252', 'TooltipForegroundVisited': '127,140,141', 'WindowDecorationFocus': '61,174,233', 'ViewForegroundActive': '61,174,233', 'DisabledIntensityEffect': '2', 'ViewDecorationFocus': '61,174,233', 'WMactiveBlend': '255,255,255', 'DisabledColorAmount': '0', 'DisabledContrastEffect': '1', 'SelectionForegroundInactive': '239,240,241', 'WindowForegroundNeutral': '246,116,0', 'ViewForegroundVisited': '127,140,141', 'InactiveEnable': 'false', 'WindowDecorationHover': '147,206,233', 'WindowForegroundActive': '61,174,233', 'WMactiveBackground': '71,80,87', 'ButtonBackgroundNormal': '239,240,241', 'InactiveChangeSelectionColor': 'true', 'SelectionForegroundNegative': '218,68,83', 'WindowForegroundNegative': '218,68,83', 'WindowForegroundLink': '41,128,185', 'ButtonForegroundNormal': '49,54,59', 'InactiveColor': '112,111,110', 'ViewForegroundPositive': '39,174,96', 'WMactiveForeground': '239,240,241', 'WindowForegroundPositive': '39,174,96', 'InactiveContrastEffect': '2', 'WMinactiveBackground': '239,240,241', 'InactiveColorAmount': '0.025', 'ViewBackgroundAlternate': '239,240,241', 'SelectionBackgroundNormal': '61,174,233', 'ViewForegroundNegative': '218,68,83', 'ButtonForegroundInactive': '127,140,141', 'SelectionDecorationFocus': '61,174,233', 'SelectionForegroundLink': '253,188,75', 'ButtonForegroundActive': '61,174,233', 'TooltipForegroundInactive': '189,195,199', 'ButtonForegroundPositive': '39,174,96', 'ViewDecorationHover': '147,206,233', 'TooltipDecorationFocus': '61,174,233', 'WMinactiveBlend': '75,71,67', 'InactiveIntensityAmount': '0', 'TooltipForegroundPositive': '39,174,96', 'TooltipForegroundActive': '61,174,233', 'ViewForegroundNeutral': '246,116,0', 'DisabledColorEffect': '0', 'InactiveIntensityEffect': '0', 'SelectionForegroundNormal': '239,240,241', 'ViewForegroundLink': '41,128,185', 'ButtonDecorationFocus': '61,174,233', 'ButtonForegroundVisited': '127,140,141', 'SelectionForegroundNeutral': '246,116,0', 'WindowBackgroundNormal': '239,240,241', 'SelectionBackgroundAlternate': '29,153,243', 'ButtonForegroundNeutral': '246,116,0'}") - -breeze_dark = ast.literal_eval("{'ViewForegroundInactive': '189,195,199', 'ViewForegroundNormal': '239,240,241', 'WindowBackgroundAlternate': '77,77,77', 'TooltipForegroundNeutral': '246,116,0', 'WMinactiveForeground': '127,140,141', 'ButtonDecorationHover': '61,174,233', 'ButtonBackgroundAlternate': '77,77,77', 'TooltipForegroundNormal': '239,240,241', 'TooltipForegroundNegative': '218,68,83', 'InactiveContrastAmount': '0.1', 'DisabledIntensityAmount': '0.1', 'DisabledContrastAmount': '0.65', 'ViewBackgroundNormal': '35,38,41', 'ButtonForegroundLink': '41,128,185', 'WindowForegroundInactive': '189,195,199', 'TooltipDecorationHover': '61,174,233', 'TooltipBackgroundAlternate': '77,77,77', 'InactiveColorEffect': '2', 'SelectionDecorationHover': '61,174,233', 'SelectionForegroundPositive': '39,174,96', 'WindowForegroundVisited': '127,140,141', 'TooltipBackgroundNormal': '49,54,59', 'ButtonForegroundNegative': '218,68,83', 'SelectionForegroundVisited': '189,195,199', 'DisabledColor': '56,56,56', 'TooltipForegroundLink': '41,128,185', 'WindowForegroundNormal': '239,240,241', 'SelectionForegroundActive': '252,252,252', 'TooltipForegroundVisited': '127,140,141', 'WindowDecorationFocus': '61,174,233', 'ViewForegroundActive': '61,174,233', 'DisabledIntensityEffect': '2', 'ViewDecorationFocus': '61,174,233', 'WMactiveBlend': '255,255,255', 'DisabledColorAmount': '0', 'DisabledContrastEffect': '1', 'SelectionForegroundInactive': '239,240,241', 'WindowForegroundNeutral': '246,116,0', 'ViewForegroundVisited': '127,140,141', 'InactiveEnable': 'false', 'WindowDecorationHover': '61,174,233', 'WindowForegroundActive': '61,174,233', 'WMactiveBackground': '49,54,59', 'ButtonBackgroundNormal': '49,54,59', 'InactiveChangeSelectionColor': 'true', 'SelectionForegroundNegative': '218,68,83', 'WindowForegroundNegative': '218,68,83', 'WindowForegroundLink': '41,128,185', 'ButtonForegroundNormal': '239,240,241', 'InactiveColor': '112,111,110', 'ViewForegroundPositive': '39,174,96', 'WMactiveForeground': '239,240,241', 'WindowForegroundPositive': '39,174,96', 'InactiveContrastEffect': '2', 'WMinactiveBackground': '49,54,59', 'InactiveColorAmount': '0.025', 'ViewBackgroundAlternate': '49,54,59', 'SelectionBackgroundNormal': '61,174,233', 'ViewForegroundNegative': '218,68,83', 'ButtonForegroundInactive': '189,195,199', 'SelectionDecorationFocus': '61,174,233', 'SelectionForegroundLink': '253,188,75', 'ButtonForegroundActive': '61,174,233', 'TooltipForegroundInactive': '189,195,199', 'ButtonForegroundPositive': '39,174,96', 'ViewDecorationHover': '61,174,233', 'TooltipDecorationFocus': '61,174,233', 'WMinactiveBlend': '75,71,67', 'InactiveIntensityAmount': '0', 'TooltipForegroundPositive': '39,174,96', 'TooltipForegroundActive': '61,174,233', 'ViewForegroundNeutral': '246,116,0', 'DisabledColorEffect': '0', 'InactiveIntensityEffect': '0', 'SelectionForegroundNormal': '239,240,241', 'ViewForegroundLink': '41,128,185', 'ButtonDecorationFocus': '61,174,233', 'ButtonForegroundVisited': '127,140,141', 'SelectionForegroundNeutral': '246,116,0', 'WindowBackgroundNormal': '49,54,59', 'SelectionBackgroundAlternate': '29,153,243', 'ButtonForegroundNeutral': '246,116,0'}") - -#___________________________________________________________________________________ - -filename = os.path.expanduser('~/.kde4/share/config/kdeglobals') - -make_sure_path_exists('assets') - -def readargs(): - if len(sys.argv) == 2: - if sys.argv[1] == 'light': - return breeze_light - elif sys.argv[1] == 'dark': - return breeze_dark - else: - return ReadKdeGlobals().read_globals(filename) - -_colors = readargs() - -border_color = Color(_colors,'WindowBackgroundNormal','WindowForegroundNormal', 0.75) -window_bg = Color(_colors,'WindowBackgroundNormal') -window_fg = Color(_colors,'WindowForegroundNormal') -check_color = Color(_colors,'WindowBackgroundNormal','WindowForegroundNormal',0.5) -button_bg = Color(_colors,'ButtonBackgroundNormal') -button_fg = Color(_colors,'ButtonForegroundNormal') -button_hover = Color(_colors,'ButtonDecorationHover') -button_active = Color(_colors,'ButtonDecorationFocus') -selection_bg = Color(_colors,'SelectionBackgroundNormal') -selection_fg = Color(_colors,'SelectionForegroundNormal') -view_bg = Color(_colors,'ViewBackgroundNormal') -view_fg = Color(_colors,'ViewForegroundNormal') -view_hover = Color(_colors,'ViewDecorationHover') -view_active = Color(_colors,'ViewDecorationFocus') -titlebutton = Color(_colors,'WindowForegroundNormal') -titlebutton_active = Color(_colors,'WindowBackgroundNormal','WindowForegroundNormal',0.3) -closebutton_hover = Color(_colors,'ViewForegroundNegative');closebutton_hover.lighten_color(0.5) -closebutton_active = Color(_colors,'ViewForegroundNegative') -titlebutton_inactive = Color(_colors,'WindowForegroundNormal') -titlebutton_inactive_active = Color(_colors,'WindowBackgroundNormal','WindowForegroundNormal',0.3) - -tooltip_fg = Color(_colors,'TooltipForegroundNormal') -tooltip_bg = Color(_colors,'TooltipBackgroundNormal') - -check_items(check_color.rgb,window_bg.rgb,'') -check_items(button_hover.rgb,window_bg.rgb,'-hover') -check_items(button_active.rgb,window_bg.rgb,'-active') -check_items(check_color.insensitive,window_bg.rgb,'-insensitive',border_color.insensitive_alpha) -check_items(check_color.inactive,window_bg.rgb,'-backdrop',border_color.inactive_alpha) -check_items(check_color.inactive_insensitive,window_bg.rgb,'-backdrop-insensitive',border_color.inactive_insensitive_alpha) - -buttons(window_bg.rgb,border_color.rgb,button_bg.gradient(),'') -buttons(window_bg.rgb,button_hover.rgb,button_bg.gradient(),'-hover') -buttons(window_bg.rgb,button_hover.rgb,button_hover.gradient('active'),'-active') -buttons(window_bg.rgb,border_color.rgb,button_bg.gradient(alpha=button_bg.insensitive_alpha),'-insensitive',border_color.insensitive_alpha) - -togglebuttons(window_bg.rgb,border_color.rgb,button_bg.gradient(),'') -togglebuttons(window_bg.rgb,button_hover.rgb,button_bg.gradient(),'-hover') -togglebuttons(window_bg.rgb,button_hover.rgb,button_hover.gradient('active'),'-active') -togglebuttons(window_bg.rgb,border_color.rgb,button_bg.gradient(alpha=button_bg.insensitive_alpha),'-insensitive',border_color.insensitive_alpha) - -scale_slider(window_bg.rgb,border_color.rgb,button_bg.gradient(),'') -scale_slider(window_bg.rgb,button_hover.rgb,button_bg.gradient(),'-hover') -scale_slider(window_bg.rgb,button_active.rgb,button_bg.gradient(),'-active') -scale_slider(window_bg.rgb,border_color.rgb,button_bg.gradient(alpha=button_bg.insensitive_alpha),'-insensitive',border_color.insensitive_alpha) -scale_trough(border_color.rgb) - -tabs(border_color.rgb,window_bg.rgb,'-active') -tabs(window_fg.rgb,window_bg.rgb,'-inactive') - -arrows(button_fg.rgb,'') -arrows(button_hover.rgb,'-hover') -arrows(button_active.rgb,'-active') -arrows(button_fg.insensitive,'-insensitive',button_fg.insensitive_alpha) -menu_arrow(window_fg.rgb,'') -menu_arrow(selection_fg.rgb,'-selected') -menu_arrow(window_fg.insensitive,'-insensitive',window_fg.insensitive_alpha) - -scrollbar_slider(button_active.rgb,button_hover.rgb,button_active.rgb) -scrollbar_trough(window_fg.rgb) - -titlebuttons(titlebutton.rgb,titlebutton.rgb,'') -titlebuttons(titlebutton.rgb,closebutton_hover.rgb,'-hover') -titlebuttons(titlebutton_active.rgb,closebutton_active.rgb,'-active') -titlebuttons(titlebutton_inactive.rgb,titlebutton_inactive.rgb,'-backdrop') -titlebuttons(titlebutton_inactive.rgb,closebutton_hover.rgb,'-hover-backdrop') -titlebuttons(titlebutton_inactive_active.rgb,closebutton_active.rgb,'-active-backdrop') - -entry(window_bg.rgb,border_color.rgb,view_bg.rgb,'') -entry(window_bg.rgb,view_active.rgb,view_bg.rgb,'-active') -entry(window_bg.rgb,border_color.insensitive,None,'-insensitive',border_color.insensitive_alpha) - -progressbar(selection_bg.rgb,mix(window_fg.rgb,window_bg.rgb,0.3)) - -mixed(border_color.rgb,window_bg.rgb,button_active.rgb) - -toolbar(border_color.rgb,window_bg.rgb,button_hover.rgb) diff --git a/src/CMakeLists.txt b/src/CMakeLists.txt new file mode 100644 --- /dev/null +++ b/src/CMakeLists.txt @@ -0,0 +1,13 @@ +add_custom_target( + Breeze-dark-gtk ALL + COMMAND ./build_theme.sh -c BreezeDark -t ../Breeze-dark-gtk + WORKING_DIRECTORY "${PROJECT_SOURCE_DIR}/src" +) + +add_custom_target( + Breeze-gtk ALL + COMMAND ./build_theme.sh -c Breeze -t ../Breeze-gtk + COMMAND cp gtk-dark-3.18.css ../Breeze-gtk/gtk-3.18/gtk-dark.css + COMMAND cp gtk-dark-3.20.css ../Breeze-gtk/gtk-3.20/gtk-dark.css + WORKING_DIRECTORY "${PROJECT_SOURCE_DIR}/src" +) diff --git a/src/_colors.scss b/src/_colors.scss new file mode 100644 --- /dev/null +++ b/src/_colors.scss @@ -0,0 +1,115 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var +/* +widget text/foreground color */ +@define-color theme_fg_color #{"" + w_color(text)}; + +/* +text color for entries, views and content in general */ +@define-color theme_text_color #{"" +v_color(text)}; + +/* +widget base background color */ +@define-color theme_bg_color #{"" +w_color(normal)}; + +/* +text widgets and the like base background color */ +@define-color theme_base_color #{"" +v_color(normal)}; + +/* +base background color of selections */ +@define-color theme_selected_bg_color #{"" +s_color(normal)}; + +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +s_color(text)}; + +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #{"" +insensitive(w_color(normal))}; + +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #{"" +insensitive(w_color(text))}; + +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +insensitive(v_color(text))}; + +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +backdrop(w_color(text))}; + +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +backdrop(v_color(text))}; + +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +backdrop(w_color(normal))}; + +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +backdrop(v_color(normal))}; + +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +backdrop(s_color(backdrop))}; + +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + backdrop(s_color(text))}; + +/* +widgets main borders color */ +@define-color borders #{"" +$border_color}; + +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +backdrop($border_color)}; + +/* +widgets main borders color insensitive */ +@define-color insensitive_borders #{"" +insensitive($border_color)}; +/* +these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; + +//@define-color destructive_color #{$destructive_color} + +//WM + +// $_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is +// transparentize(black,1)); // done directly in the +// // color definition +// +// /* +// 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 #{$titlebar_fg_color}; +// @define-color wm_unfocused_title #{$backdrop_fg_color}; +// @define-color wm_highlight #{"" + $_wm_highlight}; +// @define-color wm_borders_edge #{"" + $borders_edge}; +// +// @define-color wm_bg_a #{$titlebar_bg_color}; +// @define-color wm_bg_b #{$titlebar_bg_color}; +// +// @define-color wm_shadow alpha(black, 0.35); +// @define-color wm_border alpha(black, 0.18); +// +// @define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +// @define-color wm_button_hover_color_b #{$bg_color}; +// @define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +// @define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +// @define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +@define-color content_view_bg #{"" + v_color(normal)}; diff --git a/src/_functions.scss b/src/_functions.scss new file mode 100644 --- /dev/null +++ b/src/_functions.scss @@ -0,0 +1,258 @@ +// +// Theme color functions +// + + +// Button Color +@function b_color($c: normal) { + @if $c == normal { + @return $ButtonBackgroundNormal; + } + @if $c == hover { + @return $ButtonDecorationHover; + } + @if $c == active { + @return $ButtonDecorationFocus; + } + @if $c == text { + @return $ButtonForegroundNormal; + } + @if $c == active-text { + @return $SelectionForegroundNormal; + } +} + +// Selection Color +@function s_color($c: normal) { + @if $c == normal { + @return $SelectionBackgroundNormal; + } + @if $c == hover { + @return $SelectionDecorationHover; + } + @if $c == text { + @return $SelectionForegroundNormal; + } + @if $c == backdrop { + @return transparentize($SelectionBackgroundNormal,0.5); + } +} + +// View Color +@function v_color($c: normal) { + @if $c == normal { + @return $ViewBackgroundNormal; + } + @if $c == hover { + @return $ViewDecorationHover; + } + @if $c == active { + @return $ViewDecorationFocus; + } + @if $c == text { + @return $ViewForegroundNormal; + } +} + +// Window Color +@function w_color($c: normal) { + @if $c == normal { + @return $WindowBackgroundNormal; + } + @if $c == text { + @return $WindowForegroundNormal; + } +} + +// Titlebar color +@function t_color($c: text) { + @if $c == text { + @return $WindowForegroundNormal; + } + @if $c == background { + @return $WindowBackgroundNormal; + } + @if $c == background-light { + @return $WindowBackgroundNormal; + } + @if $c == backdrop-text { + @return $WMinactiveForeground; + } + @if $c == backdrop-background { + @return $WindowBackgroundNormal; + } +} + +@function tooltip($c: text) { + @if $c == text { + @return $TooltipForegroundNormal; + } + @if $c == background { + @return $TooltipBackgroundNormal; + } + @if $c == border { + @return mix($TooltipForegroundNormal, $TooltipBackgroundNormal, 25%); + } +} + +@function button_gradient($c, $state: normal) { + @if $state == normal { + @return linear-gradient(to bottom, change-color($c, $lightness: min(lightness($c)*1.01,100%)), change-color($c, $lightness:min(lightness($c)/1.03,100%))); + } + @else { + @return linear-gradient(to bottom, change-color($c, $lightness: min(lightness($c)*1.03,100%)), change-color($c, $lightness:min(lightness($c)/1.10,100%))); + } +} + +$border_color: mix($WindowBackgroundNormal,$WindowForegroundNormal, 75%); +$menu_color: w_color(normal); +$link_color: $ViewForegroundLink; +$link_visited_color: $ViewForegroundVisited; + +$warning_color: $ViewForegroundNeutral; +$error_color: $ViewForegroundNegative; +$success_color: $ViewForegroundPositive; +$destructive_color: $error_color; + +$trough_color: mix(w_color(normal),w_color(text),70%); +$scrollbar_color: mix($trough_color,v_color(text),50%); +// +// Color effects +// +// +// Color maps for color effect functions +// +$Color: ( + Disabled: $DisabledColor, + Inactive: $InactiveColor + ); +$ColorAmount: ( + Disabled: $DisabledColorAmount, + Inactive: $InactiveColorAmount + ); +$ColorEffect: ( + Disabled: $DisabledColorEffect, + Inactive: $InactiveColorEffect + ); +$ContrastAmount: ( + Disabled: $DisabledContrastAmount, + Inactive: $InactiveContrastAmount + ); +$ContrastEffect: ( + Disabled: $DisabledContrastEffect, + Inactive: $InactiveContrastEffect + ); +$IntensityAmount: ( + Disabled: $DisabledIntensityAmount, + Inactive: $InactiveIntensityAmount + ); +$IntensityEffect: ( + Disabled: $DisabledIntensityEffect, + Inactive: $InactiveIntensityEffect + ); + +$r: 3px; // standard radius + +@function insensitive($c) { + @return Color(Intensity(Contrast($c, Disabled), Disabled), Disabled); +} + +@function backdrop($c) { + @if $InactiveEnable == true { + @return Color(Intensity(Contrast($c, Inactive), Inactive), Inactive); + } + @else { + @return $c; + } +} + +@function Contrast($c, $state) { + + @if map-get($ContrastEffect, $state) == 0 { + @return $c; + } + + @if map-get($ContrastEffect, $state) == 1 { + @if lightness(w_color()) > lightness(w_color(text)) { + @if lightness($c) < lightness(w_color()) or ($c == t_color(text) and lightness(t_color(background)) <= lightness(t_color(text))) { + @return transparentize($c, map-get($ContrastAmount, $state)); + } + @else { @return $c; } + } + @if lightness(w_color()) <= lightness(w_color(text)) { + @if lightness($c) > lightness(w_color()) or ($c == t_color(text) and lightness(t_color(background)) > lightness(t_color(text))) { + @return transparentize($c, map-get($ContrastAmount, $state)); + } + @else { @return $c; } + } + } + + @if map-get($ContrastEffect, $state) == 2 { + @if lightness(w_color()) > lightness(w_color(text)) { // don't know what a reasonable lightness treshhold is for Contrast + @if lightness($c) < lightness(w_color()) or ($c == t_color(text) and lightness(t_color(background)) <= lightness(t_color(text))) { + @return transparentize($c, map-get($ContrastAmount, $state)); + } + @else { @return $c; } + } + @if lightness(w_color()) <= lightness(w_color(text)) { + @if lightness($c) > lightness(w_color()) or ($c == t_color(text) and lightness(t_color(background)) > lightness(t_color(text))){ + @return transparentize($c, map-get($ContrastAmount, $state)); + } + @else { @return $c; } + } + } +} + +@function Color($c, $state) { + + @if map-get($ColorEffect, $state) ==0 { + @return $c; + } + + @if map-get($ColorEffect, $state) ==1 { + @if map-get($ColorAmount, $state) >=0 { + @return desaturate($c, percentage(map-get($ColorAmount, $state))); + } + @else { + @return saturate($c, percentage(abs(map-get($ColorAmount, $state)))); + } + } + + @if map-get($ColorEffect, $state)==2 or map-get($ColorEffect, $state)==3 { // 2 and 3 seem to do the same + @return mix(map-get($Color, $state),$c, percentage(map-get($ColorAmount, $state))); + } +} + +@function Intensity($c, $state) { + + @if map-get($IntensityEffect, $state) == 0 { + @return $c; + } + @if map-get($IntensityEffect, $state) == 1 { + @if map-get($IntensityAmount, $state) >= 0 { + @return mix(white, $c, percentage(map-get($IntensityAmount, $state))); + } + @else { + @return mix(black, $c, percentage(abs(map-get($IntensityAmount, $state)))); + } + } + + @if map-get($IntensityEffect, $state) == 2 { + @if map-get($IntensityAmount, $state) == -1 { + @return change-color($c, $lightness: 100%); + } + @else { + @return change-color($c, $lightness: min(lightness($c)/(1+map-get($IntensityAmount, $state)),100%)); + } + } + + @if map-get($IntensityEffect, $state) == 3 { + @return change-color($c, $lightness: min(lightness($c)*(1+map-get($IntensityAmount, $state)),100%)); + } +} + +@function alpha2solid($c,$background) { + $amount:alpha($c); + $c:rgb(red($c),green($c),blue($c)); + @return mix($c,$background,$amount); +} diff --git a/src/_global.scss b/src/_global.scss new file mode 100644 --- /dev/null +++ b/src/_global.scss @@ -0,0 +1,82 @@ +$ButtonBackgroundAlternate:rgb(77,77,77); +$ButtonBackgroundNormal:rgb(49,54,59); +$ButtonDecorationFocus:rgb(61,174,233); +$ButtonDecorationHover:rgb(61,174,233); +$ButtonForegroundActive:rgb(61,174,233); +$ButtonForegroundInactive:189,195,199; +$ButtonForegroundLink:rgb(41,128,185); +$ButtonForegroundNegative:rgb(218,68,83); +$ButtonForegroundNeutral:rgb(246,116,0); +$ButtonForegroundNormal:rgb(239,240,241); +$ButtonForegroundPositive:rgb(39,174,96); +$ButtonForegroundVisited:rgb(127,140,141); +$DisabledColor:rgb(56,56,56); +$DisabledColorAmount:0; +$DisabledColorEffect:0; +$DisabledContrastAmount:0.65; +$DisabledContrastEffect:1; +$DisabledIntensityAmount:0.1; +$DisabledIntensityEffect:2; +$InactiveChangeSelectionColor:true; +$InactiveColor:rgb(112,111,110); +$InactiveColorAmount:0.025; +$InactiveColorEffect:2; +$InactiveContrastAmount:0.1; +$InactiveContrastEffect:2; +$InactiveEnable:false; +$InactiveIntensityAmount:0; +$InactiveIntensityEffect:0; +$SelectionBackgroundAlternate:rgb(29,153,243); +$SelectionBackgroundNormal:rgb(61,174,233); +$SelectionDecorationFocus:rgb(61,174,233); +$SelectionDecorationHover:rgb(61,174,233); +$SelectionForegroundActive:rgb(252,252,252); +$SelectionForegroundInactive:239,240,241; +$SelectionForegroundLink:rgb(253,188,75); +$SelectionForegroundNegative:rgb(218,68,83); +$SelectionForegroundNeutral:rgb(246,116,0); +$SelectionForegroundNormal:rgb(239,240,241); +$SelectionForegroundPositive:rgb(39,174,96); +$SelectionForegroundVisited:rgb(189,195,199); +$TooltipBackgroundAlternate:rgb(77,77,77); +$TooltipBackgroundNormal:rgb(49,54,59); +$TooltipDecorationFocus:rgb(61,174,233); +$TooltipDecorationHover:rgb(61,174,233); +$TooltipForegroundActive:rgb(61,174,233); +$TooltipForegroundInactive:189,195,199; +$TooltipForegroundLink:rgb(41,128,185); +$TooltipForegroundNegative:rgb(218,68,83); +$TooltipForegroundNeutral:rgb(246,116,0); +$TooltipForegroundNormal:rgb(239,240,241); +$TooltipForegroundPositive:rgb(39,174,96); +$TooltipForegroundVisited:rgb(127,140,141); +$ViewBackgroundAlternate:rgb(49,54,59); +$ViewBackgroundNormal:rgb(35,38,41); +$ViewDecorationFocus:rgb(61,174,233); +$ViewDecorationHover:rgb(61,174,233); +$ViewForegroundActive:rgb(61,174,233); +$ViewForegroundInactive:189,195,199; +$ViewForegroundLink:rgb(41,128,185); +$ViewForegroundNegative:rgb(218,68,83); +$ViewForegroundNeutral:rgb(246,116,0); +$ViewForegroundNormal:rgb(239,240,241); +$ViewForegroundPositive:rgb(39,174,96); +$ViewForegroundVisited:rgb(127,140,141); +$WMactiveBackground:rgb(49,54,59); +$WMactiveBlend:rgb(255,255,255); +$WMactiveForeground:rgb(239,240,241); +$WMinactiveBackground:rgb(49,54,59); +$WMinactiveBlend:rgb(75,71,67); +$WMinactiveForeground:rgb(127,140,141); +$WindowBackgroundAlternate:rgb(77,77,77); +$WindowBackgroundNormal:rgb(49,54,59); +$WindowDecorationFocus:rgb(61,174,233); +$WindowDecorationHover:rgb(61,174,233); +$WindowForegroundActive:rgb(61,174,233); +$WindowForegroundInactive:189,195,199; +$WindowForegroundLink:rgb(41,128,185); +$WindowForegroundNegative:rgb(218,68,83); +$WindowForegroundNeutral:rgb(246,116,0); +$WindowForegroundNormal:rgb(239,240,241); +$WindowForegroundPositive:rgb(39,174,96); +$WindowForegroundVisited:rgb(127,140,141); diff --git a/src/build_theme.sh b/src/build_theme.sh new file mode 100755 --- /dev/null +++ b/src/build_theme.sh @@ -0,0 +1,103 @@ +#!/bin/sh +set -e + +# Usage: create_folders +create_folders () { + for j in gtk-2.0 gtk-3.18 gtk-3.20; do + if ! [ -d "$1/$j" ]; then + mkdir -p "$1/$j" + fi + done +} + +# Usage: build_sass +build_sass() { + if command -v sassc >/dev/null 2>&1; then + sassc -I "$3" "$1" "$2" + else + sass -I "$3" --cache-location /tmp/sass-cache "$1" "$2" + fi +} + +# Usage: install_theme +# If is unset or empty, install to $HOME/.local/share/themes/$THEME_NAME +install_theme () { + THEME_INSTALL_TARGET="$3" + if [ -z "${THEME_INSTALL_TARGET}" ]; then + THEME_INSTALL_TARGET="${HOME}/.local/share/themes/$2" + fi + mkdir -p "${THEME_INSTALL_TARGET}" + for dir in assets gtk-2.0 gtk-3.18 gtk-3.20; do + if [ -d "${THEME_INSTALL_TARGET}/$dir" ]; then + rm -rf "${THEME_INSTALL_TARGET:?}/$dir" + fi + mv -f "$1/$dir" "${THEME_INSTALL_TARGET}" + done + rmdir "$1" +} + +# Usage render_theme +render_theme () { + THEME_BUILD_DIR="$(mktemp -d)" + create_folders "${THEME_BUILD_DIR}" + cp -R gtk2/* "${THEME_BUILD_DIR}/gtk-2.0/" + python3 render_assets.py -c "$1" -a "${THEME_BUILD_DIR}/assets" \ + -g "${THEME_BUILD_DIR}/gtk-2.0" -G "${THEME_BUILD_DIR}" + build_sass gtk318/gtk.scss "${THEME_BUILD_DIR}/gtk-3.18/gtk.css" "${THEME_BUILD_DIR}" + build_sass gtk320/gtk.scss "${THEME_BUILD_DIR}/gtk-3.20/gtk.css" "${THEME_BUILD_DIR}" + rm -f "${THEME_BUILD_DIR}/_global.scss" + install_theme "${THEME_BUILD_DIR}" "$2" "$3" +} + +COLOR_SCHEME="" +INSTALL_TARGET="" +THEME_NAME="" + +while [ "$#" -gt 0 ]; do + case "$1" in + -h|--help) + echo "$0: build Breeze theme" + echo "Usage: $0 [-c COLOR_SCHEME] [-t TARGET_DIRECTORY]" + echo + echo "Arguments:" + echo " -h, --help show this help" + echo " -c COLOR_SCHEME use color scheme with name COLOR_SCHEME. If unset or" + echo " empty, the value from ~/.config/kdeglobals is used" + echo " -t TARGET_DIRECTORY the directory to install the color scheme. If unset or" + echo " empty, it is installed into" + echo " ~/.local/share/themes/THEME_NAME" + exit 0 + ;; + -c) + shift + COLOR_SCHEME="$1" + ;; + -t) + shift + INSTALL_TARGET="$1" + ;; + esac + shift +done + +if [ -z "${COLOR_SCHEME}" ]; then + THEME_NAME="Breeze" + if [ -f "${HOME}/.config/kdeglobals" ]; then + COLOR_SCHEME="${HOME}/.config/kdeglobals" + else + echo "${HOME}/.config/kdeglobals not found, using defaults" + COLOR_SCHEME="/usr/share/color-schemes/Breeze.colors" + fi +else + THEME_NAME="${COLOR_SCHEME}" + if [ -f "/usr/share/color-schemes/${COLOR_SCHEME}.colors" ]; then + COLOR_SCHEME="/usr/share/color-schemes/${COLOR_SCHEME}.colors" + elif [ -f "${HOME}/.local/share/color-schemes/${COLOR_SCHEME}.colors" ]; then + COLOR_SCHEME="${HOME}/.local/share/color-schemes/${COLOR_SCHEME}.colors" + else + echo "colorscheme ${COLOR_SCHEME} not found" + exit 1 + fi +fi + +render_theme "${COLOR_SCHEME}" "${THEME_NAME}" "${INSTALL_TARGET}" diff --git a/src/gtk-dark-3.18.css b/src/gtk-dark-3.18.css new file mode 100644 --- /dev/null +++ b/src/gtk-dark-3.18.css @@ -0,0 +1 @@ +@import url("../../Breeze-Dark/gtk-3.18/gtk.css"); diff --git a/src/gtk-dark-3.20.css b/src/gtk-dark-3.20.css new file mode 100644 --- /dev/null +++ b/src/gtk-dark-3.20.css @@ -0,0 +1 @@ +@import url("../../Breeze-Dark/gtk-3.20/gtk.css"); diff --git a/src/gtk2/gtkrc b/src/gtk2/gtkrc new file mode 100644 --- /dev/null +++ b/src/gtk2/gtkrc @@ -0,0 +1,30 @@ +# Theme: Breeze-gtk +# Description: Breeze theme for GTK+2.0 + +gtk-color-scheme = "text_color:#eff0f1" +gtk-color-scheme = "base_color:#232629" +gtk-color-scheme = "insensitive_base_color:#1f2225" +gtk-color-scheme = "fg_color:#eff0f1" +gtk-color-scheme = "bg_color:#31363b" +gtk-color-scheme = "selected_fg_color:#eff0f1" +gtk-color-scheme = "selected_bg_color:#3daee9" +gtk-color-scheme = "button_fg_color:#eff0f1" +gtk-color-scheme = "tooltip_fg_color:#eff0f1" +gtk-color-scheme = "tooltip_bg_color:#31363b" +gtk-color-scheme = "insensitive_fg_color:#6b6f73" +gtk-color-scheme = "insensitive_text_color:#626567" +gtk-color-scheme = "button_insensitive_fg_color:#6b6f73" +gtk-color-scheme = "button_active:#3daee9" +gtk-color-scheme = "border_color:#606468" + +include "widgets/default" +include "widgets/buttons" +include "widgets/menu" +include "widgets/entry" +include "widgets/notebook" +include "widgets/range" +include "widgets/scrollbar" +include "widgets/toolbar" +include "widgets/progressbar" +include "widgets/misc" +include "widgets/styles" diff --git a/src/gtk2/widgets/buttons b/src/gtk2/widgets/buttons new file mode 100644 --- /dev/null +++ b/src/gtk2/widgets/buttons @@ -0,0 +1,385 @@ +style "button" +{ + xthickness = 4 + ythickness = 5 + + engine "pixmap" + { + image + { + function = BOX + state = NORMAL + file = "../assets/button.png" + border = {4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = PRELIGHT + file = "../assets/button-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = ACTIVE + file = "../assets/button-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = INSENSITIVE + file = "../assets/button-insensitive.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + + + # Arrows + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-up-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-down-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-left-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = ACTIVE + overlay_file = "../assets/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/arrow-right-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + + + + image + { + function = TAB + state = INSENSITIVE + overlay_file = "../assets/arrow-down-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = TAB + state = NORMAL + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + image + { + function = TAB + state = PRELIGHT + overlay_file = "../assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + } +} + +style "togglebutton" +{ + xthickness = 4 + ythickness = 5 + + engine "pixmap" + { + image + { + function = BOX + state = NORMAL + file = "../assets/togglebutton.png" + border = {4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = PRELIGHT + file = "../assets/togglebutton-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = ACTIVE + file = "../assets/togglebutton-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = INSENSITIVE + file = "../assets/togglebutton-insensitive.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "spinbutton" = "default" +{ + #bg[NORMAL] = @bg_color + + xthickness = 3 + ythickness = 3 + GtkWidget::interior_focus = 1 + +engine "pixmap" + { + image + { + function = ARROW + } + + #Spin-up + image + { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "../assets/spinbutton-up.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-up.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "../assets/spinbutton-up.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-up-hover.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "../assets/spinbutton-up-insensitive.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-up-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "../assets/spinbutton-up.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-up-active.png" + overlay_stretch = FALSE + } + + # Spin-Down + image + { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "../assets/spinbutton-down.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-down.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "../assets/spinbutton-down.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-down-hover.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "../assets/spinbutton-down-insensitive.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-down-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "../assets/spinbutton-down.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + overlay_file = "../assets/arrow-small-down-hover.png" + overlay_stretch = FALSE + } + } +} + +style "button_label" { + fg[NORMAL] = @button_fg_color + fg[ACTIVE] = @button_fg_color + fg[INSENSITIVE] = @button_insensitive_fg_color +} + +style "combobox_separator" +{ + xthickness = 0 + ythickness = 0 + GtkWidget::wide-separators = 1 +} diff --git a/Breeze-gtk/gtk-2.0/widgets/default b/src/gtk2/widgets/default copy from Breeze-gtk/gtk-2.0/widgets/default copy to src/gtk2/widgets/default --- a/Breeze-gtk/gtk-2.0/widgets/default +++ b/src/gtk2/widgets/default @@ -36,7 +36,7 @@ GtkScrollbar::has-backward-stepper = 1 GtkScrollbar::has-forward-stepper = 1 - GtkScrollbar::stepper-size = 7 + GtkScrollbar::stepper-size = 4 GtkScrollbar::stepper-spacing = 0 GtkScrolledWindow ::scrollbar-spacing = 0 GtkScrolledWindow ::scrollbars-within-bevel = 1 diff --git a/src/gtk2/widgets/entry b/src/gtk2/widgets/entry new file mode 100644 --- /dev/null +++ b/src/gtk2/widgets/entry @@ -0,0 +1,214 @@ +style "entry" +{ + xthickness = 4 + ythickness = 4 + + base[NORMAL] = @base_color + base[ACTIVE] = @base_color + base[INSENSITIVE] = @insensitive_base_color + + engine "pixmap" + { + image + { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "../assets/entry.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "../assets/entry-insensitive.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "../assets/entry-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "combobox_entry" +{ + xthickness = 3 + ythickness = 4 + + engine "pixmap" { + + # LTR version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "../assets/combo-entry.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "../assets/combo-entry-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "../assets/combo-entry-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "../assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "../assets/combo-entry-button-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "../assets/combo-entry-button-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "combobox_entry_button" +{ + xthickness = 6 + + fg[ACTIVE] = @text_color + + engine "pixmap" { + + # LTR version + + image { + function = BOX + state = NORMAL + file = "../assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "../assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + file = "../assets/combo-entry-button-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "../assets/combo-entry-button-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = BOX + state = NORMAL + file = "../assets/combo-entry.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "../assets/combo-entry.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + file = "../assets/combo-entry-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "../assets/combo-entry-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + diff --git a/src/gtk2/widgets/menu b/src/gtk2/widgets/menu new file mode 100644 --- /dev/null +++ b/src/gtk2/widgets/menu @@ -0,0 +1,277 @@ +style "menubar" +{ + #bg[SELECTED] = @selected_fg_color + + fg[NORMAL] = @fg_color + fg[SELECTED] = @selected_fg_color + + text[PRELIGHT] = @fg_color + + xthickness = 0 + ythickness = 0 + + engine "pixmap" + { + image + { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "../assets/menubar-button.png" + + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "menu" +{ + xthickness = 0 + ythickness = 0 + + #GtkMenuItem::arrow-scaling = 0.4 + + engine "pixmap" { # For menus that use horizontal lines rather than gtkseparator + + image { + function = HLINE + file = "../assets/line-h.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +style "menu_item" +{ + xthickness = 2 + ythickness = 4 + + bg[PRELIGHT] = @button_active + fg[PRELIGHT] = @selected_fg_color + text[PRELIGHT] = @selected_fg_color + + GtkMenuItem::toggle-spacing = 10 + GtkMenuItem::arrow-spacing = 10 + + engine "pixmap" + { + + # Check Buttons + + image + { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "../assets/check-unchecked.png" + overlay_stretch = TRUE #needed for LibreOffice + } + image + { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "../assets/check-unchecked.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "../assets/check-unchecked-insensitive.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "../assets/check-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "../assets/check-checked-insensitive.png" + overlay_stretch = TRUE + } + + # Radio Buttons + + image + { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "../assets/radio-unchecked.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "../assets/radio-unchecked.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "../assets/radio-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "../assets/radio-unchecked-insensitive.png" + overlay_stretch = FALSE + } + image + { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "../assets/radio-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "../assets/radio-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "../assets/radio-checked-active.png" + overlay_stretch = TRUE + } + image + { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "../assets/radio-checked-insensitive.png" + overlay_stretch = TRUE + } + image + { + function = SHADOW # This fixes boxy Qt menu items + file = "../assets/null.png" + border = { 10, 10, 10, 10 } + stretch = TRUE + } + + # Arrow Buttons + + image + { + function = ARROW + state = NORMAL + overlay_file = "../assets/menu-arrow.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = PRELIGHT + overlay_file = "../assets/menu-arrow-selected.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + image + { + function = ARROW + state = INSENSITIVE + overlay_file = "../assets/menu-arrow-insensitive.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + } +} + +style "menubar_item" +{ + xthickness = 2 + ythickness = 2 + bg[PRELIGHT] = @selected_fg_color + fg[PRELIGHT] = @selected_fg_color +} + +style "menu_framed_box" #this is not needed in Gnome +{ + engine "pixmap" + { + image + { + function = BOX + detail = "menu" + file = "../assets/frame.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + } +} + +style "separator_menu_item" +{ + engine "pixmap" + { + image + { + function = BOX + file = "../assets/line-h.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} diff --git a/src/gtk2/widgets/misc b/src/gtk2/widgets/misc new file mode 100644 --- /dev/null +++ b/src/gtk2/widgets/misc @@ -0,0 +1,168 @@ +style "treeview" +{ + engine "pixmap" + { + image + { + function = BOX + file = "../assets/tree-header.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +style "scrolled_window" +{ + engine "pixmap" + { + image + { + function = SHADOW + file = "../assets/frame.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + } +} + +style "frame" +{ + xthickness = 1 + ythickness = 1 + + engine "pixmap" + { + image + { + function = SHADOW + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = IN + } + image + { + function = SHADOW_GAP + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "../assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "../assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = IN + } + image + { + function = SHADOW + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = OUT + } + image + { + function = SHADOW_GAP + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "../assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "../assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = OUT + } + image + { + function = SHADOW + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_IN + } + image + { + function = SHADOW_GAP + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "../assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "../assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_IN + } + image + { + function = SHADOW + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_OUT + } + image + { + function = SHADOW_GAP + file = "../assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "../assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "../assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_OUT + } + } +} + +style "tooltips" +{ + xthickness = 8 + ythickness = 4 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color +} + +# Chromium + +style "chrome-gtk-frame" +{ + ChromeGtkFrame::frame-color = @bg_color + ChromeGtkFrame::inactive-frame-color = @bg_color + + ChromeGtkFrame::frame-gradient-size = 100 + ChromeGtkFrame::frame-gradient-color = @bg_color + + ChromeGtkFrame::incognito-frame-color = @bg_color + ChromeGtkFrame::incognito-inactive-frame-color = @bg_color + + ChromeGtkFrame::incognito-frame-gradient-size = 100 + ChromeGtkFrame::incognito-frame-gradient-color = @bg_color + + ChromeGtkFrame::scrollbar-trough-color = shade (0.912, @bg_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = shade (1.04, @bg_color) + ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color +} + +style "null" +{ + engine "pixmap" + { + image + { + function = BOX + file = "../assets/null.png" + stretch = TRUE + } + } +} + +style "toplevel_hack" { + + engine "adwaita" { + } +} + diff --git a/src/gtk2/widgets/notebook b/src/gtk2/widgets/notebook new file mode 100644 --- /dev/null +++ b/src/gtk2/widgets/notebook @@ -0,0 +1,138 @@ +style "notebook_tab_label" +{ + fg[ACTIVE] = @fg_color +} + + +style "notebook" +{ + + xthickness = 5 + ythickness = 2 + + engine "pixmap" + { + image + { + function = EXTENSION + state = ACTIVE + file = "../assets/tab-bottom-inactive.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = TOP + } + image + { + function = EXTENSION + state = ACTIVE + file = "../assets/tab-top-inactive.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = BOTTOM + } + image + { + function = EXTENSION + state = ACTIVE + file = "../assets/tab-left-inactive.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + image + { + function = EXTENSION + state = ACTIVE + file = "../assets/tab-right-inactive.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + image + { + function = EXTENSION + file = "../assets/tab-top-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = BOTTOM + } + image + { + function = EXTENSION + file = "../assets/tab-bottom-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = TOP + } + image + { + function = EXTENSION + file = "../assets/tab-left-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + image + { + function = EXTENSION + file = "../assets/tab-right-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + +# How to draw boxes with a gap on one side (ie the page of a notebook) + + image + { + function = BOX_GAP + file = "../assets/notebook-frame-top.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "../assets/notebook-gap-horizontal.png" + gap_border = { 1, 1, 0, 0 } + gap_side = TOP + } + image + { + function = BOX_GAP + file = "../assets/notebook-frame-bottom.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "../assets/notebook-gap-horizontal.png" + gap_border = { 1, 1, 0, 0 } + gap_side = BOTTOM + } + image + { + function = BOX_GAP + file = "../assets/notebook-frame-top.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "../assets/notebook-gap-vertical.png" + gap_border = { 0, 0, 1, 1 } + gap_side = LEFT + } + image + { + function = BOX_GAP + file = "../assets/notebook-frame-right.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "../assets/notebook-gap-vertical.png" + gap_border = { 0, 0, 1, 1 } + gap_side = RIGHT + } + +# How to draw the box of a notebook when it isnt attached to a tab + + image + { + function = BOX + file = "../assets/frame.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + diff --git a/src/gtk2/widgets/progressbar b/src/gtk2/widgets/progressbar new file mode 100644 --- /dev/null +++ b/src/gtk2/widgets/progressbar @@ -0,0 +1,47 @@ +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" + { + image + { + function = BOX + detail = "trough" + file = "../assets/progressbar-trough.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = HORIZONTAL + } + image + { + function = BOX + detail = "bar" + file = "../assets/progressbar-bar.png" + stretch = TRUE + border = { 4, 4, 4, 4 } + orientation = HORIZONTAL + } + image + { + function = BOX + detail = "trough" + file = "../assets/progressbar-trough.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = VERTICAL + } + image + { + function = BOX + detail = "bar" + file = "../assets/progressbar-bar.png" + stretch = TRUE + border = { 4, 4, 4, 4 } + orientation = VERTICAL + } + } +} + diff --git a/src/gtk2/widgets/range b/src/gtk2/widgets/range new file mode 100644 --- /dev/null +++ b/src/gtk2/widgets/range @@ -0,0 +1,108 @@ +style "range" +{ + engine "pixmap" + { + image + { + function = BOX + detail = "trough" + file = "../assets/scale-trough-horizontal.png" + border = { 4, 4, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + image + { + function = BOX + detail = "trough" + file = "../assets/scale-trough-vertical.png" + border = { 0, 0, 4, 4 } + stretch = TRUE + orientation = VERTICAL + } + + # Horizontal + + image + { + function = SLIDER + state = NORMAL + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image + { + function = SLIDER + state = PRELIGHT + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + image + { + function = SLIDER + state = INSENSITIVE + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + # Vertical + + image + { + function = SLIDER + state = NORMAL + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + image + { + function = SLIDER + state = PRELIGHT + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image + { + function = SLIDER + state = INSENSITIVE + file = "../assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "../assets/scale-slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + # Function below removes ugly boxes + + image + { + function = BOX + file = "../assets/null.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + + } +} + diff --git a/Breeze-dark-gtk/gtk-2.0/widgets/scrollbar b/src/gtk2/widgets/scrollbar copy from Breeze-dark-gtk/gtk-2.0/widgets/scrollbar copy to src/gtk2/widgets/scrollbar --- a/Breeze-dark-gtk/gtk-2.0/widgets/scrollbar +++ b/src/gtk2/widgets/scrollbar @@ -2,25 +2,25 @@ { engine "pixmap" { - image + image { function = BOX detail = "trough" file = "../assets/scrollbar-trough-horizontal.png" - border = { 25,25, 5, 5 } #large borders while LibreOffice won't use GtkScrollbar::stepper-spacing=1 + border = { 25,25, 7, 7 } #large borders while LibreOffice won't use GtkScrollbar::stepper-spacing=1 stretch = TRUE orientation = HORIZONTAL } image { function = BOX detail = "trough" file = "../assets/scrollbar-trough-vertical.png" - border = { 5, 5, 25, 25 } + border = { 7, 7, 25, 25 } stretch = TRUE orientation = VERTICAL } - + # Sliders image @@ -37,7 +37,7 @@ { function = SLIDER state = ACTIVE - file = "../assets/scrollbar-slider-horizontal-active.png" + file = "../assets/scrollbar-slider-horizontal-hover.png" border = { 5, 5, 5, 5 } stretch = TRUE orientation = HORIZONTAL @@ -74,13 +74,13 @@ border = { 5, 5, 5, 5 } stretch = TRUE orientation = VERTICAL - + } image { function = SLIDER state = ACTIVE - file = "../assets/scrollbar-slider-vertical-active.png" + file = "../assets/scrollbar-slider-vertical-hover.png" border = { 5, 5, 5, 5 } stretch = TRUE orientation = VERTICAL @@ -106,5 +106,12 @@ orientation = VERTICAL } + image + { + function = STEPPER + file = "../assets/null.png" + stretch = TRUE + + } } } diff --git a/src/gtk2/widgets/styles b/src/gtk2/widgets/styles new file mode 100644 --- /dev/null +++ b/src/gtk2/widgets/styles @@ -0,0 +1,52 @@ +class "GtkWidget" style "default" +class "GtkScrollbar" style "scrollbar" +class "GtkButton" style "button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkSpinButton" style "spinbutton" +class "GtkNotebook" style "notebook" +class "GtkRange" style "range" +class "GtkProgressBar" style "progressbar" +class "GtkSeparatorMenuItem" style "separator_menu_item" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkToolButton" style "toolbuttons" +class "ChromeGtkFrame" style "chrome-gtk-frame" +class "GtkToggleButton" style "togglebutton" + +widget_class "**" style "menubar" +widget_class "**" style "menu" +widget_class "**" style "menu_framed_box" +widget_class "**" style "menu_item" +widget_class "*.*" style "menubar_item" +widget_class "*Nautilus*ToolBar*" style "toolbar" +widget_class "*HandleBox" style "toolbar" +widget_class "*BonoboDockItem" style "toolbar" +widget_class "*HandleBox" style "toolbar" +widget_class "*" style "toolbar" +widget_class "*.*" style "treeview" +widget_class "*Tool*GtkButton" style "toolbuttons" +widget_class "*Tool*GtkToggleButton" style "tooltoggle_buttons" +widget_class "**" style "tooltoggle_buttons" +widget_class "**" style "button_label" +widget_class "*.." style "button_label" +widget_class "**" style "button" +widget_class "**" style "combobox_separator" +widget_class "*.*" style "combobox_separator" +widget_class "**" style "combobox_entry" +widget_class "**" style "combobox_entry_button" +widget_class "**" style "combobox_entry" +widget_class "*." style "combobox_entry_button" +widget_class "**GtkToggleButton*" style "toolbuttons" +widget_class "**GtkComboBox*" style "button" +widget_class "*." style "notebook_tab_label" +widget "gtk-tooltip*" style "tooltips" + +# Xchat special cases +widget "*xchat-inputbox" style "entry" + +# Chrome/Chromium +widget_class "*Chrom*Button*" style "button" +widget "*swt*toolbar*" style "toolbuttons" + +class "GtkWindow" style "toplevel_hack" diff --git a/src/gtk2/widgets/toolbar b/src/gtk2/widgets/toolbar new file mode 100644 --- /dev/null +++ b/src/gtk2/widgets/toolbar @@ -0,0 +1,94 @@ +style "toolbar" +{ + engine "pixmap" + { + image + { + function = BOX + file = "../assets/toolbar-background.png" + stretch = TRUE + } + } +} + +style "toolbuttons" +{ + xthickness = 2 + ythickness = 2 + GtkWidget::focus_padding = 2 + + engine "pixmap" { + +image + { + function = BOX + state = NORMAL + file = "../assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } +image + { + function = BOX + state = PRELIGHT + file = "../assets/toolbutton-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } +image + { + function = BOX + state = ACTIVE + file = "../assets/toolbutton-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } +image + { + function = BOX + state = INSENSITIVE + file = "../assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "tooltoggle_buttons" +{ + engine "pixmap" + { + image + { + function = BOX + state = NORMAL + file = "../assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = PRELIGHT + file = "../assets/toolbutton-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + image + { + function = BOX + state = ACTIVE + file = "../assets/toolbutton-toggled.png" + border = { 4, 4, 4, 4} + stretch = TRUE + } + image + { + function = BOX + state = INSENSITIVE + file = "../assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} diff --git a/src/gtk318/gtk.scss b/src/gtk318/gtk.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/gtk.scss @@ -0,0 +1,31 @@ +@import 'global'; +@import '../functions'; +@import '../colors'; + +@import "widgets/base"; +@import "widgets/button"; +@import "widgets/entry"; +@import "widgets/app_notifications"; +@import "widgets/calendar"; +@import "widgets/checkboxes"; +@import "widgets/color_chooser"; +@import "widgets/dialogs"; +@import "widgets/headerbar"; +@import "widgets/infobar"; +@import "widgets/link"; +@import "widgets/lists"; +@import "widgets/menus"; +@import "widgets/misc"; +@import "widgets/notebook"; +@import "widgets/overshoot"; +@import "widgets/pathbar"; +@import "widgets/progressbar"; +@import "widgets/scale"; +@import "widgets/scrollbar"; +@import "widgets/sidebar"; +@import "widgets/spinbutton"; +@import "widgets/switch"; +@import "widgets/toolbar"; +@import "widgets/tooltips"; +@import "widgets/treeview"; +@import "widgets/window_decorations"; diff --git a/src/gtk318/widgets/_app_notifications.scss b/src/gtk318/widgets/_app_notifications.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_app_notifications.scss @@ -0,0 +1,43 @@ +/********************* + * App Notifications * + *********************/ + +.app-notification, +.app-notification.frame { + @extend %osd; + padding: 10px; + border-top-width: 0px; + border-radius: 0px 0px 3px 3px; + &:backdrop { background-image: none; } + .button { + @include button(normal); + &.flat { + @extend %undecorated_button; + icon-shadow: none; + text-shadow: none; + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:active { + @extend %undecorated_button; + color: b_color(active); + } + &:backdrop, + &:insensitive, + &:backdrop:insensitive { @extend %undecorated_button; } + } + &:hover { @include button(hover); } + &:active, + &:checked, + &:backdrop:active, + &:backdrop:checked { + @include button(active); + } + &:insensitive, + &:backdrop:insensitive { + @include button(insensitive); + } + &:backdrop { @include button(backdrop); } + } +} diff --git a/src/gtk318/widgets/_base.scss b/src/gtk318/widgets/_base.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_base.scss @@ -0,0 +1,208 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + + -GtkCheckButton-indicator-size: 18; + -GtkCheckMenuItem-indicator-size: 18; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_visited_color; + + -GtkWidget-focus-padding: 2; // FIXME: do we still need these? + -GtkWidget-focus-line-width: 1; // + + -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: w_color(text); + background-color: w_color(normal); + + &:backdrop { + text-shadow: none; + icon-shadow: none; + color: backdrop(w_color(text)); + background-color: backdrop(w_color(normal)); + } +} + +/* + 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. +*/ + +*:insensitive { + -gtk-image-effect: dim; +} + +.gtkstyle-fallback { + background-color: w_color(normal); + color: w_color(text); + &:prelight { + background-color: lighten(w_color(normal), 10%); + color: w_color(text); + } + &:active { + background-color: darken(w_color(normal), 10%); + color: w_color(text); + } + &:insensitive { + background-color: insensitive(w_color(normal)); + color: insensitive(w_color(text)); + } + &:selected { + background-color: s_color(normal); + color: s_color(text); + } +} + +.view { + color: v_color(text); + background-color: v_color(normal); + + &:backdrop { + color: backdrop(v_color(text)); + background-color: backdrop(v_color(normal)); + } + + &:selected { + border-radius: $r; + @extend %selected_items; + } + + &:insensitive { + color: insensitive(v_color(text)); + } +} + +.rubberband { + border: 1px solid s_color(normal); + background-color: transparentize(s_color(normal),0.8); + &:backdrop { + border-color: backdrop(s_color(normal)); + background-color: backdrop(transparentize(s_color(normal),0.8)); + } +} + +.label { + &.separator { + color: w_color(text); + @extend .dim-label; + &:backdrop { color: backdrop(w_color(text)); } + } + &:selected, + &:selected:focus, + &:selected:hover { + @extend %selected_items; + } + &:insensitive { + color: insensitive(w_color(text)); + &:backdrop { color: backdrop(insensitive(w_color(text))); } + } +} + +.dim-label { + opacity: 0.5; + text-shadow: none; +} + +GtkAssistant { + .sidebar { + background-color: v_color(text); + border-top: 1px solid $border_color; + &:dir(ltr) { border-right: 1px solid $border_color; } + &:dir(rtl) { border-left: 1px solid $border_color; } + &:backdrop { + background-color: backdrop(v_color(text)); + border-color: backdrop($border_color); + } + } + &.csd .sidebar { border-top-style: none; } + .sidebar .label { + padding: 6px 12px; + } + .sidebar .label.highlight { + background-color: mix(v_color(normal), v_color(text), 80%); + } +} + +GtkTextView { // This will get overridden by .view, needed by gedit line numbers + background-color: mix(w_color(normal), v_color(normal), 50%); + &:backdrop { background-color: backdrop(mix(w_color(normal), v_color(normal), 50%)); } + &:insensitive { + color: insensitive(v_color(text)); + } +} + +.grid-child { + padding: 3px; + border-radius: $r; + &:selected { + @extend %selected_items; + } +} + +%osd, .osd { + color: w_color(text); + border: 1px solid w_color(normal); + background-color: transparentize(w_color(normal),0.2); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + icon-shadow: none; + &:backdrop { + color: backdrop(w_color(text)); + background-color: backdrop(transparentize(w_color(normal),0.2)); + } +} + +%selected_items { + background-color: s_color(normal); + color: s_color(text); + &:backdrop { + background-color: backdrop(s_color(backdrop)); + color: backdrop(v_color(normal)); + } +} diff --git a/src/gtk318/widgets/_button.scss b/src/gtk318/widgets/_button.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_button.scss @@ -0,0 +1,459 @@ + +// buttons + +@mixin button($t, $c:b_color(normal), $tc:b_color(text)) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + + @if $t==normal { + // + // normal button + // + box-shadow: 1px 1px 1px rgba(0,0,0,0.2); + text-shadow: none; + icon-shadow: none; + + color: $tc; + border-color: if($c!=b_color(normal), $c, $border_color); + background-image: button_gradient($c, normal); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + border-color: if($c!=b_color(normal), $c, b_color(hover)); + } + + @else if $t==active { + // + // pushed button + // + color: if($tc==b_color(text),b_color(active-text), $tc); + border-color: if($c!=b_color(normal), $c, b_color(active)); + background-image: if($c!=b_color(normal), button_gradient($c, active), + button_gradient(b_color(active),active)); + } + + @else if $t==active-hover { + // + // + // + color: $tc; + border-color: if($c!=b_color(normal), transparentize($c, 0.5), b_color(hover)); + background-image: if($c!=b_color(normal), button_gradient(transparentize($c, 0.5),active), + button_gradient(b_color(hover),active)); + } + + @else if $t==insensitive { + // + // insensitive button + // + color: if($tc!=b_color(text),insensitive($tc),insensitive(b_color(text))); + border-color: if($c!=b_color(normal), insensitive($c), insensitive($border_color)); + background-image: if($c!=b_color(normal), button_gradient(insensitive($c), normal), + button_gradient(insensitive(b_color(normal)), normal)); + > .label { color: inherit; } + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: if($tc!=b_color(text), insensitive($tc), insensitive(b_color(active-text))); + border-color: insensitive(b_color(active)); + background-image: if($c!=b_color(normal), button_gradient(insensitive($c), active), + button_gradient(insensitive(b_color(active)),active)); + > .label { color: inherit; } + } + + @else if $t==backdrop { + // + // backdrop button + // + color: backdrop($tc); + border-color: backdrop($border_color); + background-image: button_gradient(backdrop($c), normal); + } + + @else if $t==backdrop-active { + // + // backdrop pushed button + // + color: if($tc!=b_color(text), backdrop($tc), backdrop(b_color(active-text))); + border-color: if($c!=b_color(normal), backdrop($c), backdrop(b_color(active))); + background-image: if($c!=b_color(normal), button_gradient(backdrop($c), active), + button_gradient(backdrop(b_color(active)),active)); + } + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + color: backdrop(insensitive($tc)); + border-color: if($c!=b_color(normal), backdrop(insensitive($c)), backdrop(insensitive($border_color))); + background-image: button_gradient(backdrop(insensitive($c))); + > .label { color: inherit; } + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + color: if($c!=b_color(normal), backdrop(insensitive($tc)), backdrop(insensitive(b_color(active-text)))); + border-color: if($c!=b_color(normal), backdrop(insensitive($c)), backdrop(insensitive(b_color(active)))); + background-image: if($c!=b_color(normal), button_gradient(backdrop(insensitive($c)), active), + button_gradient(backdrop(insensitive(b_color(active))),active)); + > .label { color: inherit; } + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparentize(white,1); //FIXME needed? + background-color: transparent; + background-image: none; + box-shadow:none; + color: $tc; + + text-shadow: none; + icon-shadow: none; + } +} + +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +$_dot_color: b_color(active); +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(s_color(normal)), + to(transparent)); + } +} + +%buttons { + + $_button_transition: all 200ms $ease-out-quad; + + border: 1px solid; + border-radius: $r; + padding: 6px; + background-clip: border-box; + transition: $_button_transition; + @include button(normal); + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + &:hover { + transition: $_button_transition; + transition-duration: 500ms; + &:active { transition: $_button_transition; } + } + &:checked { background-color: $border_color;} + } + &:hover { + @include button(hover); + -gtk-image-effect: highlight; // Do we want this? + } + &:active, &:checked { + @include button(active); + transition-duration: 50ms; + &:hover { + @include button(active-hover); + } + } + &:backdrop { + @include button(backdrop); + -gtk-image-effect: none; + &:active, &:checked { + @include button(backdrop-active); + } + &:insensitive { + @include button(backdrop-insensitive); + } + &:insensitive:active, &:insensitive:checked { + @include button(backdrop-insensitive-active); + } + } + &.flat:backdrop { + -gtk-image-effect: none; + @include button(undecorated); + color: backdrop(b_color(text)); + } + &.flat:insensitive { + @include button(undecorated); + color: insensitive(b_color(text)); + } + &.flat:backdrop:insensitive { + @include button(undecorated); + color: backdrop(insensitive(b_color(text))); + } + &:insensitive { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active); + } + } +} + +.button { + @extend %buttons; + &.osd { + @extend %buttons; + } + //overlay / OSD style + .osd & { + @extend %buttons; + } + + // Suggested and Destructive Action buttons + @each $b_type, $button_color in (suggested-action, b_color(active)), + (destructive-action, $error_color) { + &.#{$b_type}, + &.#{$b_type}.osd & { + @include button(normal, $button_color, b_color(active-text)); + &.flat { + @include button(undecorated); + color: $button_color; + } + &:hover { @include button(hover, $button_color, white); } //FIXME no hardcoded colors + &:active, &:checked { @include button(active, $button_color, white); } + &:backdrop, &.flat:backdrop { + @include button(backdrop, $button_color, white); + &:active, &:checked { + @include button(backdrop-active, $button_color, white); + } + &:insensitive { + @include button(backdrop-insensitive); + &:active, &:checked { + @include button(backdrop-insensitive-active, $button_color, white); + } + } + } + &.flat:backdrop, &.flat:insensitive, &.flat:backdrop:insensitive { + @include button(undecorated); + color: transparentize($button_color, 0.2); + } + &:insensitive { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active, $button_color, white); + } + } + } + } + + &.image-button { padding: 6px; } + + &.text-button { + padding: 6px + } + + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + padding: 6px; // same as .button + .label:first-child { padding-left: 8px; } + .label:last-child { padding-right: 8px; } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + > .label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + > GtkImage { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + &.text-button { + padding: 6px; // needed or it will get overridden + } + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding: 3px 0px; + } + &.needs-attention > .label, + &.needs-attention > GtkImage { @extend %needs_attention; } + &.needs-attention:active > .label, + &.needs-attention:active > GtkImage, + &.needs-attention:checked > .label, + &.needs-attention:checked > GtkImage { + animation: none; + background-image: none; + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: $r; + border-width: 1px; + @extend %linked; + } + + .primary-toolbar & { icon-shadow: none; } + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked, + .linked > &:backdrop { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked, + .linked.vertical > &:backdrop { @extend %linked_vertical; } +} + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + > .button { padding: 5px 4px; } // Otherwise combos + // are bigger then + // buttons + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + +// box-shadow: 0 1px $borders_edge; + + + &:insensitive { + color: insensitive(b_color(text)); + text-shadow: none; + icon-shadow: none; + } + &:backdrop { + color: backdrop(b_color(text)); + text-shadow: none; + icon-shadow: none; + } + &:backdrop:insensitive { + color: backdrop(insensitive(b_color(text))); + } + .menuitem { text-shadow: none; } + .separator.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } + &.combobox-entry .entry { @extend %linked; } + &.combobox-entry .button, &.combobox-entry .button:backdrop { + // It is needed to specify the backdrop button or it gets overridden + @extend %linked; + } +} + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: b_color(text); + $_dot_shadow_r: 0.5; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)), + -gtk-gradient(radial, + center center, 0, + center center, $_dot_shadow_r, + to($_dot_shadow), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; + &:backdrop {background-size: 6px 6px, 0 0;} + &:dir(rtl) { + background-position: left 3px, left 4px; + } +} + +%linked_middle { + border-radius: $r; + &:dir(rtl) { + border-radius: $r; // needed when including %linked_middle:dir(rtl) + } +} + +%linked { + @extend %linked_middle; + &:first-child { + border-radius: $r; + border-style: solid; + } + &:last-child { + border-radius: $r; + &:dir(rtl) { } + } + &:only-child { + border-radius: $r; + border-style: solid; + } +} + +%linked_vertical_middle { + border-style: solid; + border-radius: $r; +} + +%linked_vertical{ + @extend %linked_vertical_middle; + &:first-child { + border-radius: $r; + } + &:last-child { + border-radius: $r; + border-style: solid; + } + &:only-child { + border-radius: $r; + border-style: solid; + } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow:none; + text-shadow: none; + icon-shadow: none; +} diff --git a/src/gtk318/widgets/_calendar.scss b/src/gtk318/widgets/_calendar.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_calendar.scss @@ -0,0 +1,64 @@ +/************ + * Calendar * + ***********/ +GtkCalendar { + color: v_color(text); + border: 1px solid $border_color; + background-color: v_color(normal); + &:selected { + background-color: $border_color; + } + &:insensitive { + color: insensitive(v_color(text)); + } + + &.header { + border: 1px solid $border_color; + border-radius: 0; + color: v_color(text); + + &:backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + } + + &:insensitive { + color: insensitive(v_color(text)); + } + } + + &.button { + @extend %undecorated_button; + color: b_color(text); + + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:active { + @extend %undecorated_button; + color: b_color(active); + } + &:backdrop { + @extend %undecorated_button; + color: backdrop(b_color(text)); + } + } + + &:inconsistent, + &.highlight { + color: transparentize(v_color(text),0.5); + } + + &:inconsistent:backdrop, + &.highlight:backdrop { + color: backdrop(transparentize(v_color(text),0.5)); + } + + + &:backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + background-color: backdrop(v_color(normal)); + } +} diff --git a/src/gtk318/widgets/_checkboxes.scss b/src/gtk318/widgets/_checkboxes.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_checkboxes.scss @@ -0,0 +1,83 @@ +/************************* + * Check and Radio items * + *************************/ + +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +@each $w,$a in ('check', 'check'), + ('radio','radio') { + + //standard checks and radios + @each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':insensitive','-unchecked-insensitive'), + (':backdrop', '-unchecked-backdrop'), + (':backdrop:insensitive', '-unchecked-backdrop-insensitive'), + (':inconsistent', '-mixed-active'), + (':inconsistent:hover', '-mixed-hover'), + (':inconsistent:selected', '-mixed-active'), + (':inconsistent:backdrop', '-mixed-backdrop'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':inconsistent:insensitive:backdrop', '-mixed-backdrop-insensitive'), + (':checked', '-checked-active'), + (':checked:insensitive','-checked-insensitive'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':backdrop:checked', '-checked-backdrop'), + (':backdrop:checked:insensitive', '-checked-backdrop-insensitive') { + .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}#{$as}.png"), url("../assets/#{$a}#{$as}@2.png")); + icon-shadow: none; + } + } + @each $ms, $ma in ('', '-unchecked'), + (':active', '-checked-active'), + (':checked', '-checked-active'), + (':inconsistent','-mixed-active') { + + .menu .menuitem.#{$w}#{$ms}, + .popover .button.flat.#{$w}#{$ms} { + &:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}#{$ma}.png"), url("../assets/#{$a}#{$ma}@2.png")); + } + } + } +} + +//treeview and list-rows +.view.check, .view.radio, +.list-row .check, list-row .radio { + icon-shadow: none; + &:selected, &:hover { icon-shadow: none; } +} + +//selection-mode +@each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':checked', '-checked-active'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':backdrop:checked', '-checked-backdrop') { + .view.content-view.check#{$s} { + icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode#{$as}.png"), + url("../assets/check-selectionmode#{$as}@2.png")); + background-color: transparent; + } +} + +GtkCheckButton.text-button, GtkRadioButton.text-button { + // this is for a nice focus on check and radios text + padding: 1px 2px 4px; + outline-offset: 0; + &:insensitive, + &:insensitive:active, + &:insensitive:inconsistent { + color: insensitive(b_color(text)); + &:backdrop { color: backdrop(insensitive(b_color(text))); } + } +} diff --git a/src/gtk318/widgets/_color_chooser.scss b/src/gtk318/widgets/_color_chooser.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_color_chooser.scss @@ -0,0 +1,96 @@ +/***************** + * Color Chooser * + *****************/ + +GtkColorSwatch { +// take care of colorswatches on selected elements + :selected & { + box-shadow: none; + &.overlay, &.overlay:hover { + border-color: s_color(text); + } + } + + &:selected { box-shadow: none; } + + &.top, + &.bottom, + &.left, &:first-child:not(.overlay):not(.top), + &.right, &:last-child:not(.overlay):not(.bottom), + &:only-child:not(.overlay), + &.top > .overlay, + &.bottom > .overlay, + &:first-child:not(.top) > .overlay, + &:last-child:not(.bottom) > .overlay, + &:only-child > .overlay { border-radius: $r; } + + // hover effect + &:hover, + &:hover:selected { + background-image: linear-gradient(135deg, transparentize(white, 0.3), + transparentize(white, 1) 50%); + box-shadow: inset 0 1px transparentize(white, 0.6); + &.color-dark { // swatches with colors with luminosity lower than 50% get the color-dark class + background-image: linear-gradient(135deg, transparentize(white, 0.5), + transparentize(white, 1) 50%); + } + } + &:backdrop, + &:backdrop:selected + &.color-dark:backdrop, + &.color-dark:backdrop:selected { + background-image: none; + box-shadow: none; + } + + // no hover effect for the colorswatch in the color editor + GtkColorEditor & { + border-radius: $r; // same radius as the entry + &:hover { + background-image: none; + box-shadow: none; + } + &:backdrop { box-shadow: none; } + } + + // indicator and keynav outline colors + &.color-dark { + color: white; + outline-color: transparentize(black, 0.7); + &:backdrop { color: transparentize(white, 0.7); } + } + &.color-light { + color: black; + outline-color: transparentize(white, 0.5); + &:backdrop { color: transparentize(black, 0.7); } + } + + // border color + &.overlay, + &.overlay:selected { + border: 1px solid $border_color; + &:hover { border-color: b_color(hover); } + } + + // make the add color button looks like, well, a button + &#add-color-button { + border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi + border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set + @include button(normal); + &:hover { @include button(hover); } + &:backdrop { @include button(backdrop); } + .overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneat + } +} + +GtkColorButton.button { + padding: 5px; // Uniform padding on the GtkColorButton + + GtkColorSwatch:first-child:last-child { // :first-child:last-child for a specificity bump, it gets overridden by the + // colorpicker style, otherwise + border-radius: 0; + box-shadow: none; + &:insensitive, + &:backdrop { box-shadow: none; } + } +} diff --git a/src/gtk318/widgets/_dialogs.scss b/src/gtk318/widgets/_dialogs.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_dialogs.scss @@ -0,0 +1,34 @@ +/*********** + * Dialogs * + ***********/ + +// .message-dialog .dialog-action-area .button { +// //padding: 8px; +// } + +.message-dialog { // Message Dialog styling + -GtkDialog-button-spacing: 8; + -GtkDialog-action-area-border: 8; + &.background { background-color: w_color(normal); } + &:backdrop { background-color: backdrop(w_color(normal))} + .titlebar { + box-shadow: none; + } +} + +GtkFileChooserDialog { + .search-bar { + background-color: w_color(normal); + border-color: w_color(normal); + box-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } + } + .dialog-action-box { + border-top: 1px solid $border_color; + &:backdrop { border-top-color: backdrop($border_color); } + } +} diff --git a/src/gtk318/widgets/_entry.scss b/src/gtk318/widgets/_entry.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_entry.scss @@ -0,0 +1,117 @@ +@mixin entry($t, $fc:v_color(active)) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + @if $t==normal { + color: v_color(text); + border-color: $border_color; + background-color: v_color(normal); + box-shadow: none; + } + + @if $t==focus { + border-color: $fc; + } + + @if $t==insensitive { + color: insensitive(v_color(text)); + border-color: insensitive($border_color); + background-color: insensitive(v_color(normal)); + } + + @if $t==backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + background-color: backdrop(v_color(normal)); + } + + @if $t==backdrop-insensitive { + color: backdrop(insensitive(v_color(text))); + border-color: backdrop(insensitive($border_color)); + background-color: backdrop(insensitive(v_color(normal))); + } +} + +/**************** + * Text Entries * + ****************/ + +.entry { + border: 1px solid; + padding: 5px 8px 5px; + + &.image { // icons inside the entry + &.left { padding-left: 0; } + &.right { padding-right: 0; } + } + + border-radius: $r; + transition: all 200ms $ease-out-quad; + @include entry(normal); + + &.flat, &.flat:focus { + padding: 2px; + @include entry(normal); + border: none; + border-radius: 0; + } + + &:focus { @include entry(focus); } + &:insensitive { @include entry(insensitive); } + &:backdrop { @include entry(backdrop); } + &:backdrop:insensitive { @include entry(backdrop-insensitive); } + + &:selected, + &:selected:focus { + @extend %selected_items; + } + + &.progressbar { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: s_color(normal); + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + &:backdrop { + background-color: transparent; + border-color: backdrop(s_color(backdrop)); + } + } + + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + border-color: $e_color; + background-color: transparentize($e_color, 0.5); + &:focus { + @include entry(focus, $e_color); + background-color: transparentize($e_color, 0.5); + } + &:selected, &:selected:focus { background-color: $e_color; } + &:backdrop { + color: backdrop($e_color); + border-color: backdrop($e_color); + background-color: backdrop(transparentize($e_color, 0.5)); + } + } + } + + &.image { // entry icons colors + color: mix(w_color(text),v_color(text), 80%); + &:hover { color: b_color(hover); } + &:active { color: b_color(active); } + &:backdrop { color: backdrop(mix(w_color(text), v_color(text), 80%)); } + } +} diff --git a/src/gtk318/widgets/_headerbar.scss b/src/gtk318/widgets/_headerbar.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_headerbar.scss @@ -0,0 +1,157 @@ +/*************** + * Header bars * + ***************/ + +.titlebar, +.header-bar { + transition: none; + padding: 4px 6px; + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; + border-style: solid; + border-color: $border_color; + color: t_color(text); + background-image: linear-gradient(to bottom,t_color(background-light),t_color(background)); + &:backdrop { + border-color: transparent; + background-image: none; + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + box-shadow: none; + } +.path-bar .button { + color: t_color(text); + } +.button { + transition: none; + @include button(undecorated, $tc: t_color(text)); + + &.flat { + @include button(undecorated,$tc: t_color(text)); + } + &:hover { + @include button(hover, $tc: t_color(text)); + &:backdrop { border-color: t_color(backdrop-background); } + } + &:active, &:checked { + @include button(active); + &:hover { + @include button(active-hover); + } + &:backdrop { + background-image: none; + background-color: t_color(backdrop-background); + border-color: t_color(backdrop-background); + color: t_color(backdrop-text); + } + } + + &.suggested-action { + @extend %suggested-action; + } + + &:backdrop { + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + } + + &.flat:backdrop, &.flat:backdrop:insensitive, &:insensitive:backdrop { + background-image: none; + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + border-color: transparent; + } + &.flat:insensitive { + @extend %undecorated_button;; + color: insensitive(t_color(text)); + } + &:insensitive { + background-color: transparent; + background-image: none; + color: insensitive(t_color(text)); + &:active, &:checked { + @include button(insensitive-active); + } + } +} + + .title { + font-weight: normal; + padding: 0px 12px; + } + + .subtitle { + font-size: smaller; + padding: 0 12px; + @extend .dim-label; + } + + .header-bar-separator, + & > GtkBox > .separator.vertical { + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 1px; + border-width: 0px; + background-color: t_color(background); + border-color: t_color(background); + &:backdrop { + background-color: t_color(backdrop-background); + border-color: t_color(backdrop-background); + } + } + &.selection-mode { + + @extend .info; + + &.suggested-action { + @extend %suggested-action; + } + + .subtitle:link { @extend *:link:selected; } + + .selection-menu { + padding-left: 10px; + padding-right: 10px; + + GtkArrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('arrow-down'); + icon-shadow: none; + } + } + } + + .tiled &, .maximized & { + border-radius: 0; // squared corners when the window is max'd or tiled + } + + &.default-decoration { + padding: 4px; + .button { padding: 5px; } + } +} + +%suggested-action { + background-image: none; + background-color: b_color(active); + &:hover { + background-color: b_color(hover); + color: b_color(text) + } + &:insensitive { + background-color: transparent; + background-image: none; + color: insensitive(t_color(text)); + &:active, &:checked { + @include button(insensitive-active); + } + } + &:backdrop { + background-color: t_color(backdrop-background); + border-color: transparent; + color: t_color(backdrop-text); + &:insensitive { + color: insensitive(t_color(backdrop-text)); + } + } +} diff --git a/src/gtk318/widgets/_infobar.scss b/src/gtk318/widgets/_infobar.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_infobar.scss @@ -0,0 +1,66 @@ +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-style: none; + border-bottom: 1px solid $border_color; + background-color: w_color(normal); + background-image: none; + &:backdrop {border-bottom: 1px solid backdrop($border_color);} +} + +.info, +.question, +.warning, +.error { + background-color: w_color(normal); + background-image: none; + color: $warning_color; + text-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop($warning_color); + } + .button { + box-shadow: none; + background-image:none; + background-color: transparentize($warning_color, 0.5); + border-color: transparentize($warning_color, 0.5); + color: b_color(text); + &:hover { + background-color: transparentize($warning_color, 0.75); + border-color: $warning_color; + } + &:active, &:checked { + background-image: button_gradient($warning_color); + color: w_color(normal); + border-color: $warning_color; + } + &:insensitive { + background-color: insensitive(transparentize($warning_color, 0.5)); + border-color: insensitive(transparentize($warning_color, 0.5)); + color: insensitive(b_color(text)); + } + &:backdrop { + background-color: backdrop(transparentize($warning_color, 0.5)); + border-color: backdrop(transparentize($warning_color, 0.5)); + color: backdrop(b_color(text)); + &:active, &:checked { + background-image: button_gradient(backdrop($warning_color)); + color: backdrop(w_color(normal)); + border-color: backdrop($warning_color); + } + &:insensitive { + background-color: backdrop(insensitive(transparentize($warning_color, 0.5))); + border-color: backdrop(insensitive(transparentize($warning_color, 0.5))); + color: backdrop(insensitive(b_color(text))); + } + &:insensitive:active, + &:insensitive:checked { + background-image: button_gradient(backdrop(insensitive($warning_color))); + color: backdrop(insensitive(w_color(normal))); + border-color: backdrop(insensitive($warning_color)); + } + } + } +} diff --git a/src/gtk318/widgets/_link.scss b/src/gtk318/widgets/_link.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_link.scss @@ -0,0 +1,40 @@ +/********* + * Links * + *********/ + +*:link { + color: $link_color; + &:visited { + color: $link_visited_color; + *:selected & { color: mix(s_color(text), s_color(normal), 60%); } + } + &:hover { + color: lighten($link_color,10%); + *:selected & { color: mix(s_color(text), s_color(normal), 90%); } + } + &:active { + color: $link_color; + *:selected & { color: mix(s_color(text), s_color(normal), 80%); } + } + &:backdrop, &:backdrop:hover, &:backdrop:hover:selected { + color: backdrop(s_color(backdrop)); + } + &:selected, *:selected & { + color: mix(s_color(text), s_color(normal), 80%); + } +} + +.button:link, .button:visited { + @extend %undecorated_button; + @extend *:link; + text-shadow: none; + &:hover, &:active, &:checked { + @extend %undecorated_button; + text-shadow: none; + } + &:backdrop { + @extend %undecorated_button; //This shouldn't be needed but avoids + //a weird transition which for some reason + //makes borders blink on hover + } +} diff --git a/src/gtk318/widgets/_lists.scss b/src/gtk318/widgets/_lists.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_lists.scss @@ -0,0 +1,104 @@ +/********* + * Lists * + *********/ + +.list, .list-row { + background-color: w_color(normal); + color: w_color(text); + border-width: 0px; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } +} + +.list-row, +.grid-child { + padding: 0px 2px; + border-style: solid; + border-width: 0px; + border-color: w_color(normal); +} + +.list-row.button, +.list-row.button:backdrop, +.list-row.button:backdrop:active, +.list-row.button:backdrop:checked, +.list-row.button:backdrop:insensitive, +.list-row.button:backdrop:insensitive:active, +.list-row.button:backdrop:insensitive:checked, +.list-row.button:insensitive:active, +.list-row.button:insensitive:checked { + // reset button inherited stuff + @extend %undecorated_button; + background-color: transparentize(v_color(normal),1); // for the transition + border-style: none; // I need no borders here + border-radius: 0; // and no rounded corners + box-shadow: none; // and no box-shadow + +} + +.list-row.button { + background-color: w_color(normal); + &:hover { + background-color: transparentize(b_color(hover), 0.75); + } + &:active { + background-color: s_color(normal); + box-shadow: none; + } + &:selected { + &:active { box-shadow: none; } + background-color: s_color(normal); + &:hover { + @include button(active-hover); + } + &:backdrop { + background-color: backdrop(s_color(backdrop)); + } + } + &:backdrop { background-color: backdrop(w_color(normal));} +} + +.list-row:selected { + @extend %selected_items; + .button { + @include button(normal); + &.flat { + @include button(undecorated); + } + &:hover { + @include button(hover); + } + &:active, &:checked { + @include button(active); + } + &:backdrop, &.flat:backdrop { + @include button(backdrop); + &:active, &:checked { + @include button(backdrop-active); + } + &:insensitive { + @include button(backdrop-insensitive); + &:active, &:checked { + @include button(backdrop-insensitive-active); + } + } + } + &.flat:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + border-color: transparent; + } + &:insensitive { + @include button(insensitive); + &:active, &:checked { @include button(insensitive-active); } + } + } +} + +// transition +.list-row, list-row.button { + transition: all 300ms $ease-out-quad; + &:hover { transition: none; } +} diff --git a/src/gtk318/widgets/_menus.scss b/src/gtk318/widgets/_menus.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_menus.scss @@ -0,0 +1,160 @@ +/********* + * Menus * + *********/ + /* menu buttons */ + .menuitem.button.flat { + @extend %undecorated_button; + color: w_color(text); + &:hover { background-color: b_color(hover); } + &:selected { + background-color: b_color(active); + color: b_color(active-text) + } + &:backdrop, &:backdrop:hover { + @extend %undecorated_button; + color: backdrop(w_color(text)); + } + } + +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: none; + background-color: w_color(normal); + &:backdrop { + background-color: backdrop(w_color(normal)); + } + & > .menuitem { + padding: 6px 8px; + border: 1px solid w_color(normal); + &:hover { //Seems like it :hover even with keyboard focus + background-color: b_color(active); + color: b_color(active-text); + } + &:insensitive { + color: insensitive(w_color(text)); + box-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop(insensitive(w_color(text))); + } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } + } +} + +.menu { + padding: 0px; + background-color: $menu_color; + border: 1px solid $border_color; // adds borders in a non composited env + border-radius: $r; + .csd & { border: 1px solid $border_color; } // axes borders in a composited env + .separator {color: $border_color;} + .menuitem { + text-shadow: none; + padding: 4px 4px; + &:hover { + color: b_color(active-text); + background-color: b_color(active); + } + &:insensitive { + color: insensitive(w_color(text)); + &:backdrop { color: backdrop(insensitive(w_color(text))); } + } + &:backdrop, &:backdrop:hover { + color: backdrop(w_color(text)); + background-color: backdrop(w_color(normal)); + } + //submenu indicators + &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');} + &.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + } +} + +.menuitem .accelerator { color: gtkalpha(currentColor,0.5); } +/*************** + * Popovers * + ***************/ + +.popover { + margin: 10px; + padding: 0px; + border: 1px solid $border_color; + border-radius: 3px; + background-color: $menu_color; + + box-shadow: 0 2px 3px transparentize(black, 0.2); + + &:backdrop { + box-shadow: none; + } + + > .list, + > .view, + > .toolbar, + &.osd > .toolbar { + border-style: none; + background-color: transparent; + } + .button.flat { + border-radius: 0px; + color: w_color(text); + .label { padding: 4px 0px; } + &:hover, + &:checked:hover { + background-image: none; + background-color: b_color(active); + color: b_color(active-text); + transition: none; + } + + &:backdrop { + background-color: transparent; + color: backdrop(w_color(text)); + } + } + + &.osd { @extend %osd; } + +} + +//touch selection handlebars for the Popover.osd above +.entry.cursor-handle, +.cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } + &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } +} + +.scale-popup .button, +.scale-popup .button.flat { // +/- buttons on GtkVolumeButton popup + @extend %undecorated_button; + background-color: transparent; + padding: 5px; + color: w_color(text); + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:active { + color: b_color(active); + } + &:insensitive { + color: insensitive(w_color(text)); + } + &:backdrop { + color: backdrop(w_color(text)); + &:insensitive { + color: backdrop(insensitive(w_color(text))); + } + } +} + +GtkVolumeButton.button { padding: 5px; } diff --git a/src/gtk318/widgets/_misc.scss b/src/gtk318/widgets/_misc.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_misc.scss @@ -0,0 +1,110 @@ +/******** + * Misc * + ********/ + +/********** +* Frames * +**********/ +.frame { + border: 1px solid $border_color; + &.flat { border-style: none; } + padding: 0; + &.action-bar { + padding: 6px; + border-width: 1px 0 0; + &:backdrop {border-color: backdrop($border_color);} + } + &:backdrop {border-color: backdrop($border_color);} +} + +GtkScrolledWindow { + GtkViewport.frame { // avoid double borders when viewport inside + // scrolled window + border-style: none; + } +} + +//vbox and hbox separators +.separator { + // always disable separators + //-GtkWidget-wide-separators: true; + color: transparent; +&.vertical { + color: $border_color; + &:backdrop { color: backdrop($border_color); } + } + // Font and File button separators + GtkFileChooserButton &.vertical, + GtkFontButton &.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } +} + +/************* +* Expanders * +*************/ + +.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + &:hover { color: lighten(w_color(text),30%); } //only lightens the arrow + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } +} + +/********* +* Paned * +*********/ + +GtkPaned { // this is for the standard paned separator + + -GtkPaned-handle-size: 1; // sets separator width + + -gtk-icon-source: none; // removes handle decoration + margin: 0 8px 8px 0; // drag area of the separator, not a real margin + &:dir(rtl) { + margin-right: 0; + margin-left: 8px; + } + .pane-separator { + background-color: $border_color; + &:backdrop { + background-color: backdrop($border_color); + } + } +} + +GtkPaned.wide { // this is for the paned with wide separator + -GtkPaned-handle-size: 5; // wider separator here + margin: 0; // no need of the invisible drag area so, reset margin + .pane-separator { + background-color: transparent; + border-style: none; + // border-color: $borders_color; + // border-width: 1px; + } + &.vertical .pane-separator { border-style: none;} + .pane-separator:backdrop { border-color: transparent; } +} + +/********************* +* Spinner Animation * +*********************/ + +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +.spinner { + background-image: none; + background-color: blue; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + &:active { + opacity: 1; + animation: spin 1s linear infinite; + &:insensitive { + opacity: 0.5; + } + } +} diff --git a/src/gtk318/widgets/_notebook.scss b/src/gtk318/widgets/_notebook.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_notebook.scss @@ -0,0 +1,191 @@ +/***************** + * Notebooks and * + * Tabs * + *****************/ + +.notebook { + // Through me you go to the grief wracked city; + // Through me you go to everlasting pain; + // Through me you go a pass among lost souls. + // ... + // Abandon all hope — Ye Who Enter Here + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms $ease-out-quad; + background-color: $menu_color; + &:backdrop {background-color: backdrop($menu_color)} + + &.frame { + border: 1px solid $border_color; + // FIXME doesn't work + &.top { border-top-width: 0; } + &.bottom { border-bottom-width: 0; } + &.right { border-right-width: 0; } + &.left { border-left-width: 0; } + &:backdrop { border-color: backdrop($border_color); } + } + &.header { + background-color: w_color(normal); + padding-top: 4px; + + //this is the shading of the header behind the tabs + &.frame { + border-style: none; + } + &.top { + box-shadow: inset 0 -1px $border_color; // border + &:backdrop { box-shadow: inset 0 -1px backdrop($border_color); } + } + &.bottom { + box-shadow: inset 0 1px $border_color; + &:backdrop { box-shadow: inset 0 1px backdrop($border_color); } + } + &.right { + box-shadow: inset 1px 0 $border_color; + &:backdrop { box-shadow: inset 1px 0 backdrop($border_color); } + } + &.left { + box-shadow: inset -1px 0 $border_color; + &:backdrop { box-shadow: inset -1px 0 backdrop($border_color); } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + } + } + + tab { + border: 1px solid transparentize(w_color(text), 0.8); + background-color: transparentize(w_color(text), 0.8); + background-clip: padding-box; + &:backdrop {background-color: backdrop(transparentize(w_color(text), 0.8));} + //FIXME: we get double border in some cases, not considering the broken + //notebook content frame... + padding: 8px; + &.reorderable-page { + background-color: w_color(normal); + &.top, &.bottom { + padding-left: 12px; // for a nicer close button + padding-right: 6px; // placement + padding-bottom: 8px; + } + } + + @each $_tab, $_border, $_radius in (top,bottom,3px 3px 0px 0px), + (bottom,top,0px 0px 3px 3px), + (left,right, 3px 0px 0px 3px), + (right,left, 0px 3px 3px 0px) { + &.#{$_tab} { + border-radius: #{$_radius}; + border-#{$_border}-color: transparent; + &:active, &.active-page { + border-color: $border_color; + border-#{$_border}-color: $menu_color; + background-color: $menu_color; + &:backdrop { + border-color: backdrop($border_color); + border-#{$_border}-color: backdrop($menu_color); + background-color: backdrop($menu_color); + } + } + } + } + + //here's the interesting stuff + &:hover, &.prelight-page { + background-color: transparentize(s_color(normal), 0.8); + border-color: transparentize(s_color(normal), 0.8); + } + + @each $_tab, $_border, $_shadow1 in (top, right, -3px 0px 0px 0px), + (bottom, right, -3px 0px 0px 0px), + (left, bottom, 0px -3px 0px 0px), + (right, bottom, 0px -3px 0px 0px) { + &.reorderable-page.#{$_tab} { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: w_color(normal); + background-clip: padding-box; + border-#{$_border}-width: 1px; + border-#{$_border}-color: $border_color; + box-shadow: inset #{$_shadow1} w_color(normal); + &:hover, &.prelight-page { + box-shadow: inset 0px -3px 0px 0px transparentize(s_color(normal),0.8), inset $_shadow1 w_color(normal); + } + &:active, &.active-page { + box-shadow: inset 0px -3px 0px 0px s_color(normal), inset $_shadow1 w_color(normal); + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: transparent; + border-#{$_border}-color: backdrop($border_color); + box-shadow:none; + } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + border-#{$_border}-color: backdrop($border_color); + box-shadow:none; + } + } + } + .label { //tab text + padding: 0 2px; // needed for a nicer focus ring + color: w_color(text); + &:backdrop { color: backdrop(w_color(text)); } + &:insensitive { color: insensitive(w_color(text)); } + } + .button { //tab close button + padding: 0px; + border: 1px solid transparent; + border-radius: 50%; + background-image: none; + background-color: $border_color; + box-shadow: none; + icon-shadow: none; + transition: none; + color: w_color(normal); + &:hover { + background-color: $error_color; + border-color: transparent; + background-image: none; + box-shadow: none; + } + &:active { + color: w_color(normal); + border-color: transparent; + background-image: none; + box-shadow: none; + } + &:backdrop { + color: backdrop(w_color(normal)); + background-color: backdrop($border_color); + } + & > GtkImage { + padding: 0px; + } + } + .button .active-page, .button.active-page { //not working + background-color: $error_color; + } + } + &.arrow { + color: w_color(text); + &:hover { color: b_color(hover); } + &:active { color: b_color(active); } + &:insensitive { + color: insensitive(w_color(text)); + } + &:backdrop { + color: backdrop(w_color(text)); + &:insensitive { + color: backdrop(insensitive(w_color(text))); + } + } + } +} diff --git a/src/gtk318/widgets/_overshoot.scss b/src/gtk318/widgets/_overshoot.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_overshoot.scss @@ -0,0 +1,109 @@ +@mixin overshoot($p, $t:normal, $c:w_color(text)) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==w_color(text) { + $_small_gradient_color: darken($border_color, 10%); + $_big_gradient_color: w_color(text); + + @if $t==backdrop { $_small_gradient_color: backdrop($border_color); } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(transparentize($_small_gradient_color, 1))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($_big_gradient_color, 0.93)), + to(transparentize($_big_gradient_color, 1))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +/* Decouple the font of context menus from their entry/textview */ +.touch-selection, +.context-menu { + font: initial; +} + +.monospace { + font: Monospace; +} + +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This draws a box on top of the content, the size changes programmatically. +.overshoot { + &.top { + @include overshoot(top); + &:backdrop { @include overshoot(top, backdrop); } + } + &.bottom { + @include overshoot(bottom); + &:backdrop { @include overshoot(bottom, backdrop); } + } + &.left { + @include overshoot(left); + &:backdrop { @include overshoot(left, backdrop); } + } + &.right { + @include overshoot(right); + &:backdrop { @include overshoot(right, backdrop); } + } +} diff --git a/src/gtk318/widgets/_pathbar.scss b/src/gtk318/widgets/_pathbar.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_pathbar.scss @@ -0,0 +1,25 @@ +/************ + * Pathbars * + ************/ + +.path-bar .button { + @include button(undecorated); + padding: 4px 8px; + color: w_color(text); + &:hover {border-color: b_color(hover); } + &:active, &:checked { + background-color: $border_color; + } + &:first-child { padding-left: 8px; } + &:last-child { padding-right: 8px; } + &:only-child { + padding-left: 12px; + padding-right: 12px; + } + + // the following is for spacing the icon and the label inside the home button + .label:last-child { padding-left: 2px; } + .label:first-child { padding-right: 2px; } + .label:only-child { padding-right: 0; padding-left: 0; } + GtkImage { padding-top: 1px; } +} diff --git a/src/gtk318/widgets/_progressbar.scss b/src/gtk318/widgets/_progressbar.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_progressbar.scss @@ -0,0 +1,142 @@ +/***************** + * Progress bars * + *****************/ + +GtkProgressBar { + padding: 0; + font-size: smaller; + color: transparentize(b_color(text),0.7); + box-shadow: none; // here ot it gets + &:backdrop { color: backdrop(transparentize(b_color(text),0.7))} // clipped + + &.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; + } + &.trough { // background + border: 1px solid transparent; + border-radius: $r; + background-color: transparentize(b_color(text),0.7); + &.osd { + border: 1px solid transparent; + border-radius: $r; + background-color: transparentize(b_color(text),0.7); + &:backdrop { + background-color: backdrop(transparentize(b_color(text),0.7)); + } + } + &:backdrop { + background-color: backdrop(transparentize(b_color(text),0.7)); + } + } +} + +// moving bit +.progressbar { + background-color: s_color(normal); + border: 1px solid s_color(normal); + border-radius: 0px; + box-shadow: none; //needed for clipping + &.left { + border-top-left-radius: $r; + border-bottom-left-radius: $r; + } + &.right { + border-top-right-radius: $r; + border-bottom-right-radius: $r; + } + &.left.right { + box-shadow: none; + } + &.vertical { + + &.bottom { + border-bottom-left-radius: $r; + border-bottom-right-radius: $r; + box-shadow: none; + } + &.top { + border-top-left-radius: $r; + border-top-right-radius: $r; + } + } + + &.osd { + background-image: none; + background-color: s_color(normal); + border: 1px solid s_color(normal); + border-radius: $r; + &:backdrop { + background-color: backdrop(s_color(backdrop)); + border-color: backdrop(s_color(backdrop)); + } + } + &:backdrop { + background-color: backdrop(s_color(backdrop)); + border-color: backdrop(s_color(backdrop)); + } +} + +/************* + * Level Bar * + *************/ + +.level-bar.vertical { + -GtkLevelBar-min-block-width: 6; + -GtkLevelBar-min-block-height: 34; +} + +.level-bar { + box-shadow: none; // needs to be set here to avoid clipping + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 6; + &.vertical { + -GtkLevelBar-min-block-width: 6; + -GtkLevelBar-min-block-height: 34; + } + &.trough { + border: 1px solid transparent; + padding: 3px; + border-radius: $r; + background-color: transparent;; + } + &.fill-block { + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + border: 1px solid s_color(normal); + background-color: s_color(normal); + box-shadow: none; + border-radius: $r; + + &.indicator-discrete { + &.horizontal { margin: 0 1px; } + &.vertical { margin: 1px 0; } + } + &.level-high { + border-color: $success_color; + background-color: $success_color; + &:backdrop { + background-color: backdrop($success_color); + border-color: backdrop($success_color); + } + } + &.level-low { + border-color: $warning_color; + background-color: $warning_color; + &:backdrop { + background-color: backdrop($warning_color); + border-color: backdrop($warning_color); + }; + } + &.empty-fill-block { + background-color: transparentize(b_color(text),0.7); + border-color: transparent; + box-shadow: none; + } + &:backdrop { + border-color: backdrop(s_color(backdrop)); + background-color: backdrop(s_color(backdrop)); + } + } +} diff --git a/src/gtk318/widgets/_scale.scss b/src/gtk318/widgets/_scale.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_scale.scss @@ -0,0 +1,87 @@ +/************ + * GtkScale * + ************/ +.scale, +.scale.scale-has-marks-above.scale-has-marks-below, +.scale.vertical.scale-has-marks-above.scale-has-marks-below { + -GtkScale-slider-length: 18; + -GtkRange-slider-width: 18; + -GtkRange-trough-border: 2; + + &.fine-tune { + &.trough { + margin: 8px; + border-radius: $r; + } + } + + &.slider { + background-color: b_color(normal); + border: 1px solid $border_color; + border-radius: 50%; + box-shadow: none; + &:hover { + border-style: solid; + border-width: 2px; + border-color: b_color(hover); + border-radius: 50%; // needed for double marks scales + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop(b_color(hover)); + } + } + &:insensitive { + border-style: solid; // needed for double marks scales or they'll get + border-radius: 50%; // overridden + background-color: insensitive(b_color(normal)); + border-color: insensitive($border_color); + &:backdrop { + background-color: backdrop(insensitive(b_color(normal))); + border-color: backdrop(insensitive($border_color)); + } + } + &:active { + border: 2px solid b_color(active); + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop(b_color(active)); + } + } + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop($border_color); + } + } + &.trough { + margin: 9px; + border: 1px solid transparentize(b_color(text),0.7); + border-radius: $r; + background-color: transparentize(b_color(text),0.7); + box-shadow: none; + &.highlight { + background-color: s_color(normal); + border-color: s_color(normal); + &.vertical { + background-color: s_color(normal); + border-color: s_color(normal); + } + &:backdrop { + background-color: backdrop(s_color(backdrop)); + border-color: backdrop(s_color(backdrop)); + } + } + &:insensitive, &.vertical:insensitive { + border-color: mix(insensitive(b_color(text)), w_color(normal), 70%); + background-color: mix(insensitive(b_color(text)), w_color(normal), 70%); + box-shadow: none; + &:backdrop { + background-color: mix(backdrop(insensitive(b_color(text))), w_color(normal), 70%); + border-color: mix(backdrop(insensitive(b_color(text))), w_color(normal), 70%); + } + } + &:backdrop { + background-color: backdrop(transparentize(b_color(text),0.7)); + border-color: backdrop(transparentize(b_color(text),0.7)); + } + } +} diff --git a/src/gtk318/widgets/_scrollbar.scss b/src/gtk318/widgets/_scrollbar.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_scrollbar.scss @@ -0,0 +1,91 @@ +@mixin _border($name, $width: 1px 1px 2px 1px, $image-width: 2 2 3 2 / 2px 2px 3px 2px) { + border-image: -gtk-scaled(url("../assets/#{$name}.png"),url("../assets/#{$name}@2.png")) $image-width stretch; + border-width: $width; + border-style: solid; + border-color: transparent; +} + +$scrollbar_color: transparentize(v_color(text),0.5); +$trough_color: transparentize(w_color(text),0.7); + +/************** + * Scrollbars * + **************/ + +.scrollbar { + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 10px; + -GtkScrollbar-min-slider-length: 64; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; + + .button { + @extend %undecorated_button; + color: b_color(text); + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:insensitive { color: insensitive(b_color(text)); } + &:backdrop { + @extend %undecorated_button; + color: backdrop(b_color(text)); + &:insensitive {color: backdrop(insensitive(b_color(text)));} + @extend %undecorated_button; + } + } + + // Overlay Scrollbars + &.dragging, // if this isn't set, the scrollbars don't update their size correctly + &.hovering { opacity: 0.9910; } // probably a gtk bug + &.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } // + + + &.overlay-indicator:not(.dragging):not(.hovering) { + -GtkRange-slider-width: 10px; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + + .slider { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: $scrollbar_color; + &:backdrop { background-color: backdrop($scrollbar_color); } + } + + .trough { + border: none; + background: none; + } + } + + &.trough { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: $trough_color; + &:backdrop { background-color: backdrop($trough_color); } + } + &.slider { + margin: 2px; + border: 5px solid transparent; + border-radius: 8px; + background-color: $scrollbar_color; + &:hover { background-color: b_color(hover); } + &:active { background-color: b_color(active);} + &:insensitive { background-color: insensitive($scrollbar_color); } + &:backdrop { background-color: backdrop($trough_color); } + &:backdrop:insensitive { background-color: backdrop(insensitive($scrollbar_color)); } + } +} + + +.scrollbars-junction, +.scrollbars-junction.frame { // the small square between two scrollbars + border-color: transparent; + background-color: transparent; + border-image: none; +} diff --git a/src/gtk318/widgets/_sidebar.scss b/src/gtk318/widgets/_sidebar.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_sidebar.scss @@ -0,0 +1,72 @@ +/*********** + * Sidebar * + ***********/ + +.sidebar, +.sidebar .view { + border: none; + background-color: w_color(normal); + &:selected { + @extend %selected_items; + } + &:backdrop { background-color: backdrop(w_color(normal))} +} + +GtkSidebarRow { + // Needs overriding of the GtkListBoxRow padding + &.list-row { + padding: 0px; + } + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + .sidebar-revealer { + padding: 4px 14px 4px 12px; + } + .sidebar-icon { + + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + .sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } +} + +// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color +GtkPlacesSidebar.sidebar .view { +// color: w_color(text); +// background-color: transparent; + &:insensitive { color: insensitive(w_color(text)); } + &:backdrop { + color: backdrop(w_color(text)); + &:insensitive { color: backdrop(insensitive(w_color(text))); } + } + &:selected { @extend %selected_items; } + .separator, + .separator:backdrop { @extend .separator; } + .image { // icons color + color: w_color(text); + &:selected { + color: s_color(text); + &:backdrop { color: backdrop(w_color(text)); } + } + &:insensitive { color: insensitive(w_color(text)); } + &:backdrop { + color: backdrop(w_color(text)); + &:insensitive { color: backdrop(insensitive(w_color(text))); } + } + } +} + +.sidebar-item { + padding: 10px 4px; + > .label { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > .label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } +} diff --git a/src/gtk318/widgets/_spinbutton.scss b/src/gtk318/widgets/_spinbutton.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_spinbutton.scss @@ -0,0 +1,125 @@ +/***************** + * GtkSpinButton * + *****************/ + +.spinbutton { + .button { + @extend %spinbutton; + } + .osd & { + .button { + @extend %spinbutton; + &:last-child { border-radius: 0 3px 3px 0; } + &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + } + } + &.vertical, &.vertical:dir(rtl) { //FIXME: try using linking templates for vertically linked stuff + .button { + padding-top: 5px; // Same vertical padding as image-buttons + padding-bottom: 5px; // + &:first-child { + @extend %top_button; + @include button(normal); + &:active { + @extend %top_button; + @include button(active); + } + &:hover { + @extend %top_button; + @include button(hover); + } + &:insensitive { + @extend %top_button; + @include button(insensitive); + } + &:backdrop { + @extend %top_button; + @include button(backdrop); + } + } + &:last-child { + @extend %bottom_button; + @include button(normal); + &:active { + @extend %bottom_button; + @include button(active); + } + &:hover { + @extend %bottom_button; + @include button(hover); + } + &:insensitive { + @extend %bottom_button; + @include button(insensitive); + } + &:backdrop { + @extend %bottom_button; + @include button(backdrop); + } + } + &:backdrop:insensitive { + @include button(backdrop-insensitive); + } + } + &.entry { + // we should remove the bottom edge hilight here, but seems + // like buttons are on top of it so it doesn't show up + border-radius: 0px; + padding-left: 0px; + padding-right: 0px; + &:insensitive { background-color: insensitive(v_color(normal));} + } + } + GtkTreeView & { + &.entry, &.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: v_color(active); + border-radius: 0; + box-shadow: none; + + } + } +} + +%spinbutton { + background-image: none; + background-color: transparent; + border-style: none none none solid; + border-color: transparentize($border_color, 0.7); + color: b_color(text); + border-radius: 0; + box-shadow: none; + &:dir(rtl) { border-style: none solid none none; } + &:hover { + color: b_color(hover); + } + &:insensitive { + color: insensitive(b_color(text)); + border-color: insensitive(transparentize($border_color, 0.7)); + } + &:active { + color: b_color(active); + } + &:backdrop { + color: backdrop(b_color(text)); + border-color: backdrop(transparentize($border_color, 0.7)); + background-color: transparent; + } + &:backdrop:insensitive { + background-image: none; + color: backdrop(insensitive(b_color(text))); + border-style: none none none solid; // It is needed or it gets overridden + border-color: backdrop(insensitive(transparentize($border_color, 0.7))); + &:dir(rtl) { border-style: none solid none none; } + } +} + +%top_button { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; +} +%bottom_button { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; +} diff --git a/src/gtk318/widgets/_switch.scss b/src/gtk318/widgets/_switch.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_switch.scss @@ -0,0 +1,67 @@ +/********** + * Switch * + **********/ + +GtkSwitch { + -GtkSwitch-slider-width: 24px; + -GtkSwitch-slider-height: 24px; + font-weight: bold; + font-size: smaller; + outline-offset: 0px; + color: transparent; + box-shadow: none; // needs to be set here + // otherwise it gets + // clipped + &.trough { + // similar to the .scale + border: 0px solid; + border-radius: 12px; + background-image: none; + background-color: transparentize(b_color(text),0.7); + text-shadow: none; + &:active { + background-color: s_color(normal); + box-shadow: none; + text-shadow: none; + } + &:backdrop { + background-color: backdrop(transparentize(b_color(text),0.7)); + } + + } + + &.slider { + border: 1px solid; + border-radius: 11px; + background-color: w_color(normal); + border-color: $border_color; + &:hover { + box-shadow: none; + border-color: b_color(hover); + background-color: w_color(normal); + } + &:active { + border-color: b_color(active); + &:hover { border-color: b_color(hover)} + } + &:insensitive { background-color: insensitive(w_color(normal)); } + &:backdrop { + background-color: backdrop(w_color(normal)); + &:insensitive { + background-color: backdrop(insensitive(w_color(normal))); + } + } + } + .header-bar & { + &.trough { + &:backdrop { + background-color:transparent; + } + } + &.slider { + &:backdrop { + background-color: t_color(backdrop-text); + } + } + } +} diff --git a/src/gtk318/widgets/_toolbar.scss b/src/gtk318/widgets/_toolbar.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_toolbar.scss @@ -0,0 +1,46 @@ +/************ + * Toolbars * + ************/ +.toolbar, +.primary-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: w_color(normal); + &:backdrop { + background-color: backdrop(w_color(normal)); + box-shadow: none; + } + .osd &, &.osd { + padding: 13px; + border: none; + border-radius: $r; + background-color: w_color(normal); + &:backdrop { + border-color: backdrop($border_color); + background-color: backdrop(w_color(normal)); + box-shadow: none; + } + } +} + +//searchbar, location-bar & inline-toolbar +.inline-toolbar { + @extend .toolbar; + @extend %inset-bar; + border-width: 0px 0px 1px 0px; + padding: 3px; + border-radius: 0; +} +.search-bar, .location-bar { + @extend .toolbar; + @extend %inset-bar; + border-width: 0px 0px 1px 0px; + padding: 3px; +} + +%inset-bar { + border-style: solid; + border-color: $border_color; + text-shadow: none; + background-color: w_color(normal); +} diff --git a/src/gtk318/widgets/_tooltips.scss b/src/gtk318/widgets/_tooltips.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_tooltips.scss @@ -0,0 +1,28 @@ +/************ + * Tooltips * + ************/ + +.tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: tooltip(background); + background-clip: padding-box; + } + + color: tooltip(text); + padding: 4px; /* not working */ + border-radius: 5px; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + text-shadow: none; + border: 1px solid tooltip(border); + &.window-frame.csd { + background-color: transparent; + } +} + +.tooltip * { //Yeah this is ugly + padding: 4px; + background-color: transparent; + color: inherit; // just to be sure +} diff --git a/src/gtk318/widgets/_treeview.scss b/src/gtk318/widgets/_treeview.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_treeview.scss @@ -0,0 +1,136 @@ + + +/************** + * Tree Views * + **************/ +GtkTreeView.view { + -GtkTreeView-grid-line-width: 0; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + + border-left-color: $border_color; // this is actually the tree lines color, + border-top-color: transparent; // while this is the grid lines color, better then nothing + + &:selected { border-radius: 0; } // rest border radius in lists + + &:selected { + background-color: s_color(normal); + border-left-color: s_color(text); + border-top-color: s_color(text); // doesn't work unfortunatelly + } + &:backdrop:selected { + background-color: backdrop(s_color(backdrop)); + border-left-color: backdrop(s_color(text)); + border-top-color: backdrop(s_color(text)); + } + + &:insensitive { + color: insensitive($border_color); + &:selected { + color: insensitive(s_color(text)); + &:backdrop { color: backdrop(insensitive(s_color(text))); } + } + &:backdrop { color: backdrop(insensitive($border_color)); } + } + &.separator { + color: $border_color; + } + &.separator:backdrop { + color: backdrop($border_color); + } + + &:backdrop { + border-left-color: backdrop($border_color); + } + + &.dnd { + border-style: solid none; + border-width: 1px; + border-color: b_color(hover); + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + color: v_color(text); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');} + &:hover { color: b_color(hover); } + &:selected { color: s_color(text); } + &:checked { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + &:selected { color: s_color(text); } + &:backdrop { color: backdrop(v_color(normal)); } + } + &:backdrop { color: backdrop(v_color(text)); } + } +} + +column-header { + .button { + @extend %column_header_button; + color: b_color(text); + background-color: b_color(normal); + text-shadow: none; + box-shadow: none; + &:hover { + @extend %column_header_button; + color: b_color(text); + background-color: transparentize(b_color(hover), 0.5); + box-shadow: none; + transition: none; //I shouldn't need this + } + &:active { + @extend %column_header_button; + color: b_color(text); + background-color: transparentize(b_color(hover), 0.5); + transition: none; //I shouldn't need this + } + &.dnd { + @extend column-header.button.dnd; + } + } + &:last-child .button, + &:last-child .button:backdrop, // set :backdrop too or the border will be visibile there + &:last-child.button, + &:last-child.button:backdrop { //treeview-like derived widgets in Banshee and Evolution + border-right-style: none; + } +} + +column-header.button.dnd { // for treeview-like derive widgets + transition: none; + color: s_color(normal); + box-shadow: none; + &:active { @extend column-header.button.dnd; } + &:selected { @extend column-header.button.dnd; } + &:hover { @extend column-header.button.dnd; } +} + +%column_header_button { + padding: 6px; + border-style: none solid solid none; + border-radius: 0; + background-image: none; + border-color: $border_color; + text-shadow: none; + &:insensitive { + border-color: insensitive($border_color); + color: insensitive(b_color(text)); + background-color: insensitive(b_color(normal)); + background-image: none; + } + &:backdrop { + border-color: backdrop($border_color); + border-style: none solid solid none; + color: backdrop(b_color(text)); + background-image: none; + background-color: backdrop(b_color(normal)); + &:insensitive { + border-color: backdrop(insensitive($border_color)); + background-image: none; + background-color: backdrop(insensitive(b_color(normal))); + color: backdrop(insensitive(b_color(text))); + } + } +} diff --git a/src/gtk318/widgets/_window_decorations.scss b/src/gtk318/widgets/_window_decorations.scss new file mode 100644 --- /dev/null +++ b/src/gtk318/widgets/_window_decorations.scss @@ -0,0 +1,174 @@ +/********************** + * Window Decorations * + *********************/ + +.window-frame { + + //border: 1px solid transparent; + border-radius: $r; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + + // FIXME rationalize window-frame shadows + + /* this is used for the resize cursor area */ + margin: 10px; + + &:backdrop { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + } + &.tiled { + border-radius: 0; + } + &.popup { + border-radius: $r; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1) + } + // server-side decorations as used by mutter + &.ssd { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); + } + &.csd { + border-radius: $r; + &.popup { + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1) + } + &.tooltip { + box-shadow: none; + } + &.message-dialog { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5) + } + } + &.solid-csd { + border-radius: 0; + margin: 0px; + background-color: t_color(background-light); + border: none; + box-shadow: none; + } +} + +// Window Close button +.header-bar .button.titlebutton, +.titlebar .button.titlebutton { + @extend %undecorated_button; + padding: 0px; + &:hover, + &:active, + &:checked, + &:backdrop, + &:active:hover { @extend %undecorated_button; transition: none;} + + &.close { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-close.png'),url('../assets/titlebutton-close@2.png')); + } + &.close:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-hover.png'),url('../assets/titlebutton-close-hover@2.png')); + } + &.close:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-active.png'),url('../assets/titlebutton-close-active@2.png')); + } + &.close:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-backdrop.png'),url('../assets/titlebutton-close-backdrop@2.png')); + } + + &.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize.png'),url('../assets/titlebutton-maximize@2.png')); + } + &.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-hover.png'),url('../assets/titlebutton-maximize-hover@2.png')); + } + &.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-active.png'),url('../assets/titlebutton-maximize-active@2.png')); + } + &.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-backdrop.png'),url('../assets/titlebutton-maximize-backdrop@2.png')); + } + + &.minimize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize.png'),url('../assets/titlebutton-minimize@2.png')); + } + &.minimize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-hover.png'),url('../assets/titlebutton-minimize-hover@2.png')); + } + &.minimize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-active.png'),url('../assets/titlebutton-minimize-active@2.png')); + } + &.minimize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-backdrop.png'),url('../assets/titlebutton-minimize-backdrop@2.png')); + } +} + +.header-bar, +.titlebar { + .maximized & { + .button.titlebutton { + &.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized.png'),url('../assets/titlebutton-maximize-maximized@2.png')); + } + &.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-hover.png'),url('../assets/titlebutton-maximize-maximized-hover@2.png')); + } + &.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-active.png'),url('../assets/titlebutton-maximize-maximized-active@2.png')); + } + &.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-backdrop.png'),url('../assets/titlebutton-maximize-maximized-backdrop@2.png')); + } + } + } +} + +.header-bar.selection-mode .button.titlebutton, +.titlebar.selection-mode .button.titlebutton { + text-shadow: none; + &:backdrop { icon-shadow: none; } +} diff --git a/src/gtk320/gtk.scss b/src/gtk320/gtk.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/gtk.scss @@ -0,0 +1,31 @@ +@import 'global'; +@import '../functions'; +@import '../colors'; + +@import "widgets/base"; +@import "widgets/button"; +@import "widgets/entry"; +@import "widgets/app_notifications"; +@import "widgets/calendar"; +@import "widgets/checkboxes"; +@import "widgets/color_chooser"; +@import "widgets/dialogs"; +@import "widgets/headerbar"; +@import "widgets/infobar"; +@import "widgets/link"; +@import "widgets/lists"; +@import "widgets/menus"; +@import "widgets/misc"; +@import "widgets/notebook"; +@import "widgets/overshoot"; +@import "widgets/pathbar"; +@import "widgets/progressbar"; +@import "widgets/scale"; +@import "widgets/scrollbar"; +@import "widgets/sidebar"; +@import "widgets/spinbutton"; +@import "widgets/switch"; +@import "widgets/toolbar"; +@import "widgets/tooltips"; +@import "widgets/treeview"; +@import "widgets/window_decorations"; diff --git a/src/gtk320/widgets/_app_notifications.scss b/src/gtk320/widgets/_app_notifications.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_app_notifications.scss @@ -0,0 +1,44 @@ +/********************* + * App Notifications * + *********************/ + +.app-notification, +.app-notification.frame { + @extend %osd; + padding: 10px; + border-top-width: 0px; + border-radius: 0px 0px 3px 3px; + &:backdrop { background-image: none; } + button { + @include button(normal); + &.flat { + @extend %undecorated_button; + -gtk-icon-shadow: none; + text-shadow: none; + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:active { + @extend %undecorated_button; + color: b_color(active); + } + &:backdrop, + &:disabled, + &:backdrop:disabled { @extend %undecorated_button; } + } + &:hover { @include button(hover); } + &:active, + &:checked, + &:backdrop:active, + &:backdrop:checked { + @include button(active); + } + &:disabled, + &:backdrop:disabled{ + @include button(insensitive); + } + &:backdrop { @include button(backdrop); } + } + border {border: none;} +} \ No newline at end of file diff --git a/src/gtk320/widgets/_base.scss b/src/gtk320/widgets/_base.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_base.scss @@ -0,0 +1,270 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + + -GtkCheckButton-indicator-size: 18; + -GtkCheckMenuItem-indicator-size: 18; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -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: w_color(text); + background-color: w_color(normal); + + &:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + color: backdrop(w_color(text)); + background-color: backdrop(w_color(normal)); + } +} + +/* + 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: w_color(normal); + color: w_color(text); + &:hover { + background-color: lighten(w_color(normal), 10%); + color: w_color(text); + } + &:active { + background-color: darken(w_color(normal), 10%); + color: w_color(text); + } + &:disabled { + background-color: insensitive(w_color(normal)); + color: insensitive(w_color(text)); + } + &:selected { + background-color: s_color(normal); + color: s_color(text); + } +} + +%view, +.view { + color: v_color(text); + background-color: v_color(normal); + + &:backdrop { + color: backdrop(v_color(text)); + background-color: backdrop(v_color(normal)); + } + + &:disabled { + color: insensitive(v_color(text)); + } + + &:selected { + &:focus, & { + border-radius: $r; + @extend %selected_items; + } + } +} + +.view, +textview { + text { + @extend %view; + + selection { &:focus, & { @extend %selected_items; }} + } +} + +textview border { + background-color: v_color(normal); + background-image: image($border_color); // HACK: the border node just draws background so, + background-repeat: no-repeat; // using a background-image to draw the border + + &:backdrop { background-color: backdrop(v_color(normal)); } + + &.bottom { + background-size: 100% 1px; + background-position: top; + } + + &.top { + background-size: 100% 1px; + background-position: bottom; + } + + &.left { + background-size: 1px 100%; + background-position: right; + } + + &.right { + background-size: 1px 100%; + background-position: left; + } +} + +.rubberband, +rubberband { + border: 1px solid s_color(normal); + background-color: transparentize(s_color(normal),0.8); + &:backdrop { + border-color: backdrop(s_color(normal)); + background-color: backdrop(transparentize(s_color(normal),0.8)); + } +} + +flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: 3px; + border-radius: $r; + + &:selected { + @extend %selected_items; + + outline-offset: 0px; + } + } +} + +label { + &.separator { + color: w_color(text); + @extend .dim-label; + &:backdrop { color: backdrop(w_color(text)); } + } + + selection { + background-color: s_color(normal); + color: s_color(text) + } + &:disabled { + color: insensitive(w_color(text)); + selection { @extend %selected_items:disabled; } + + &:backdrop { color: backdrop(insensitive(w_color(text))); } + } + &:backdrop { + color:backdrop(w_color(text)); + + selction {@extend %selected_items:backdrop;} + } +} + +.dim-label { + opacity: 0.5; + text-shadow: none; +} + +assistant { + .sidebar { + background-color: v_color(text); + border-top: 1px solid $border_color; + + &:backdrop { + background-color: backdrop(v_color(text)); + border-color: backdrop($border_color); + } + } + &.csd .sidebar { border-top-style: none; } + .sidebar label { + padding: 6px 12px; + } + .sidebar label.highlight { + background-color: mix(v_color(normal), v_color(text), 80%); + } +} + +%osd, +.osd { + color: w_color(text); + border: 1px solid $border_color; + background-color: transparentize(w_color(normal),0.2); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + &:backdrop { + color: backdrop(w_color(text)); + background-color: backdrop(transparentize(w_color(normal),0.2)); + -gtk-icon-shadow: none; + } +} + +%selected_items { + background-color: s_color(normal); + color: s_color(text); + &:hover { + background-color: s_color(hover); + color: w_color(text); + } + &:backdrop { + background-color: backdrop(s_color(backdrop)); + color: backdrop(v_color(normal)); + } +} + +%selected_items { + background-color: s_color(normal); + border-radius: 0px; + + @at-root %nobg_selected_items, & { + color: s_color(text); + + &:disabled { color: insensitive(s_color(text)); } + + &:backdrop { + color: backdrop(s_color(text)); + + &:disabled { color: backdrop(insensitive(s_color(text))); } + } + } +} diff --git a/src/gtk320/widgets/_button.scss b/src/gtk320/widgets/_button.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_button.scss @@ -0,0 +1,496 @@ + +// buttons + +@mixin button($t, $c:b_color(normal), $tc:b_color(text)) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + + @if $t==normal { + // + // normal button + // + box-shadow: 1px 1px 1px rgba(0,0,0,0.1); + text-shadow: none; + -gtk-icon-shadow: none; + + color: $tc; + border-color: if($c!=b_color(normal), $c, $border_color); + background-image: button_gradient($c, normal); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + border-color: if($c!=b_color(normal), $c, b_color(hover)); + } + + @else if $t==active { + // + // pushed button + // + color: if($tc==b_color(text),b_color(active-text), $tc); + border-color: if($c!=b_color(normal), $c, b_color(active)); + background-image: if($c!=b_color(normal), button_gradient($c, active), + button_gradient(b_color(active),active)); + } + + @else if $t==active-hover { + // + // + // + color: $tc; + border-color: if($c!=b_color(normal), transparentize($c, 0.5), b_color(hover)); + background-image: if($c!=b_color(normal), button_gradient(transparentize($c, 0.5),active), + button_gradient(b_color(hover),active)); + } + + @else if $t==insensitive { + // + // insensitive button + // + color: if($tc!=b_color(text),insensitive($tc),insensitive(b_color(text))); + border-color: if($c!=b_color(normal), insensitive($c), insensitive($border_color)); + background-image: if($c!=b_color(normal), button_gradient(insensitive($c), normal), + button_gradient(insensitive(b_color(normal)), normal)); + > .label { color: inherit; } + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: if($tc!=b_color(text), insensitive($tc), insensitive(b_color(active-text))); + border-color: insensitive(b_color(active)); + background-image: if($c!=b_color(normal), button_gradient(insensitive($c), active), + button_gradient(insensitive(b_color(active)),active)); + > .label { color: inherit; } + } + + @else if $t==backdrop { + // + // backdrop button + // + color: backdrop($tc); + border-color: backdrop($border_color); + background-image: button_gradient(backdrop($c), normal); + } + + @else if $t==backdrop-active { + // + // backdrop pushed button + // + color: if($tc!=b_color(text), backdrop($tc), backdrop(b_color(active-text))); + border-color: if($c!=b_color(normal), backdrop($c), backdrop(b_color(active))); + background-image: if($c!=b_color(normal), button_gradient(backdrop($c), active), + button_gradient(backdrop(b_color(active)),active)); + } + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + color: backdrop(insensitive($tc)); + border-color: if($c!=b_color(normal), backdrop(insensitive($c)), backdrop(insensitive($border_color))); + background-image: button_gradient(backdrop(insensitive($c))); + > .label { color: inherit; } + } + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + color: if($c!=b_color(normal), backdrop(insensitive($tc)), backdrop(insensitive(b_color(active-text)))); + border-color: if($c!=b_color(normal), backdrop(insensitive($c)), backdrop(insensitive(b_color(active)))); + background-image: if($c!=b_color(normal), button_gradient(backdrop(insensitive($c)), active), + button_gradient(backdrop(insensitive(b_color(active))),active)); + > .label { color: inherit; } + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparentize(white,1); //FIXME needed? + background-color: transparent; + background-image: none; + box-shadow:none; + color: $tc; + + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +$_dot_color: b_color(active); +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to(s_color(normal)), + to(transparent)); + } +} + +%buttons { + + $_button_transition: all 200ms $ease-out-quad; + + border: 1px solid; + border-radius: $r; + padding: 4px 6px; + background-clip: border-box; + transition: $_button_transition; + @include button(normal); + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + &:hover { + transition: $_button_transition; + transition-duration: 500ms; + &:active { transition: $_button_transition; } + } + &:checked { background-color: $border_color;} + } + &:hover { + @include button(hover); + -gtk-icon-effect: none; // Do we want this? + } + &:active, &:checked { + @include button(active); + transition-duration: 50ms; + &:hover { + @include button(active-hover); + } + } + &:backdrop { + @include button(backdrop); + -gtk-icon-effect: none; + &:active, &:checked { + @include button(backdrop-active); + } + &:disabled { + @include button(backdrop-insensitive); + } + &:disabled:active, &:disabled:checked { + @include button(backdrop-insensitive-active); + } + } + &.flat:backdrop { + -gtk-icon-effect: none; + @include button(undecorated); + color: backdrop(b_color(text)); + } + &.flat:disabled { + @include button(undecorated); + color: insensitive(b_color(text)); + } + &.flat:backdrop:disabled { + @include button(undecorated); + color: backdrop(insensitive(b_color(text))); + } + &:disabled { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active); + } + } + separator { + background-color: transparent; + background-image: none; + color: transparent; + } +} +%button, +button { + @at-root %button_basic, & { + @extend %buttons; + &.osd { + @extend %buttons; + } + //overlay / OSD style + .osd & { + //@extend %buttons; + } + + &.image-button { + min-width:16px; + padding: 6px; + } + + &.text-button { + padding-left: 6px; + padding-right: 6px; + } + + &.text-button.image-button { + padding-left: 6px; + padding-right: 6px; + label { + padding-left: 6px; + padding-right: 6px; + } + } + // FIXME + // &:drop(active) { + // color: $drop_target_color; + // border-color: $drop_target_color; + // box-shadow: inset 0 0 0 1px $drop_target_color; + // } + } + + @at-root %button_selected, & { + row:selected & { + border-color: s_color(normal); + + &.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: s_color(text); + border-color: transparent; + + &:backdrop { color: backdrop(s_color(text)); } + } + } + } + + // Suggested and Destructive Action buttons + @each $b_type, $button_color in (suggested-action, b_color(active)), + (destructive-action, $error_color) { + &.#{$b_type}, + &.#{$b_type}.osd & { + @include button(normal, $button_color, b_color(active-text)); + &.flat { + @include button(undecorated); + color: $button_color; + } + &:hover { @include button(hover, $button_color, white); } //FIXME no hardcoded colors + &:active, &:checked { @include button(active, $button_color, white); } + &:backdrop, &.flat:backdrop { + @include button(backdrop, $button_color, white); + &:active, &:checked { + @include button(backdrop-active, $button_color, white); + } + &:disabled { + @include button(backdrop-insensitive); + &:active, &:checked { + @include button(backdrop-insensitive-active, $button_color, white); + } + } + } + &.flat:backdrop, &.flat:disabled, &.flat:backdrop:disabled { + @include button(undecorated); + color: transparentize($button_color, 0.2); + } + &:disabled { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active, $button_color, white); + } + } + } + } + + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + > image { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + &.text-button { + padding: 6px; // needed or it will get overridden + } + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding: 3px 0px; + } + &.needs-attention > label, + &.needs-attention > image { @extend %needs_attention; } + &.needs-attention:active > label, + &.needs-attention:active > image, + &.needs-attention:checked > label, + &.needs-attention:checked > image { + animation: none; + background-image: none; + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: $r; + border-width: 1px; + @extend %linked; + } + + .primary-toolbar & { -gtk-icon-shadow: none; } + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked, + .linked > &:backdrop { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked, + .linked.vertical > &:backdrop { @extend %linked_vertical; } +} + +/************** + * ComboBoxes * + **************/ + combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } + } + } + + // &:drop(active) { // FIXME: untested + // box-shadow: none; + // + // button.combo { @extend %button_basic:drop(active); } + //} + } + + .linked > combobox > box > button.combo { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump + } + + .linked:not(.vertical) > combobox:first-child > box > button.combo { @extend %linked:first-child; } + .linked:not(.vertical) > combobox:last-child > box > button.combo { @extend %linked:last-child; } + .linked:not(.vertical) > combobox:only-child > box > button.combo { @extend %linked:only-child; } + + .linked.vertical > combobox > box > button.combo { @extend %linked_vertical_middle; } + .linked.vertical > combobox:first-child > box > button.combo { @extend %linked_vertical:first-child;} + .linked.vertical > combobox:last-child > box > button.combo { @extend %linked_vertical:last-child; } + .linked.vertical > combobox:only-child > box > button.combo { @extend %linked_vertical:only-child; } + + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: b_color(text); + $_dot_shadow_r: 0.5; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)), + -gtk-gradient(radial, + center center, 0, + center center, $_dot_shadow_r, + to($_dot_shadow), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; + &:backdrop {background-size: 6px 6px, 0 0;} + &:dir(rtl) { + background-position: left 3px, left 4px; + } +} + +%linked_middle { + border-radius: $r; + &:dir(rtl) { + border-radius: $r; // needed when including %linked_middle:dir(rtl) + } +} + +%linked { + margin-left: 2px; + margin-right: 2px; + @extend %linked_middle; + &:first-child { + border-radius: $r; + border-style: solid; + } + &:last-child { + border-radius: $r; + &:dir(rtl) { } + } + &:only-child { + border-radius: $r; + border-style: solid; + } +} + +%linked_vertical_middle { + border-style: solid; + border-radius: $r; +} + +%linked_vertical{ + @extend %linked_vertical_middle; + &:first-child { + border-radius: $r; + } + &:last-child { + border-radius: $r; + border-style: solid; + } + &:only-child { + border-radius: $r; + border-style: solid; + } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow:none; + text-shadow: none; + -gtk-icon-shadow: none; +} diff --git a/src/gtk320/widgets/_calendar.scss b/src/gtk320/widgets/_calendar.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_calendar.scss @@ -0,0 +1,64 @@ +/************ + * Calendar * + ***********/ +calendar { + color: v_color(text); + border: 1px solid $border_color; + background-color: v_color(normal); + &:selected { + background-color: $border_color; + } + &:disabled { + color: insensitive(v_color(text)); + } + + &.header { + border: 1px solid $border_color; + border-radius: 0; + color: v_color(text); + + &:backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + } + + &:disabled { + color: insensitive(v_color(text)); + } + } + + &.button { + @extend %undecorated_button; + color: b_color(text); + + &:hover { + @extend %undecorated_button; + color: b_color(hover); + } + &:active { + @extend %undecorated_button; + color: b_color(active); + } + &:backdrop { + @extend %undecorated_button; + color: backdrop(b_color(text)); + } + } + + &:indeterminate, + &.highlight { + color: transparentize(v_color(text),0.5); + } + + &:indeterminate:backdrop, + &.highlight:backdrop { + color: backdrop(transparentize(v_color(text),0.5)); + } + + + &:backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + background-color: backdrop(v_color(normal)); + } +} diff --git a/src/gtk320/widgets/_checkboxes.scss b/src/gtk320/widgets/_checkboxes.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_checkboxes.scss @@ -0,0 +1,79 @@ +/************************* + * Check and Radio items * + *************************/ +@each $s,$as in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':checked', '-checked-active'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':backdrop:checked', '-checked-backdrop') { + .view.content-view.check#{$s}:not(list) { + -gtk-icon-shadow: none; + -gtk-icon-source: -gtk-scaled(url("../assets/check-selectionmode#{$as}.png"), url("../assets/check-selectionmode#{$as}@2.png")); + background-color: transparent; + } +} + +checkbutton.text-button, radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +@each $a in ('check','radio') { + + #{$a} { + margin: 0 4px; + + &:only-child { margin: 0; } + + min-height: 18px; + min-width: 18px; + //border: none; + animation: none; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-unchecked.png"), url("../assets/#{$a}-unchecked@2.png")); + + @each $s,$as in ('hover','-hover'), + ('active','-active'), + ('disabled','-insensitive'), + ('backdrop','-backdrop'), + ('backdrop:disabled','-backdrop-insensitive') { + &:#{$s} { -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-unchecked#{$as}.png"), url("../assets/#{$a}-unchecked#{$as}@2.png")); } + &:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-checked-active.png"), url("../assets/#{$a}-checked-active@2.png")); + &:#{$s} { -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-checked#{$as}.png"), url("../assets/#{$a}-checked#{$as}@2.png")); } + } + &:indeterminate { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-mixed-active.png"), url("../assets/#{$a}-mixed-active@2.png")); + &:#{$s} { -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-mixed#{$as}.png"), url("../assets/#{$a}-mixed#{$as}@2.png")); } + } + } + + menu menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + min-height: 18px; + min-width: 18px; + background-color: transparent; + box-shadow: none; + -gtk-icon-shadow: none; + animation: none; + &:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-unchecked.png"), url("../assets/#{$a}-unchecked@2.png")); + } + &:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-checked-active.png"), url("../assets/#{$a}-checked-active@2.png")); + } + &:indeterminate:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/#{$a}-mixed-active.png"), url("../assets/#{$a}-mixed-active@2.png")); + } + } + } +} diff --git a/src/gtk320/widgets/_color_chooser.scss b/src/gtk320/widgets/_color_chooser.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_color_chooser.scss @@ -0,0 +1,96 @@ +/***************** + * Color Chooser * + *****************/ +// FIXME button.color in buttons section +colorswatch { +// take care of colorswatches on selected elements + :selected & { + box-shadow: none; + &.overlay, &.overlay:hover { + border-color: s_color(text); + } + } + + &:selected { box-shadow: none; } + + &.top, + &.bottom, + &.left, &:first-child:not(.overlay):not(.top), + &.right, &:last-child:not(.overlay):not(.bottom), + &:only-child:not(.overlay), + &.top > .overlay, + &.bottom > .overlay, + &:first-child:not(.top) > .overlay, + &:last-child:not(.bottom) > .overlay, + &:only-child > .overlay { border-radius: $r; } + + // hover effect + &:hover, + &:hover:selected { + background-image: linear-gradient(135deg, transparentize(white, 0.3), + transparentize(white, 1) 50%); + box-shadow: inset 0 1px transparentize(white, 0.6); + &.color-dark { // swatches with colors with luminosity lower than 50% get the color-dark class + background-image: linear-gradient(135deg, transparentize(white, 0.5), + transparentize(white, 1) 50%); + } + } + &:backdrop, + &:backdrop:selected + &.color-dark:backdrop, + &.color-dark:backdrop:selected { + background-image: none; + box-shadow: none; + } + + // no hover effect for the colorswatch in the color editor + GtkColorEditor & { + border-radius: $r; // same radius as the entry + &:hover { + background-image: none; + box-shadow: none; + } + &:backdrop { box-shadow: none; } + } + + // indicator and keynav outline colors + &.color-dark { + color: white; + outline-color: transparentize(black, 0.7); + &:backdrop { color: transparentize(white, 0.7); } + } + &.color-light { + color: black; + outline-color: transparentize(white, 0.5); + &:backdrop { color: transparentize(black, 0.7); } + } + + // border color + overlay, + overlay:selected { + border: 1px solid $border_color; + &:hover { border-color: b_color(hover); } + } + + // make the add color button looks like, well, a button + &#add-color-button { + border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi + border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set + @include button(normal); + &:hover { @include button(hover); } + &:backdrop { @include button(backdrop); } + overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneat + } +} + +GtkColorButton.button { + padding: 5px; // Uniform padding on the GtkColorButton + + GtkColorSwatch:first-child:last-child { // :first-child:last-child for a specificity bump, it gets overridden by the + // colorpicker style, otherwise + border-radius: 0; + box-shadow: none; + &:disabled, + &:backdrop { box-shadow: none; } + } +} diff --git a/src/gtk320/widgets/_dialogs.scss b/src/gtk320/widgets/_dialogs.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_dialogs.scss @@ -0,0 +1,44 @@ +/*********** + * Dialogs * + ***********/ + +// .message-dialog .dialog-action-area .button { +// //padding: 8px; +// } + +messagedialog { // Message Dialog styling + + &.background { background-color: w_color(normal); } + &:backdrop { background-color: backdrop(w_color(normal))} + .titlebar { + min-height: 32px; + background-color: transparent; + background-image: linear-gradient(to bottom,change-color(t_color(background),$lightness: min(lightness(t_color(background))*1.2,100%)),t_color(background)); + box-shadow: none; + } + .dialog-action-area { + padding: 8px; + } + button { margin: 2px; } +} + +filechooser { + .search-bar { + background-color: w_color(normal); + border-color: w_color(normal); + box-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } + } + .dialog-action-box { + border-top: 1px solid $border_color; + &:backdrop { border-top-color: backdrop($border_color); } + } + #pathbarbox { + background-color: w_color(normal); + border-bottom: 1px solid $border_color; + } +} diff --git a/src/gtk320/widgets/_entry.scss b/src/gtk320/widgets/_entry.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_entry.scss @@ -0,0 +1,145 @@ +@mixin entry($t, $fc:v_color(active)) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + @if $t==normal { + color: v_color(text); + border-color: $border_color; + background-color: v_color(normal); + box-shadow: none; + } + + @if $t==focus { + border-color: $fc; + } + + @if $t==insensitive { + color: insensitive(v_color(text)); + border-color: insensitive($border_color); + background-color: insensitive(v_color(normal)); + } + + @if $t==backdrop { + color: backdrop(v_color(text)); + border-color: backdrop($border_color); + background-color: backdrop(v_color(normal)); + } + + @if $t==backdrop-insensitive { + color: backdrop(insensitive(v_color(text))); + border-color: backdrop(insensitive($border_color)); + background-color: backdrop(insensitive(v_color(normal))); + } +} + +/**************** + * Text Entries * + ****************/ + +%entry, +entry { + %entry_basic, & { + min-height: 30px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: $r; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + image { // icons inside the entry + &.left { padding-left: 0; padding-right: 6px; } + &.right { padding-left: 6px; padding-right: 0; } + } + // FIXME + // undershoot { + // &.left { @include undershoot(left); } + // &.right { @include undershoot(right); } + // } + + &.flat { + &:focus, & { + min-height: 0; + padding: 2px; + @include entry(normal); + } + } + &:focus { @include entry(focus); } + &:disabled { @include entry(insensitive); } + &:backdrop { @include entry(backdrop); } + &:backdrop:disabled { @include entry(backdrop-insensitive); } + + selection { &:focus, & { @extend %selected_items; }} + + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + color: $e_color; + border-color: $e_color; + background-color: transparentize($e_color, 0.5); + &:focus { + @include entry(focus, $e_color); + background-color: transparentize($e_color, 0.5); + } + &:selected, &:selected:focus { background-color: $e_color; } + &:backdrop { + color: backdrop($e_color); + border-color: backdrop($e_color); + background-color: backdrop(transparentize($e_color, 0.5)); + } + } + } + + image { // entry icons colors + color: mix(w_color(text),v_color(text), 80%); + &:hover { color: b_color(hover); } + &:active { color: b_color(active); } + &:backdrop { color: backdrop(mix(w_color(text), v_color(text), 80%)); } + } + // FIXME + // &:drop(active) { + // &:focus, & { + // border-color: $drop_target_color; + // box-shadow: inset 0 0 0 1px $drop_target_color; + // } + // } + } + + progress { + margin: 1px; + border-radius: 0; + border-width: 0 0 2px; + border-color: s_color(normal); + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + &:backdrop { + background-color: transparent; + border-color: backdrop(s_color(backdrop)); + } + } +} + +treeview acceleditor > label { + background-color: s_color(normal); +} + +treeview entry { + &.flat, & { + border-radius: 0; + background-image: none; + background-color: v_color(normal); + + &:focus { border-color: v_color(active); } + } +} diff --git a/src/gtk320/widgets/_headerbar.scss b/src/gtk320/widgets/_headerbar.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_headerbar.scss @@ -0,0 +1,168 @@ +/*************** + * Header bars * + ***************/ + +%titlebar, +headerbar { + transition: none; + padding: 0px 6px; + border-width: 0px 0px 1px 0px; + border-radius: 3px 3px 0px 0px; + border-style: solid; + border-color: $border_color; + color: t_color(text); + background-image: linear-gradient(to bottom,t_color(background-light),t_color(background)); + &:backdrop { + border-color: transparent; + background-image: none; + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + box-shadow: none; + } + label { + font-weight: normal; + &:backdrop { color: t_color(backdrop-text); } + } + .path-bar button { + color: t_color(text); + font-weight: normal; + &:backdrop { color: t_color(backdrop-text)} + } + button { + transition: none; + @include button(undecorated, $tc: t_color(text)); + + &.flat { + @include button(undecorated,$tc: t_color(text)); + } + &:hover { + @include button(hover, $tc: t_color(text)); + &:backdrop { border-color: t_color(backdrop-background); } + } + &:active, &:checked { + @include button(active); + &:hover { + @include button(active-hover); + } + &:backdrop { + background-image: none; + background-color: t_color(backdrop-background); + border-color: t_color(backdrop-background); + color: t_color(backdrop-text); + } + } + + &.suggested-action { + @extend %suggested-action; + } + + &:backdrop { + border-color: transparent; + background-image: none; + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + } + + &.flat:backdrop, &.flat:backdrop:disabled, &:disabled:backdrop { + background-image: none; + background-color: t_color(backdrop-background); + color: t_color(backdrop-text); + border-color: transparent; + } + &.flat:disabled { + @extend %undecorated_button;; + color: insensitive(t_color(text)); + } + &:disabled { + background-color: transparent; + background-image: none; + border-color: transparent; + color: insensitive(t_color(text)); + &:active, &:checked { + @include button(insensitive-active); + } + } + } + + .title { + font-weight: normal; + padding: 0px 12px; + &:backdrop { color: t_color(backdrop-text)} + } + + .subtitle { + font-size: smaller; + padding: 0 12px; + @extend .dim-label; + &:backdrop { color: t_color(backdrop-text)} + } + + separator { + border-width: 0px; + background-color: transparent; + background-image: none; + border-color: transparent; + } + + &.selection-mode { + + @extend .info; + + &.suggested-action { + @extend %suggested-action; + } + + .subtitle:link { @extend *:link:selected; } + + .selection-menu { + padding: 4px 6px; + + GtkArrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + -gtk-icon-shadow: none; + } + } + } + + .tiled &, .maximized & { + border-radius: 0; // squared corners when the window is max'd or tiled + } +} + +headerbar { + // add vertical margins to headerbar entries, buttons and separators to avoid them spanning the whole height + entry, + spinbutton, + separator, + button { + margin-top: 3px; + margin-bottom: 3px; + } +} + +%suggested-action { + background-image: none; + background-color: b_color(active); + &:hover { + background-color: b_color(hover); + color: b_color(text) + } + &:disabled { + background-color: transparent; + background-image: none; + color: insensitive(t_color(text)); + &:active, &:checked { + @include button(insensitive-active); + } + } + &:backdrop { + background-color: t_color(backdrop-background); + border-color: transparent; + color: t_color(backdrop-text); + &:disabled { + color: insensitive(t_color(backdrop-text)); + } + } +} diff --git a/src/gtk320/widgets/_infobar.scss b/src/gtk320/widgets/_infobar.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_infobar.scss @@ -0,0 +1,66 @@ +/************** + * GtkInfoBar * + **************/ +infobar { + border-style: none; + border-bottom: 1px solid $border_color; + background-color: w_color(normal); + background-image: none; + &:backdrop {border-bottom: 1px solid backdrop($border_color);} +} + +.info, +.question, +.warning, +.error { + background-color: w_color(normal); + background-image: none; + color: $warning_color; + text-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop($warning_color); + } + button { + box-shadow: none; + background-image:none; + background-color: transparentize($warning_color, 0.5); + border-color: transparentize($warning_color, 0.5); + color: b_color(text); + &:hover { + background-color: transparentize($warning_color, 0.75); + border-color: $warning_color; + } + &:active, &:checked { + background-image: button_gradient($warning_color); + color: w_color(normal); + border-color: $warning_color; + } + &:disabled { + background-color: insensitive(transparentize($warning_color, 0.5)); + border-color: insensitive(transparentize($warning_color, 0.5)); + color: insensitive(b_color(text)); + } + &:backdrop { + background-color: backdrop(transparentize($warning_color, 0.5)); + border-color: backdrop(transparentize($warning_color, 0.5)); + color: backdrop(b_color(text)); + &:active, &:checked { + background-image: button_gradient(backdrop($warning_color)); + color: backdrop(w_color(normal)); + border-color: backdrop($warning_color); + } + &:disabled { + background-color: backdrop(insensitive(transparentize($warning_color, 0.5))); + border-color: backdrop(insensitive(transparentize($warning_color, 0.5))); + color: backdrop(insensitive(b_color(text))); + } + &:disabled:active, + &:disabled:checked { + background-image: button_gradient(backdrop(insensitive($warning_color))); + color: backdrop(insensitive(w_color(normal))); + border-color: backdrop(insensitive($warning_color)); + } + } + } +} diff --git a/src/gtk320/widgets/_link.scss b/src/gtk320/widgets/_link.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_link.scss @@ -0,0 +1,49 @@ +/********* + * Links * + *********/ +%link, +*:link { + color: $link_color; + &:visited { + color: $link_visited_color; + *:selected & { color: mix(s_color(text), s_color(normal), 60%); } + } + &:hover { + color: lighten($link_color,10%); + *:selected & { color: mix(s_color(text), s_color(normal), 90%); } + } + &:active { + color: $link_color; + *:selected & { color: mix(s_color(text), s_color(normal), 80%); } + } + &:backdrop, &:backdrop:hover, &:backdrop:hover:selected { + color: backdrop(s_color(backdrop)); + } + @at-root %link_selected, + &:selected, *:selected & { + color: mix(s_color(text), s_color(normal), 80%); + } +} + +button:link, +button:visited { + @extend %undecorated_button; + + @extend *:link; + + text-shadow: none; + + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > label { + @extend %link; + + text-decoration-line: underline; + } +} diff --git a/src/gtk320/widgets/_lists.scss b/src/gtk320/widgets/_lists.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_lists.scss @@ -0,0 +1,48 @@ +/********* + * Lists * + *********/ + +list { + background-color: w_color(normal); + color: w_color(text); + border-width: 0px; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } + row { padding: 2px; } +} + +row { + transition: all 150ms $ease-out-quad; + + &:hover { transition: none; } + + &.activatable { + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover { background-color: transparentize(s_color(normal), 0.5); } + + &:active { + box-shadow: none; + background-color: s_color(normal); + } + + &:selected { + &:active { + box-shadow: none; + background-color: s_color(normal); + } + + &.has-open-popup, + &:hover { + color: w_color(text); + background-color: s_color(hover); + } + + &:backdrop { background-color: backdrop(s_color(normal)); } + } + } + + &:selected { @extend %selected_items; } +} diff --git a/src/gtk320/widgets/_menus.scss b/src/gtk320/widgets/_menus.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_menus.scss @@ -0,0 +1,255 @@ +/********* + * Menus * + *********/ + + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: none; + border-style: none; + background-color: w_color(normal); + &:backdrop { + background-color: backdrop(w_color(normal)); + } + > menuitem { + min-height: 16px; + padding: 4px 6px; + border-style: solid; + border-width: 1px 0px; + border-color: w_color(normal); + &:hover { //Seems like it :hover even with keyboard focus + background-color: b_color(active); + color: b_color(active-text); + } + &:disabled { + color: insensitive(w_color(text)); + box-shadow: none; + &:backdrop { + background-color: backdrop(w_color(normal)); + color: backdrop(insensitive(w_color(text))); + } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: backdrop(w_color(normal)); + color: backdrop(w_color(text)); + } + } +} + +menu, +.menu { + padding: 0px; + background-color: $menu_color; + border: 0px solid transparent; + // FIXME workaround for libreoffice gtk3, should be a border + //border: 1px solid $border_color; // adds borders in a non composited env + box-shadow: inset 0px 0px 0px 1px $border_color; + + border-radius: $r; + .csd & { + //background-color: transparent; + border: 0px solid; + border-radius: $r; + //box-shadow: 0px 0px 0px 1px $border_color, 2px 2px 2px 1px rgba(0, 0, 0, 0.1); + } // axes borders in a composited env + separator { + color: $border_color; + margin-top: 3px; + margin-bottom: 3px; + } + menuitem { + text-shadow: none; + min-height: 16px; + min-width: 40px; + padding: 4px 4px; + &:hover { + color: b_color(active-text); + background-color: b_color(active); + } + &:disabled { + color: insensitive(w_color(text)); + &:backdrop { color: backdrop(insensitive(w_color(text))); } + } + &:backdrop, &:backdrop:hover { + color: backdrop(w_color(text)); + background-color: backdrop(w_color(normal)); + } + // submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 10px; + } + + &:dir(rtl) { + -gtk-icon-source:-gtk-icontheme('pan-start-symbolic'); + margin-right: 10px; + } + } + } + // overflow arrows + > arrow { + @include button(undecorated); + + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: transparent; + border-radius: 0; + + &.top { + margin-top: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-bottom: -6px; + border: none; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { color: b_color(hover); } + &:active { color: b_color(active)} + + &:backdrop { background-color: backdrop($menu_color); } + + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +menuitem { + accelerator { color: gtkalpha(currentColor,0.55); } + check, + radio { + min-height: 18px; + min-width: 18px; + + &:dir(ltr) { margin-right: 6px; } + &:dir(rtl) { margin-left: 6px; } + } +} +/*************** + * Popovers * + ***************/ +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 16px; + padding: 4px 8px; + + @extend %undecorated_button; + color: w_color(text); + &:hover { + background-color: b_color(active); + color: b_color(active-text) + } + &:selected { + background-color: b_color(active); + color: b_color(active-text) + } + &:backdrop, &:backdrop:hover { + @extend %undecorated_button; + color: backdrop(w_color(text)); + } + check:hover {-gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png"));} + radio:hover {-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png"));} + + check:checked:hover {-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png"));} + radio:checked:hover {-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png"));} + + check:indeterminate:hover {-gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png"));} + radio:indeterminate:hover {-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png"));} + + // FIXME: remove the following when the checks/radios rewrite lands + check:last-child, + radio:last-child { margin-right: 0px; } + + check:first-child, + radio:first-child { margin-left: 0px; } +} + +modelbutton.flat arrow { + background: none; + + &:hover { background: none; } + + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +popover.background { + padding: 0px; + border: 1px solid $border_color; + border-radius: 3px; + background-color: w_color(normal); + + box-shadow: 0 2px 3px transparentize(black, 0.1); + + &:backdrop { + box-shadow: none; + } + + > list, + > .view, + > toolbar { + border-style: none; + background-color: transparent; + } + .csd &, & { + &.touch-selection, + &.magnifier { + @extend %osd; + + border: 1px solid $border_color; + + button { @extend %button }; + } + + &.osd { @extend %osd; } + } + + separator { margin: 3px; } + + list separator { margin: 0px; } + + checkbutton, + radiobutton { @extend modelbutton.flat; } +} + +// .scale-popup .button, +// .scale-popup .button.flat { // +/- buttons on GtkVolumeButton popup +// @extend %undecorated_button; +// background-color: transparent; +// padding: 5px; +// color: w_color(text); +// &:hover { +// @extend %undecorated_button; +// color: b_color(hover); +// } +// &:active { +// color: b_color(active); +// } +// &:insensitive { +// color: insensitive(w_color(text)); +// } +// &:backdrop { +// color: backdrop(w_color(text)); +// &:insensitive { +// color: backdrop(insensitive(w_color(text))); +// } +// } +// } + +GtkVolumeButton.button { padding: 5px; } diff --git a/src/gtk320/widgets/_misc.scss b/src/gtk320/widgets/_misc.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_misc.scss @@ -0,0 +1,172 @@ +/******** + * Misc * + ********/ + +/**************** +* Print dialog * +*****************/ +printdialog { + paper { + color: w_color(text); + border: 1px solid $border_color; + background: white; + padding: 0; + + &:backdrop { + color: backdrop(w_color(text)); + border-color: backdrop($border_color); + background: backdrop(white); + } + } + + .dialog-action-box { margin: 12px; } +} + +/********** +* Frames * +**********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $border_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: backdrop($border_color); } +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid $border_color; + + &:backdrop { border-color: backdrop($border_color); } +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + junction { // the small square between two scrollbars + border-color: transparent; + background-color: transparent; + background-image: none; + } +} + +//vbox and hbox separators +separator { + background: $border_color; + min-width: 1px; + min-height: 1px; +} + +/************* +* Expanders * +*************/ + +expander { + arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');} + &:hover { color: lighten(w_color(text),30%); } //only lightens the arrow + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } +} + +/********* +* Paned * +*********/ + +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-image: image($border_color); + background-size: 1px 1px; + + //&:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + &:backdrop { background-image: image(backdrop($border_color)); } + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: w_color(normal); + background-image: image($border_color), image($border_color); + background-size: 1px 1px, 1px 1px; + + &:backdrop { + background-color: backdrop(w_color(normal)); + background-image: image(backdrop($border_color)), + image(backdrop($border_color)); + } + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + +/********************* +* Spinner Animation * +*********************/ + +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +spinner { + background-image: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + &:disabled { + opacity: 0.5; + } + } +} diff --git a/src/gtk320/widgets/_notebook.scss b/src/gtk320/widgets/_notebook.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_notebook.scss @@ -0,0 +1,216 @@ +/***************** + * Notebooks and * + * Tabs * + *****************/ + /************* + * Notebooks * + *************/ + notebook { + &.frame { + border: none; + padding: 0px; + box-shadow: inset 0px 0px 0px 1px $border_color; + } + + > header { + padding: 0px; + border: none; + background-color: w_color(normal); + //box-shadow: inset 0 -1px $border_color; + + &.top { + box-shadow: inset 0 -1px $border_color; // border + &:backdrop { box-shadow: inset 0 -1px backdrop($border_color); } + } + &.bottom { + box-shadow: inset 0 1px $border_color; + &:backdrop { box-shadow: inset 0 1px backdrop($border_color); } + } + &.right { + box-shadow: inset 1px 0 $border_color; + &:backdrop { box-shadow: inset 1px 0 backdrop($border_color); } + } + &.left { + box-shadow: inset -1px 0 $border_color; + &:backdrop { box-shadow: inset -1px 0 backdrop($border_color); } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + } + + tabs { + margin: 0px; + } + + + @each $_tab, $_border, $_radius in (top,bottom,3px 3px 0px 0px), + (bottom,top,0px 0px 3px 3px), + (left,right, 3px 0px 0px 3px), + (right,left, 0px 3px 3px 0px) { + &.#{$_tab} { + > tabs { + > tab { + padding: 4px 6px; + border: 1px solid transparentize(w_color(text), 0.8); + background-color: transparentize(w_color(text), 0.8); + border-radius: #{$_radius}; + border-#{$_border}-color: transparent; + &:hover, &.prelight-page { + background-color: transparentize(s_color(normal), 0.8); + border-color: transparentize(s_color(normal), 0.8); + } + &:checked { + border-color: $border_color; + border-#{$_border}-color: $menu_color; + background-color: $menu_color; + &:backdrop { + border-color: backdrop($border_color); + border-#{$_border}-color: backdrop($menu_color); + background-color: backdrop($menu_color); + } + } + } + } + } + } + + @each $_tab, $_border, $_shadow1 in (top, right, -3px 0px 0px 0px), + (bottom, right, -3px 0px 0px 0px), + (left, bottom, 0px -3px 0px 0px), + (right, bottom, 0px -3px 0px 0px) { + &.#{$_tab} { + > tabs { + > tab { + &.reorderable-page { + border-width: 3px; + border-style: solid; + border-color: transparent; + background-color: w_color(normal); + background-clip: padding-box; + border-#{$_border}-width: 1px; + border-#{$_border}-color: $border_color; + box-shadow: inset #{$_shadow1} w_color(normal); + &:hover, &.prelight-page { + box-shadow: inset 0px -3px 0px 0px transparentize(s_color(normal),0.8), inset $_shadow1 w_color(normal); + } + &:checked { + box-shadow: inset 0px -3px 0px 0px s_color(normal), inset $_shadow1 w_color(normal); + &:backdrop { + background-color: backdrop(w_color(normal)); + border-color: transparent; + border-#{$_border}-color: backdrop($border_color); + box-shadow:none; + } + } + &:backdrop { + background-color: backdrop(w_color(normal)); + border-#{$_border}-color: backdrop($border_color); + box-shadow:none; + } + } + } + } + } + } + + + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + > tabs > arrow { + @extend %button_basic; + + @extend %button_basic.flat; + + min-height: 16px; + min-width: 16px; + border-radius: 0; + + &:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: transparentize(white, 0.7); + border-color: transparent; + box-shadow: none; + } + + &:disabled { @include button(undecorated); } + } + + + // colors the button like the label, overridden otherwise + button.flat { + padding: 0; + margin: 4px; + // FIXME: generalize .small-button? + min-width: 12px; + min-height: 12px; + border: 0px solid; + border-radius: 50%; + color: w_color(normal); + background-color: $border_color; + background-image: none; + &:hover { + background-color: $error_color; + } + &:active { background-color: $error_color;} + + &:backdrop { + background-color: backdrop($border_color); + color: backdrop(w_color(normal)); + } + } + } + + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: transparent; + border-style: solid; + border-color: $border_color; + border-width: 0px; + } +} diff --git a/src/gtk320/widgets/_overshoot.scss b/src/gtk320/widgets/_overshoot.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_overshoot.scss @@ -0,0 +1,114 @@ +@mixin overshoot($p, $t:normal, $c:w_color(text)) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==w_color(text) { + $_small_gradient_color: darken($border_color, 10%); + $_big_gradient_color: w_color(text); + + @if $t==backdrop { $_small_gradient_color: backdrop($border_color); } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(transparentize($_small_gradient_color, 1))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($_big_gradient_color, 0.93)), + to(transparentize($_big_gradient_color, 1))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +scrolledwindow { + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } + } + + // Overflow indication, works similarly to the overshoot, the size if fixed tho. + undershoot { + background-image: none; + border: none; + } +} \ No newline at end of file diff --git a/src/gtk320/widgets/_pathbar.scss b/src/gtk320/widgets/_pathbar.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_pathbar.scss @@ -0,0 +1,42 @@ +/************ + * Pathbars * + ************/ +.path-bar { + background-color: w_color(normal); + border-bottom: 1px solid $border_color; +} + +.path-bar button { + @include button(undecorated); + padding: 4px 8px; + color: w_color(text); + &:hover {border-color: b_color(hover); } + &:active, &:checked { + background-color: $border_color; + font-weight: normal; + } + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} diff --git a/src/gtk320/widgets/_progressbar.scss b/src/gtk320/widgets/_progressbar.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_progressbar.scss @@ -0,0 +1,139 @@ +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: 6px; } + } + + &.vertical { + trough, + progress { min-width: 6px; } + } + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize(b_color(text), 0.7); + + trough { + border: 0px solid transparent; + border-radius: $r; + background-color: transparentize(b_color(text),0.7); + } + + &:backdrop trough { background-color: backdrop(transparentize(b_color(text),0.7)); } // looks like states are not passed to the trough component here + + progress { + background-color: s_color(normal); + border: 0px solid transparent; + border-radius: 3px; + box-shadow: none; //needed for clipping + } + + &:backdrop progress { background-color: backdrop(s_color(normal)); } // states not passed here as well + + &.osd { // progressbar.osd used for epiphany page loading progress + background-color: transparent; + } +} + +treeview.view { + &.progressbar { + border: 0px solid transparent; + border-radius: $r; + background-color: s_color(normal); + color: s_color(text); + background-image: none; + &:selected { + &:focus, & { + background-color: transparentize(s_color(text),0.75); + } + } + } + &.trough { + background-color: $trough_color; + &:selected { + &:focus, & { + background-color: transparentize(s_color(text),0.7); + } + } + } +} + +/************* + * Level Bar * + *************/ +levelbar { + block { + min-width: 32px; + min-height: 6px; + } + + &.vertical block { + min-width: 6px; + min-height: 32px; + } + + trough { + border: 1px solid; + padding: 2px; + border-radius: 3px; + @include entry(normal); + + &:backdrop { @include entry(backdrop); } + } + + &.horizontal.discrete block { margin: 0 1px; } + + &.vertical.discrete block { margin: 1px 0; } + + block:not(.empty) { + border: 1px solid s_color(normal); + background-color: s_color(normal); + box-shadow: none; + border-radius: 1px; + + &:backdrop { + border-color: backdrop(s_color(normal)); + background-color: backdrop(s_color(normal)); + } + } + + block { + &.low { + border-color: $warning_color; + background-color: $warning_color; + &:backdrop { + background-color: backdrop($warning_color); + border-color: backdrop($warning_color); + } + } + + &.high { + border-color: $success_color; + background-color: $success_color; + &:backdrop { + background-color: backdrop($success_color); + border-color: backdrop($success_color); + } + } + + &.full { + border-color: $success_color; + background-color: $success_color; + &:backdrop { + background-color: backdrop($success_color); + border-color: backdrop($success_color); + } + } + + &.empty { + background-color: transparentize(b_color(text),0.7); + border-color: transparent; + box-shadow: none; + &:backdrop { background-color: backdrop(transparentize(b_color(text),0.7)); } + } + } +} diff --git a/src/gtk320/widgets/_scale.scss b/src/gtk320/widgets/_scale.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_scale.scss @@ -0,0 +1,92 @@ +/************ + * GtkScale * + ************/ +scale { + + &.fine-tune { + &.trough { + margin: 8px; + border-radius: $r; + } + } + + slider { + min-width: 18px; + min-height: 18px; + background-color: b_color(normal); + border: 1px solid $border_color; + border-radius: 50%; + box-shadow: none; + margin: -9px; + &:hover { + border-style: solid; + border-width: 2px; + border-color: b_color(hover); + border-radius: 50%; // needed for double marks scales + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop(b_color(hover)); + } + } + &:disabled { + border-style: solid; // needed for double marks scales or they'll get + border-radius: 50%; // overridden + background-color: alpha2solid(insensitive(b_color(normal)),w_color(normal)); + border-color: insensitive($border_color); + &:backdrop { + background-color: alpha2solid(backdrop(insensitive(b_color(normal))),w_color(normal)); + border-color: backdrop(insensitive($border_color)); + } + } + &:active { + border: 2px solid b_color(active); + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop(b_color(active)); + } + } + &:backdrop { + background-color: backdrop(b_color(normal)); + border-color: backdrop($border_color); + } + } + trough { + min-width: 6px; + min-height: 6px; + margin: 9px; + border: 0px solid; + border-radius: $r; + background-color: $trough_color; + box-shadow: none; + + &:disabled, &.vertical:disabled { + border-color: insensitive($trough_color); + background-color: insensitive($trough_color); + box-shadow: none; + &:backdrop { + background-color: backdrop(insensitive($trough_color)); + border-color: backdrop(insensitive($trough_color)); + } + } + &:backdrop { + background-color: backdrop($trough_color); + border-color: backdrop($trough_color); + } + } + highlight { + border: 0px solid; + border-radius: 3px; + background-color: s_color(normal); + border-color: s_color(normal); + &.vertical { + background-color: s_color(normal); + border-color: s_color(normal); + } + &:disabled { background-color: insensitive(s_color(normal));} + &:backdrop { + background-color: backdrop(s_color(backdrop)); + border-color: backdrop(s_color(backdrop)); + &:disabled {background-color: backdrop(insensitive(s_color(normal)));} + } + } +} diff --git a/src/gtk320/widgets/_scrollbar.scss b/src/gtk320/widgets/_scrollbar.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_scrollbar.scss @@ -0,0 +1,111 @@ +/************** + * Scrollbars * + **************/ + +scrollbar { + + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + + background-color: w_color(normal); + border-width: 0px 0px; + border-color: w_color(normal); + margin: 0px; + + button { + min-width: 14px; + min-height: 14px; + margin: 0px; + padding: 0px 0px; + border: none; + border-radius: 0px; + background-image: none; + background-color: transparent; + color: transparent; + box-shadow: none; + &:hover { + border: none; + background-image: none; + background-color: w_color(normal); + color: transparent; + } + &:active, + &:active:hover { + border: none; + background-image: none; + background-color: w_color(normal); + color: transparent; + } + &:disabled { + border: none; + background-color: w_color(normal); + background-image: none; + color: transparent; + } + &:backdrop { + @extend %undecorated_button; + color: backdrop(b_color(text)); + &:disabled {color: backdrop(insensitive(b_color(text)));} + @extend %undecorated_button; + } + } + + // Overlay Scrollbars + &.dragging, // if this isn't set, the scrollbars don't update their size correctly + &.hovering { opacity: 0.9910; } // probably a gtk bug + &.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.999; } // + + + &.overlay-indicator:not(.dragging):not(.hovering) { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + + slider { + min-width: 6px; + border-radius: 8px; + background-color: transparentize($scrollbar_color, 0.2); + &:backdrop { background-color: backdrop($scrollbar_color); } + } + + &.horizontal slider { min-height: 6px;} + } + + &.overlay-indicator { + background: none; + } + + trough { + //margin: 0px; + transition-duration: 0.1s; + min-width: 6px; + min-height: 14px; + border: 0px solid w_color(normal); + border-radius: 8px; + background-color: transparent; + } + + &:hover { + trough { + background-color: backdrop($trough_color); + box-shadow: inset 0px 0px 0px 5px w_color(normal); + } + } + + slider { + //margin: 0px; + transition-duration: 0.1s; + min-width: 6px; + min-height: 30px; + border: 5px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: $scrollbar_color; + &:hover { background-color: b_color(hover); } + &:backdrop { background-color: backdrop($scrollbar_color); } + &:backdrop:disabled { background-color: backdrop(insensitive($scrollbar_color)); } + } + &.horizontal slider { + min-width: 30px; + min-height: 6px; + } +} diff --git a/src/gtk320/widgets/_sidebar.scss b/src/gtk320/widgets/_sidebar.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_sidebar.scss @@ -0,0 +1,122 @@ +/*********** + * Sidebar * + ***********/ + +.sidebar { + border: none; + background-color: w_color(normal); + &:selected { + @extend %selected_items; + } + &:backdrop { background-color: backdrop(w_color(normal))} +} + +// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color +placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 36px; + padding: 0px; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 14px; } + + &:selected { color: s_color(text); } + + &:disabled { color: insensitive(w_color(text)); } + + &:backdrop { + color: backdrop(w_color(text)); + + &:selected { color: backdrop(s_color(normal)); } + + &:disabled { color: backdrop(insensitive(w_color(text))); } + } + + image.sidebar-icon { + + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + @extend %button_basic.flat; + + @extend %undecorated_button; + + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: none; + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: s_color(normal); } + + // &:drop(active):not(:disabled) { + // color: $drop_target_color; + // box-shadow: inset 0 1px $drop_target_color, + // inset 0 -1px $drop_target_color; + // + // &:selected { + // color: $selected_fg_color; + // background-color: $drop_target_color; + // } + // } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { background-color: transparent; } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; + } +} + +stacksidebar { + &.sidebar { + row { + padding: 10px 4px; + > label { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > .label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } + } + } +} diff --git a/src/gtk320/widgets/_spinbutton.scss b/src/gtk320/widgets/_spinbutton.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_spinbutton.scss @@ -0,0 +1,157 @@ +/***************** + * GtkSpinButton * + *****************/ + spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + + entry { + min-width: 28px; + // reset all the other props since the spinbutton node is styled here + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + + &:backdrop:disabled { background-color: transparent; } + } + + button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: v_color(text); + background-image: none; + background-color: transparent; + border-style: none; + box-shadow: none; + + &:hover { + color: v_color(hover); + } + + &:disabled { + color: insensitive(v_color(text)); + } + + &:active { + color: v_color(active); + box-shadow: none; + } + + &:backdrop { + color: backdrop(v_color(text)); + background-color: transparent; + } + + &:backdrop:disabled { + color: backdrop(insensitive(v_color(text))); + background-color: transparent; + border-style: none; // It is needed or it gets overridden + } + + &:dir(ltr):last-child { border-radius: 0 3px 3px 0; } + + &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + } + } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: insensitive(v_color(text)); } + + &:backdrop:disabled { color: backdrop(insensitive(v_color(text))); } + + &:drop(active) { + border-color: transparent; + box-shadow: none; + } + + entry { + margin: 0px; + min-height: 26px; + min-width: 26px; + border-style: none solid none solid; + border-color: $border_color; + padding: 0; + border-radius: 0; + &:disabled { + color: insensitive(v_color(text)); + background-color: insensitive(v_color(normal)); + border-color: insensitive($border_color); + } + &:backdrop:disabled { + color: backdrop(insensitive(v_color(text))); + background-color: backdrop(insensitive(v_color(normal))); + border-color: backdrop(insensitive($border_color)); + } + } + + button { + min-height: 26px; + min-width: 26px; + padding: 0; + box-shadow: none; + background-image: none; + background-color: v_color(normal); + color: v_color(text); + border-color: $border_color; + &:hover { color: v_color(hover);} + &:active { color: v_color(active);} + &:disabled { + color: insensitive(v_color(text)); + background-color: insensitive(v_color(normal)); + border-color: insensitive($border_color); + } + &:backdrop:disabled { + color: backdrop(insensitive(v_color(text))); + background-color: backdrop(insensitive(v_color(normal))); + border-color: backdrop(insensitive($border_color)); + } + + &.up { + @extend %top_button; + } + + &.down { + @extend %bottom_button; + } + } + + %top_button { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; + } + + %bottom_button { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; + } + } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + entry { + min-height: 0; + padding: 1px 2px; + } + } + } diff --git a/src/gtk320/widgets/_switch.scss b/src/gtk320/widgets/_switch.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_switch.scss @@ -0,0 +1,52 @@ +/********** + * Switch * + **********/ + +switch { + margin: 2px; + font-weight: bold; + font-size: smaller; + min-width: 48px; + min-height: 24px; + border: 0px solid; + border-radius: 12px; + color: transparent; + background-color: transparentize(b_color(text),0.7); + text-shadow: none; + + &:checked { + background-color: s_color(normal); + } + + &:backdrop { + background-color: backdrop(transparentize(b_color(text),0.7)); + text-shadow: none; + + &:checked { + background-color: backdrop(s_color(normal)); + } + } + + slider { + min-width: 22px; + min-height: 22px; + border: 1px solid; + border-radius: 11px; + background-color: w_color(normal); + border-color: $border_color; + } + + &:hover slider { border-color: b_color(hover); } + + &:disabled slider { + background-color:insensitive(w_color(normal)); + } + + &:backdrop { + slider { + background-color: backdrop(w_color(normal)); + } + + &:disabled slider { background-color: backdrop(insensitive(w_color(normal))); } + } +} diff --git a/src/gtk320/widgets/_toolbar.scss b/src/gtk320/widgets/_toolbar.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_toolbar.scss @@ -0,0 +1,70 @@ +/************ + * Toolbars * + ************/ + %toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: w_color(normal); +} +toolbar { + @extend %toolbar; + padding: 4px 3px 3px 4px; + &:backdrop { + background-color: backdrop(w_color(normal)); + box-shadow: none; + } + button { + margin: 2px; + padding: 3px; + &.image-button, &.text-button.image-button { + padding: 3px; + } + } + separator { + margin-left: 3px; + margin-right: 3px; + } + entry { + margin: 3px; + } + // on OSD + .osd & { background-color: transparent; } + &.osd { + padding: 13px; + border: none; + border-radius: $r; + background-color: w_color(normal); + &:backdrop { + border-color: backdrop($border_color); + background-color: backdrop(w_color(normal)); + box-shadow: none; + } + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } +} + +//searchbar, location-bar & inline-toolbar +.inline-toolbar { + @extend %toolbar; + @extend %inset-bar; + border-width: 0px 0px 1px 0px; + padding: 3px; + border-radius: 0; +} +searchbar, +.location-bar { + @extend %toolbar; + @extend %inset-bar; + border-width: 0px 0px 1px 0px; + padding: 3px; +} + +%inset-bar { + border-style: solid; + border-color: $border_color; + text-shadow: none; + background-color: w_color(normal); +} diff --git a/src/gtk320/widgets/_tooltips.scss b/src/gtk320/widgets/_tooltips.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_tooltips.scss @@ -0,0 +1,30 @@ +/************ + * Tooltips * + ************/ + +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: tooltip(background); + background-clip: padding-box; + } + + color: tooltip(text); + padding: 4px; /* not working */ + border-radius: $r; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + text-shadow: none; + border: 1px solid tooltip(border); + &.window-frame.csd { + background-color: transparent; + box-shadow: none; + } + decoration { background-color: transparent; } +} + +tooltip * { //Yeah this is ugly + padding: 0px; + background-color: transparent; + color: tooltip(text); // just to be sure +} diff --git a/src/gtk320/widgets/_treeview.scss b/src/gtk320/widgets/_treeview.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_treeview.scss @@ -0,0 +1,135 @@ + + +/************** + * Tree Views * + **************/ +treeview.view { + -GtkTreeView-grid-line-width: 0; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + + border-left-color: $border_color; // this is actually the tree lines color, + border-top-color: transparent; // while this is the grid lines color, better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { border-radius: 0; } // rest border radius in lists + + &:selected { + background-color: s_color(normal); + border-left-color: s_color(text); + border-top-color: s_color(text); // doesn't work unfortunatelly + } + &:backdrop:selected { + background-color: backdrop(s_color(backdrop)); + border-left-color: backdrop(s_color(text)); + border-top-color: backdrop(s_color(text)); + } + + &:disabled { + color: insensitive($border_color); + &:selected { + color: insensitive(s_color(text)); + &:backdrop { color: backdrop(insensitive(s_color(text))); } + } + &:backdrop { color: backdrop(insensitive($border_color)); } + } + &.separator { + min-height: 2px; + color: $border_color; + } + &.separator:backdrop { + color: backdrop($border_color); + } + + &:backdrop { + border-left-color: backdrop($border_color); + } + + &:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: b_color(hover); + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + color: v_color(text); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); }; + &:hover { color: b_color(hover); } + &:selected { color: s_color(text); } + &:checked { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + &:selected { color: s_color(text); } + &:backdrop { color: backdrop(v_color(normal)); } + } + &:backdrop { color: backdrop(v_color(normal)); } + } + header { + button { + @extend %column_header_button; + color: b_color(text); + background-color: b_color(normal); + text-shadow: none; + box-shadow: none; + &:hover { + @extend %column_header_button; + color: b_color(text); + background-color: transparentize(b_color(hover), 0.5); + box-shadow: none; + transition: none; //I shouldn't need this + } + &:active { + @extend %column_header_button; + color: b_color(text); + background-color: transparentize(b_color(hover), 0.5); + transition: none; //I shouldn't need this + } + } + button:last-child { &:backdrop, & { border-right-style: none; }} + } + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + padding: 0 6px; + color: s_color(text); + background-image: none; + background-color: s_color(normal); + border-style: none; + border-radius: 0; + box-shadow: none; + text-shadow: none; + transition: none; + } + } +} + +%column_header_button { + padding: 6px; + border-style: none solid solid none; + border-radius: 0; + background-image: none; + border-color: $border_color; + text-shadow: none; + &:disabled { + border-color: insensitive($border_color); + color: insensitive(b_color(text)); + background-color: insensitive(b_color(normal)); + background-image: none; + } + &:backdrop { + border-color: backdrop($border_color); + border-style: none solid solid none; + color: backdrop(b_color(text)); + background-image: none; + background-color: backdrop(b_color(normal)); + &:disabled { + border-color: backdrop(insensitive($border_color)); + background-image: none; + background-color: backdrop(insensitive(b_color(normal))); + color: backdrop(insensitive(b_color(text))); + } + } +} diff --git a/src/gtk320/widgets/_window_decorations.scss b/src/gtk320/widgets/_window_decorations.scss new file mode 100644 --- /dev/null +++ b/src/gtk320/widgets/_window_decorations.scss @@ -0,0 +1,178 @@ +/********************** + * Window Decorations * + *********************/ + +decoration { + + //border: 1px solid transparent; + border-radius: $r $r 0 0; + border-width: 0px; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); + + /* this is used for the resize cursor area */ + margin: 10px; + + .maximized &, + .fullscreen &, + .tiled & { + border-radius: 0; + } + .popup & { + border-radius: $r; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1) + } + // server-side decorations as used by mutter + .ssd &{ + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); + } + .csd & { + border-radius: $r; + &.popup { + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1) + } + &.tooltip { + box-shadow: none; + } + &.message-dialog { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5) + } + } + .solid-csd & { + border-radius: 0; + margin: 0; + padding: 1px; + border: none; + background-color: t_color(background-light); + box-shadow: none; + } +} + +headerbar, +.titlebar { + &.default-decoration button.titlebutton { + padding: 1px; + min-height: 18px; + min-width: 18px; + margin: 0; + } + button.titlebutton { + padding: 1px; + &:hover, + &:active, + &:checked, + &:backdrop, + &:active:hover { + transition: none; + } + + &.close { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-close.png'),url('../assets/titlebutton-close@2.png')); + } + &.close:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-hover.png'),url('../assets/titlebutton-close-hover@2.png')); + } + &.close:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-active.png'),url('../assets/titlebutton-close-active@2.png')); + } + &.close:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-close-backdrop.png'),url('../assets/titlebutton-close-backdrop@2.png')); + } + + &.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize.png'),url('../assets/titlebutton-maximize@2.png')); + } + &.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-hover.png'),url('../assets/titlebutton-maximize-hover@2.png')); + } + &.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-active.png'),url('../assets/titlebutton-maximize-active@2.png')); + } + &.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-backdrop.png'),url('../assets/titlebutton-maximize-backdrop@2.png')); + } + + &.minimize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize.png'),url('../assets/titlebutton-minimize@2.png')); + } + &.minimize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-hover.png'),url('../assets/titlebutton-minimize-hover@2.png')); + } + &.minimize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-active.png'),url('../assets/titlebutton-minimize-active@2.png')); + } + &.minimize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-minimize-backdrop.png'),url('../assets/titlebutton-minimize-backdrop@2.png')); + } + } + + .maximized & { + button.titlebutton { + &.maximize { + padding: 1px; + color: transparent; + border-image: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized.png'),url('../assets/titlebutton-maximize-maximized@2.png')); + } + &.maximize:hover { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-hover.png'),url('../assets/titlebutton-maximize-maximized-hover@2.png')); + } + &.maximize:active { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-active.png'),url('../assets/titlebutton-maximize-maximized-active@2.png')); + } + &.maximize:backdrop { + border-color: transparent; + background-color: transparent; + background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-backdrop.png'),url('../assets/titlebutton-maximize-maximized-backdrop@2.png')); + } + } + } +} + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: none; + &:backdrop { -gtk-icon-shadow: none; } +} diff --git a/src/render_assets.py b/src/render_assets.py new file mode 100755 --- /dev/null +++ b/src/render_assets.py @@ -0,0 +1,863 @@ +#!/usr/bin/env python3 +import cairo +import colorsys +from math import pi +import os +import errno +import sys +import re +import argparse + + +def make_sure_path_exists(path): + try: + os.makedirs(path) + except FileExistsError as exception: + pass + pass + + +class ReadKdeGlobals(): + def __init__(self): + self._colors = {} + self._colors = self.read_globals( + '/usr/share/color-schemes/Breeze.colors') + + def read_globals(self, filename): + with open(filename, 'r') as _kde: + for widget in ['Disabled', 'Inactive', 'Button', 'Selection', + 'Tooltip', 'View', 'Window', 'WM']: + for line in _kde: + if line.strip().split(':')[-1].strip('[]') == widget: + break + for line in _kde: + if line == '\n': + break + key = '{0}{1}'.format(widget, line.strip().split('=')[0]) + value = line.strip().split('=')[1] + if value == '': + continue + self._colors[key] = value + return self._colors + + +class Color(object): + def __init__(self, colordict, name, name2=None, amount=0): + color = colordict[name] + self.colordict = colordict + + r = float(color.split(',')[0]) + g = float(color.split(',')[1]) + b = float(color.split(',')[2]) + if name2 is not None: + color2 = colordict[name2] + r = r * amount + float(color2.split(',')[0]) * (1 - amount) + g = g * amount + float(color2.split(',')[1]) * (1 - amount) + b = b * amount + float(color2.split(',')[2]) * (1 - amount) + + self.rgb255 = (int(r), int(g), int(b)) + self.rgb = (r/255, g/255, b/255) + self.html = '#%02x%02x%02x' % self.rgb255 + self.insensitive = self._color_effect( + self._intensity_effect(self.rgb, 'Disabled'), 'Disabled') + self.insensitive_alpha = self._contrast_effect(self.rgb, 'Disabled') + + if self.colordict['InactiveEnable'] == 'false': + self.inactive = self.rgb + self.inactive_alpha = 1.0 + else: + self.inactive = self._color_effect( + self._intensity_effect(self.rgb, 'Inactive'), 'Inactive') + self.inactive_alpha = self._contrast_effect(self.rgb, 'Inactive') + self.inactive_insensitive = self._color_effect( + self._intensity_effect(self.inactive, 'Disabled'), 'Disabled') + self.inactive_insensitive_alpha = max( + self.inactive_alpha - (1 - self.insensitive_alpha), 0) + + def _mix(self, color, mix_color, amount): + r = color[0] * amount + mix_color[0] * (1 - amount) + g = color[1] * amount + mix_color[1] * (1 - amount) + b = color[2] * amount + mix_color[2] * (1 - amount) + return (r, g, b) + + def _lighter(self, color, amount): + h, s, v = colorsys.rgb_to_hsv(color[0], color[1], color[2]) + v = min((1+amount)*v, 1) + r, g, b = colorsys.hsv_to_rgb(h, s, v) + return (r, g, b) + + def _darker(self, color, amount): + h, s, v = colorsys.rgb_to_hsv(color[0], color[1], color[2]) + if amount == -1: + v = 1 + else: + v = min(v/(1+amount), 1) + r, g, b = colorsys.hsv_to_rgb(h, s, v) + return (r, g, b) + + def _desaturate(self, color, amount): + h, s, v = colorsys.rgb_to_hsv(color[0], color[1], color[2]) + s = min(s * (1 - amount), 1) + r, g, b = colorsys.hsv_to_rgb(h, s, v) + return (r, g, b) + + def _intensity_effect(self, color, state): + effect = int(self.colordict[state + 'IntensityEffect']) + amount = float(self.colordict[state + 'IntensityAmount']) + if effect == 0: + (r, g, b) = color + elif effect == 1: + if amount >= 0: + (r, g, b) = self._mix((1.0, 1.0, 1.0), color, amount) + else: + (r, g, b) = self._mix((0.0, 0.0, 0.0), color, amount) + elif effect == 2: + (r, g, b) = self._darker(color, amount) + elif effect == 3: + (r, g, b) = self._lighter(color, amount) + return (r, g, b) + + def _color_effect(self, color, state): + effect = int(self.colordict[state + 'ColorEffect']) + amount = float(self.colordict[state + 'ColorAmount']) + effect_color = self.colordict[state + 'Color'] + effect_color = (float(effect_color.split(',')[0])/255, + float(effect_color.split(',')[1])/255, + float(effect_color.split(',')[2])/255) + if effect == 0: + (r, g, b) = color + elif effect == 1: + (r, g, b) = self._desaturate(color, amount) + else: + (r, g, b) = self._mix(effect_color, color, amount) + return (r, g, b) + + def _contrast_effect(self, color, state): + effect = int(self.colordict[state + 'ContrastEffect']) + amount = float(self.colordict[state + 'ContrastAmount']) + if effect == 0: + return 1.0 + else: + return 1.0 - amount + + def lighten_color(self, amount): + h, s, v = colorsys.rgb_to_hsv(self.rgb[0], self.rgb[1], self.rgb[2]) + v = (1+amount)*v + r, g, b = colorsys.hsv_to_rgb(h, s, v) + self.rgb = (r, g, b) + self.rgb255 = (int(r*255), int(g*255), int(b*255)) + + def gradient(self, state='', alpha=1.0): + if state == 'active': + stop1 = self._lighter(self.rgb, 0.03) + stop2 = self._darker(self.rgb, 0.10) + linear = cairo.LinearGradient(1, 1, 1, 19) + linear.add_color_stop_rgba( + 0.0, stop1[0], stop1[1], stop1[2], alpha) + linear.add_color_stop_rgba( + 1.0, stop2[0], stop2[1], stop2[2], alpha) + else: + stop1 = self._lighter(self.rgb, 0.01) + stop2 = self._darker(self.rgb, 0.03) + linear = cairo.LinearGradient(1, 1, 1, 19) + linear.add_color_stop_rgba( + 0.0, stop1[0], stop1[1], stop1[2], alpha) + linear.add_color_stop_rgba( + 1.0, stop2[0], stop2[1], stop2[2], alpha) + return linear + + +class Assets(object): + def __init__(self, width, height, scl=1, rotation=0, filename='png'): + self.w = width + self.h = height + if filename == 'png': + self.surface = cairo.ImageSurface( + cairo.FORMAT_ARGB32, scl*width, scl*height) + else: + self.surface = cairo.SVGSurface(os.path.join( + assets_path, filename), scl*width, scl*height) + cr = self.cr = cairo.Context(self.surface) + if rotation != 0: + cr.translate(scl*width/2, scl*height/2) + cr.rotate(rotation*pi/2) + cr.translate(-scl*width/2, -scl*height/2) + cr.scale(scl, scl) + + def background(self, color): + self.cr.rectangle(0, 0, self.w, self.h) + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.fill() + + def line(self, color, x, y, width, height): + self.cr.rectangle(x, y, width, height) + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.fill() + + def rounded_rectancle(self, color, width, height, x, y, radius, alpha=1.0, + gradient=False): + self.cr.new_sub_path() + self.cr.arc(x + width - radius, y + radius, radius, -pi/2, 0) + self.cr.arc(x + width - radius, y + height - radius, radius, 0, pi/2) + self.cr.arc(x + radius, y + height - radius, radius, pi/2, pi) + self.cr.arc(x + radius, y + radius, radius, pi, 3*pi/2) + self.cr.close_path() + if gradient: + self.cr.set_source(color) + elif color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + elif color == 'shadow': + self.cr.set_source_rgba(0.0, 0.0, 0.0, 0.15) + else: + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def rounded_triangle(self, color, width, height, x, y, radius, alpha=1.0): + self.cr.new_sub_path() + self.cr.move_to(x + width, y) + self.cr.line_to(x + width, y + height - radius) + self.cr.arc(x + width - radius, y + height - radius, radius, 0, pi/2) + self.cr.line_to(x, y + height) + self.cr.close_path() + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def circle(self, color, x, y, radius, alpha=1.0, gradient=False): + self.cr.new_sub_path() + self.cr.arc(x, y, radius, 0, 2*pi) + self.cr.close_path() + if gradient: + self.cr.set_source(color) + elif color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + elif color == 'shadow': + self.cr.set_source_rgba(0.0, 0.0, 0.0, 0.15) + else: + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def half_circle(self, color, x, y, radius, alpha=1.0): + self.cr.new_sub_path() + self.cr.arc(x, y, radius, -pi/4, 3*pi/4) + self.cr.close_path() + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def arrow(self, color, alpha=1.0, shiftx=0, shifty=0): + self.cr.new_sub_path() + self.cr.move_to(shiftx + 1, shifty + 8) + self.cr.line_to(shiftx + 6, shifty + 3) + self.cr.line_to(shiftx + 11, shifty + 8) + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def arrow_small(self, color, alpha=1.0): + self.cr.new_sub_path() + self.cr.move_to(1, 6) + self.cr.line_to(4, 3) + self.cr.line_to(7, 6) + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def tab(self, color, width, height, x, y, radius, alpha=1.0): + self.cr.move_to(width + x, y) + self.cr.line_to(width + x, height - radius + y) + self.cr.arc(width - radius + x, height - radius + y, radius, 0, pi/2) + self.cr.line_to(radius + x, height + y) + self.cr.arc(radius + x, height - radius + y, radius, pi/2, pi) + self.cr.line_to(x, y) + self.cr.close_path + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def spinbutton(self, color, width, height, x, y, radius, alpha=1.0): + self.cr.move_to(width + x, y) + self.cr.line_to(width + x, height - radius + y) + self.cr.arc(width - radius + x, height - radius + y, radius, 0, pi/2) + self.cr.line_to(x, height + y) + self.cr.line_to(x, y) + self.cr.close_path() + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgba(color[0], color[1], color[2], alpha) + self.cr.fill() + + def notebook(self, color, width, height, x, y, radius): + self.cr.move_to(x, y) + self.cr.line_to(x + width - radius, y) + self.cr.arc(x + width - radius, y + radius, radius, -pi/2, 0) + self.cr.line_to(x + width, y + height-radius) + self.cr.arc(x + width - radius, y + height - radius, radius, 0, pi/2) + self.cr.line_to(x + radius, y + height) + self.cr.arc(x + radius, y + height - radius, radius, pi/2, pi) + self.cr.close_path() + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.fill() + + def minimize(self, color=None): + self.cr.move_to(4, 7) + self.cr.line_to(9, 12) + self.cr.line_to(14, 7) + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def maximize(self, color=None): + self.cr.move_to(4, 11) + self.cr.line_to(9, 6) + self.cr.line_to(14, 11) + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def maximize_maximized(self, color=None): + self.cr.move_to(4.5, 9) + self.cr.line_to(9, 4.5) + self.cr.line_to(13.5, 9) + self.cr.line_to(9, 13.5) + self.cr.close_path() + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def close(self, color=None): + self.cr.move_to(5, 5) + self.cr.line_to(13, 13) + self.cr.move_to(13, 5) + self.cr.line_to(5, 13) + if color is None: + self.cr.set_operator(cairo.OPERATOR_CLEAR) + else: + self.cr.set_source_rgb(color[0], color[1], color[2]) + self.cr.set_line_width(1.0) + self.cr.stroke() + + def save(self, filename): + self.surface.write_to_png(os.path.join(assets_path, filename)) + + +def check_items(color1, color2, state, alpha=1.0): + for scl in [1, 2]: + if scl == 2: + ending = '@2.png' + else: + ending = '.png' + # checkboxes + box = Assets(20, 20, scl) + box.rounded_rectancle('shadow', 18, 18, 2, 2, 3) + box.rounded_rectancle(color2, 18, 18, 1, 1, 3) + box.rounded_rectancle(color1, 18, 18, 1, 1, 3, alpha=alpha) + box.rounded_rectancle(color2, 16, 16, 2, 2, 2) + box.save('check-unchecked' + state + ending) + if state != '': + box.rounded_rectancle(color1, 12, 12, 4, 4, 1, alpha=alpha) + box.save('check-checked' + state + ending) + box.rounded_triangle(color2, 8, 8, 6, 6, 1, alpha=alpha) + box.save('check-mixed' + state + ending) + + # radio + radio = Assets(20, 20, scl) + radio.circle('shadow', 11, 11, 9) + radio.circle(color2, 10, 10, 9) + radio.circle(color1, 10, 10, 9, alpha=alpha) + radio.circle(color2, 10, 10, 8) + radio.save('radio-unchecked' + state + ending) + if state != '': + radio.circle(color1, 10, 10, 6, alpha=alpha) + radio.save('radio-checked' + state + ending) + radio.half_circle(color2, 10, 10, 4, alpha=alpha) + radio.save('radio-mixed' + state + ending) + + # selectionmode + selectionmode = Assets(40, 40, scl) + selectionmode.rounded_rectancle('shadow', 18, 18, 12, 12, 3) + selectionmode.rounded_rectancle(color2, 18, 18, 11, 11, 3) + selectionmode.rounded_rectancle(color1, 18, 18, 11, 11, 3, alpha=alpha) + selectionmode.rounded_rectancle(color2, 16, 16, 12, 12, 2) + selectionmode.save('check-selectionmode-unchecked' + state + ending) + if state != '': + selectionmode.rounded_rectancle( + color1, 12, 12, 14, 14, 1, alpha=alpha) + selectionmode.save('check-selectionmode-checked' + state + ending) + + +def buttons(color1, color2, color3, state, alpha=1.0): + button = Assets(20, 20) + button.rounded_rectancle('shadow', 18, 18, 2, 2, 3) + button.rounded_rectancle(color1, 18, 18, 1, 1, 3) + button.rounded_rectancle(color2, 18, 18, 1, 1, 3, alpha=alpha) + if state == '-active': + button.rounded_rectancle(color3, 18, 18, 1, 1, 3, gradient=True) + else: + button.rounded_rectancle(color1, 16, 16, 2, 2, 2) + button.rounded_rectancle(color3, 16, 16, 2, 2, 2, gradient=True) + button.save('button' + state + '.png') + + +def togglebuttons(color1, color2, color3, state, alpha=1.0): + button = Assets(20, 20) + button.rounded_rectancle(color1, 18, 18, 1, 1, 3) + button.rounded_rectancle(color2, 18, 18, 1, 1, 3, alpha=alpha) + if state == '-active': + button.rounded_rectancle(color3, 18, 18, 1, 1, 3, gradient=True) + else: + button.rounded_rectancle(color1, 16, 16, 2, 2, 2) + button.rounded_rectancle(color3, 16, 16, 2, 2, 2, gradient=True) + button.save('togglebutton' + state + '.png') + + +def scale_slider(color1, color2, color3, state, alpha=1.0): + scale = Assets(20, 20) + scale.circle(color1, 10, 10, 10) + scale.circle(color2, 10, 10, 10, alpha=alpha) + scale.circle(color1, 10, 10, 9) + scale.circle(color3, 10, 10, 9, gradient=True) + scale.save('scale-slider' + state + '.png') + + +def scale_trough(color): + trough_h = Assets(20, 20) + trough_h.rounded_rectancle(color, 20, 6, 0, 7, 3) + trough_h.save('scale-trough-horizontal.png') + + trough_h = Assets(20, 20) + trough_h.rounded_rectancle(color, 6, 20, 7, 0, 3) + trough_h.save('scale-trough-vertical.png') + + +def tabs(color1, color2, state): + if state == '-inactive': + alpha = 0.2 + else: + alpha = 1.0 + direction = ['-bottom', '-left', '-top', '-right'] + for i in range(0, 4): + tab = Assets(20, 20, rotation=i) + tab.tab(color1, 20, 20, 0, 0, 3, alpha) + if state == '-active': + tab.tab(color2, 18, 19, 1, 0, 2) + tab.save('tab' + direction[i] + state + '.png') + + +def arrows(color, state, alpha=1.0): + direction = ['-up', '-right', '-down', '-left'] + for i in range(0, 4): + arw = Assets(12, 12, rotation=i) + arw.arrow(color, alpha) + arw.save('arrow' + direction[i] + state + '.png') + + arw = Assets(8, 8, rotation=i) + arw.arrow_small(color, alpha) + arw.save('arrow-small' + direction[i] + state + '.png') + + +def menu_arrow(color, state, alpha=1.0): + arrow = Assets(12, 12, rotation=1) + arrow.arrow(color, alpha) + arrow.save('menu-arrow' + state + '.png') + + +def scrollbar_slider(color1, color2, color3): + for scl in [1, 2]: + if scl == 2: + ending = '@2.png' + else: + ending = '.png' + slider = Assets(30, 20, scl) + slider.rounded_rectancle(color1, 30, 10, 0, 5, 5, 1) + slider.save('scrollbar-slider-horizontal-active' + ending) + + slider = Assets(30, 20, scl) + slider.rounded_rectancle(color2, 30, 6, 0, 7, 3, 1) + slider.save('scrollbar-slider-horizontal-hover' + ending) + + slider = Assets(30, 20, scl) + slider.rounded_rectancle(color3, 30, 6, 0, 7, 3, 1) + slider.save('scrollbar-slider-horizontal' + ending) + + slider = Assets(20, 30, scl) + slider.rounded_rectancle(color1, 10, 30, 5, 0, 5, 1) + slider.save('scrollbar-slider-vertical-active' + ending) + + slider = Assets(20, 30, scl) + slider.rounded_rectancle(color2, 6, 30, 7, 0, 3, 1) + slider.save('scrollbar-slider-vertical-hover' + ending) + + slider = Assets(20, 30, scl) + slider.rounded_rectancle(color3, 6, 30, 7, 0, 3, 1) + slider.save('scrollbar-slider-vertical' + ending) + + +def scrollbar_trough(color): + for scl in [1, 2]: + if scl == 2: + ending = '@2.png' + else: + ending = '.png' + trough = Assets(56, 20, scl) + trough.rounded_rectancle(color, 49, 6, 3.5, 7, 3, 0.3) + trough.save('scrollbar-trough-horizontal' + ending) + + trough = Assets(20, 56, scl) + trough.rounded_rectancle(color, 6, 49, 7, 3.5, 3, 0.3) + trough.save('scrollbar-trough-vertical' + ending) + + +def titlebuttons(color1, color2, state): + for scl in [1, 2]: + if scl == 2: + ending = '@2.png' + else: + ending = '.png' + title_minimize = Assets(18, 18, scl) + title_maximize = Assets(18, 18, scl) + title_maximized = Assets(18, 18, scl) + if state == '' or state == '-backdrop': + title_minimize.minimize(color1) + title_maximize.maximize(color1) + title_maximized.maximize_maximized(color1) + else: + title_minimize.circle(color1, 9, 9, 9) + title_maximize.circle(color1, 9, 9, 9) + title_maximized.circle(color1, 9, 9, 9) + title_minimize.minimize() + title_maximize.maximize() + title_maximized.maximize_maximized() + title_minimize.save('titlebutton-minimize' + state + ending) + title_maximize.save('titlebutton-maximize' + state + ending) + title_maximized.save('titlebutton-maximize-maximized' + state + ending) + + title_close = Assets(18, 18, scl) + title_close.circle(color2, 9, 9, 9) + title_close.close() + title_close.save('titlebutton-close' + state + ending) + + +def entry(color1, color2, color3, state, alpha=1.0): + entry = Assets(20, 20) + entry.background(color1) + entry.rounded_rectancle(color2, 18, 18, 1, 1, 3, alpha=alpha) + entry.rounded_rectancle(color3, 16, 16, 2, 2, 2) + entry.rounded_rectancle(color3, 16, 16, 2, 2, 2) + entry.save('entry' + state + '.png') + + entry = Assets(20, 20, rotation=1) + entry.background(color1) + entry.tab(color2, 18, 19, 1, 0, 3, alpha=alpha) + entry.tab(color3, 16, 18, 2, 0, 2) + entry.save('combo-entry' + state + '.png') + + entry_button = Assets(20, 20, rotation=3) + entry_button.background(color1) + entry_button.tab(color2, 18, 19, 1, 0, 3, alpha=alpha) + entry_button.tab(color3, 16, 18, 2, 0, 2) + entry_button.save('combo-entry-button' + state + '.png') + + if state != '-active': + direction = ['-down', '-down-rtl', '-up-rtl', '-up'] + for i in range(0, 4): + spin = Assets(20, 20, rotation=i) + spin.background(color1) + spin.spinbutton(color2, 19, 19, 0, 0, 3, alpha=alpha) + spin.spinbutton(color3, 18, 18, 0, 0, 2) + spin.save('spinbutton' + direction[i] + state + '.png') + + +def mixed(color1, color2, color3): + nll = Assets(20, 20) + nll.save('null.png') + + # Frame + frame = Assets(20, 20) + frame.rounded_rectancle(color1, 20, 20, 0, 0, 3) + frame.rounded_rectancle(color2, 18, 18, 1, 1, 2) + frame.save('frame.png') + + # Tree header + header = Assets(20, 20) + header.background(color2) + header.line(color1, 0, 19, 20, 1) + header.line(color1, 19, 0, 1, 20) + header.save('tree-header.png') + + # Notebook gap + notebook_gap = Assets(4, 2) + notebook_gap.line(color2, 1, 0, 2, 2) + notebook_gap.save('notebook-gap-horizontal.png') + + notebook_gap = Assets(2, 4) + notebook_gap.line(color2, 0, 1, 2, 2) + notebook_gap.save('notebook-gap-vertical.png') + + # Notebook frame + direction = ['-top', '-right', '-bottom', '-bottom'] + for i in range(0, 4): + notebook_frame = Assets(20, 20, rotation=i) + notebook_frame.notebook(color1, 20, 20, 0, 0, 3) + notebook_frame.notebook(color2, 18, 18, 1, 1, 2) + notebook_frame.save('notebook-frame' + direction[i] + '.png') + + # Frame gap + frame_gap = Assets(2, 1) + frame_gap.line(color1, 1, 0, 1, 1) + frame_gap.save('frame-gap-start.png') + + frame_gap = Assets(2, 1) + frame_gap.line(color1, 0, 0, 1, 1) + frame_gap.save('frame-gap-end.png') + + # Lines + lines = Assets(20, 1) + lines.line(color1, 0, 0, 20, 1) + lines.save('line-h.png') + + lines = Assets(1, 20) + lines.line(color1, 0, 0, 1, 20) + lines.save('line-v.png') + + lines = Assets(20, 1) + lines.line(color2, 0, 0, 20, 1) + lines.save('handle-h.png') + + lines = Assets(1, 20) + lines.line(color2, 0, 0, 1, 20) + lines.save('handle-v.png') + + menubar = Assets(20, 20) + menubar.line(color3, 1, 1, 18, 18) + menubar.save('menubar-button.png') + + +def toolbar(color1, color2, color3): + # Toolbar background + bar = Assets(20, 20) + bar.background(color2) + bar.save('toolbar-background.png') + + # Toolbutton toggled + toolbutton = Assets(20, 20) + toolbutton.rounded_rectancle(color1, 18, 18, 1, 1, 3) + toolbutton.save('toolbutton-toggled.png') + + # Toolbutton hover + toolbutton = Assets(20, 20) + toolbutton.rounded_rectancle(color3, 18, 18, 1, 1, 3) + toolbutton.rounded_rectancle(color2, 16, 16, 2, 2, 2) + toolbutton.save('toolbutton-hover.png') + + # Toolbutton active + toolbutton = Assets(20, 20) + toolbutton.rounded_rectancle(color3, 18, 18, 1, 1, 3) + toolbutton.save('toolbutton-active.png') + + +def progressbar(color1, color2, state=''): + bar = Assets(10, 10) + bar.rounded_rectancle(color1, 10, 10, 0, 0, 3) + bar.save('progressbar-bar' + state + '.png') + + trough = Assets(10, 10) + trough.rounded_rectancle(color2, 10, 10, 0, 0, 3) + trough.save('progressbar-trough' + state + '.png') + + +def html(color): + return '#%02x%02x%02x' % (int(color[0]*255), + int(color[1]*255), + int(color[2]*255)) + + +def mix(color, mix_color, amount): + r = color[0] * amount + mix_color[0] * (1 - amount) + g = color[1] * amount + mix_color[1] * (1 - amount) + b = color[2] * amount + mix_color[2] * (1 - amount) + return (r, g, b) +# ___________________________________________________________________________________ + + +parser = argparse.ArgumentParser( + description='Generates Breeze assets according to the specified color ' + 'scheme.') +parser.add_argument('--colorscheme', '-c', action='store', + default='/usr/share/color-schemes/Breeze.colors', + help='color scheme to use') +parser.add_argument('--assets-dir', '-a', action='store', + default='assets', + help='location of the directory to place assets') +parser.add_argument('--gtk2-dir', '-g', action='store', default='gtk2', + help='location of gtk2 directory to define the color ' + 'scheme variables') +parser.add_argument('--gtk3-scss-dir', '-G', action='store', default='.', + help='location of global.scss to define the color ' + 'scheme variables') + +args = parser.parse_args() + +assets_path = args.assets_dir +make_sure_path_exists(assets_path) + +_colors = ReadKdeGlobals().read_globals(args.colorscheme) + +border_color = Color(_colors, 'WindowBackgroundNormal', + 'WindowForegroundNormal', 0.75) +window_bg = Color(_colors, 'WindowBackgroundNormal') +window_fg = Color(_colors, 'WindowForegroundNormal') +check_color = Color(_colors, 'WindowBackgroundNormal', + 'WindowForegroundNormal', 0.5) +button_bg = Color(_colors, 'ButtonBackgroundNormal') +button_fg = Color(_colors, 'ButtonForegroundNormal') +button_hover = Color(_colors, 'ButtonDecorationHover') +button_active = Color(_colors, 'ButtonDecorationFocus') +selection_bg = Color(_colors, 'SelectionBackgroundNormal') +selection_fg = Color(_colors, 'SelectionForegroundNormal') +view_bg = Color(_colors, 'ViewBackgroundNormal') +view_fg = Color(_colors, 'ViewForegroundNormal') +view_hover = Color(_colors, 'ViewDecorationHover') +view_active = Color(_colors, 'ViewDecorationFocus') +titlebutton = Color(_colors, 'WindowForegroundNormal') +titlebutton_active = Color( + _colors, 'WindowBackgroundNormal', 'WindowForegroundNormal', 0.3) +closebutton_hover = Color(_colors, 'ViewForegroundNegative') +closebutton_hover.lighten_color(0.5) +closebutton_active = Color(_colors, 'ViewForegroundNegative') +titlebutton_inactive = Color(_colors, 'WindowForegroundNormal') +titlebutton_inactive_active = Color( + _colors, 'WindowBackgroundNormal', 'WindowForegroundNormal', 0.3) + +tooltip_fg = Color(_colors, 'TooltipForegroundNormal') +tooltip_bg = Color(_colors, 'TooltipBackgroundNormal') + +check_items(check_color.rgb, window_bg.rgb, '') +check_items(button_hover.rgb, window_bg.rgb, '-hover') +check_items(button_active.rgb, window_bg.rgb, '-active') +check_items(check_color.insensitive, window_bg.rgb, + '-insensitive', border_color.insensitive_alpha) +check_items(check_color.inactive, window_bg.rgb, + '-backdrop', border_color.inactive_alpha) +check_items(check_color.inactive_insensitive, window_bg.rgb, + '-backdrop-insensitive', border_color.inactive_insensitive_alpha) + +buttons(window_bg.rgb, border_color.rgb, button_bg.gradient(), '') +buttons(window_bg.rgb, button_hover.rgb, button_bg.gradient(), '-hover') +buttons(window_bg.rgb, button_hover.rgb, + button_hover.gradient('active'), '-active') +buttons(window_bg.rgb, border_color.rgb, + button_bg.gradient(alpha=button_bg.insensitive_alpha), '-insensitive', + border_color.insensitive_alpha) + +togglebuttons(window_bg.rgb, border_color.rgb, button_bg.gradient(), '') +togglebuttons(window_bg.rgb, button_hover.rgb, button_bg.gradient(), '-hover') +togglebuttons(window_bg.rgb, button_hover.rgb, + button_hover.gradient('active'), '-active') +togglebuttons(window_bg.rgb, border_color.rgb, + button_bg.gradient(alpha=button_bg.insensitive_alpha), + '-insensitive', border_color.insensitive_alpha) + +scale_slider(window_bg.rgb, border_color.rgb, button_bg.gradient(), '') +scale_slider(window_bg.rgb, button_hover.rgb, button_bg.gradient(), '-hover') +scale_slider(window_bg.rgb, button_active.rgb, button_bg.gradient(), '-active') +scale_slider(window_bg.rgb, border_color.rgb, + button_bg.gradient(alpha=button_bg.insensitive_alpha), + '-insensitive', border_color.insensitive_alpha) +scale_trough(border_color.rgb) + +tabs(border_color.rgb, window_bg.rgb, '-active') +tabs(window_fg.rgb, window_bg.rgb, '-inactive') + +arrows(button_fg.rgb, '') +arrows(button_hover.rgb, '-hover') +arrows(button_active.rgb, '-active') +arrows(button_fg.insensitive, '-insensitive', button_fg.insensitive_alpha) +menu_arrow(window_fg.rgb, '') +menu_arrow(selection_fg.rgb, '-selected') +menu_arrow(window_fg.insensitive, '-insensitive', window_fg.insensitive_alpha) + +scrollbar_slider(button_active.rgb, button_hover.rgb, button_active.rgb) +scrollbar_trough(window_fg.rgb) + +titlebuttons(titlebutton.rgb, titlebutton.rgb, '') +titlebuttons(titlebutton.rgb, closebutton_hover.rgb, '-hover') +titlebuttons(titlebutton_active.rgb, closebutton_active.rgb, '-active') +titlebuttons(titlebutton_inactive.rgb, titlebutton_inactive.rgb, '-backdrop') +titlebuttons(titlebutton_inactive.rgb, + closebutton_hover.rgb, '-hover-backdrop') +titlebuttons(titlebutton_inactive_active.rgb, + closebutton_active.rgb, '-active-backdrop') + +entry(window_bg.rgb, border_color.rgb, view_bg.rgb, '') +entry(window_bg.rgb, view_active.rgb, view_bg.rgb, '-active') +entry(window_bg.rgb, border_color.insensitive, None, + '-insensitive', border_color.insensitive_alpha) + +progressbar(selection_bg.rgb, mix(window_fg.rgb, window_bg.rgb, 0.3)) + +mixed(border_color.rgb, window_bg.rgb, button_active.rgb) + +toolbar(border_color.rgb, window_bg.rgb, button_hover.rgb) + +gtk2 = open(os.path.join(args.gtk2_dir, 'gtkrc'), 'w') +gtk2.write( + '# Theme: Breeze-gtk\n' + '# Description: Breeze theme for GTK+2.0\n' + '\n' + 'gtk-color-scheme = "text_color:' + html(window_fg.rgb) + '"\n' + 'gtk-color-scheme = "base_color:' + html(view_bg.rgb) + '"\n' + 'gtk-color-scheme = "insensitive_base_color:' + + html(view_bg.insensitive) + '"\n' + 'gtk-color-scheme = "fg_color:' + html(window_fg.rgb) + '"\n' + 'gtk-color-scheme = "bg_color:' + html(window_bg.rgb) + '"\n' + 'gtk-color-scheme = "selected_fg_color:' + html(selection_fg.rgb) + '"\n' + 'gtk-color-scheme = "selected_bg_color:' + html(selection_bg.rgb) + '"\n' + 'gtk-color-scheme = "button_fg_color:' + html(button_fg.rgb) + '"\n' + 'gtk-color-scheme = "tooltip_fg_color:' + html(tooltip_fg.rgb) + '"\n' + 'gtk-color-scheme = "tooltip_bg_color:' + html(tooltip_bg.rgb) + '"\n' + 'gtk-color-scheme = "insensitive_fg_color:' + + html(mix(window_fg.insensitive, window_bg.rgb, + window_fg.insensitive_alpha)) + '"\n' + 'gtk-color-scheme = "insensitive_text_color:' + + html(mix(view_fg.insensitive, view_bg.rgb, + view_fg.insensitive_alpha)) + '"\n' + 'gtk-color-scheme = "button_insensitive_fg_color:' + + html(mix(button_fg.insensitive, button_bg.rgb, + button_fg.insensitive_alpha)) + '"\n' + 'gtk-color-scheme = "button_active:' + html(button_active.rgb) + '"\n' + 'gtk-color-scheme = "border_color:' + html(border_color.rgb) + '"\n' + '\n' + 'include "widgets/default"\n' + 'include "widgets/buttons"\n' + 'include "widgets/menu"\n' + 'include "widgets/entry"\n' + 'include "widgets/notebook"\n' + 'include "widgets/range"\n' + 'include "widgets/scrollbar"\n' + 'include "widgets/toolbar"\n' + 'include "widgets/progressbar"\n' + 'include "widgets/misc"\n' + 'include "widgets/styles"\n' +) +gtk2.close() + +gtk3 = open(os.path.join(args.gtk3_scss_dir, '_global.scss'), 'w') +for key in sorted(_colors): + if key == 'DisabledColor' or key == 'InactiveColor': + gtk3.write('${0}:rgb({1});\n'.format(key, _colors[key])) + elif 'Disabled' in key or 'Inactive' in key: + gtk3.write('${0}:{1};\n'.format(key, _colors[key])) + elif re.match('[0-9]+,[0-9]+,[0-9]+', _colors[key]): + gtk3.write('${0}:rgb({1});\n'.format(key, _colors[key])) +gtk3.close()