1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
horst3180_arc-theme/common/gtk-3.0/3.20/gtk-solid-darker.css
2016-02-19 11:06:17 +01:00

2944 lines
120 KiB
CSS

* {
background-clip: padding-box;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #FC4138;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkToolItemGroup-expander-size: 11;
-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;
outline-color: rgba(92, 97, 108, 0.3);
outline-style: dashed;
outline-offset: -3px;
outline-width: 1px;
-gtk-outline-radius: 2px; }
.background {
color: #5c616c;
background-color: #F5F6F7; }
*:disabled {
-gtk-icon-effect: dim; }
.gtkstyle-fallback {
background-color: #F5F6F7;
color: #5c616c; }
.gtkstyle-fallback:hover {
background-color: white;
color: #5c616c; }
.gtkstyle-fallback:active {
background-color: #d9dde0;
color: #5c616c; }
.gtkstyle-fallback:disabled {
background-color: #fbfbfc;
color: rgba(92, 97, 108, 0.55); }
.gtkstyle-fallback:selected {
background-color: #5294E2;
color: #ffffff; }
.view,
textview text {
color: #5c616c;
background-color: #ffffff; }
.view.dim-label, label.view.separator,
popover.background label.view.separator, headerbar .view.subtitle,
textview text.dim-label,
textview headerbar text.subtitle, headerbar
textview text.subtitle {
color: rgba(92, 97, 108, 0.55); }
.view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus,
textview text.dim-label selection,
textview headerbar text.subtitle selection, headerbar
textview text.subtitle selection,
textview text.dim-label selection:focus,
textview headerbar text.subtitle selection:focus, headerbar
textview text.subtitle selection:focus {
color: rgba(255, 255, 255, 0.65);
text-shadow: none; }
iconview {
color: #5c616c;
background-color: #ffffff; }
iconview:selected, iconview:selected:focus {
border-radius: 3px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband {
border: 1px solid #2679db;
background-color: rgba(38, 121, 219, 0.2); }
flowbox flowboxchild {
padding: 3px;
border-radius: 2px; }
flowbox flowboxchild:selected {
outline-offset: -2px; }
label.separator, popover label.separator,
popover.background label.separator {
color: #5c616c; }
label:disabled {
color: rgba(92, 97, 108, 0.55); }
.dim-label, label.separator, popover label.separator,
popover.background label.separator, headerbar .subtitle {
opacity: 0.55; }
assistant .sidebar {
background-color: #ffffff;
border-top: 1px solid #dcdfe3; }
assistant .sidebar:dir(ltr) {
border-right: 1px solid #dcdfe3; }
assistant .sidebar:dir(rtl) {
border-left: 1px solid #dcdfe3; }
assistant.csd .sidebar {
border-top-style: none; }
assistant .sidebar label {
padding: 6px 12px; }
assistant .sidebar label.highlight {
background-color: #5294E2;
color: #ffffff; }
textview {
background-color: #fafbfb; }
popover.osd, popover.magnifier,
popover.background.osd,
popover.background.magnifier, .osd {
color: #BAC3CF;
border: none;
background-color: #353945;
background-clip: padding-box;
outline-color: rgba(186, 195, 207, 0.3);
box-shadow: none; }
@keyframes spin {
to {
-gtk-icon-transform: rotate(1turn); } }
spinner {
background: 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; }
entry {
min-height: 22px;
border: 1px solid;
padding: 2px 8px;
caret-color: currentColor;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #5c616c;
border-color: #cfd6e6;
background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff); }
entry.search {
border-radius: 20px; }
entry image {
color: #7d8189; }
entry image.left {
padding-left: 0;
padding-right: 5px; }
entry image.right {
padding-right: 0;
padding-left: 5px; }
entry.flat, entry.flat:focus {
color: #5c616c;
border-color: #cfd6e6;
background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff);
padding-left: 2px;
padding-right: 2px;
border: none;
border-radius: 0; }
entry:focus {
background-clip: border-box;
color: #5c616c;
border-color: #5294E2;
background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff); }
entry:disabled {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(255, 255, 255, 0.55);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); }
entry selection,
entry selection:focus {
background-color: #5294E2;
color: #ffffff; }
entry progress {
margin: 2px 12px;
border-radius: 0;
border-width: 0 0 2px;
border-color: #5294E2;
border-style: solid;
background-image: none;
background-color: transparent;
box-shadow: none; }
entry.warning {
color: #ffffff;
border-color: #F27835;
background-image: linear-gradient(to bottom, #f7ae86); }
entry.warning:focus {
color: #ffffff;
background-image: linear-gradient(to bottom, #F27835);
box-shadow: none; }
entry.warning selection, entry.warning selection:focus {
background-color: #ffffff;
color: #F27835; }
entry.error {
color: #ffffff;
border-color: #FC4138;
background-image: linear-gradient(to bottom, #fd8d88); }
entry.error:focus {
color: #ffffff;
background-image: linear-gradient(to bottom, #FC4138);
box-shadow: none; }
entry.error selection, entry.error selection:focus {
background-color: #ffffff;
color: #FC4138; }
.osd entry {
color: #BAC3CF;
border-color: rgba(26, 28, 34, 0.4);
background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4));
background-color: transparent; }
.osd entry image, .osd entry image:hover {
color: inherit; }
.osd entry:focus {
color: #ffffff;
border-color: rgba(26, 28, 34, 0.4);
background-image: linear-gradient(to bottom, #5294E2); }
.osd entry:disabled {
color: rgba(186, 195, 207, 0.55);
background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); }
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } }
button {
min-height: 22px;
min-width: 20px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
border: 1px solid;
border-radius: 3px;
padding: 2px 6px;
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator {
margin: 4px 1px; }
button.flat, button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(251, 251, 252, 0);
border-color: rgba(207, 214, 230, 0);
transition: none; }
button.flat:hover, button.sidebar-button:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 350ms; }
button.flat:hover:active, button.sidebar-button:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: white;
-gtk-icon-effect: highlight; }
button:active, button:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2;
transition-duration: 50ms; }
button:active {
color: #5c616c; }
button:active:hover, button:checked {
color: #ffffff; }
button.flat:disabled, button.sidebar-button:disabled {
border-color: transparent;
background-color: transparent;
background-image: none; }
button:disabled {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
button:disabled > label {
color: inherit; }
button:disabled:active, button:disabled:checked {
color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
button:disabled:active > label, button:disabled:checked > label {
color: inherit; }
button.osd {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
background-color: #353945;
border-color: #23262e; }
button.osd.image-button {
min-height: 48px;
min-width: 48px; }
button.osd:hover {
color: #5294E2; }
button.osd:active, button.osd:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: #5294E2; }
button.osd:disabled {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.25); }
.osd button {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); }
.osd button:hover {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd button:active, .osd button:checked {
background-clip: padding-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: #5294E2; }
.osd button:disabled {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.25); }
.osd button.flat, .osd button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: none; }
.osd button.flat:hover, .osd button.sidebar-button:hover {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd button.flat:disabled, .osd button.sidebar-button:disabled {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.25);
background-image: none; }
.osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: #5294E2; }
.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child),
.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) {
box-shadow: none; }
button.suggested-action {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4;
border-color: #4DADD4; }
button.suggested-action.flat, button.suggested-action.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #4DADD4;
outline-color: rgba(77, 173, 212, 0.3); }
button.suggested-action:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de;
border-color: #76c0de; }
button.suggested-action:active, button.suggested-action:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0;
border-color: #2e96c0; }
button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(92, 97, 108, 0.55); }
button.suggested-action:disabled {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
button.suggested-action:disabled > label {
color: inherit; }
button.destructive-action {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50;
border-color: #F04A50; }
button.destructive-action.flat, button.destructive-action.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); }
button.destructive-action:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e;
border-color: #f4797e; }
button.destructive-action:active, button.destructive-action:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22;
border-color: #ec1b22; }
button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(92, 97, 108, 0.55); }
button.destructive-action:disabled {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
button.destructive-action:disabled > label {
color: inherit; }
button.text-button {
padding-left: 16px;
padding-right: 16px; }
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 {
outline-offset: -3px; }
.stack-switcher > button > label {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button > image {
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px; }
.stack-switcher > button.text-button {
padding-left: 10px;
padding-right: 10px; }
.stack-switcher > button.image-button {
padding-left: 2px;
padding-right: 2px; }
.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; }
.stack-switcher > button.needs-attention > label,
.stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 4px; }
.stack-switcher > button.needs-attention > label:dir(rtl),
.stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 4px; }
.inline-toolbar button, .inline-toolbar button:backdrop {
border-radius: 2px;
border-width: 1px; }
.inline-toolbar toolbutton > button {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
.inline-toolbar toolbutton > button:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: white; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.inline-toolbar toolbutton > button:disabled {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
.inline-toolbar toolbutton > button:disabled > label {
color: inherit; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
.inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label {
color: inherit; }
.linked:not(.vertical):not(.path-bar) > entry + entry {
border-left-color: rgba(207, 214, 230, 0.3); }
.linked:not(.vertical):not(.path-bar) > entry.error + entry,
.linked:not(.vertical):not(.path-bar) > entry + entry.error {
border-left-color: #FC4138; }
.linked:not(.vertical):not(.path-bar) > entry.warning + entry,
.linked:not(.vertical):not(.path-bar) > entry + entry.warning {
border-left-color: #F27835; }
.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning {
border-left-color: #FC4138; }
.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child),
.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child {
border-left-color: #5294E2; }
.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry,
.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button,
.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo {
border-left-color: #5294E2; }
.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child),
.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child {
border-left-color: #F27835; }
.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry,
.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button,
.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo {
border-left-color: #F27835; }
.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child),
.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child {
border-left-color: #FC4138; }
.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry,
.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button,
.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo {
border-left-color: #FC4138; }
.linked:not(.vertical):not(.path-bar) > button:checked + entry {
border-left-color: #5294E2; }
.linked:not(.vertical):not(.path-bar) > button + button {
border-left-style: none; }
.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child),
.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) {
box-shadow: inset 1px 0 #cfd6e6; }
.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active),
.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover,
.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover {
box-shadow: none; }
.linked:not(.vertical).path-bar > button + button {
border-left-style: none; }
.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover {
box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); }
.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover {
box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); }
.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover {
box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); }
.linked.vertical > entry + entry {
border-top-color: rgba(207, 214, 230, 0.3); }
.linked.vertical > entry.error + entry,
.linked.vertical > entry + entry.error {
border-top-color: #FC4138; }
.linked.vertical > entry.warning + entry,
.linked.vertical > entry + entry.warning {
border-top-color: #F27835; }
.linked.vertical > entry.error + entry.warning {
border-top-color: #FC4138; }
.linked.vertical > entry + entry:focus:not(:last-child),
.linked.vertical > entry + entry:focus:last-child {
border-top-color: #5294E2; }
.linked.vertical > entry:focus:not(:only-child) + entry,
.linked.vertical > entry:focus:not(:only-child) + button,
.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo {
border-top-color: #5294E2; }
.linked.vertical > entry + entry.warning:focus:not(:last-child),
.linked.vertical > entry + entry.warning:focus:last-child {
border-top-color: #F27835; }
.linked.vertical > entry.warning:focus:not(:only-child) + entry,
.linked.vertical > entry.warning:focus:not(:only-child) + button,
.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo {
border-top-color: #F27835; }
.linked.vertical > entry + entry.error:focus:not(:last-child),
.linked.vertical > entry + entry.error:focus:last-child {
border-top-color: #FC4138; }
.linked.vertical > entry.error:focus:not(:only-child) + entry,
.linked.vertical > entry.error:focus:not(:only-child) + button,
.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo {
border-top-color: #FC4138; }
.linked.vertical > button:checked + entry {
border-top-color: #5294E2; }
.linked.vertical > button + button {
border-top-style: none; }
.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child),
.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) {
box-shadow: inset 0 1px #cfd6e6; }
.linked.vertical > button:first-child:hover:not(:checked):not(:active),
.linked.vertical > button:checked + button:not(:checked):not(:active):hover,
.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover {
box-shadow: none; }
toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry,
.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button,
.linked:not(.vertical) > button:hover,
.linked:not(.vertical) > button:active,
.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) {
border-radius: 0;
border-right-style: none; }
.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-right-style: solid; }
.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child {
border-radius: 3px;
border-style: solid; }
.linked.vertical > entry,
.linked.vertical > entry:focus, .linked.vertical > button,
.linked.vertical > button:hover,
.linked.vertical > button:active,
.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo {
border-radius: 0;
border-bottom-style: none; }
.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: solid; }
.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo {
border-radius: 3px;
border-style: solid; }
menuitem.button.flat,
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: none; }
menuitem.button.flat,
modelbutton.flat {
transition: none;
min-height: 22px;
padding-left: 8px;
padding-right: 8px;
outline-offset: -2px;
border-radius: 2px; }
menuitem.button.flat:hover,
modelbutton.flat:hover {
background-color: #edeff0; }
menuitem.button.flat:checked,
modelbutton.flat:checked {
color: #5c616c; }
menuitem.button.flat check:last-child,
menuitem.button.flat radio:last-child,
modelbutton.flat check:last-child,
modelbutton.flat radio:last-child {
margin-left: 8px; }
menuitem.button.flat check:first-child,
menuitem.button.flat radio:first-child,
modelbutton.flat check:first-child,
modelbutton.flat radio:first-child {
margin-right: 8px; }
modelbutton.flat arrow, modelbutton.flat arrow:hover {
background: none; }
modelbutton.flat arrow.left {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
*:link, button:link, button:visited {
color: #2679db; }
*:link:visited, button:visited {
color: #1e61b0; }
*:selected *:link:visited, *:selected button:visited:link, *:selected button:visited {
color: #bad4f3; }
*:link:hover, button:hover:link, button:hover:visited {
color: #5294e2; }
*:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited {
color: #eef4fc; }
*:link:active, button:active:link, button:active:visited {
color: #2679db; }
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
color: #dceaf9; }
*:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
color: #dceaf9; }
button:link > label, button:visited > label {
text-decoration-line: underline; }
spinbutton button:active {
color: #ffffff; }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
padding-top: 0;
padding-bottom: 0;
min-height: 0; }
spinbutton:not(.vertical) > button + button {
border-left-style: none; }
spinbutton:not(.vertical) > button:hover:not(:active),
spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #cfd6e6; }
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; }
spinbutton:not(.vertical) > entry:focus + button {
border-left-color: #5294E2; }
spinbutton.vertical button, spinbutton.vertical entry {
padding-left: 4px;
padding-right: 4px;
min-width: 0; }
spinbutton.vertical > entry:focus + button {
border-top-color: #5294E2; }
combobox button.combo {
min-width: 0;
padding-left: 8px;
padding-right: 8px; }
combobox arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
min-height: 16px;
min-width: 16px; }
toolbar, .inline-toolbar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #F5F6F7; }
toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator {
background: none; }
toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator {
margin: 0 6px; }
toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator {
margin: 6px 0; }
.osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar {
padding: 7px;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 3px;
background-color: rgba(53, 57, 69, 0.9); }
.primary-toolbar {
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f;
box-shadow: none;
border-width: 0 0 1px 0;
border-style: solid;
border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; }
.inline-toolbar {
background-color: #edeef0;
border-style: solid;
border-color: #dcdfe3;
border-width: 0 1px 1px;
padding: 3px;
border-radius: 0 0 3px 3px; }
searchbar {
background-color: #F5F6F7;
border-style: solid;
border-color: #dcdfe3;
border-width: 0 0 1px;
padding: 3px; }
actionbar {
padding: 6px;
border-top: 1px solid #dcdfe3;
background-color: #edeef0; }
headerbar {
min-height: 42px;
padding: 0 5px;
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: #262a33;
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.csd headerbar {
background-color: #2f343f;
border-color: #262a33; }
headerbar:backdrop {
color: rgba(207, 218, 231, 0.5); }
headerbar .title {
padding-left: 12px;
padding-right: 12px; }
headerbar .subtitle {
font-size: smaller;
padding-left: 12px;
padding-right: 12px; }
headerbar.selection-mode, headerbar.titlebar.selection-mode {
color: #ffffff;
background-color: #5294E2;
border-color: #4189df;
box-shadow: none; }
headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop {
background-color: #5294E2;
color: rgba(255, 255, 255, 0.6); }
headerbar.selection-mode button, headerbar.titlebar.selection-mode button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0); }
headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.5); }
headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0); }
headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.15); }
headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu {
box-shadow: none;
padding-left: 10px;
padding-right: 10px; }
headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow {
-GtkArrow-arrow-scaling: 1; }
headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode {
background-color: #5294e2; }
.tiled headerbar, .tiled headerbar:backdrop,
.maximized headerbar, .maximized headerbar:backdrop {
border-radius: 0; }
.maximized headerbar {
background-color: #2f343f;
border-color: #262a33; }
headerbar.default-decoration,
.csd headerbar.default-decoration, headerbar.default-decoration:backdrop,
.csd headerbar.default-decoration:backdrop {
padding-top: 5px;
padding-bottom: 5px;
background-color: #2f343f;
border-bottom-width: 0; }
.maximized headerbar.default-decoration, .maximized
.csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized
.csd headerbar.default-decoration:backdrop {
background-color: #2f343f; }
.titlebar {
padding: 0 7px;
border-radius: 3px 3px 0 0;
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f;
box-shadow: inset 0 1px #363b48; }
.csd .titlebar {
background-color: #2f343f; }
.titlebar:backdrop {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
.csd .titlebar:backdrop {
background-color: #323843; }
.maximized .titlebar {
background-color: #2f343f; }
.maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop {
background-color: #323843; }
window > .titlebar:not(headerbar),
window.csd > .titlebar:not(headerbar) {
padding: 0;
border: none;
background: none; }
.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator {
background-color: #262a33; }
headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator {
margin-top: 6px;
margin-bottom: 6px; }
.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton {
min-width: 1px;
min-height: 1px;
background: none;
border-width: 0 1px;
border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; }
.primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop {
opacity: 0.6; }
.primary-toolbar entry, headerbar entry {
color: rgba(207, 218, 231, 0.8);
border-color: rgba(21, 23, 28, 0.4);
background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4));
background-color: transparent; }
.primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover {
color: inherit; }
.primary-toolbar entry:backdrop, headerbar entry:backdrop {
opacity: 0.85; }
.primary-toolbar entry:focus, headerbar entry:focus {
color: #ffffff;
border-color: transparent;
background-image: linear-gradient(to bottom, #5294E2);
background-clip: padding-box; }
.primary-toolbar entry:focus image, headerbar entry:focus image {
color: #ffffff; }
.primary-toolbar entry:disabled, headerbar entry:disabled {
color: rgba(207, 218, 231, 0.35);
background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); }
.primary-toolbar entry selection:focus, headerbar entry selection:focus {
background-color: #ffffff;
color: #5294E2; }
.primary-toolbar entry progress, headerbar entry progress {
border-color: #5294E2;
background-image: none;
background-color: transparent; }
.primary-toolbar entry.warning, headerbar entry.warning {
color: #ffffff;
border-color: rgba(21, 23, 28, 0.4);
background-image: linear-gradient(to bottom, #a45d39); }
.primary-toolbar entry.warning:focus, headerbar entry.warning:focus {
color: #ffffff;
background-image: linear-gradient(to bottom, #F27835); }
.primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus {
background-color: #ffffff;
color: #F27835; }
.primary-toolbar entry.error, headerbar entry.error {
color: #ffffff;
border-color: rgba(21, 23, 28, 0.4);
background-image: linear-gradient(to bottom, #aa3c3b); }
.primary-toolbar entry.error:focus, headerbar entry.error:focus {
color: #ffffff;
background-image: linear-gradient(to bottom, #FC4138); }
.primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus {
background-color: #ffffff;
color: #FC4138; }
.primary-toolbar button, headerbar button {
color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
outline-offset: -3px;
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
.primary-toolbar button:backdrop, headerbar button:backdrop {
opacity: 0.7; }
.primary-toolbar button:hover, headerbar button:hover {
color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); }
.primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent;
background-color: #5294E2;
background-clip: padding-box; }
.primary-toolbar button:disabled, headerbar button:disabled {
color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
.primary-toolbar button:disabled > label, headerbar button:disabled > label {
color: inherit; }
.primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked {
color: rgba(255, 255, 255, 0.75);
border-color: rgba(82, 148, 226, 0.65);
background-color: rgba(82, 148, 226, 0.65); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled {
border-radius: 3px;
border-style: solid; }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) {
box-shadow: none; }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button {
color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover {
background-color: rgba(134, 144, 165, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent;
background-color: #5294E2; }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled {
color: rgba(207, 218, 231, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button {
border-left-style: none; }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover {
box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry {
border-left-color: rgba(21, 23, 28, 0); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error {
border-left-color: rgba(21, 23, 28, 0); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning {
border-left-color: rgba(21, 23, 28, 0); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning {
border-left-color: rgba(21, 23, 28, 0); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child {
border-left-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo {
border-left-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child {
border-left-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo {
border-left-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child {
border-left-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo {
border-left-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry {
border-left-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar button.suggested-action, headerbar button.suggested-action {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4;
border-color: #4DADD4; }
.primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #4DADD4;
outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de;
border-color: #76c0de; }
.primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0;
border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
.primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label {
color: inherit; }
.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop {
opacity: 0.8; }
.primary-toolbar button.destructive-action, headerbar button.destructive-action {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50;
border-color: #F04A50; }
.primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e;
border-color: #f4797e; }
.primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22;
border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
.primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label {
color: inherit; }
.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop {
opacity: 0.8; }
.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus {
color: #ffffff;
caret-color: #ffffff; }
.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled {
color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); }
.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover {
background-color: rgba(134, 144, 165, 0.4); }
.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent;
background-color: #5294E2; }
.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled {
color: rgba(207, 218, 231, 0.4); }
.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button {
border-left-style: none; }
.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); }
.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; }
.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button {
border-left-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar combobox:disabled, headerbar combobox:disabled {
color: rgba(207, 218, 231, 0.2); }
.primary-toolbar combobox.linked button, headerbar combobox.linked button {
color: rgba(207, 218, 231, 0.8);
border-color: rgba(21, 23, 28, 0.4);
background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4));
background-color: transparent; }
.primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover {
color: inherit; }
.primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover {
color: #ffffff;
border-color: transparent;
background-image: linear-gradient(to bottom, #5294E2);
box-shadow: none; }
.primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled {
color: rgba(207, 218, 231, 0.35);
background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); }
.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) {
border-right-style: none; }
.primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus {
box-shadow: none; }
.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) {
border-left-style: none; }
.primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus {
box-shadow: none; }
.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.primary-toolbar switch:backdrop, headerbar switch:backdrop {
opacity: 0.75; }
.primary-toolbar progressbar trough, headerbar progressbar trough {
background-color: rgba(21, 23, 28, 0.4); }
.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop {
opacity: 0.75; }
.primary-toolbar scale:backdrop, headerbar scale:backdrop {
opacity: 0.75; }
.primary-toolbar scale slider, headerbar scale slider {
background-image: linear-gradient(to bottom, #454c5c);
border-color: rgba(21, 23, 28, 0.7); }
.primary-toolbar scale slider:hover, headerbar scale slider:hover {
background-image: linear-gradient(to bottom, #50586b);
border-color: rgba(21, 23, 28, 0.7); }
.primary-toolbar scale slider:active, headerbar scale slider:active {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.primary-toolbar scale slider:disabled, headerbar scale slider:disabled {
background-image: linear-gradient(to bottom, #3e4553);
border-color: rgba(21, 23, 28, 0.7); }
.primary-toolbar scale trough, headerbar scale trough {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); }
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); }
.path-bar button:first-child {
padding-left: 10px; }
.path-bar button:last-child {
padding-right: 10px; }
.path-bar button:only-child {
padding-left: 10px;
padding-right: 10px; }
.path-bar button label:last-child {
padding-left: 4px; }
.path-bar button label:first-child {
padding-right: 4px; }
.path-bar button label:only-child, .path-bar button label {
padding-right: 0;
padding-left: 0; }
treeview.view {
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
border-left-color: rgba(92, 97, 108, 0.15);
border-top-color: rgba(0, 0, 0, 0.1); }
treeview.view:selected {
border-radius: 0;
border-left-color: #a9caf1;
border-top-color: rgba(92, 97, 108, 0.1); }
treeview.view:disabled {
color: rgba(92, 97, 108, 0.55); }
treeview.view:disabled:selected {
color: #97bfee; }
treeview.view.separator {
min-height: 2px; }
treeview.view.dnd {
border-style: solid none;
border-width: 1px;
border-color: #577ba7; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #aeb0b6; }
treeview.view.expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
treeview.view.expander:hover {
color: #5c616c; }
treeview.view.expander:selected {
color: #cbdff6; }
treeview.view.expander:selected:hover {
color: #ffffff; }
treeview.view.expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
treeview.view.progressbar {
color: #ffffff;
border-radius: 3px;
background-image: linear-gradient(to bottom, #5294E2); }
treeview.view.progressbar:selected {
color: #5294E2;
box-shadow: none;
background-image: linear-gradient(to bottom, #ffffff); }
treeview.view.trough, treeview.view.trough:selected {
color: #5c616c;
background-image: linear-gradient(to bottom, #cfd6e6);
border-radius: 3px;
border-width: 0; }
treeview.view header button {
color: #7d8189;
background-color: #ffffff;
font-weight: bold; }
treeview.view header button:hover {
color: #5294E2; }
treeview.view header button:active {
color: #5c616c; }
treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover {
transition: none;
color: #5294E2;
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
treeview.view header button {
min-height: 0;
min-width: 0;
padding: 3px 6px;
background-image: none;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:active, treeview.view header button:hover {
background-color: #ffffff; }
treeview.view header button:active:hover {
color: #5c616c; }
treeview.view header button:disabled {
border-color: #F5F6F7;
background-image: none; }
treeview.view header button:last-child {
border-right-style: none;
border-image: none; }
menubar,
.menubar {
-GtkWidget-window-dragging: true;
padding: 0px;
background-color: #2f343f;
color: rgba(207, 218, 231, 0.8); }
menubar:backdrop,
.menubar:backdrop {
color: rgba(207, 218, 231, 0.5); }
menubar > menuitem,
.menubar > menuitem {
padding: 6px 8px;
border: solid transparent;
border-width: 0; }
menubar > menuitem:hover,
.menubar > menuitem:hover {
background-color: #5294E2;
color: #ffffff; }
menubar > menuitem:disabled,
.menubar > menuitem:disabled {
color: rgba(207, 218, 231, 0.2);
border-color: transparent; }
menu,
.menu {
margin: 4px;
padding: 0;
border-radius: 0;
background-color: #ffffff;
border: 1px solid #dcdfe3; }
.csd menu, .csd
.menu {
padding: 4px 0px;
border-radius: 2px;
border: none; }
menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator,
.csd menu separator,
.csd menu .sidebar .view separator, .sidebar .view
.csd menu separator,
.menu separator,
.menu .sidebar .view separator, .sidebar .view
.menu separator,
.csd
.menu separator {
margin: 2px 0;
background-color: #ffffff; }
menu menuitem,
.menu menuitem {
padding: 4px;
min-width: 40px;
border: solid transparent;
border-width: 1px 0 1px 0; }
menu menuitem:hover,
.menu menuitem:hover {
color: #5c616c;
background-color: rgba(0, 0, 0, 0.04);
border: solid rgba(0, 0, 0, 0.08);
border-width: 1px 0 1px 0; }
menu menuitem:disabled,
.menu menuitem:disabled {
color: rgba(92, 97, 108, 0.55); }
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-end-symbolic-rtl");
margin-right: 10px; }
menuitem accelerator {
color: alpha(currentColor,0.55); }
menuitem check, menuitem radio {
min-height: 16px;
min-width: 16px; }
menuitem check:dir(ltr), menuitem radio:dir(ltr) {
margin-right: 7px; }
menuitem check:dir(rtl), menuitem radio:dir(rtl) {
margin-left: 7px; }
menu arrow,
.menu arrow {
border-style: none;
border-radius: 0;
min-width: 16px;
min-height: 16px; }
menu arrow.top,
.menu arrow.top {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
border-bottom: 1px solid #efeff0; }
menu arrow.bottom,
.menu arrow.bottom {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
border-top: 1px solid #efeff0; }
menu arrow:hover,
.menu arrow:hover {
background-color: #efeff0; }
menu arrow:disabled,
.menu arrow:disabled {
color: transparent;
background-color: transparent;
border-color: transparent; }
popover,
popover.background {
padding: 2px;
border-radius: 3px;
background-clip: border-box;
background-color: #ffffff;
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); }
.csd popover, popover, .csd
popover.background,
popover.background {
border: 1px solid #cdd2d7; }
popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator,
popover.background separator,
popover.background .sidebar .view separator, .sidebar .view
popover.background separator {
background-color: #ffffff; }
popover > list,
popover > .view,
popover > toolbar,
popover > .inline-toolbar,
popover.osd > toolbar,
popover.osd > .inline-toolbar,
popover.background > list,
popover.background > .view,
popover.background > toolbar,
popover.background > .inline-toolbar,
popover.background.osd > toolbar,
popover.background.osd > .inline-toolbar {
border-style: none;
background-color: transparent; }
cursor-handle {
background-color: transparent;
background-image: none;
box-shadow: none;
border-style: none; }
cursor-handle.top {
-gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
cursor-handle.bottom {
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
notebook {
padding: 0;
background-color: #ffffff;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame {
border: 1px solid #dcdfe3; }
notebook.frame header {
margin: -1px; }
notebook header {
padding: 3px;
background-color: #F5F6F7; }
notebook header.top {
box-shadow: inset 0 -1px #dcdfe3; }
notebook header.bottom {
box-shadow: inset 0 1px #dcdfe3; }
notebook header.right {
box-shadow: inset 1px 0 #dcdfe3; }
notebook header.left {
box-shadow: inset -1px 0 #dcdfe3; }
notebook header.top {
padding-bottom: 0; }
notebook header.top tab {
padding: 4px 15px;
border: 1px solid transparent;
border-bottom: none;
margin-right: -1px;
border-radius: 1px 1px 0 0; }
notebook header.top tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook header.bottom {
padding-top: 0; }
notebook header.bottom tab {
padding: 4px 15px;
border: 1px solid transparent;
border-top: none;
margin-right: -1px;
border-radius: 0 0 1px 1px; }
notebook header.bottom tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook header.right {
padding-left: 0; }
notebook header.right tab {
padding: 4px 15px;
border: 1px solid transparent;
border-left: none;
margin-bottom: -1px;
border-radius: 0 1px 1px 0; }
notebook header.right tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook header.left {
padding-right: 0; }
notebook header.left tab {
padding: 4px 15px;
border: 1px solid transparent;
border-right: none;
margin-bottom: -1px;
border-radius: 1px 0 0 1px; }
notebook header.left tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child {
margin-left: 2px; }
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.down:first-child, notebook header.bottom tabs arrow.down:first-child {
margin-right: 2px; }
notebook header.left tabs arrow.up, notebook header.right tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child {
margin-top: 2px; }
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.down:first-child, notebook header.right tabs arrow.down:first-child {
margin-bottom: 2px; }
notebook header tabs arrow {
color: rgba(92, 97, 108, 0.55); }
notebook header tabs arrow:hover {
color: rgba(92, 97, 108, 0.775); }
notebook header tabs arrow:active {
color: #5c616c; }
notebook header tabs arrow:disabled {
color: rgba(92, 97, 108, 0.25); }
notebook header tab {
background-color: rgba(255, 255, 255, 0); }
notebook header tab label {
color: rgba(92, 97, 108, 0.55); }
notebook header tab:hover {
background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; }
notebook header tab:hover label {
color: rgba(92, 97, 108, 0.775); }
notebook header tab:active {
background-color: #ffffff;
border-color: #dcdfe3; }
notebook header tab:active label {
color: #5c616c; }
notebook header tab button {
min-height: 18px;
min-width: 16px;
padding: 0;
color: #92959d; }
notebook header tab button:hover {
color: #ff4d4d; }
notebook header tab button:active, notebook header tab button:active:hover {
color: #5294E2; }
* {
-GtkRange-slider-width: 13;
-GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false;
-GtkScrollbar-min-slider-length: 42;
-GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1; }
scrollbar button {
border: none; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4;
-GtkRange-slider-width: 6px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0;
background-color: #8a8e96;
border: 1px solid rgba(255, 255, 255, 0.6);
background-clip: padding-box; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
border-style: none;
background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
margin-top: 2px;
margin-bottom: 2px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
margin-left: 2px;
margin-right: 2px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
opacity: 0.99; }
scrollbar trough {
background-color: #fcfcfc;
border: 1px none #dcdfe3; }
scrollbar slider {
background-color: #b8babf; }
scrollbar slider:hover {
background-color: #c7c9cd; }
scrollbar slider:hover:active {
background-color: #5294E2; }
scrollbar slider:disabled {
background-color: transparent; }
scrollbar slider {
border-radius: 100px;
margin: 3px; }
scrollbar.fine-tune slider {
margin: 4px; }
scrollbar.vertical slider {
margin-left: 4px; }
scrollbar.vertical slider:dir(rtl) {
margin-left: 3px;
margin-right: 4px; }
scrollbar.vertical.fine-tune .slider {
margin-left: 5px; }
scrollbar.vertical.fine-tune .slider:dir(rtl) {
margin-left: 4px;
margin-right: 5px; }
scrollbar.vertical trough {
border-left-style: solid; }
scrollbar.vertical trough:dir(rtl) {
border-left-style: none;
border-right-style: solid; }
scrollbar.horizontal slider {
margin-top: 4px; }
scrollbar.horizontal.fine-tune slider {
margin-top: 5px; }
scrollbar.horizontal trough {
border-top-style: solid; }
switch {
font: 1;
outline-color: transparent; }
switch, switch slider {
background-size: 52px 24px;
background-repeat: no-repeat;
background-position: right center;
color: transparent;
border-color: transparent;
border-image: none;
border-style: none;
box-shadow: none; }
switch:dir(rtl), switch slider:dir(rtl) {
background-position: left center; }
switch slider {
min-width: 52px;
min-height: 24px; }
switch {
background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); }
row:selected switch,
infobar switch {
background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); }
headerbar switch,
.primary-toolbar switch {
background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); }
switch:active {
background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); }
row:selected switch:active,
infobar switch:active {
background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); }
headerbar switch:active,
.primary-toolbar switch:active {
background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); }
switch:disabled {
background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); }
row:selected switch:disabled,
infobar switch:disabled {
background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); }
headerbar switch:disabled,
.primary-toolbar switch:disabled {
background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); }
switch:active:disabled {
background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); }
row:selected switch:active:disabled,
infobar switch:active:disabled {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); }
headerbar switch:active:disabled,
.primary-toolbar switch:active:disabled {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); }
check,
treeview.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
.view check:selected,
treeview.check:selected,
row:selected check,
infobar check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); }
check:disabled,
treeview.check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
.view check:disabled:selected,
treeview.check:disabled:selected,
row:selected check:disabled,
infobar check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); }
check:indeterminate,
treeview.check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
.view check:indeterminate:selected,
treeview.check:indeterminate:selected,
row:selected check:indeterminate,
infobar check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); }
check:indeterminate:disabled,
treeview.check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
.view check:indeterminate:disabled:selected,
treeview.check:indeterminate:disabled:selected,
row:selected check:indeterminate:disabled,
infobar check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); }
check:checked,
treeview.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
.view check:checked:selected,
treeview.check:checked:selected,
row:selected check:checked,
infobar check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); }
check:checked:disabled,
treeview.check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
.view check:checked:disabled:selected,
treeview.check:checked:disabled:selected,
row:selected check:checked:disabled,
infobar check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); }
radio,
treeview.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
.view radio:selected,
treeview.radio:selected,
row:selected radio,
infobar radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); }
radio:disabled,
treeview.radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
.view radio:disabled:selected,
treeview.radio:disabled:selected,
row:selected radio:disabled,
infobar radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); }
radio:indeterminate,
treeview.radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
.view radio:indeterminate:selected,
treeview.radio:indeterminate:selected,
row:selected radio:indeterminate,
infobar radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); }
radio:indeterminate:disabled,
treeview.radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
.view radio:indeterminate:disabled:selected,
treeview.radio:indeterminate:disabled:selected,
row:selected radio:indeterminate:disabled,
infobar radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); }
radio:checked,
treeview.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
.view radio:checked:selected,
treeview.radio:checked:selected,
row:selected radio:checked,
infobar radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); }
radio:checked:disabled,
treeview.radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
.view radio:checked:disabled:selected,
treeview.radio:checked:disabled:selected,
row:selected radio:checked:disabled,
infobar radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
.view.content-view.check:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:checked:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
checkbutton.text-button, radiobutton.text-button {
padding: 1px 2px 4px;
outline-offset: 0; }
checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
color: rgba(92, 97, 108, 0.55); }
radiobutton radio,
checkbutton check {
min-width: 16px;
min-height: 16px;
margin: 0 2px; }
radiobutton radio:only-child,
checkbutton check:only-child {
margin: 0; }
scale {
-GtkScale-slider-length: 15;
-GtkRange-slider-width: 15;
-GtkRange-trough-border: 0;
outline-offset: -1px;
-gtk-outline-radius: 2px; }
scale marks {
color: alpha(currentColor,0.7); }
scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight {
border-radius: 5px;
margin: 3px; }
scale trough, scale fill, scale highlight {
border-radius: 2.5px; }
scale slider {
background-clip: border-box;
background-image: linear-gradient(to bottom, #fbfbfc);
border: 1px solid rgba(123, 142, 186, 0.5);
border-radius: 50%;
box-shadow: none; }
scale slider:hover {
background-image: linear-gradient(to bottom, white);
border-color: rgba(123, 142, 186, 0.5); }
scale slider:disabled {
background-image: linear-gradient(to bottom, #fbfbfb);
border-color: rgba(123, 142, 186, 0.3); }
scale slider:active {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.osd scale slider {
background-image: linear-gradient(to bottom, #353945);
border-color: #5294E2; }
.osd scale slider:hover {
background-image: linear-gradient(to bottom, #5294E2); }
.osd scale slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
row:selected scale slider,
infobar scale slider {
background-image: linear-gradient(to bottom, #ffffff);
border-color: #ffffff; }
row:selected scale slider:hover,
infobar scale slider:hover {
background-image: linear-gradient(to bottom, #e5effb);
border-color: #e5effb; }
row:selected scale slider:active,
infobar scale slider:active {
background-image: linear-gradient(to bottom, #a9caf1);
border-color: #a9caf1; }
row:selected scale slider:disabled,
infobar scale slider:disabled {
background-image: linear-gradient(to bottom, #b1cff2);
border-color: #b1cff2; }
scale trough {
margin: 5px;
border: none;
background-image: linear-gradient(to bottom, #cfd6e6); }
scale trough highlight {
background-image: linear-gradient(to bottom, #5294E2); }
scale trough highlight:disabled {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
background-color: red; }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); }
.osd scale trough {
background-image: linear-gradient(to bottom, #454a59);
outline-color: rgba(186, 195, 207, 0.2); }
.osd scale trough highlight {
background-image: none;
background-image: linear-gradient(to bottom, #5294E2); }
row:selected scale trough,
infobar scale trough {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
row:selected scale trough highlight,
infobar scale trough highlight {
background-image: linear-gradient(to bottom, #ffffff); }
row:selected scale trough highlight:disabled,
infobar scale trough highlight:disabled {
background-image: linear-gradient(to bottom, #b1cff2); }
row:selected scale trough:disabled,
infobar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
progressbar {
padding: 0;
font-size: smaller;
color: rgba(92, 97, 108, 0.7); }
progressbar.osd {
min-width: 3px;
min-height: 3px;
background-color: transparent; }
progressbar.osd trough {
border-style: none;
background-color: transparent;
box-shadow: none; }
progressbar progress {
background-color: #5294E2;
border: none;
border-radius: 3px;
box-shadow: none; }
row:selected progressbar progress,
infobar progressbar progress {
background-color: #ffffff; }
progressbar trough {
border: none;
border-radius: 3px;
background-color: #cfd6e6; }
row:selected progressbar trough,
infobar progressbar trough {
background-color: rgba(0, 0, 0, 0.2); }
levelbar block {
min-width: 32px;
min-height: 1px; }
levelbar.vertical block {
min-width: 1px;
min-height: 32px; }
levelbar trough {
border: none;
padding: 3px;
border-radius: 3px;
background-color: #cfd6e6; }
levelbar.horizontal.discrete block {
margin: 0 1px; }
levelbar.vertical.discrete block {
margin: 1px 0; }
levelbar block:not(.empty) {
border: 1px solid #5294E2;
background-color: #5294E2;
border-radius: 2px; }
levelbar block.low {
border-color: #F27835;
background-color: #F27835; }
levelbar block.high {
border-color: #5294E2;
background-color: #5294E2; }
levelbar block.full {
border-color: #73d216;
background-color: #73d216; }
levelbar block.empty {
background-color: rgba(92, 97, 108, 0.2);
border-color: rgba(92, 97, 108, 0.2); }
frame border,
.frame {
margin: 0;
padding: 0;
border-radius: 0;
border: 1px solid #dcdfe3;
padding: 0; }
frame border.flat,
.frame.flat {
border-style: none; }
paper {
border: 1px solid #dcdfe3;
background: white;
padding: 0; }
scrolledwindow viewport.frame, placessidebar viewport.frame {
border-style: none; }
scrolledwindow overshoot.top, placessidebar overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom, placessidebar overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.left, placessidebar overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.right, placessidebar overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow undershoot.top, placessidebar undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: center top;
border: none; }
scrolledwindow undershoot.bottom, placessidebar undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-bottom: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: center bottom;
border: none; }
scrolledwindow undershoot.left, placessidebar undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left center;
border: none; }
scrolledwindow undershoot.right, placessidebar undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right center;
border: none; }
scrolledwindow junction, placessidebar junction {
border-color: transparent;
border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: #fcfcfc; }
scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
separator, .sidebar separator, .sidebar .view separator {
background-color: rgba(0, 0, 0, 0.1);
min-width: 1px;
min-height: 1px; }
list {
background-color: #ffffff;
border-color: #dcdfe3; }
row {
padding: 2px; }
row.activatable.has-open-popup, row.activatable:hover {
background-color: rgba(0, 0, 0, 0.05); }
row.activatable:active {
color: #5c616c; }
row.activatable:selected:active {
color: #ffffff; }
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #4a85cb; }
row.activatable:selected:disabled {
color: rgba(255, 255, 255, 0.7);
background-color: rgba(82, 148, 226, 0.7); }
row.activatable:selected:disabled label {
color: inherit; }
row, row.activatable {
transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:hover, row.activatable:hover {
transition: none; }
.app-notification {
padding: 10px;
color: #BAC3CF;
background-color: #353945;
background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #1f2128; }
.app-notification border {
border: none; }
.app-notification button {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); }
.app-notification button.flat, .app-notification button.sidebar-button {
border-color: rgba(82, 148, 226, 0); }
.app-notification button:hover {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.app-notification button:active, .app-notification button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: #5294E2;
background-clip: padding-box; }
.app-notification button:disabled {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.25); }
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-end-symbolic-rtl"); }
expander arrow:hover {
color: #aaaeb7; }
expander arrow:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
calendar {
color: #5c616c;
border: 1px solid #dcdfe3;
border-radius: 3px;
padding: 2px; }
calendar:selected {
background-color: #5294E2;
color: #ffffff;
border-radius: 1.5px; }
calendar.header {
color: #5c616c;
border: none;
border-radius: 0; }
calendar.button, calendar.button:focus {
color: rgba(92, 97, 108, 0.45);
border-color: transparent;
background-color: transparent;
background-image: none; }
calendar.button:hover, calendar.button:focus:hover {
color: #5c616c; }
calendar.button:disabled, calendar.button:focus:disabled {
color: rgba(92, 97, 108, 0.55);
background-color: transparent;
background-image: none; }
calendar:indeterminate {
color: alpha(currentColor,0.55); }
calendar.highlight {
color: #5c616c; }
messagedialog .titlebar {
background-color: #2f343f;
border-bottom: 1px solid #20232b; }
messagedialog .dialog-action-area button {
padding: 8px;
min-height: 0; }
messagedialog.csd.background {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: none; }
messagedialog.csd .dialog-action-area button {
border-bottom-style: none; }
messagedialog.csd .dialog-action-area button {
border-radius: 0;
border-right-style: none; }
messagedialog.csd .dialog-action-area button:last-child {
border-radius: 0 0 3px 0;
border-right-style: none; }
messagedialog.csd .dialog-action-area button:first-child {
border-radius: 0 0 0 3px;
border-left-style: none; }
messagedialog.csd .dialog-action-area button:only-child {
border-radius: 0 0 3px 3px;
border-left-style: none;
border-right-style: none; }
.sidebar, .sidebar .view {
border: none;
background-color: #F5F6F7; }
stacksidebar row {
padding: 10px 4px; }
stacksidebar row > label {
padding-left: 6px;
padding-right: 6px; }
stacksidebar row.needs-attention > label {
background-size: 6px 6px, 0 0; }
placessidebar list {
background-color: transparent; }
placessidebar row {
padding: 0px; }
placessidebar row > revealer {
padding: 8px 10px; }
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-width: 26px;
min-height: 26px;
padding: 0;
border-radius: 100%;
-gtk-outline-radius: 100%; }
button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; }
placessidebar row.sidebar-placeholder-row {
border: solid 1px #5294E2; }
placessidebar row.sidebar-new-bookmark-row {
background-color: #d9dde0; }
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; }
paned > separator, .sidebar paned > separator, .sidebar .view paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
border-style: none;
background-color: transparent;
background-image: linear-gradient(to top, #dcdfe3);
background-size: 1px 1px; }
paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); }
paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide {
margin: 0;
padding: 0;
min-width: 5px;
min-height: 5px;
background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
background-size: 1px 1px, 1px 1px; }
paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator {
background-repeat: repeat-y; }
paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) {
margin: 0 -8px 0 0;
padding: 0 8px 0 0;
background-position: left; }
paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) {
margin: 0 0 0 -8px;
padding: 0 0 0 8px;
background-position: right; }
paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide {
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide {
background-repeat: repeat-x, repeat-x;
background-position: bottom, top; }
infobar {
border-style: none; }
.info,
.question,
.warning,
.error,
infobar {
background-color: #5294E2;
color: #ffffff; }
row:selected button, infobar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
row:selected button:hover, infobar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
row:selected button:disabled, infobar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
tooltip {
border-radius: 2px;
box-shadow: none; }
tooltip.background {
background-color: #353945;
background-clip: padding-box; }
tooltip decoration {
background-color: transparent; }
tooltip * {
padding: 4px;
background-color: transparent;
color: #BAC3CF; }
colorswatch, colorswatch:drop(active) {
border-style: none; }
colorswatch.top {
border-top-left-radius: 2.5px;
border-top-right-radius: 2.5px; }
colorswatch.top overlay {
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
colorswatch.bottom {
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px; }
colorswatch.bottom overlay {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; }
colorswatch.left, colorswatch:first-child:not(.top) {
border-top-left-radius: 2.5px;
border-bottom-left-radius: 2.5px; }
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px; }
colorswatch.right, colorswatch:last-child:not(.bottom) {
border-top-right-radius: 2.5px;
border-bottom-right-radius: 2.5px; }
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
colorswatch.dark overlay {
color: rgba(255, 255, 255, 0.7); }
colorswatch.dark overlay:hover {
border-color: rgba(0, 0, 0, 0.5); }
colorswatch.light overlay {
color: rgba(0, 0, 0, 0.7); }
colorswatch.light overlay:hover {
border-color: rgba(0, 0, 0, 0.3); }
colorswatch overlay {
border: 1px solid rgba(0, 0, 0, 0.15); }
colorswatch overlay:hover {
background-color: rgba(255, 255, 255, 0.2); }
colorswatch:disabled {
opacity: 0.5; }
colorswatch:disabled overlay {
border-color: rgba(0, 0, 0, 0.6);
box-shadow: none; }
colorswatch#add-color-button {
border-style: solid;
border-width: 1px;
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
colorswatch#add-color-button:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: white; }
colorswatch#add-color-button overlay {
border-color: transparent;
background-color: transparent;
background-image: none; }
button.color {
padding: 0; }
button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay {
margin: 4px;
border-radius: 0; }
.content-view {
background-color: #ffffff; }
.content-view:hover {
-gtk-icon-effect: highlight; }
.scale-popup button {
padding: 6px; }
.scale-popup button:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: white; }
button.scale {
padding: 8px; }
.context-menu, popover.touch-selection,
popover.background.touch-selection {
font: initial; }
.monospace {
font: Monospace; }
button.circular,
button.circular-button {
padding: 0;
min-width: 26px;
min-height: 26px;
border-radius: 50%;
-gtk-outline-radius: 50%; }
button.circular label,
button.circular-button label {
padding: 0; }
.keycap {
background-color: #ffffff;
border: 1px solid #dcdfe3;
border-radius: 2px;
box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05);
color: #5c616c;
padding: 3px 8px 3px 8px; }
stackswitcher button.text-button {
min-width: 80px; }
stackswitcher button.circular {
min-width: 0; }
*:drop(active):focus,
*:drop(active) {
border: 1px solid black; }
.overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%;
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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%;
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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
.undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: center top;
border: none; }
.undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-bottom: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: center bottom;
border: none; }
.undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-left: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left center;
border: none; }
.undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-right: 1px;
background-size: 1px 10px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right center;
border: none; }
decoration {
border-radius: 3px 3px 0 0;
border-width: 0px;
box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.2);
margin: 10px; }
decoration:backdrop {
box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); }
.tiled decoration {
border-radius: 0; }
.popup decoration {
box-shadow: none;
border-radius: 0; }
decoration.popup {
box-shadow: none;
border-radius: 0; }
.ssd decoration, decoration.ssd {
border-radius: 3px 3px 0 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); }
.ssd decoration.maximized, decoration.ssd.maximized {
border-radius: 0; }
.csd.popup decoration {
border-radius: 2px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); }
tooltip.csd decoration {
border-radius: 2px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
messagedialog.csd decoration {
border-radius: 3px; }
.solid-csd decoration {
border-radius: 0;
margin: 1px;
background-color: #2f343f;
box-shadow: none; }
headerbar.default-decoration button.titlebutton,
.titlebar.default-decoration button.titlebutton {
padding: 0 4px;
min-width: 0; }
headerbar button.titlebutton,
.titlebar button.titlebutton {
padding: 0;
min-width: 24px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(47, 52, 63, 0); }
headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); }
headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:active,
.titlebar button.titlebutton:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent;
background-color: #5294E2; }
headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
.titlebar button.titlebutton.close,
.titlebar button.titlebutton.maximize,
.titlebar button.titlebutton.minimize {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
border-width: 0; }
headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop,
.titlebar button.titlebutton.close:backdrop,
.titlebar button.titlebutton.maximize:backdrop,
.titlebar button.titlebutton.minimize:backdrop {
opacity: 1; }
headerbar button.titlebutton.close,
.titlebar button.titlebutton.close {
background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); }
headerbar button.titlebutton.close:backdrop,
.titlebar button.titlebutton.close:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); }
headerbar button.titlebutton.close:hover,
.titlebar button.titlebutton.close:hover {
background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); }
headerbar button.titlebutton.close:active,
.titlebar button.titlebutton.close:active {
background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); }
headerbar button.titlebutton.maximize,
.titlebar button.titlebutton.maximize {
background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); }
headerbar button.titlebutton.maximize:backdrop,
.titlebar button.titlebutton.maximize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); }
headerbar button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); }
headerbar button.titlebutton.maximize:active,
.titlebar button.titlebutton.maximize:active {
background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); }
headerbar button.titlebutton.minimize,
.titlebar button.titlebutton.minimize {
background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); }
headerbar button.titlebutton.minimize:backdrop,
.titlebar button.titlebutton.minimize:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); }
headerbar button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:hover {
background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); }
headerbar button.titlebutton.minimize:active,
.titlebar button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
.view:selected,
.view selection,
.view selection:focus,
.view selection:hover,
textview text:selected,
textview text selection,
textview text selection:focus,
textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected,
label selection,
label selection:focus,
label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected,
modelbutton.flat:active,
modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected {
background-image: none;
background-color: #5294E2;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); }
#panel_window {
background-color: #2b2e37;
color: #BAC3CF;
font: bold;
box-shadow: inset 0 -1px #1b1d23; }
#panel_window .menubar,
#panel_window .menubar > .menuitem {
background-color: transparent;
color: #BAC3CF;
font: bold; }
#panel_window .menubar .menuitem:disabled {
color: rgba(186, 195, 207, 0.5); }
#panel_window .menubar .menuitem:disabled label {
color: inherit; }
#panel_window .menubar .menu .menuitem {
font: normal; }
#login_window,
#shutdown_dialog,
#restart_dialog {
font: normal;
border-style: none;
background-color: transparent;
color: #5c616c; }
#content_frame {
padding-bottom: 14px;
background-color: #F5F6F7;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border: solid rgba(0, 0, 0, 0.1);
border-width: 1px 1px 0 1px; }
#content_frame button {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
#content_frame button:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: white; }
#content_frame button:active, #content_frame button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
#content_frame button:disabled {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
#content_frame button:disabled > label {
color: inherit; }
#buttonbox_frame {
padding-top: 20px;
padding-bottom: 0px;
border-style: none;
background-color: #353945;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: solid rgba(0, 0, 0, 0.1);
border-width: 0 1px 1px 1px;
box-shadow: inset 0 1px #353945; }
#buttonbox_frame button {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); }
#buttonbox_frame button:hover {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
#buttonbox_frame button:active, #buttonbox_frame button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: #5294E2; }
#buttonbox_frame button:disabled {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.25); }
#login_window #user_combobox {
color: #5c616c;
font: 13px; }
#login_window #user_combobox .menu {
font: normal; }
#user_image {
padding: 3px;
border-radius: 2px; }
#shutdown_button.button {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50;
border-color: #F04A50; }
#shutdown_button.button:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e;
border-color: #f4797e; }
#shutdown_button.button:active, #shutdown_button.button:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22;
border-color: #ec1b22; }
#restart_button.button {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4;
border-color: #4DADD4; }
#restart_button.button:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de;
border-color: #76c0de; }
#restart_button.button:active, #restart_button.button:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0;
border-color: #2e96c0; }
#greeter_infobar {
border-bottom-width: 0;
font: bold; }
@define-color theme_fg_color #5c616c;
@define-color theme_text_color #5c616c;
@define-color theme_bg_color #F5F6F7;
@define-color theme_base_color #ffffff;
@define-color theme_selected_bg_color #5294E2;
@define-color theme_selected_fg_color #ffffff;
@define-color fg_color #5c616c;
@define-color text_color #5c616c;
@define-color bg_color #F5F6F7;
@define-color base_color #ffffff;
@define-color selected_bg_color #5294E2;
@define-color selected_fg_color #ffffff;
@define-color insensitive_bg_color #fbfbfc;
@define-color insensitive_fg_color alpha(#5c616c,0.5);
@define-color insensitive_base_color #ffffff;
@define-color theme_unfocused_fg_color #5c616c;
@define-color theme_unfocused_text_color #5c616c;
@define-color theme_unfocused_bg_color #F5F6F7;
@define-color theme_unfocused_base_color #ffffff;
@define-color borders #dcdfe3;
@define-color unfocused_borders #dcdfe3;
@define-color warning_color #F27835;
@define-color error_color #FC4138;
@define-color success_color #73d216;
@define-color placeholder_text_color #A8A8A8;
@define-color content_view_bg #ffffff;
@define-color wm_title alpha(#cfdae7,0.8);
@define-color wm_unfocused_title alpha(#cfdae7,0.5);
@define-color wm_bg #2f343f;
@define-color wm_bg_unfocused #323843;
@define-color wm_highlight #363b48;
@define-color wm_shadow alpha(black,0.35);
@define-color wm_button_close_bg #cc575d;
@define-color wm_button_close_hover_bg #d7787d;
@define-color wm_button_close_active_bg #be3841;
@define-color wm_icon_close_bg #2f343f;
@define-color wm_button_hover_bg #454C5C;
@define-color wm_button_active_bg #5294E2;
@define-color wm_button_hover_border #262932;
@define-color wm_icon_bg #90939B;
@define-color wm_icon_unfocused_bg #666A74;
@define-color wm_icon_hover_bg #C4C7CC;
@define-color wm_icon_active_bg #ffffff;