home/.themes/papirus/gtk-3.0/gtk-dark.css

4157 lines
188 KiB
CSS

* {
padding: 0;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #ed1515;
-GtkCheckButton-indicator-size: 16;
-GtkCheckMenuItem-indicator-size: 16;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkScrolledWindow-scrollbars-within-bevel: 1;
-GtkToolItemGroup-expander-size: 11;
-GtkExpander-expander-size: 16;
-GtkTreeView-expander-size: 11;
-GtkTreeView-horizontal-separator: 4;
-GtkMenu-horizontal-padding: 0;
-GtkMenu-vertical-padding: 0;
-GtkWidget-link-color: #98d4f3;
-GtkWidget-visited-link-color: #6bc0ed;
-GtkWidget-focus-padding: 2;
-GtkWidget-focus-line-width: 1;
-GtkWidget-text-handle-width: 20;
-GtkWidget-text-handle-height: 20;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
-GtkStatusbar-shadow-type: none;
outline-width: 0px; }
/***************
* Base States *
***************/
.background {
color: #EEEFF0;
background-color: #363636; }
.background:backdrop {
text-shadow: none;
-gtk-icon-shadow: none;
color: #EEEFF0;
background-color: #363636; }
/*
These wildcard seems unavoidable, need to investigate.
Wildcards are bad and troublesome, use them with care,
or better, just don't.
Everytime a wildcard is used a kitten dies, painfully.
*/
*:disabled {
-gtk-icon-effect: dim; }
.gtkstyle-fallback {
background-color: #363636;
color: #EEEFF0; }
.gtkstyle-fallback:hover {
background-color: #485057;
color: #EEEFF0; }
.gtkstyle-fallback:active {
background-color: #1a1d1f;
color: #EEEFF0; }
.gtkstyle-fallback:disabled {
background-color: #3a3f44;
color: #909396; }
.gtkstyle-fallback:selected {
background-color: #888888;
color: #EEEFF0; }
.view {
color: #EEEFF0;
background-color: #262626; }
.view:selected, calendar:selected {
border-radius: 3px; }
.rubberband {
border: 1px solid #888888;
background-color: rgba(61, 173, 232, 0.2); }
.label.separator, placessidebar.sidebar .view .label.separator {
color: #EEEFF0; }
.label:disabled {
color: #909396; }
.dim-label, .label.separator, placessidebar.sidebar .view .label.separator, .titlebar .subtitle,
headerbar .subtitle {
opacity: 0.55;
text-shadow: none; }
assistant .sidebar {
background-color: #262626;
border-top: 1px solid #6d6d6d; }
assistant .sidebar:dir(ltr) {
border-right: 1px solid #6d6d6d; }
assistant .sidebar:dir(rtl) {
border-left: 1px solid #6d6d6d; }
assistant .sidebar:backdrop {
background-color: #25292c;
border-color: #63686c; }
assistant.csd .sidebar {
border-top-style: none; }
assistant .sidebar .label {
padding: 6px 12px; }
assistant .sidebar .label.highlight {
background-color: #575b5f; }
textview {
background-color: #2a2e32; }
textview text selection { }
.grid-child {
padding: 3px;
border-radius: 3px; }
popover.osd, .app-notification,
.app-notification.frame, .osd {
color: #EEEFF0;
border: 1px solid #363636;
background-color: rgba(35, 38, 41, 0.8);
background-clip: padding-box;
outline-color: rgba(238, 239, 240, 0.3);
text-shadow: none;
-gtk-icon-shadow: none; }
popover.osd:backdrop, .app-notification:backdrop, .osd:backdrop {
text-shadow: none; }
/*********************
* Spinner Animation *
*********************/
@keyframes spin {
to {
-gtk-icon-transform: rotate(1turn); } }
.spinner {
background-image: none;
background-color: blue;
opacity: 0;
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
.spinner:active {
opacity: 1;
animation: spin 1s linear infinite; }
.spinner:active:disabled {
opacity: 0.5; }
/****************
* Text Entries *
****************/
entry {
border: 1px solid;
padding: 5px 8px 6px;
border-radius: 3px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #262626;
background-image: none;
color: #EEEFF0;
border-color: #6d6d6d; }
entry.image.left {
padding-left: 0; }
entry.image.right {
padding-right: 0; }
entry.flat, entry.flat:focus {
padding: 2px;
background-color: #262626;
background-image: none;
color: #EEEFF0;
border-color: #6d6d6d;
border: none;
border-radius: 0; }
entry:focus {
background-color: #262626;
background-image: none;
border-color: #888888; }
entry:disabled {
background-color: #262626;
background-image: none;
color: #909396;
border-color: #6d6d6d;
background-color: #3a3f44;
box-shadow: none; }
entry:backdrop {
background-color: #262626;
background-image: none;
color: #EEEFF0;
border-color: #6d6d6d;
background-color: #262626;
box-shadow: none; }
entry:backdrop:disabled {
background-color: #262626;
background-image: none;
color: #909396;
border-color: #6d6d6d;
background-color: #3a3f44;
box-shadow: none; }
entry progressbar {
margin: 1px;
border-radius: 0;
border-width: 0 0 2px;
border-color: #888888;
border-style: solid;
background-image: none;
background-color: transparent;
box-shadow: none; }
entry progressbar:backdrop {
background-color: transparent; }
.linked > entry {
border-radius: 0; }
.linked > entry:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
.linked > entry:first-child:dir(rtl) {
border-right-style: none; }
.linked > entry:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-left-style: none; }
.linked > entry:last-child:dir(rtl) {
border-left-style: solid; }
entry.error {
color: #ed1515;
border-color: #4a0606; }
entry.error:focus {
background-color: #262626;
background-image: none;
border-color: #4a0606; }
entry.error:selected, entry.error:selected:focus {
background-color: #ed1515; }
entry.warning {
color: #f67400;
border-color: #442000; }
entry.warning:focus {
background-color: #262626;
background-image: none;
border-color: #442000; }
entry.warning:selected, entry.warning:selected:focus {
background-color: #f67400; }
entry.image {
color: #c5c7c8; }
entry.image:hover {
color: #EEEFF0; }
entry.image:active {
color: #888888; }
entry.image:backdrop {
color: #54585c; }
.osd entry {
background-color: #262626;
background-image: none;
color: #EEEFF0;
border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(35, 38, 41, 0.8);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd entry:focus {
background-color: #262626;
background-image: none;
color: #EEEFF0;
border-color: #888888;
background-color: rgba(35, 38, 41, 0.8);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd entry:backdrop {
background-color: #262626;
background-image: none;
color: #EEEFF0;
border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.7);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd entry:disabled {
background-color: #262626;
background-image: none;
color: #898b8d;
border-color: rgba(0, 0, 0, 0.7);
background-color: shade(#EEEFF0, 0.3);
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.linked.vertical > entry:not(:last-child) {
box-shadow: none; }
.linked.vertical > entry:focus:not(:last-child) {
box-shadow: inset 0 0 0 1px #888888; }
.linked.vertical > entry:not(:disabled) + entry:not(:disabled) {
border-top-color: #383b3f;
background-image: linear-gradient(to bottom, #262626); }
.linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop {
border-top-color: #383c3f;
background-image: linear-gradient(to bottom, #25292c); }
.linked.vertical > entry + entry:focus:not(:last-child) {
border-top-color: #888888;
box-shadow: inset 0 0 0 1px #888888; }
.linked.vertical > entry + entry:focus:last-child {
border-top-color: #888888; }
.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,
.linked.vertical > entry:focus:not(:only-child) + comboboxText > button {
border-top-color: #888888; }
/***********
* Buttons *
***********/
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#81caf0), to(transparent)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#888888), to(transparent)); } }
button, headerbar button.titlebutton,
.titlebar button.titlebutton {
border: 1px solid;
border-radius: 3px;
padding: 5px 8px 6px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363b41, #363636); }
button.flat, headerbar .titlebutton.button,
.titlebar .titlebutton.button {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
transition: none; }
button.flat:hover, headerbar .titlebutton.button:hover,
.titlebar .titlebutton.button:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 500ms; }
button.flat:hover:active, headerbar .titlebutton.button:hover:active,
.titlebar .titlebutton.button:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #363636, #363636);
-gtk-icon-effect: highlight; }
button:active, headerbar button.titlebutton:active,
.titlebar button.titlebutton:active, button:checked, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:checked {
color: #363636;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
transition-duration: 50ms; }
button:active:hover, button:checked:hover {
color: #363636;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #888888, #888888); }
button.flat:backdrop, headerbar .titlebutton.button:backdrop,
.titlebar .titlebutton.button:backdrop, button.flat:disabled, headerbar .titlebutton.button:disabled,
.titlebar .titlebutton.button:disabled, button.flat:backdrop:disabled, headerbar .titlebutton.button:backdrop:disabled,
.titlebar .titlebutton.button:backdrop:disabled {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
button:disabled, headerbar button.titlebutton:disabled,
.titlebar button.titlebutton:disabled {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
button:disabled > .label, headerbar button.titlebutton:disabled > .label,
.titlebar button.titlebutton:disabled > .label {
color: inherit; }
button:disabled:active, button:disabled:checked {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
button:disabled:active > .label, headerbar button.titlebutton:disabled:active > .label,
.titlebar button.titlebutton:disabled:active > .label, button:disabled:checked > .label, headerbar button.titlebutton:disabled:checked > .label,
.titlebar button.titlebutton:disabled:checked > .label {
color: inherit; }
button.osd, headerbar .osd.button.titlebutton,
.titlebar .osd.button.titlebutton {
color: #EEEFF0;
border-radius: 5px;
outline-color: rgba(238, 239, 240, 0.3);
color: #EEEFF0;
border-color: #6d6d6d;
background-image: none;
background-color: #363636;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
font-weight: normal;
border: none;
box-shadow: none; }
button.osd.image-button, headerbar .osd.titlebutton.button,
.titlebar .osd.titlebutton.button {
padding: 13px; }
button.osd:hover {
color: #EEEFF0;
border-color: #888888;
background-image: none;
background-clip: padding-box;
text-shadow: none;
-gtk-icon-shadow: none;
border: none;
box-shadow: none; }
button.osd:active, button.osd:checked {
color: #EEEFF0;
border-color: rgba(35, 38, 41, 0.8);
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
border: none;
box-shadow: none; }
button.osd:disabled, button.osd:backdrop:disabled {
color: #909396;
border-color: #3a3f44;
background-image: none;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
border: none; }
button.osd:backdrop {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
border: none; }
.osd button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton,
.osd .titlebar button.titlebutton,
.titlebar .osd button.titlebutton {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: none;
background-color: #363636;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
font-weight: normal;
border-radius: 3px;
border-style: solid; }
.osd button:dir(rtl) {
border-radius: 3px; }
.osd button:first-child {
border-radius: 3px 3px 3px 3px; }
.osd button:last-child {
border-radius: 3px 3px 3px 3px; }
.osd button:last-child:dir(rtl) {
border-right-style: solid; }
.osd button:only-child {
border-radius: 3px;
border-style: solid; }
.osd button:hover {
color: #EEEFF0;
border-color: #888888;
background-image: none;
background-clip: padding-box;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked {
color: #EEEFF0;
border-color: rgba(35, 38, 41, 0.8);
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button:disabled, .osd button:backdrop:disabled {
color: #909396;
border-color: #3a3f44;
background-image: none;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button:backdrop {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.flat, .osd headerbar .titlebutton.button, headerbar .osd .titlebutton.button,
.osd .titlebar .titlebutton.button,
.titlebar .osd .titlebutton.button {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
font-weight: normal; }
.osd button.flat:hover, .osd headerbar .titlebutton.button:hover, headerbar .osd .titlebutton.button:hover,
.osd .titlebar .titlebutton.button:hover,
.titlebar .osd .titlebutton.button:hover {
color: #EEEFF0;
border-color: #888888;
background-image: none;
background-clip: padding-box;
text-shadow: none;
-gtk-icon-shadow: none;
background-clip: padding-box;
box-shadow: none; }
.osd button.flat:disabled, .osd headerbar .titlebutton.button:disabled, headerbar .osd .titlebutton.button:disabled,
.osd .titlebar .titlebutton.button:disabled,
.titlebar .osd .titlebutton.button:disabled {
color: #909396;
border-color: #3a3f44;
background-image: none;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-image: none;
border-color: transparent;
box-shadow: none; }
.osd button.flat:backdrop, .osd headerbar .titlebutton.button:backdrop, headerbar .osd .titlebutton.button:backdrop,
.osd .titlebar .titlebutton.button:backdrop,
.titlebar .osd .titlebutton.button:backdrop {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.flat:active, .osd headerbar .titlebutton.button:active, headerbar .osd .titlebutton.button:active,
.osd .titlebar .titlebutton.button:active,
.titlebar .osd .titlebutton.button:active, .osd button.flat:checked, .osd headerbar .titlebutton.button:checked, headerbar .osd .titlebutton.button:checked,
.osd .titlebar .titlebutton.button:checked,
.titlebar .osd .titlebutton.button:checked {
color: #EEEFF0;
border-color: rgba(35, 38, 41, 0.8);
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
background-clip: padding-box;
border-color: transparent;
box-shadow: none; }
button.suggested-action, headerbar .suggested-action.button.titlebutton,
.titlebar .suggested-action.button.titlebutton {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #262626;
border-color: #888888;
background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
button.suggested-action.flat, headerbar .suggested-action.titlebutton.button,
.titlebar .suggested-action.titlebutton.button {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: #888888; }
button.suggested-action:hover {
color: white;
border-color: #888888;
background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
button.suggested-action:active, button.suggested-action:checked {
color: white;
border-color: #888888;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
button.suggested-action:backdrop, button.suggested-action.flat:backdrop, headerbar .suggested-action.titlebutton.button:backdrop,
.titlebar .suggested-action.titlebutton.button:backdrop {
color: white;
border-color: #888888;
background-image: linear-gradient(to bottom, #888888);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, headerbar .suggested-action.titlebutton.button:backdrop:active,
.titlebar .suggested-action.titlebutton.button:backdrop:active, button.suggested-action.flat:backdrop:checked, headerbar .suggested-action.titlebutton.button:backdrop:checked,
.titlebar .suggested-action.titlebutton.button:backdrop:checked {
color: #d1eaf7;
border-color: #888888;
background-image: linear-gradient(to bottom, #1a97d8);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, headerbar .suggested-action.titlebutton.button:backdrop:disabled,
.titlebar .suggested-action.titlebutton.button:backdrop:disabled {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:backdrop:disabled > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
.titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label, button.suggested-action.flat:backdrop:disabled > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled > .label,
.titlebar .suggested-action.titlebutton.button:backdrop:disabled > .label {
color: inherit; }
button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, headerbar .suggested-action.titlebutton.button:backdrop:disabled:active,
.titlebar .suggested-action.titlebutton.button:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, headerbar .suggested-action.titlebutton.button:backdrop:disabled:checked,
.titlebar .suggested-action.titlebutton.button:backdrop:disabled:checked {
color: #79b4d2;
border-color: #888888;
background-image: linear-gradient(to bottom, #318bba); }
button.suggested-action:backdrop:disabled:active > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled:active > .label,
.titlebar .suggested-action.button.titlebutton:backdrop:disabled:active > .label, button.suggested-action:backdrop:disabled:checked > .label, headerbar .suggested-action.button.titlebutton:backdrop:disabled:checked > .label,
.titlebar .suggested-action.button.titlebutton:backdrop:disabled:checked > .label, button.suggested-action.flat:backdrop:disabled:active > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled:active > .label,
.titlebar .suggested-action.titlebutton.button:backdrop:disabled:active > .label, button.suggested-action.flat:backdrop:disabled:checked > .label, headerbar .suggested-action.titlebutton.button:backdrop:disabled:checked > .label,
.titlebar .suggested-action.titlebutton.button:backdrop:disabled:checked > .label {
color: inherit; }
button.suggested-action.flat:backdrop, headerbar .suggested-action.titlebutton.button:backdrop,
.titlebar .suggested-action.titlebutton.button:backdrop, button.suggested-action.flat:disabled, headerbar .suggested-action.titlebutton.button:disabled,
.titlebar .suggested-action.titlebutton.button:disabled, button.suggested-action.flat:backdrop:disabled, headerbar .suggested-action.titlebutton.button:backdrop:disabled,
.titlebar .suggested-action.titlebutton.button:backdrop:disabled {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(61, 173, 232, 0.8); }
button.suggested-action:disabled {
background-color: transparent;
color: shade(#EEEFF0, 0.5); }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
background-color: transparent;
color: shade(#EEEFF0, 0.5); }
.osd button.suggested-action {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: none;
background-color: #363636;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
font-weight: normal; }
.osd button.suggested-action:hover {
color: #EEEFF0;
border-color: #888888;
background-image: none;
background-clip: padding-box;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked {
color: #EEEFF0;
border-color: rgba(35, 38, 41, 0.8);
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.suggested-action:disabled, .osd button.suggested-action:backdrop:disabled {
color: #909396;
border-color: #3a3f44;
background-image: none;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.suggested-action:backdrop {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
button.destructive-action, headerbar .destructive-action.button.titlebutton,
.titlebar .destructive-action.button.titlebutton {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #262626;
border-color: #d51010;
background-image: linear-gradient(to bottom, #df1111, #d51010); }
button.destructive-action.flat, headerbar .destructive-action.titlebutton.button,
.titlebar .destructive-action.titlebutton.button {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: #d51010; }
button.destructive-action:hover {
color: white;
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010, #d51010); }
button.destructive-action:active, button.destructive-action:checked {
color: white;
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010, shade(#d51010, 0.8)); }
button.destructive-action:backdrop, button.destructive-action.flat:backdrop, headerbar .destructive-action.titlebutton.button:backdrop,
.titlebar .destructive-action.titlebutton.button:backdrop {
color: white;
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, headerbar .destructive-action.titlebutton.button:backdrop:active,
.titlebar .destructive-action.titlebutton.button:backdrop:active, button.destructive-action.flat:backdrop:checked, headerbar .destructive-action.titlebutton.button:backdrop:checked,
.titlebar .destructive-action.titlebutton.button:backdrop:checked {
color: #edcece;
border-color: #d51010;
background-image: linear-gradient(to bottom, #a60c0c);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, headerbar .destructive-action.titlebutton.button:backdrop:disabled,
.titlebar .destructive-action.titlebutton.button:backdrop:disabled {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled > .label,
.titlebar .destructive-action.button.titlebutton:backdrop:disabled > .label, button.destructive-action.flat:backdrop:disabled > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled > .label,
.titlebar .destructive-action.titlebutton.button:backdrop:disabled > .label {
color: inherit; }
button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, headerbar .destructive-action.titlebutton.button:backdrop:disabled:active,
.titlebar .destructive-action.titlebutton.button:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, headerbar .destructive-action.titlebutton.button:backdrop:disabled:checked,
.titlebar .destructive-action.titlebutton.button:backdrop:disabled:checked {
color: #c36465;
border-color: #d51010;
background-image: linear-gradient(to bottom, #a31112); }
button.destructive-action:backdrop:disabled:active > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled:active > .label,
.titlebar .destructive-action.button.titlebutton:backdrop:disabled:active > .label, button.destructive-action:backdrop:disabled:checked > .label, headerbar .destructive-action.button.titlebutton:backdrop:disabled:checked > .label,
.titlebar .destructive-action.button.titlebutton:backdrop:disabled:checked > .label, button.destructive-action.flat:backdrop:disabled:active > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled:active > .label,
.titlebar .destructive-action.titlebutton.button:backdrop:disabled:active > .label, button.destructive-action.flat:backdrop:disabled:checked > .label, headerbar .destructive-action.titlebutton.button:backdrop:disabled:checked > .label,
.titlebar .destructive-action.titlebutton.button:backdrop:disabled:checked > .label {
color: inherit; }
button.destructive-action.flat:backdrop, headerbar .destructive-action.titlebutton.button:backdrop,
.titlebar .destructive-action.titlebutton.button:backdrop, button.destructive-action.flat:disabled, headerbar .destructive-action.titlebutton.button:disabled,
.titlebar .destructive-action.titlebutton.button:disabled, button.destructive-action.flat:backdrop:disabled, headerbar .destructive-action.titlebutton.button:backdrop:disabled,
.titlebar .destructive-action.titlebutton.button:backdrop:disabled {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: rgba(213, 16, 16, 0.8); }
button.destructive-action:disabled {
background-color: transparent;
color: shade(#EEEFF0, 0.5); }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
background-color: transparent;
color: shade(#EEEFF0, 0.5); }
.osd button.destructive-action {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: none;
background-color: #363636;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
font-weight: normal; }
.osd button.destructive-action:hover {
color: #EEEFF0;
border-color: #888888;
background-image: none;
background-clip: padding-box;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked {
color: #EEEFF0;
border-color: rgba(35, 38, 41, 0.8);
background-image: linear-gradient(to bottom, #d51010, shade(#d51010, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.destructive-action:disabled, .osd button.destructive-action:backdrop:disabled {
color: #909396;
border-color: #3a3f44;
background-image: none;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd button.destructive-action:backdrop {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
button.image-button, headerbar .titlebutton.button,
.titlebar .titlebutton.button {
padding: 8px; }
button.text-button, headerbar .text-button.button.titlebutton,
.titlebar .text-button.button.titlebutton {
padding-left: 16px;
padding-right: 16px; }
button.text-button.image-button, headerbar .text-button.titlebutton.button,
.titlebar .text-button.titlebutton.button {
padding: 5px 8px 6px; }
button.text-button.image-button .label:first-child, headerbar .text-button.titlebutton.button .label:first-child,
.titlebar .text-button.titlebutton.button .label:first-child {
padding-left: 8px; }
button.text-button.image-button .label:last-child, headerbar .text-button.titlebutton.button .label:last-child,
.titlebar .text-button.titlebutton.button .label:last-child {
padding-right: 8px; }
.stack-switcher > button, headerbar .stack-switcher > button.titlebutton,
.titlebar .stack-switcher > button.titlebutton {
outline-offset: -3px; }
.stack-switcher > button > .label {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button > image, headerbar .stack-switcher > button.titlebutton > image,
.titlebar .stack-switcher > button.titlebutton > image {
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px; }
.stack-switcher > button.text-button, headerbar .stack-switcher > .text-button.button.titlebutton,
.titlebar .stack-switcher > .text-button.button.titlebutton {
padding: 5px 10px 6px; }
.stack-switcher > button.image-button, headerbar .stack-switcher > .titlebutton.button,
.titlebar .stack-switcher > .titlebutton.button {
padding: 5px 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; }
.inline-toolbar button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton,
.inline-toolbar .titlebar button.titlebutton,
.titlebar .inline-toolbar button.titlebutton, .inline-toolbar button:backdrop {
border-radius: 2px;
border-width: 1px; }
.primary-toolbar button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton,
.primary-toolbar .titlebar button.titlebutton,
.titlebar .primary-toolbar button.titlebutton {
-gtk-icon-shadow: none; }
.stack-switcher > button.needs-attention > .label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > .label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#81caf0), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.83059)), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 2px; }
.stack-switcher > button.needs-attention > .label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > .label:backdrop {
background-size: 6px 6px, 0 0; }
.stack-switcher > button.needs-attention > .label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
background-position: left 3px, left 2px; }
.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton,
.inline-toolbar .titlebar toolbutton > button.titlebutton,
.titlebar .inline-toolbar toolbutton > button.titlebutton {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363b41, #363636); }
.inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover,
.inline-toolbar .titlebar toolbutton > button.titlebutton:hover {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #363636, #363636); }
.inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton > button.titlebutton:active,
.inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton > button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked,
.inline-toolbar .titlebar toolbutton > button.titlebutton:checked {
color: #363636;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
.inline-toolbar toolbutton > button:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled,
.inline-toolbar .titlebar toolbutton > button.titlebutton:disabled {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
.inline-toolbar toolbutton > button:disabled > .label {
color: inherit; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:active,
.inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:active, .inline-toolbar toolbutton > button:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:checked,
.inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:checked {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
.inline-toolbar toolbutton > button:disabled:active > .label, .inline-toolbar toolbutton > button:disabled:checked > .label {
color: inherit; }
.inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:active,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked {
color: #606468;
border-color: #63686c;
background-image: linear-gradient(to bottom, #43484c);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled > .label {
color: inherit; }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:active,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:checked,
.inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:checked {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #2e3236); }
.inline-toolbar toolbutton > button:backdrop:disabled:active > .label, .inline-toolbar toolbutton > button:backdrop:disabled:checked > .label {
color: inherit; }
.inline-toolbar toolbutton > button.flat:dir(rtl), .inline-toolbar headerbar toolbutton > button.titlebutton:dir(rtl), headerbar .inline-toolbar toolbutton > button.titlebutton:dir(rtl),
.inline-toolbar .titlebar toolbutton > button.titlebutton:dir(rtl),
.titlebar .inline-toolbar toolbutton > button.titlebutton:dir(rtl),
.inline-toolbar toolbutton:backdrop > button.flat:dir(rtl), .inline-toolbar.toolbar toolbutton:dir(rtl) > button.flat, .inline-toolbar toolbutton:dir(rtl) > button.flat, .inline-toolbar.search-bar toolbutton:dir(rtl) > button.flat, .inline-toolbar.location-bar toolbutton:dir(rtl) > button.flat, .inline-toolbar headerbar toolbutton:dir(rtl) > button.titlebutton, headerbar .inline-toolbar toolbutton:dir(rtl) > button.titlebutton,
.inline-toolbar .titlebar toolbutton:dir(rtl) > button.titlebutton,
.titlebar .inline-toolbar toolbutton:dir(rtl) > button.titlebutton,
.inline-toolbar.toolbar toolbutton:backdrop:dir(rtl) > button.flat,
.inline-toolbar toolbutton:backdrop:dir(rtl) > button.flat,
.inline-toolbar.search-bar toolbutton:backdrop:dir(rtl) > button.flat,
.inline-toolbar.location-bar toolbutton:backdrop:dir(rtl) > button.flat,
.inline-toolbar headerbar toolbutton:backdrop:dir(rtl) > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop:dir(rtl) > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop:dir(rtl) > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop:dir(rtl) > button.titlebutton, .osd button:dir(rtl):hover, .osd button:dir(rtl):active, .osd button:dir(rtl):checked, .osd button:dir(rtl):disabled, .osd button:dir(rtl):backdrop, .osd button.suggested-action:dir(rtl), .osd button.destructive-action:dir(rtl), .inline-toolbar button:dir(rtl), .linked > button:dir(rtl), headerbar .linked > button.titlebutton:dir(rtl),
.titlebar .linked > button.titlebutton:dir(rtl), combobox.combobox-entry entry:dir(rtl), combobox.combobox-entry button:dir(rtl), .linked > combobox > button:dir(rtl) {
border-radius: 3px; }
.osd button:first-child:hover, .osd button:first-child:active, .osd button:first-child:checked, .osd button:first-child:disabled, .osd button:first-child:backdrop, .osd button.suggested-action:first-child, .osd button.destructive-action:first-child, .inline-toolbar button:first-child, .linked > button:first-child, headerbar .linked > button.titlebutton:first-child,
.titlebar .linked > button.titlebutton:first-child, .inline-toolbar.toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar.search-bar toolbutton:first-child > button.flat, .inline-toolbar.location-bar toolbutton:first-child > button.flat, .inline-toolbar headerbar toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:first-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:first-child > button.titlebutton,
.inline-toolbar.toolbar toolbutton:backdrop:first-child > button.flat,
.inline-toolbar toolbutton:backdrop:first-child > button.flat,
.inline-toolbar.search-bar toolbutton:backdrop:first-child > button.flat,
.inline-toolbar.location-bar toolbutton:backdrop:first-child > button.flat,
.inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.combobox-entry entry:first-child, combobox.combobox-entry button:first-child, .linked > combobox:first-child > button {
border-radius: 3px 3px 3px 3px;
border-left-style: solid; }
.osd button:last-child:hover, .osd button:last-child:active, .osd button:last-child:checked, .osd button:last-child:disabled, .osd button:last-child:backdrop, .osd button.suggested-action:last-child, .osd button.destructive-action:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child,
.titlebar .linked > button.titlebutton:last-child, .inline-toolbar.toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar.search-bar toolbutton:last-child > button.flat, .inline-toolbar.location-bar toolbutton:last-child > button.flat, .inline-toolbar headerbar toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:last-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:last-child > button.titlebutton,
.inline-toolbar.toolbar toolbutton:backdrop:last-child > button.flat,
.inline-toolbar toolbutton:backdrop:last-child > button.flat,
.inline-toolbar.search-bar toolbutton:backdrop:last-child > button.flat,
.inline-toolbar.location-bar toolbutton:backdrop:last-child > button.flat,
.inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, combobox.combobox-entry entry:last-child, combobox.combobox-entry button:last-child, .linked > combobox:last-child > button {
border-radius: 3px 3px 3px 3px; }
.osd button:last-child:dir(rtl):hover, .osd button:last-child:dir(rtl):active, .osd button:last-child:dir(rtl):checked, .osd button:last-child:dir(rtl):disabled, .osd button:last-child:dir(rtl):backdrop, .osd button.suggested-action:last-child:dir(rtl), .osd button.destructive-action:last-child:dir(rtl), .inline-toolbar button:last-child:dir(rtl), .linked > button:last-child:dir(rtl), headerbar .linked > button.titlebutton:last-child:dir(rtl),
.titlebar .linked > button.titlebutton:last-child:dir(rtl), .inline-toolbar toolbutton:last-child > button.flat:dir(rtl), .inline-toolbar headerbar toolbutton:last-child > button.titlebutton:dir(rtl), headerbar .inline-toolbar toolbutton:last-child > button.titlebutton:dir(rtl),
.inline-toolbar .titlebar toolbutton:last-child > button.titlebutton:dir(rtl),
.titlebar .inline-toolbar toolbutton:last-child > button.titlebutton:dir(rtl),
.inline-toolbar toolbutton:backdrop:last-child > button.flat:dir(rtl), .inline-toolbar.toolbar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar.search-bar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar.location-bar toolbutton:last-child:dir(rtl) > button.flat, .inline-toolbar headerbar toolbutton:last-child:dir(rtl) > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child:dir(rtl) > button.titlebutton,
.inline-toolbar .titlebar toolbutton:last-child:dir(rtl) > button.titlebutton,
.titlebar .inline-toolbar toolbutton:last-child:dir(rtl) > button.titlebutton,
.inline-toolbar.toolbar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
.inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
.inline-toolbar.search-bar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
.inline-toolbar.location-bar toolbutton:backdrop:last-child:dir(rtl) > button.flat,
.inline-toolbar headerbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop:last-child:dir(rtl) > button.titlebutton, combobox.combobox-entry entry:last-child:dir(rtl), combobox.combobox-entry button:last-child:dir(rtl), .linked > combobox:last-child > button:dir(rtl) {
border-right-style: solid; }
.osd button:only-child:hover, .osd button:only-child:active, .osd button:only-child:checked, .osd button:only-child:disabled, .osd button:only-child:backdrop, .osd button.suggested-action:only-child, .osd button.destructive-action:only-child, .inline-toolbar button:only-child, .linked > button:only-child, headerbar .linked > button.titlebutton:only-child,
.titlebar .linked > button.titlebutton:only-child, .inline-toolbar.toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar.search-bar toolbutton:only-child > button.flat, .inline-toolbar.location-bar toolbutton:only-child > button.flat, .inline-toolbar headerbar toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:only-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:only-child > button.titlebutton,
.inline-toolbar.toolbar toolbutton:backdrop:only-child > button.flat,
.inline-toolbar toolbutton:backdrop:only-child > button.flat,
.inline-toolbar.search-bar toolbutton:backdrop:only-child > button.flat,
.inline-toolbar.location-bar toolbutton:backdrop:only-child > button.flat,
.inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton,
headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
.inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton,
.titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, combobox.combobox-entry entry:only-child, combobox.combobox-entry button:only-child, .linked > combobox:only-child > button {
border-radius: 3px;
border-style: solid; }
.linked.vertical > entry, .linked.vertical > button, headerbar .linked.vertical > button.titlebutton,
.titlebar .linked.vertical > button.titlebutton, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > comboboxText > button,
.linked.vertical > combobox > button {
border-left-style: solid;
border-bottom-style: none;
border-radius: 3px; }
.linked.vertical > entry:first-child, .linked.vertical > button:first-child, headerbar .linked.vertical > button.titlebutton:first-child,
.titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > comboboxText:first-child > button,
.linked.vertical > combobox:first-child > button {
border-radius: 3px 3px 3px 3px; }
.linked.vertical > entry:last-child, .linked.vertical > button:last-child, headerbar .linked.vertical > button.titlebutton:last-child,
.titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > comboboxText:last-child > button,
.linked.vertical > combobox:last-child > button {
border-radius: 3px 3px 3px 3px;
border-style: solid; }
.linked.vertical > entry:only-child, .linked.vertical > button:only-child, headerbar .linked.vertical > button.titlebutton:only-child,
.titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > comboboxText:only-child > button,
.linked.vertical > combobox:only-child > button {
border-radius: 3px;
border-style: solid; }
menuitem.button.flat, headerbar menuitem.titlebutton.button,
.titlebar menuitem.titlebutton.button, menuitem.button.flat:backdrop, menuitem.button.flat:backdrop:hover, headerbar menuitem.titlebutton.button:backdrop:hover,
.titlebar menuitem.titlebutton.button:backdrop:hover, button:link, headerbar button.titlebutton:link,
.titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
.titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link:backdrop, button:visited:backdrop, menu.button, headerbar menu.button.titlebutton,
.titlebar menu.button.titlebutton, list-row.button, headerbar list-row.button.titlebutton,
.titlebar list-row.button.titlebutton,
list-row.button:backdrop,
list-row.button:backdrop:active,
list-row.button:backdrop:checked,
list-row.button:backdrop:disabled,
list-row.button:backdrop:disabled:active,
list-row.button:backdrop:disabled:checked,
list-row.button:disabled:active,
list-row.button:disabled:checked, .app-notification button.flat, .app-notification headerbar .titlebutton.button, headerbar .app-notification .titlebutton.button,
.app-notification .titlebar .titlebutton.button,
.titlebar .app-notification .titlebutton.button,
.app-notification.frame button.flat, .app-notification button.flat:backdrop, .app-notification button.flat:disabled, .app-notification button.flat:backdrop:disabled, .app-notification headerbar .titlebutton.button:backdrop:disabled, headerbar .app-notification .titlebutton.button:backdrop:disabled,
.app-notification .titlebar .titlebutton.button:backdrop:disabled,
.titlebar .app-notification .titlebutton.button:backdrop:disabled,
.app-notification.frame button.flat:backdrop,
.app-notification.frame headerbar button.titlebutton:backdrop,
headerbar .app-notification.frame button.titlebutton:backdrop,
.app-notification.frame .titlebar button.titlebutton:backdrop,
.titlebar .app-notification.frame button.titlebutton:backdrop,
.app-notification.frame button.flat:disabled,
.app-notification.frame headerbar button.titlebutton:disabled,
headerbar .app-notification.frame button.titlebutton:disabled,
.app-notification.frame .titlebar button.titlebutton:disabled,
.titlebar .app-notification.frame button.titlebutton:disabled,
.app-notification.frame button.flat:backdrop:disabled, calendar.button, headerbar calendar.button.titlebutton,
.titlebar calendar.button.titlebutton, calendar.button:hover, calendar.button:backdrop, scale-popup button:hover, scale-popup button:backdrop, scale-popup button:backdrop:hover, scale-popup button:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
/* menu buttons */
menuitem.button.flat, headerbar menuitem.titlebutton.button,
.titlebar menuitem.titlebutton.button {
outline-offset: -1px; }
menuitem.button.flat:hover, headerbar menuitem.titlebutton.button:hover,
.titlebar menuitem.titlebutton.button:hover {
background-color: #44494d; }
button.color, headerbar button.color.titlebutton,
.titlebar button.color.titlebutton {
padding: 5px; }
button.color colorswatch:first-child:last-child {
border-radius: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
button.color colorswatch:first-child:last-child:disabled, button.color colorswatch:first-child:last-child:backdrop {
box-shadow: none; }
/*********
* Links *
*********/
*:link, button:link, headerbar button.titlebutton:link,
.titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
.titlebar button.titlebutton:visited {
color: #98d4f3; }
*:link:visited, button:visited, headerbar button.titlebutton:visited,
.titlebar button.titlebutton:visited {
color: #6bc0ed; }
*:selected *:link:visited, *:selected button:visited {
color: #a7d5ed; }
*:link:hover, button:hover:link, button:hover:visited {
color: #c6e7f8; }
*:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited {
color: #dce8ef; }
*:link:active, button:active:link, button:active:visited {
color: #98d4f3; }
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
color: #cbe2ee; }
*:link:backdrop, button:backdrop:link, button:backdrop:visited, *:link:backdrop:hover, button:backdrop:hover:link, button:backdrop:hover:visited, *:link:backdrop:hover:selected, button:backdrop:hover:selected:link, button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link,
headerbar.selection-mode .subtitle:backdrop:hover:link {
color: #888888; }
*:link:selected, button:selected:link, button:selected:visited, .titlebar.selection-mode .subtitle:link,
headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
color: #cbe2ee; }
button:link, headerbar button.titlebutton:link,
.titlebar button.titlebutton:link, button:visited, headerbar button.titlebutton:visited,
.titlebar button.titlebutton:visited {
text-shadow: none; }
button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked {
text-shadow: none; }
/*****************
* GtkSpinButton *
*****************/
spinbutton button, spinbutton headerbar button.titlebutton, headerbar spinbutton button.titlebutton,
spinbutton .titlebar button.titlebutton,
.titlebar spinbutton button.titlebutton {
background-image: none;
border-style: none none none solid;
border-color: rgba(105, 109, 113, 0.3);
color: #dadbdc;
border-radius: 0;
box-shadow: none; }
spinbutton button:dir(rtl) {
border-style: none solid none none; }
spinbutton button:hover {
color: #EEEFF0;
background-color: rgba(238, 239, 240, 0.05); }
spinbutton button:disabled {
color: rgba(144, 147, 150, 0.3); }
spinbutton button:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.1); }
spinbutton button:backdrop {
color: #5a5e62;
border-color: rgba(99, 104, 108, 0.3);
background-color: transparent; }
spinbutton button:backdrop:disabled {
background-image: none;
color: rgba(84, 92, 101, 0.3);
border-style: none none none solid; }
spinbutton button:backdrop:disabled:dir(rtl) {
border-style: none solid none none; }
.osd spinbutton button {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: #EEEFF0;
border-style: none none none solid;
border-color: rgba(0, 0, 0, 0.4);
border-radius: 0;
box-shadow: none;
-gtk-icon-shadow: 0 1px black; }
.osd spinbutton button:dir(rtl) {
border-style: none solid none none; }
.osd spinbutton button:hover {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: #EEEFF0;
border-color: rgba(0, 0, 0, 0.5);
background-color: rgba(238, 239, 240, 0.1);
-gtk-icon-shadow: 0 1px black;
box-shadow: none; }
.osd spinbutton button:backdrop {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: #EEEFF0;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
.osd spinbutton button:disabled {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: #898b8d;
border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
.osd spinbutton button:last-child {
border-radius: 0 3px 3px 0; }
.osd spinbutton button:dir(rtl):first-child {
border-radius: 3px 0 0 3px; }
spinbutton.vertical button, spinbutton.vertical:dir(rtl) button {
padding-top: 8px;
padding-bottom: 8px; }
spinbutton.vertical button:first-child, spinbutton.vertical:dir(rtl) button:first-child {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363b41, #363636); }
spinbutton.vertical button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:active {
color: #363636;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
spinbutton.vertical button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:hover {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #363636, #363636); }
spinbutton.vertical button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:disabled {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
spinbutton.vertical button:first-child:disabled > .label, spinbutton.vertical headerbar button.titlebutton:first-child:disabled > .label,
spinbutton.vertical .titlebar button.titlebutton:first-child:disabled > .label, spinbutton.vertical:dir(rtl) button:first-child:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:first-child:disabled > .label,
spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:first-child:disabled > .label {
color: inherit; }
spinbutton.vertical button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child:backdrop {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
spinbutton.vertical button:last-child, spinbutton.vertical:dir(rtl) button:last-child {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363b41, #363636); }
spinbutton.vertical button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:active {
color: #363636;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
spinbutton.vertical button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:hover {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #363636, #363636); }
spinbutton.vertical button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:disabled {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
spinbutton.vertical button:last-child:disabled > .label, spinbutton.vertical headerbar button.titlebutton:last-child:disabled > .label,
spinbutton.vertical .titlebar button.titlebutton:last-child:disabled > .label, spinbutton.vertical:dir(rtl) button:last-child:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:last-child:disabled > .label,
spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:last-child:disabled > .label {
color: inherit; }
spinbutton.vertical button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child:backdrop {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
spinbutton.vertical button:backdrop:disabled, spinbutton.vertical:dir(rtl) button:backdrop:disabled {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
spinbutton.vertical button:backdrop:disabled > .label, spinbutton.vertical headerbar button.titlebutton:backdrop:disabled > .label,
spinbutton.vertical .titlebar button.titlebutton:backdrop:disabled > .label, spinbutton.vertical:dir(rtl) button:backdrop:disabled > .label, spinbutton.vertical:dir(rtl) headerbar button.titlebutton:backdrop:disabled > .label,
spinbutton.vertical:dir(rtl) .titlebar button.titlebutton:backdrop:disabled > .label {
color: inherit; }
spinbutton.vertical.entry, spinbutton.vertical:dir(rtl).entry {
border-radius: 0;
padding-left: 3px;
padding-right: 3px; }
spinbutton.vertical button:first-child, spinbutton.vertical:dir(rtl) button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:hover, spinbutton.vertical button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:disabled, spinbutton.vertical button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child:backdrop, spinbutton.vertical:dir(rtl) button:first-child, spinbutton.vertical:dir(rtl) button:first-child:active, spinbutton.vertical:dir(rtl) button:first-child:hover, spinbutton.vertical:dir(rtl) button:first-child:disabled, spinbutton.vertical:dir(rtl) button:first-child:backdrop {
border-radius: 3px 3px 0 0;
border-style: solid solid none solid; }
spinbutton.vertical button:last-child, spinbutton.vertical:dir(rtl) button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:hover, spinbutton.vertical button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:disabled, spinbutton.vertical button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child:backdrop, spinbutton.vertical:dir(rtl) button:last-child, spinbutton.vertical:dir(rtl) button:last-child:active, spinbutton.vertical:dir(rtl) button:last-child:hover, spinbutton.vertical:dir(rtl) button:last-child:disabled, spinbutton.vertical:dir(rtl) button:last-child:backdrop {
border-radius: 0 0 3px 3px;
border-style: none solid solid solid; }
treeview spinbutton.entry, treeview spinbutton.entry:focus {
padding: 1px;
border-width: 1px 0;
border-color: #888888;
border-radius: 0;
box-shadow: none; }
/**************
* ComboBoxes *
**************/
combobox {
-combobox-arrow-scaling: 0.5;
-combobox-shadow-type: none;
box-shadow: 0 1px rgba(238, 239, 240, 0.1); }
combobox > button, headerbar combobox > button.titlebutton,
.titlebar combobox > button.titlebutton {
padding-top: 3px;
padding-bottom: 4px; }
combobox:disabled {
color: #909396;
text-shadow: none;
-gtk-icon-shadow: none; }
combobox:backdrop {
color: #606468;
text-shadow: none;
-gtk-icon-shadow: none; }
combobox:backdrop:disabled {
color: #545c65; }
combobox menuitem {
text-shadow: none; }
combobox .separator.vertical, combobox placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view combobox .vertical.separator {
-GtkWidget-wide-separators: true; }
/************
* Toolbars *
************/
.toolbar, .inline-toolbar, .search-bar, .location-bar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #363636; }
.osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar {
padding: 13px;
border: none;
border-radius: 5px;
background-color: rgba(35, 38, 41, 0.8); }
.inline-toolbar {
border-width: 0 1px 1px;
padding: 3px;
border-radius: 0 0 3px 3px; }
.search-bar, .location-bar {
border-width: 0 0 1px;
padding: 3px; }
.inline-toolbar, .search-bar, .location-bar {
border-style: solid;
border-color: #6d6d6d;
text-shadow: none;
background-color: #363636; }
.inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop {
border-color: #63686c;
background-color: #43484c;
box-shadow: none; }
/***************
* Header bars *
***************/
.titlebar,
headerbar {
padding: 2px 6px;
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: #888888;
border-radius: 0;
color: #EEEFF0;
background-image: none;
background-color: #363636;
box-shadow: none; }
.titlebar:backdrop,
headerbar:backdrop {
border-color: transparent;
background-color: #363636;
background-image: none;
box-shadow: none;
color: #606468; }
.titlebar .path-bar button,
headerbar .path-bar button {
color: #EEEFF0; }
.titlebar button,
.titlebar button.titlebutton,
headerbar button,
headerbar button.titlebutton {
background-color: #363636;
color: #EEEFF0;
background-image: none;
border-color: transparent;
box-shadow: none; }
.titlebar button.flat,
.titlebar .titlebutton.button,
headerbar button.flat,
headerbar .titlebutton.button {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.titlebar button:hover,
headerbar button:hover {
border-color: #888888; }
.titlebar button:active, .titlebar button:checked,
headerbar button:active,
headerbar button:checked {
color: #363636;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
border-color: #363636;
box-shadow: none; }
.titlebar button:active:hover, .titlebar button:checked:hover,
headerbar button:active:hover,
headerbar button:checked:hover {
color: #363636;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #888888, #888888);
border-color: #363636;
box-shadow: none; }
.titlebar button:active:backdrop, .titlebar button:checked:backdrop,
headerbar button:active:backdrop,
headerbar button:checked:backdrop {
background-image: none;
background-color: #363636;
border-color: #363636; }
.titlebar button.suggested-action,
headerbar button.suggested-action {
background-color: shade(#888888, 1.1); }
.titlebar button.suggested-action:hover,
headerbar button.suggested-action:hover {
background-color: #888888; }
.titlebar button.suggested-action:disabled,
headerbar button.suggested-action:disabled {
background-color: #363636;
color: shade(#EEEFF0, 0.5); }
.titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked,
headerbar button.suggested-action:disabled:active,
headerbar button.suggested-action:disabled:checked {
background-color: #363636;
color: shade(#EEEFF0, 0.5); }
.titlebar button:backdrop,
headerbar button:backdrop {
background-color: #363636;
color: #606468; }
.titlebar button.flat:backdrop,
.titlebar .titlebutton.button:backdrop, .titlebar button.flat:backdrop:disabled,
.titlebar .titlebutton.button:backdrop:disabled, .titlebar button:disabled:backdrop,
headerbar button.flat:backdrop,
headerbar .titlebutton.button:backdrop,
headerbar button.flat:backdrop:disabled,
headerbar .titlebutton.button:backdrop:disabled,
headerbar button:disabled:backdrop {
background-image: none;
background-color: #363636;
color: #606468; }
.titlebar button.flat:disabled,
.titlebar .titlebutton.button:disabled,
headerbar button.flat:disabled,
headerbar .titlebutton.button:disabled {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.titlebar button:disabled,
headerbar button:disabled {
background-color: #363636;
color: shade(#EEEFF0, 0.5); }
.titlebar button:disabled:active, .titlebar button:disabled:checked,
headerbar button:disabled:active,
headerbar button:disabled:checked {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
.titlebar button:disabled:active > .label, .titlebar headerbar button.titlebutton:disabled:active > .label, .titlebar button:disabled:checked > .label, .titlebar headerbar button.titlebutton:disabled:checked > .label,
headerbar button:disabled:active > .label,
headerbar .titlebar button.titlebutton:disabled:active > .label,
headerbar button:disabled:checked > .label,
headerbar .titlebar button.titlebutton:disabled:checked > .label {
color: inherit; }
.titlebar .title,
headerbar .title {
font-weight: normal;
padding: 0px 12px; }
.titlebar .subtitle,
headerbar .subtitle {
font-size: smaller;
padding: 0 12px; }
.titlebar .header-bar-separator, .titlebar > box > .separator.vertical,
placessidebar.sidebar .view .titlebar > box > .vertical.separator:backdrop,
headerbar .header-bar-separator,
headerbar > box > .separator.vertical,
placessidebar.sidebar .view headerbar > box > .vertical.separator:backdrop {
-GtkWidget-wide-separators: true;
-GtkWidget-separator-width: 1px;
border-width: 0 1px;
border-image: linear-gradient(to bottom, rgba(105, 109, 113, 0), #6d6d6d 30%, #6d6d6d 70%, rgba(105, 109, 113, 0) 100%) 0 1/0 1px stretch; }
.titlebar .header-bar-separator:backdrop, .titlebar > box > .separator.vertical:backdrop,
headerbar .header-bar-separator:backdrop,
headerbar > box > .separator.vertical:backdrop {
border-image: linear-gradient(to bottom, rgba(99, 104, 108, 0.5)) 0 1/1px 1px; }
.titlebar.selection-mode,
headerbar.selection-mode {
color: #EEEFF0;
text-shadow: none;
border-color: #888888;
background-image: none;
background-color: #363636;
box-shadow: none; }
.titlebar.selection-mode:backdrop,
headerbar.selection-mode:backdrop {
background-image: none;
background-color: #363636;
box-shadow: none; }
.titlebar.selection-mode button,
headerbar.selection-mode button {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
.titlebar.selection-mode button.flat,
.titlebar.selection-mode .titlebutton.button,
headerbar.selection-mode button.flat,
headerbar.selection-mode .titlebutton.button {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.titlebar.selection-mode button:hover,
headerbar.selection-mode button:hover {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
.titlebar.selection-mode button:active, .titlebar.selection-mode button:checked,
headerbar.selection-mode button:active,
headerbar.selection-mode button:checked {
color: #363636;
border-color: #888888;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
.titlebar.selection-mode button:backdrop, .titlebar.selection-mode button.flat:backdrop,
.titlebar.selection-mode .titlebutton.button:backdrop,
headerbar.selection-mode button:backdrop,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode .titlebutton.button:backdrop {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #888888);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0);
-gtk-icon-effect: none;
border-color: #888888; }
.titlebar.selection-mode button:backdrop:active, .titlebar.selection-mode button:backdrop:checked, .titlebar.selection-mode button.flat:backdrop:active,
.titlebar.selection-mode .titlebutton.button:backdrop:active, .titlebar.selection-mode button.flat:backdrop:checked,
.titlebar.selection-mode .titlebutton.button:backdrop:checked,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked,
headerbar.selection-mode button.flat:backdrop:active,
headerbar.selection-mode .titlebutton.button:backdrop:active,
headerbar.selection-mode button.flat:backdrop:checked,
headerbar.selection-mode .titlebutton.button:backdrop:checked {
color: #606468;
border-color: #888888;
background-image: linear-gradient(to bottom, #1a97d8);
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0);
border-color: #888888; }
.titlebar.selection-mode button:backdrop:disabled, .titlebar.selection-mode button.flat:backdrop:disabled,
.titlebar.selection-mode .titlebutton.button:backdrop:disabled,
headerbar.selection-mode button:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop:disabled,
headerbar.selection-mode .titlebutton.button:backdrop:disabled {
color: #78b7d8;
border-color: #888888;
background-image: linear-gradient(to bottom, #3999cb);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #888888; }
.titlebar.selection-mode button:backdrop:disabled > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled > .label, .titlebar.selection-mode button.flat:backdrop:disabled > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled > .label,
.titlebar.selection-mode .titlebutton.button:backdrop:disabled > .label,
headerbar.selection-mode button:backdrop:disabled > .label,
headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled > .label,
headerbar.selection-mode button.flat:backdrop:disabled > .label,
headerbar.selection-mode .titlebutton.button:backdrop:disabled > .label,
headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled > .label {
color: inherit; }
.titlebar.selection-mode button:backdrop:disabled:active, .titlebar.selection-mode button:backdrop:disabled:checked, .titlebar.selection-mode button.flat:backdrop:disabled:active,
.titlebar.selection-mode .titlebutton.button:backdrop:disabled:active, .titlebar.selection-mode button.flat:backdrop:disabled:checked,
.titlebar.selection-mode .titlebutton.button:backdrop:disabled:checked,
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked,
headerbar.selection-mode button.flat:backdrop:disabled:active,
headerbar.selection-mode .titlebutton.button:backdrop:disabled:active,
headerbar.selection-mode button.flat:backdrop:disabled:checked,
headerbar.selection-mode .titlebutton.button:backdrop:disabled:checked {
color: #73aecd;
border-color: #888888;
background-image: linear-gradient(to bottom, #318bba);
border-color: #888888; }
.titlebar.selection-mode button:backdrop:disabled:active > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled:active > .label, .titlebar.selection-mode button:backdrop:disabled:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:backdrop:disabled:checked > .label, .titlebar.selection-mode button.flat:backdrop:disabled:active > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled:active > .label,
.titlebar.selection-mode .titlebutton.button:backdrop:disabled:active > .label, .titlebar.selection-mode button.flat:backdrop:disabled:checked > .label, .titlebar.selection-mode headerbar .titlebutton.button:backdrop:disabled:checked > .label,
.titlebar.selection-mode .titlebutton.button:backdrop:disabled:checked > .label,
headerbar.selection-mode button:backdrop:disabled:active > .label,
headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled:active > .label,
headerbar.selection-mode button:backdrop:disabled:checked > .label,
headerbar.selection-mode .titlebar button.titlebutton:backdrop:disabled:checked > .label,
headerbar.selection-mode button.flat:backdrop:disabled:active > .label,
headerbar.selection-mode .titlebutton.button:backdrop:disabled:active > .label,
headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled:active > .label,
headerbar.selection-mode button.flat:backdrop:disabled:checked > .label,
headerbar.selection-mode .titlebutton.button:backdrop:disabled:checked > .label,
headerbar.selection-mode .titlebar .titlebutton.button:backdrop:disabled:checked > .label {
color: inherit; }
.titlebar.selection-mode button.flat:backdrop,
.titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode button.flat:disabled,
.titlebar.selection-mode .titlebutton.button:disabled, .titlebar.selection-mode button.flat:disabled:backdrop,
.titlebar.selection-mode .titlebutton.button:disabled:backdrop,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode .titlebutton.button:backdrop,
headerbar.selection-mode button.flat:disabled,
headerbar.selection-mode .titlebutton.button:disabled,
headerbar.selection-mode button.flat:disabled:backdrop,
headerbar.selection-mode .titlebutton.button:disabled:backdrop {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.titlebar.selection-mode button:disabled,
headerbar.selection-mode button:disabled {
color: #909396;
border-color: #888888;
background-image: linear-gradient(to bottom, #3999cb);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1); }
.titlebar.selection-mode button:disabled > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled > .label,
headerbar.selection-mode button:disabled > .label,
headerbar.selection-mode .titlebar button.titlebutton:disabled > .label {
color: inherit; }
.titlebar.selection-mode button:disabled:active, .titlebar.selection-mode button:disabled:checked,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked {
color: #a2c7da;
border-color: #888888;
background-image: linear-gradient(to bottom, #328ebf, #318bba); }
.titlebar.selection-mode button:disabled:active > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled:active > .label, .titlebar.selection-mode button:disabled:checked > .label, .titlebar.selection-mode headerbar button.titlebutton:disabled:checked > .label,
headerbar.selection-mode button:disabled:active > .label,
headerbar.selection-mode .titlebar button.titlebutton:disabled:active > .label,
headerbar.selection-mode button:disabled:checked > .label,
headerbar.selection-mode .titlebar button.titlebutton:disabled:checked > .label {
color: inherit; }
.titlebar.selection-mode button.suggested-action,
headerbar.selection-mode button.suggested-action {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363b41, #363636);
border-color: #888888; }
.titlebar.selection-mode button.suggested-action:hover,
headerbar.selection-mode button.suggested-action:hover {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #363636, #363636);
border-color: #888888; }
.titlebar.selection-mode button.suggested-action:active,
headerbar.selection-mode button.suggested-action:active {
color: #363636;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
border-color: #888888; }
.titlebar.selection-mode button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0.1);
border-color: #888888; }
.titlebar.selection-mode button.suggested-action:disabled > .label, .titlebar.selection-mode headerbar .suggested-action.button.titlebutton:disabled > .label,
headerbar.selection-mode button.suggested-action:disabled > .label,
headerbar.selection-mode .titlebar .suggested-action.button.titlebutton:disabled > .label {
color: inherit; }
.titlebar.selection-mode button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0);
border-color: #888888; }
.titlebar.selection-mode button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #888888; }
.titlebar.selection-mode button.suggested-action:backdrop:disabled > .label, .titlebar.selection-mode headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
headerbar.selection-mode button.suggested-action:backdrop:disabled > .label,
headerbar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label {
color: inherit; }
.titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop,
headerbar.selection-mode .selection-menu,
headerbar.selection-mode .selection-menu:backdrop {
border-color: rgba(61, 173, 232, 0);
background-image: linear-gradient(to bottom, rgba(61, 173, 232, 0));
box-shadow: none;
padding-left: 10px;
padding-right: 10px; }
.titlebar.selection-mode .selection-menu arrow, .titlebar.selection-mode .selection-menu:backdrop arrow,
headerbar.selection-mode .selection-menu arrow,
headerbar.selection-mode .selection-menu:backdrop arrow {
-arrow-arrow-scaling: 1; }
.titlebar.selection-mode .selection-menu .arrow,
headerbar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
color: rgba(238, 239, 240, 0.5);
-gtk-icon-shadow: none; }
.tiled .titlebar, .maximized .titlebar, .tiled
headerbar, .maximized
headerbar {
border-radius: 0; }
.titlebar.default-decoration,
headerbar.default-decoration {
padding: 4px; }
.titlebar.default-decoration button,
headerbar.default-decoration button {
padding: 5px; }
/************
* Pathbars *
************/
.path-bar button, .path-bar headerbar button.titlebutton, headerbar .path-bar button.titlebutton,
.path-bar .titlebar button.titlebutton,
.titlebar .path-bar button.titlebutton {
padding: 5px 6px 6px;
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: #EEEFF0; }
.path-bar button:hover {
border-color: #888888; }
.path-bar button:active, .path-bar button:checked {
background-color: #6d6d6d; }
.path-bar button:first-child {
padding-left: 8px; }
.path-bar button:last-child {
padding-right: 8px; }
.path-bar button:only-child {
padding-left: 12px;
padding-right: 12px; }
.path-bar button .label:last-child {
padding-left: 2px; }
.path-bar button .label:first-child {
padding-right: 2px; }
.path-bar button .label:only-child {
padding-right: 0;
padding-left: 0; }
.path-bar button image, .path-bar headerbar button.titlebutton image, headerbar .path-bar button.titlebutton image,
.path-bar .titlebar button.titlebutton image,
.titlebar .path-bar button.titlebutton image {
padding-top: 1px; }
/**************
* Tree Views *
**************/
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: #898b8d;
border-top-color: #363636; }
treeview.view:selected {
border-radius: 0; }
treeview.view:selected, treeview.view:backdrop:selected {
border-left-color: #96ceec;
border-top-color: rgba(238, 239, 240, 0.1); }
treeview.view:disabled {
color: #909396; }
treeview.view:disabled:selected {
color: #84c7eb; }
treeview.view:disabled:selected:backdrop {
color: #72c1ea; }
treeview.view:disabled:backdrop {
color: #545c65; }
treeview.view.separator:backdrop {
color: rgba(0, 0, 0, 0.1); }
treeview.view:backdrop {
border-left-color: #494d52;
border-top: #363636; }
treeview.view.dnd {
border-style: solid none;
border-width: 1px;
border-color: #96ceec; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #b1b3b4; }
treeview.view.expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
treeview.view.expander:hover {
color: #EEEFF0; }
treeview.view.expander:selected {
color: #b9dbee; }
treeview.view.expander:selected:hover {
color: #EEEFF0; }
treeview.view.expander:selected:backdrop {
color: #b9dbee; }
treeview.view.expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
treeview.view.expander:backdrop {
color: #4e5256; }
treeview.view.progressbar {
border: 1px solid #888888;
border-radius: 4px;
background-image: linear-gradient(to bottom, #888888, #1a97d8);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); }
treeview.view.progressbar:selected {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
background-image: linear-gradient(to bottom, #262626, #0c0d0d); }
treeview.view.progressbar:selected:backdrop {
border-color: #25292c;
background-color: #25292c; }
treeview.view.progressbar:backdrop {
border-color: #25292c;
background-image: none;
box-shadow: none; }
treeview.view.trough {
background-color: rgba(238, 239, 240, 0.1);
border-radius: 4px; }
treeview.view.trough:selected {
background-color: #1a97d8; }
column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
column-header .titlebar button.titlebutton,
.titlebar column-header button.titlebutton {
color: #898b8d;
background-color: #262626;
font-weight: bold;
text-shadow: none;
box-shadow: none; }
column-header button:hover, column-header headerbar button.titlebutton:hover, headerbar column-header button.titlebutton:hover,
column-header .titlebar button.titlebutton:hover,
.titlebar column-header button.titlebutton:hover {
color: #bcbdbf;
box-shadow: none;
transition: none; }
column-header button:active, column-header headerbar button.titlebutton:active, headerbar column-header button.titlebutton:active,
column-header .titlebar button.titlebutton:active,
.titlebar column-header button.titlebutton:active {
color: #EEEFF0;
transition: none; }
column-header:last-child button, column-header:last-child headerbar button.titlebutton, headerbar column-header:last-child button.titlebutton,
column-header:last-child .titlebar button.titlebutton,
.titlebar column-header:last-child button.titlebutton, column-header:last-child button:backdrop, column-header:last-child.button, headerbar column-header.button.titlebutton:last-child,
.titlebar column-header.button.titlebutton:last-child, column-header:last-child.button:backdrop {
border-right-style: none; }
column-header.button.dnd, column-header button.dnd, column-header headerbar .dnd.button.titlebutton, headerbar column-header .dnd.button.titlebutton,
column-header .titlebar .dnd.button.titlebutton,
.titlebar column-header .dnd.button.titlebutton, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover, headerbar column-header.dnd.button.titlebutton,
.titlebar column-header.dnd.button.titlebutton {
transition: none;
color: #888888;
box-shadow: inset 1px 1px 0 1px #888888, inset -1px 0 0 1px #888888, inset 1px 1px #262626, inset -1px 0 #262626; }
column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
column-header .titlebar button.titlebutton,
.titlebar column-header button.titlebutton, column-header button:hover, column-header button:active {
padding: 3px 6px;
border-style: none solid solid none;
border-radius: 0;
background-image: none;
border-color: #363636;
text-shadow: none; }
column-header button:disabled, column-header headerbar button.titlebutton:disabled, headerbar column-header button.titlebutton:disabled,
column-header .titlebar button.titlebutton:disabled,
.titlebar column-header button.titlebutton:disabled {
border-color: #363636;
background-image: none; }
column-header button:backdrop, column-header headerbar button.titlebutton:backdrop, headerbar column-header button.titlebutton:backdrop,
column-header .titlebar button.titlebutton:backdrop,
.titlebar column-header button.titlebutton:backdrop {
border-color: #363636;
border-style: none solid solid none;
color: #494d52;
background-image: none;
background-color: #25292c; }
column-header button:backdrop:disabled {
border-color: #363636;
background-image: none; }
/*********
* Menus *
*********/
menubar {
-GtkWidget-window-dragging: true;
padding: 2px;
box-shadow: none; }
menubar:backdrop {
background-color: #363636; }
menubar > menuitem {
padding: 4px 8px; }
menubar > menuitem:hover {
background-color: #888888;
color: #EEEFF0; }
menubar > menuitem:disabled {
color: #909396;
box-shadow: none; }
menu {
padding: 0px;
background-color: #363636;
border: 1px solid #6d6d6d;
border-radius: 3px; }
.csd menu {
border: 1px solid #6d6d6d; }
menu menuitem {
text-shadow: none;
padding: 6px 6px; }
menu menuitem:hover {
color: #EEEFF0;
background-color: #888888;
background-clip: padding-box;
border-style: solid;
border-width: 0px 1px 0px 1px;
border-color: #6bc0ed; }
menu menuitem:hover:first-child {
border-radius: 3px 3px 0px 0px;
border-width: 1px 1px 0px 1px; }
menu menuitem:hover:last-child {
border-radius: 0px 0px 3px 3px;
border-width: 0px 1px 1px 1px; }
menu menuitem:disabled, menu menuitem *:disabled {
color: #909396; }
menu menuitem:disabled:backdrop, menu menuitem *:disabled:backdrop {
color: #545c65; }
menu menuitem:backdrop, menu menuitem:backdrop:hover {
color: #EEEFF0;
background-color: #363636; }
menu menuitem.arrow {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
menu menuitem.arrow:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
menu.button, headerbar menu.button.titlebutton,
.titlebar menu.button.titlebutton {
border-style: none;
border-radius: 0; }
menu.button.top {
border-bottom: 1px solid #373a3d; }
menu.button.bottom {
border-top: 1px solid #373a3d; }
menu.button:hover {
background-color: #373a3d; }
menu.button:disabled {
color: transparent;
background-color: transparent;
border-color: transparent; }
menuitem .accelerator {
color: alpha(currentColor,0.55); }
/***************
* Popovers *
***************/
popover {
padding: 2px;
border: 1px solid #6d6d6d;
border-radius: 2px;
background-color: #363636;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
popover:backdrop {
box-shadow: none; }
popover > list,
popover > .view,
popover > .toolbar,
popover > .inline-toolbar,
popover > .search-bar,
popover > .location-bar, popover.osd > .toolbar, popover.osd > .inline-toolbar, popover.osd > .search-bar, popover.osd > .location-bar {
border-style: none;
background-color: transparent; }
popover button.flat, popover headerbar .titlebutton.button, headerbar popover .titlebutton.button,
popover .titlebar .titlebutton.button,
.titlebar popover .titlebutton.button {
color: #EEEFF0; }
popover button.flat:hover, popover headerbar .titlebutton.button:hover, headerbar popover .titlebutton.button:hover,
popover .titlebar .titlebutton.button:hover,
.titlebar popover .titlebutton.button:hover {
background-color: rgba(61, 173, 232, 0.2);
color: #EEEFF0;
text-shadow: none;
transition: none; }
entry.cursor-handle,
.cursor-handle {
background-color: transparent;
background-image: none;
box-shadow: none;
border-style: none; }
entry.cursor-handle.top,
.cursor-handle.top {
-gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
entry.cursor-handle.bottom,
.cursor-handle.bottom {
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
/*****************
* Notebooks and *
* Tabs *
*****************/
notebook {
background-color: #363636;
-GtkNotebook-initial-gap: 0;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
-GtkNotebook-tab-overlap: 0;
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 0;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame {
border: 1px solid #6d6d6d; }
notebook.frame.top {
border-top-width: 0; }
notebook.frame.bottom {
border-bottom-width: 0; }
notebook.frame.right {
border-right-width: 0; }
notebook.frame.left {
border-left-width: 0; }
notebook.header {
background-color: #363636;
padding-top: 4px; }
notebook.header.frame {
border-style: solid;
border-color: #6d6d6d; }
notebook.header.frame.top {
border-width: 0px; }
notebook.header.frame.bottom {
border-width: 0px; }
notebook.header.frame.right {
border-width: 0px; }
notebook.header.frame.left {
border-width: 0px; }
notebook.header.frame:backdrop {
border-color: #6d6d6d; }
notebook.header.top {
box-shadow: inset 0 -1px #6d6d6d; }
notebook.header.bottom {
box-shadow: inset 0 1px #6d6d6d; }
notebook.header.right {
box-shadow: inset 1px 0 #6d6d6d; }
notebook.header.left {
box-shadow: inset -1px 0 #6d6d6d; }
notebook tab {
border-width: 1px;
border-style: solid;
border-color: rgba(105, 109, 113, 0.2);
background-color: rgba(105, 109, 113, 0.2);
outline-offset: 0;
/* works for testnotebookdnd, but there's a superfluous border
in gedit or web, commented out for now, needs gtk fixes
&.reorderable-page {
&.top {
padding-top: ($vt_vpadding - 1px);
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}
&.bottom {
padding-bottom: ($vt_vpadding - 1px);
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}
&.left {
padding-left: ($ht_hpadding - 1px);
border-left-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
}
&.right {
padding-right: ($ht_hpadding - 1px);
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
}
}
*/ }
notebook tab.top, notebook tab.bottom {
padding: 6px 8px; }
notebook tab.left, notebook tab.right {
padding: 6px 8px; }
notebook tab.reorderable-page {
background-color: #363636; }
notebook tab.reorderable-page.top, notebook tab.reorderable-page.bottom {
padding-left: 12px;
padding-right: 6px;
padding-bottom: 8px; }
notebook tab.top {
border-radius: 3px 3px 0px 0px; }
notebook tab.top:active, notebook tab.top.active-page, notebook tab.top:backdrop:active {
border-color: #6d6d6d;
border-bottom-color: #363636;
background-color: #363636; }
notebook tab.top:active:hover, notebook tab.top:active.prelight-page, notebook tab.top.active-page:hover, notebook tab.top.active-page.prelight-page, notebook tab.top:backdrop:active:hover, notebook tab.top:backdrop:active.prelight-page {
border-color: #6d6d6d;
border-bottom-color: #363636; }
notebook tab.bottom {
border-radius: 0px 0px 3px 3px; }
notebook tab.bottom:active, notebook tab.bottom.active-page, notebook tab.bottom:backdrop:active {
border-color: #6d6d6d;
border-top-color: #363636;
background-color: #363636; }
notebook tab.bottom:active:hover, notebook tab.bottom:active.prelight-page, notebook tab.bottom.active-page:hover, notebook tab.bottom.active-page.prelight-page, notebook tab.bottom:backdrop:active:hover, notebook tab.bottom:backdrop:active.prelight-page {
border-color: #6d6d6d;
border-top-color: #363636; }
notebook tab.left {
border-radius: 3px 0px 0px 3px; }
notebook tab.left:active, notebook tab.left.active-page, notebook tab.left:backdrop:active {
border-color: #6d6d6d;
border-right-color: #363636;
background-color: #363636; }
notebook tab.left:active:hover, notebook tab.left:active.prelight-page, notebook tab.left.active-page:hover, notebook tab.left.active-page.prelight-page, notebook tab.left:backdrop:active:hover, notebook tab.left:backdrop:active.prelight-page {
border-color: #6d6d6d;
border-right-color: #363636; }
notebook tab.right {
border-radius: 0px 3px 3px 0px; }
notebook tab.right:active, notebook tab.right.active-page, notebook tab.right:backdrop:active {
border-color: #6d6d6d;
border-left-color: #363636;
background-color: #363636; }
notebook tab.right:active:hover, notebook tab.right:active.prelight-page, notebook tab.right.active-page:hover, notebook tab.right.active-page.prelight-page, notebook tab.right:backdrop:active:hover, notebook tab.right:backdrop:active.prelight-page {
border-color: #6d6d6d;
border-left-color: #363636; }
notebook tab:hover, notebook tab.prelight-page {
background-color: rgba(61, 173, 232, 0.2);
border-color: rgba(61, 173, 232, 0.2); }
notebook tab.reorderable-page.top {
border-width: 3px;
border-style: solid;
border-color: #363636;
background-color: #363636;
border-right-width: 1px;
border-right-color: #6d6d6d;
box-shadow: inset -3px 0px 0px 0px #363636; }
notebook tab.reorderable-page.top:hover, notebook tab.reorderable-page.top.prelight-page {
box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset -3px 0px 0px 0px #363636; }
notebook tab.reorderable-page.top:active, notebook tab.reorderable-page.top.active-page {
box-shadow: inset 0px -3px 0px 0px #888888, inset -3px 0px 0px 0px #363636; }
notebook tab.reorderable-page.top:active:hover, notebook tab.reorderable-page.top.active-page:hover {
background-color: #363636;
border-color: #363636;
border-right-color: #6d6d6d; }
notebook tab.reorderable-page.top:active:backdrop, notebook tab.reorderable-page.top.active-page:backdrop {
background-color: #363636;
border-color: #363636;
border-right-color: #6d6d6d; }
notebook tab.reorderable-page.top:backdrop {
background-color: #363636;
border-color: #363636;
border-right-color: #6d6d6d; }
notebook tab.reorderable-page.bottom {
border-width: 3px;
border-style: solid;
border-color: #363636;
background-color: #363636;
border-right-width: 1px;
border-right-color: #6d6d6d;
box-shadow: inset -3px 0px 0px 0px #363636; }
notebook tab.reorderable-page.bottom:hover, notebook tab.reorderable-page.bottom.prelight-page {
box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset -3px 0px 0px 0px #363636; }
notebook tab.reorderable-page.bottom:active, notebook tab.reorderable-page.bottom.active-page {
box-shadow: inset 0px -3px 0px 0px #888888, inset -3px 0px 0px 0px #363636; }
notebook tab.reorderable-page.bottom:active:hover, notebook tab.reorderable-page.bottom.active-page:hover {
background-color: #363636;
border-color: #363636;
border-right-color: #6d6d6d; }
notebook tab.reorderable-page.bottom:active:backdrop, notebook tab.reorderable-page.bottom.active-page:backdrop {
background-color: #363636;
border-color: #363636;
border-right-color: #6d6d6d; }
notebook tab.reorderable-page.bottom:backdrop {
background-color: #363636;
border-color: #363636;
border-right-color: #6d6d6d; }
notebook tab.reorderable-page.left {
border-width: 3px;
border-style: solid;
border-color: #363636;
background-color: #363636;
border-bottom-width: 1px;
border-bottom-color: #6d6d6d;
box-shadow: inset 0px -3px 0px 0px #363636; }
notebook tab.reorderable-page.left:hover, notebook tab.reorderable-page.left.prelight-page {
box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset 0px -3px 0px 0px #363636; }
notebook tab.reorderable-page.left:active, notebook tab.reorderable-page.left.active-page {
box-shadow: inset 0px -3px 0px 0px #888888, inset 0px -3px 0px 0px #363636; }
notebook tab.reorderable-page.left:active:hover, notebook tab.reorderable-page.left.active-page:hover {
background-color: #363636;
border-color: #363636;
border-bottom-color: #6d6d6d; }
notebook tab.reorderable-page.left:active:backdrop, notebook tab.reorderable-page.left.active-page:backdrop {
background-color: #363636;
border-color: #363636;
border-bottom-color: #6d6d6d; }
notebook tab.reorderable-page.left:backdrop {
background-color: #363636;
border-color: #363636;
border-bottom-color: #6d6d6d; }
notebook tab.reorderable-page.right {
border-width: 3px;
border-style: solid;
border-color: #363636;
background-color: #363636;
border-bottom-width: 1px;
border-bottom-color: #6d6d6d;
box-shadow: inset 0px -3px 0px 0px #363636; }
notebook tab.reorderable-page.right:hover, notebook tab.reorderable-page.right.prelight-page {
box-shadow: inset 0px -3px 0px 0px rgba(61, 173, 232, 0.3), inset 0px -3px 0px 0px #363636; }
notebook tab.reorderable-page.right:active, notebook tab.reorderable-page.right.active-page {
box-shadow: inset 0px -3px 0px 0px #888888, inset 0px -3px 0px 0px #363636; }
notebook tab.reorderable-page.right:active:hover, notebook tab.reorderable-page.right.active-page:hover {
background-color: #363636;
border-color: #363636;
border-bottom-color: #6d6d6d; }
notebook tab.reorderable-page.right:active:backdrop, notebook tab.reorderable-page.right.active-page:backdrop {
background-color: #363636;
border-color: #363636;
border-bottom-color: #6d6d6d; }
notebook tab.reorderable-page.right:backdrop {
background-color: #363636;
border-color: #363636;
border-bottom-color: #6d6d6d; }
notebook tab .label {
padding: 0 2px;
color: #EEEFF0; }
notebook tab .prelight-page .label, notebook tab .label.prelight-page {
color: #EEEFF0; }
notebook tab .active-page .label, notebook tab .label.active-page {
color: #EEEFF0; }
notebook tab button, notebook tab headerbar button.titlebutton, headerbar notebook tab button.titlebutton,
notebook tab .titlebar button.titlebutton,
.titlebar notebook tab button.titlebutton {
padding: 0px;
border: 1px solid transparent;
border-radius: 50%;
background-image: none;
background-color: #6d6d6d;
box-shadow: none;
-gtk-icon-shadow: none;
transition: none;
color: #363636; }
notebook tab button:hover {
background-color: #da4453;
border-color: transparent;
background-image: none;
box-shadow: none; }
notebook tab button:active {
color: #363636;
border-color: transparent;
background-image: none;
box-shadow: none; }
notebook tab button:backdrop {
color: #363636;
border-color: transparent; }
notebook tab button > image, notebook tab headerbar button.titlebutton > image, headerbar notebook tab button.titlebutton > image,
notebook tab .titlebar button.titlebutton > image,
.titlebar notebook tab button.titlebutton > image {
padding: 0px; }
notebook tab button .active-page, notebook tab button.active-page {
background-color: #da4453; }
notebook.arrow {
color: #909396; }
notebook.arrow:hover {
color: #888888; }
notebook.arrow:active {
color: #888888; }
notebook.arrow:disabled {
color: rgba(144, 147, 150, 0.3); }
notebook.arrow:backdrop {
color: #909396; }
notebook.arrow:backdrop:disabled {
color: rgba(144, 147, 150, 0.3); }
/**************
* Scrollbars *
**************/
scrollbar {
-GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: true;
-GtkScrollbar-has-forward-stepper: true;
-GtkRange-slider-width: 16;
-GtkScrollbar-min-slider-length: 64;
-GtkRange-stepper-spacing: 1;
-GtkRange-trough-under-steppers: 0; }
scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton,
scrollbar .titlebar button.titlebutton,
.titlebar scrollbar button.titlebutton {
border: none;
background-image: none;
background-color: transparent;
box-shadow: none; }
scrollbar button:hover {
color: #888888;
background-image: none;
background-color: transparent; }
scrollbar button:disabled {
color: #909396; }
scrollbar.dragging, scrollbar.hovering {
opacity: 0.998; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.999; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
-GtkRange-slider-width: 8px;
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
border-image: -gtk-scaled(url("assets/scrollbar-slider-overlay-dark.png"), url("assets/scrollbar-slider-overlay-dark@2.png")) 6 4 6 4/6px 4px 6px 4px stretch;
border-radius: 0;
border-width: 5px 4px 5px 4px;
border-style: solid;
border-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider {
border-image: -gtk-scaled(url("assets/scrollbar-slider-overlay-horizontal-dark.png"), url("assets/scrollbar-slider-overlay-horizontal-dark@2.png")) 4 6 4 6/4px 6px 4px 6px stretch;
border-radius: 0;
border-width: 4px 6px 4px 6px;
border-style: solid;
border-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
border: none;
background: none; }
scrollbar.vertical trough {
border-image: -gtk-scaled(url("assets/scrollbar-trough-dark.png"), url("assets/scrollbar-trough-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.trough:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-trough-rtl-dark.png"), url("assets/scrollbar-trough-rtl-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.horizontal trough {
border-image: -gtk-scaled(url("assets/scrollbar-trough-horizontal-dark.png"), url("assets/scrollbar-trough-horizontal-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.vertical slider {
border-image: -gtk-scaled(url("assets/scrollbar-slider-dark.png"), url("assets/scrollbar-slider-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.vertical slider:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-dark.png"), url("assets/scrollbar-slider-rtl-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.vertical slider:hover, scrollbar.vertical slider:disabled {
border-image: -gtk-scaled(url("assets/scrollbar-slider-hover-dark.png"), url("assets/scrollbar-slider-hover-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.vertical slider:hover:dir(rtl), scrollbar.vertical slider:disabled:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-hover-dark.png"), url("assets/scrollbar-slider-rtl-hover-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.vertical slider:active {
border-image: -gtk-scaled(url("assets/scrollbar-slider-active-dark.png"), url("assets/scrollbar-slider-active-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.vertical slider:active:dir(rtl) {
border-image: -gtk-scaled(url("assets/scrollbar-slider-rtl-active-dark.png"), url("assets/scrollbar-slider-rtl-active-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.horizontal slider {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-dark.png"), url("assets/scrollbar-slider-horizontal-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.horizontal slider:hover, scrollbar.horizontal slider:disabled {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-hover-dark.png"), url("assets/scrollbar-slider-horizontal-hover-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbar.horizontal slider:active {
border-image: -gtk-scaled(url("assets/scrollbar-slider-horizontal-active-dark.png"), url("assets/scrollbar-slider-horizontal-active-dark@2.png")) 8 8 8 8/8px 8px 8px 8px stretch;
border-radius: 0;
border-width: 8px 8px 8px 8px;
border-style: solid;
border-color: transparent; }
scrollbars-junction,
scrollbars-junction.frame {
border-color: transparent;
border-image: linear-gradient(to bottom, #6d6d6d 1px, transparent 1px) 0 0 0 1/0 1px stretch;
background-color: #212427; }
scrollbars-junction:dir(rtl),
scrollbars-junction.frame:dir(rtl) {
border-image-slice: 0 1 0 0; }
scrollbars-junction:backdrop,
scrollbars-junction.frame:backdrop {
border-image-source: linear-gradient(to bottom, #63686c 1px, transparent 1px);
background-color: #2a2e33; }
/**********
* Switch *
**********/
switch {
-switch-slider-width: 30px;
font-weight: bold;
font-size: smaller;
outline-offset: 0px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
switch {
border: 1px solid #6d6d6d;
border-radius: 3px;
color: #EEEFF0;
background-image: none;
background-color: #363636;
text-shadow: none; }
switch:active, switch:checked {
color: #888888;
border-color: #888888;
box-shadow: none;
text-shadow: none; }
switch:active:hover {
border-color: #888888; }
switch:hover {
border-color: #888888; }
switch:disabled {
color: #909396;
border-color: #6d6d6d;
background-image: none;
background-color: #3a3f44;
box-shadow: none;
text-shadow: none; }
switch slider {
padding: 3px;
border: 3px solid;
border-radius: 3px;
border-color: rgba(255, 255, 255, 0);
box-shadow: none;
background-color: #6d6d6d; }
switch slider:hover {
box-shadow: none; }
switch slider:active {
background-color: #888888; }
switch slider:active:hover {
background-color: #888888; }
switch slider:disabled {
background-color: #3a3f44; } row:selected switch {
box-shadow: none;
border-color: #888888; }
row:selected switch:backdrop {
border-color: #888888; }
row:selected switch slider:dir(rtl) {
border-left-color: #c2c2c2; }
row:selected switch slider:dir(ltr) {
border-right-color: #c2c2c2; }
row:selected switch slider, row:selected switch slider:active {
border-color: #888888; }
/*************************
* Check and Radio items *
*************************/
check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check.button.flat, headerbar check.titlebutton.button,
.titlebar check.titlebutton.button {
-gtk-icon-shadow: none; }
check:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:hover.button.flat, headerbar check.titlebutton.button:hover,
.titlebar check.titlebutton.button:hover {
-gtk-icon-shadow: none; }
check:active {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:active.button.flat, headerbar check.titlebutton.button:active,
.titlebar check.titlebutton.button:active {
-gtk-icon-shadow: none; }
check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:disabled.button.flat, headerbar check.titlebutton.button:disabled,
.titlebar check.titlebutton.button:disabled {
-gtk-icon-shadow: none; }
check:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:backdrop.button.flat, headerbar check.titlebutton.button:backdrop,
.titlebar check.titlebutton.button:backdrop {
-gtk-icon-shadow: none; }
check:backdrop:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:backdrop:disabled.button.flat, headerbar check.titlebutton.button:backdrop:disabled,
.titlebar check.titlebutton.button:backdrop:disabled {
-gtk-icon-shadow: none; }
check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:indeterminate.button.flat, headerbar check.titlebutton.button:indeterminate,
.titlebar check.titlebutton.button:indeterminate {
-gtk-icon-shadow: none; }
check:indeterminate:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:indeterminate:hover.button.flat, headerbar check.titlebutton.button:indeterminate:hover,
.titlebar check.titlebutton.button:indeterminate:hover {
-gtk-icon-shadow: none; }
check:indeterminate:selected {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:indeterminate:selected.button.flat, headerbar check.titlebutton.button:indeterminate:selected,
.titlebar check.titlebutton.button:indeterminate:selected {
-gtk-icon-shadow: none; }
check:indeterminate:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:indeterminate:backdrop.button.flat, headerbar check.titlebutton.button:indeterminate:backdrop,
.titlebar check.titlebutton.button:indeterminate:backdrop {
-gtk-icon-shadow: none; }
check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:indeterminate:disabled.button.flat, headerbar check.titlebutton.button:indeterminate:disabled,
.titlebar check.titlebutton.button:indeterminate:disabled {
-gtk-icon-shadow: none; }
check:indeterminate:disabled:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/checkbox-mixed-backdrop-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:indeterminate:disabled:backdrop.button.flat, headerbar check.titlebutton.button:indeterminate:disabled:backdrop,
.titlebar check.titlebutton.button:indeterminate:disabled:backdrop {
-gtk-icon-shadow: none; }
check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:checked.button.flat, headerbar check.titlebutton.button:checked,
.titlebar check.titlebutton.button:checked {
-gtk-icon-shadow: none; }
check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:checked:disabled.button.flat, headerbar check.titlebutton.button:checked:disabled,
.titlebar check.titlebutton.button:checked:disabled {
-gtk-icon-shadow: none; }
check:checked:hover {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:checked:hover.button.flat, headerbar check.titlebutton.button:checked:hover,
.titlebar check.titlebutton.button:checked:hover {
-gtk-icon-shadow: none; }
check:checked:active {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
check:checked:active.button.flat, headerbar check.titlebutton.button:checked:active,
.titlebar check.titlebutton.button:checked:active {
-gtk-icon-shadow: none; }
check:backdrop:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
check:backdrop:checked.button.flat, headerbar check.titlebutton.button:backdrop:checked,
.titlebar check.titlebutton.button:backdrop:checked {
-gtk-icon-shadow: none; }
check:backdrop:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive-dark.png"), url("assets/checkbox-checked-backdrop-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
check:backdrop:checked:disabled.button.flat, headerbar check.titlebutton.button:backdrop:checked:disabled,
.titlebar check.titlebutton.button:backdrop:checked:disabled {
-gtk-icon-shadow: none; }
menu menuitem.check {
-gtk-icon-source: -gtk-icontheme("checkbox-symbolic");
color: #a2a5a8;
-gtk-icon-shadow: none; }
menu menuitem.check:active, menu menuitem.check:checked {
-gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic");
color: #888888; }
menu menuitem.check:indeterminate {
-gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
menu menuitem.check:hover {
color: #EEEFF0; }
menu menuitem.check:disabled {
color: #616569; }
radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio.button.flat, headerbar radio.titlebutton.button,
.titlebar radio.titlebutton.button {
-gtk-icon-shadow: none; }
radio:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:hover.button.flat, headerbar radio.titlebutton.button:hover,
.titlebar radio.titlebutton.button:hover {
-gtk-icon-shadow: none; }
radio:active {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:active.button.flat, headerbar radio.titlebutton.button:active,
.titlebar radio.titlebutton.button:active {
-gtk-icon-shadow: none; }
radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:disabled.button.flat, headerbar radio.titlebutton.button:disabled,
.titlebar radio.titlebutton.button:disabled {
-gtk-icon-shadow: none; }
radio:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:backdrop.button.flat, headerbar radio.titlebutton.button:backdrop,
.titlebar radio.titlebutton.button:backdrop {
-gtk-icon-shadow: none; }
radio:backdrop:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:backdrop:disabled.button.flat, headerbar radio.titlebutton.button:backdrop:disabled,
.titlebar radio.titlebutton.button:backdrop:disabled {
-gtk-icon-shadow: none; }
radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:indeterminate.button.flat, headerbar radio.titlebutton.button:indeterminate,
.titlebar radio.titlebutton.button:indeterminate {
-gtk-icon-shadow: none; }
radio:indeterminate:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:indeterminate:hover.button.flat, headerbar radio.titlebutton.button:indeterminate:hover,
.titlebar radio.titlebutton.button:indeterminate:hover {
-gtk-icon-shadow: none; }
radio:indeterminate:selected {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:indeterminate:selected.button.flat, headerbar radio.titlebutton.button:indeterminate:selected,
.titlebar radio.titlebutton.button:indeterminate:selected {
-gtk-icon-shadow: none; }
radio:indeterminate:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:indeterminate:backdrop.button.flat, headerbar radio.titlebutton.button:indeterminate:backdrop,
.titlebar radio.titlebutton.button:indeterminate:backdrop {
-gtk-icon-shadow: none; }
radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:indeterminate:disabled.button.flat, headerbar radio.titlebutton.button:indeterminate:disabled,
.titlebar radio.titlebutton.button:indeterminate:disabled {
-gtk-icon-shadow: none; }
radio:indeterminate:disabled:backdrop {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive-dark.png"), url("assets/radio-mixed-backdrop-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:indeterminate:disabled:backdrop.button.flat, headerbar radio.titlebutton.button:indeterminate:disabled:backdrop,
.titlebar radio.titlebutton.button:indeterminate:disabled:backdrop {
-gtk-icon-shadow: none; }
radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:checked.button.flat, headerbar radio.titlebutton.button:checked,
.titlebar radio.titlebutton.button:checked {
-gtk-icon-shadow: none; }
radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:checked:disabled.button.flat, headerbar radio.titlebutton.button:checked:disabled,
.titlebar radio.titlebutton.button:checked:disabled {
-gtk-icon-shadow: none; }
radio:checked:hover {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:checked:hover.button.flat, headerbar radio.titlebutton.button:checked:hover,
.titlebar radio.titlebutton.button:checked:hover {
-gtk-icon-shadow: none; }
radio:checked:active {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png"));
-gtk-icon-shadow: 0 1px 0 rgba(238, 239, 240, 0.1); }
radio:checked:active.button.flat, headerbar radio.titlebutton.button:checked:active,
.titlebar radio.titlebutton.button:checked:active {
-gtk-icon-shadow: none; }
radio:backdrop:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png"));
-gtk-icon-shadow: none; }
radio:backdrop:checked.button.flat, headerbar radio.titlebutton.button:backdrop:checked,
.titlebar radio.titlebutton.button:backdrop:checked {
-gtk-icon-shadow: none; }
radio:backdrop:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive-dark.png"), url("assets/radio-checked-backdrop-insensitive-dark@2.png"));
-gtk-icon-shadow: none; }
radio:backdrop:checked:disabled.button.flat, headerbar radio.titlebutton.button:backdrop:checked:disabled,
.titlebar radio.titlebutton.button:backdrop:checked:disabled {
-gtk-icon-shadow: none; }
menu menuitem.radio {
-gtk-icon-source: -gtk-icontheme("radio-symbolic");
color: #a2a5a8;
-gtk-icon-shadow: none; }
menu menuitem.radio:active, menu menuitem.radio:checked {
-gtk-icon-source: -gtk-icontheme("radio-checked-symbolic");
color: #888888; }
menu menuitem.radio:indeterminate {
-gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
menu menuitem.radio:hover {
color: #EEEFF0; }
menu menuitem.radio:disabled {
color: #616569; }
.view.check, .view.radio,
list-row check, list-row radio {
-gtk-icon-shadow: none; }
.view.check:selected, calendar.check:selected, .view.check:hover, .view.radio:selected, calendar.radio:selected, .view.radio:hover,
list-row check:selected,
list-row check:hover, list-row radio:selected, list-row radio:hover {
-gtk-icon-shadow: none; }
.content-view {
background-color: #212427; }
.content-view:backdrop {
background-color: #212427; }
.view.content-view.check {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:hover {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:active {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:backdrop {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:checked {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:checked:hover {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:checked:active {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
background-color: transparent; }
.view.content-view.check:backdrop:checked {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-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: #909396; }
checkbutton.text-button:disabled:backdrop, checkbutton.text-button:disabled:active:backdrop, checkbutton.text-button:disabled:indeterminate:backdrop, radiobutton.text-button:disabled:backdrop, radiobutton.text-button:disabled:active:backdrop, radiobutton.text-button:disabled:indeterminate:backdrop {
color: #545c65; }
/************
* GtkScale *
************/
scale {
-GtkRange-trough-border: 2;
outline-offset: -9px;
-gtk-outline-radius: 4px; }
scale.fine-tune {
outline-offset: -7px;
-gtk-outline-radius: 6px; }
scale.fine-tune trough {
margin: 8px;
border-radius: 4px; }
scale slider {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #363636;
border-color: #c2c2c2;
background-image: linear-gradient(to bottom, #f4f5f6, #eff0f1);
border: 1px solid;
border-radius: 50%;
border-color: #888888;
box-shadow: inset 0 1px white, inset 0 -2px #eff0f1, inset 0 -1px #d6dadc; }
scale slider:hover {
border-width: 2px;
color: #363636;
border-color: #888888;
background-image: linear-gradient(to bottom, #eff0f1, #eff0f1);
border-color: #A6A6A6;
border-radius: 50%;
box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #e0e3e4; }
scale slider:disabled {
border-style: solid;
border-radius: 50%;
background-image: linear-gradient(to bottom, #e6e7e8);
box-shadow: none; }
scale slider:active {
border: 2px solid #888888; }
scale trough {
min-height: 4px;
min-width: 4px;
margin: 9px;
border: 1px solid transparent;
border-radius: 4px;
background-color: #c2c2c2;
box-shadow: none; }
scale trough highlight {
background-color: #888888;
border-color: transparent;
box-shadow: none; }
scale.vertical trough highlight {
background-color: #888888; }
scale trough:disabled, scale.vertical trough:disabled {
border-color: transparent;
background-image: none;
background-color: #e6e7e8;
box-shadow: none; }
.osd scale slider {
color: #363636;
border-color: #c2c2c2;
background-image: none;
background-color: #eff0f1;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
font-weight: normal;
background-color: #4f4f4f; }
.osd scale slider:hover {
color: #363636;
border-color: #888888;
background-image: none;
background-clip: padding-box;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd scale slider:active {
color: #fcfcfc;
border-color: rgba(252, 252, 252, 0.8);
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd scale slider:backdrop {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.osd scale trough {
border-color: transparent;
box-shadow: none;
margin: 9px;
background-color: #c2c2c2;
outline-color: rgba(49, 54, 59, 0.2);
outline-offset: -8px; }
.osd scale trough.fine-tune {
margin: 7px; }
.osd scale trough highlight {
background-image: none;
background-color: #888888; }
.osd scale trough:disabled, .osd scale trough:backdrop:disabled {
border-color: transparent;
background-color: transparent; }
.osd scale trough:backdrop {
border-color: transparent;
background-image: none; }
scale value {
color: alpha(currentColor,0.4); }
scale marks {
color: alpha(currentColor,0.4); }
scale.horizontal indicator {
min-height: 6px;
min-width: 1px; }
scale.horizontal.fine-tune indicator {
min-height: 3px; }
scale.vertical indicator {
min-height: 1px;
min-width: 6px; }
scale.vertical.fine-tune indicator {
min-width: 3px; }
scale.color.horizontal slider:hover, scale.color.horizontal slider:disabled, scale.color.horizontal slider,
scale.horizontal contents:first-child > trough > slider,
scale.horizontal contents:last-child > trough > slider {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png"));
background-size: 16px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.horizontal slider:hover,
scale.horizontal contents:first-child > trough > slider:hover,
scale.horizontal contents:last-child > trough > slider:hover {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
background-size: 16px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.horizontal slider:active,
scale.horizontal contents:first-child > trough > slider:active,
scale.horizontal contents:last-child > trough > slider:active {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
background-size: 16px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.horizontal slider:disabled,
scale.horizontal contents:first-child > trough > slider:disabled,
scale.horizontal contents:last-child > trough > slider:disabled {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
background-color: transparent;
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider,
scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider,
scale.vertical contents:first-child > trough > slider,
scale.vertical contents:last-child > trough > slider {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
background-color: transparent;
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) slider:hover,
scale.color.vertical:dir(rtl) slider:hover,
scale.vertical contents:first-child > trough > slider:hover,
scale.vertical contents:last-child > trough > slider:hover {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
background-color: transparent;
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) slider:active,
scale.color.vertical:dir(rtl) slider:active,
scale.vertical contents:first-child > trough > slider:active,
scale.vertical contents:last-child > trough > slider:active {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
background-color: transparent;
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
box-shadow: none; }
scale.color.vertical:dir(ltr) slider:disabled,
scale.color.vertical:dir(rtl) slider:disabled,
scale.vertical contents:first-child > trough > slider:disable,
scale.vertical contents:last-child > trough > slider:disabled {
margin: -10px;
border-style: none;
border-radius: 0;
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
background-color: transparent;
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
box-shadow: none; }
scale.color {
min-height: 0;
min-width: 0; }
scale.color trough {
background-image: linear-gradient(to top, #b0b0b0);
background-repeat: no-repeat; }
/*****************
* Progress bars *
*****************/
progressbar {
padding: 0;
font-size: smaller;
color: rgba(238, 239, 240, 0.4);
box-shadow: none; }
progressbar .osd {
-progressbar-xspacing: 0;
-progressbar-yspacing: 0;
-progressbar-min-horizontal-bar-height: 3; }
progressbar trough {
border: 1px solid transparent;
border-radius: 3px;
background-color: #6d6d6d; }
progressbar .osd trough {
border-style: none;
background-color: transparent;
box-shadow: none; }
progressbar progress {
background-color: #888888;
border: 1px solid #888888;
border-radius: 0px;
box-shadow: none; }
progressbar.left progress {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
progressbar.right progress {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
progressbar.left.right progress {
box-shadow: none; }
progressbar.vertical.bottom progress {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
box-shadow: none; }
progressbar.vertical.top progress {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
progressbar .osd progress {
background-image: none;
background-color: #888888;
border-style: none;
border-radius: 0; }
/*************
* Level Bar *
*************/
levelbar.vertical {
-GtkLevelBar-min-block-width: 6;
-GtkLevelBar-min-block-height: 34; }
levelbar {
box-shadow: none;
-GtkLevelBar-min-block-width: 34;
-GtkLevelBar-min-block-height: 6; }
levelbar.vertical {
-GtkLevelBar-min-block-width: 6;
-GtkLevelBar-min-block-height: 34; }
levelbar trough {
border: 1px solid transparent;
padding: 2px;
border-radius: 2px;
background-color: transparent; }
levelbar block.filled {
border: 1px solid #888888;
background-color: #888888;
box-shadow: none;
border-radius: 2px; }
levelbar.discrete.horizontal block.filled {
margin: 0 1px; }
levelbar.discrete.vertical block.filled {
margin: 1px 0; }
levelbar block.filled.high {
border-color: #5aa411;
background-color: #5aa411; }
levelbar block.filled.high:backdrop {
border-color: #5aa411; }
levelbar block.filled.low {
border-color: #f67400;
background-color: #f67400; }
levelbar block.filled.low:backdrop {
border-color: #f67400; }
levelbar block.filled.empty {
background-color: #6d6d6d;
border-color: transparent;
box-shadow: none; }
/**********
* Frames *
**********/
frame {
border: 1px solid #6d6d6d;
padding: 0; }
frame.flat {
border-style: none; }
frame.action-bar {
padding: 6px;
border-width: 1px 0 0; }
scrolledwindow viewport.frame, frame box stack scrolledwindow {
border-style: none; }
.separator, placessidebar.sidebar .view .separator,
placessidebar.sidebar .view .separator:backdrop {
color: rgba(0, 0, 0, 0.1); }
filechooserbutton .separator.vertical, filechooserbutton placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view filechooserbutton .vertical.separator, button.font .separator.vertical, button.font placessidebar.sidebar .view .vertical.separator, placessidebar.sidebar .view button.font .vertical.separator {
-GtkWidget-wide-separators: true; }
/*********
* Lists *
*********/
list, list-row {
background-color: #363636;
border-width: 0px;
border-color: #888888; }
list-row,
.grid-child {
padding: 0px 2px;
border-style: solid;
border-width: 0px;
border-color: #888888; }
list-row.button, headerbar list-row.button.titlebutton,
.titlebar list-row.button.titlebutton,
list-row.button:backdrop,
list-row.button:backdrop:active,
list-row.button:backdrop:checked,
list-row.button:backdrop:disabled,
list-row.button:backdrop:disabled:active,
list-row.button:backdrop:disabled:checked,
list-row.button:disabled:active,
list-row.button:disabled:checked {
background-color: rgba(35, 38, 41, 0);
border-style: none;
border-radius: 0;
box-shadow: none; }
list-row.button:hover {
background-color: rgba(61, 173, 232, 0.2); }
list-row.button:active {
box-shadow: none; }
list-row.button:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
list-row.button:selected:hover {
background-color: #4fb4e9; }
list-row.button:selected:backdrop {
background-color: #888888; }
list-row.button:backdrop:hover {
background-color: transparent; }
list-row:selected button {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363b41, #363636); }
list-row:selected button.flat, list-row:selected headerbar .titlebutton.button, headerbar list-row:selected .titlebutton.button,
list-row:selected .titlebar .titlebutton.button,
.titlebar list-row:selected .titlebutton.button {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: #EEEFF0; }
list-row:selected button:hover {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #363636, #363636); }
list-row:selected button:active, list-row:selected button:checked {
color: #363636;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
list-row:selected button:backdrop, list-row:selected button.flat:backdrop, list-row:selected headerbar .titlebutton.button:backdrop, headerbar list-row:selected .titlebutton.button:backdrop,
list-row:selected .titlebar .titlebutton.button:backdrop,
.titlebar list-row:selected .titlebutton.button:backdrop {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
list-row:selected button:backdrop:active, list-row:selected button:backdrop:checked, list-row:selected button.flat:backdrop:active, list-row:selected headerbar .titlebutton.button:backdrop:active, headerbar list-row:selected .titlebutton.button:backdrop:active,
list-row:selected .titlebar .titlebutton.button:backdrop:active,
.titlebar list-row:selected .titlebutton.button:backdrop:active, list-row:selected button.flat:backdrop:checked, list-row:selected headerbar .titlebutton.button:backdrop:checked, headerbar list-row:selected .titlebutton.button:backdrop:checked,
list-row:selected .titlebar .titlebutton.button:backdrop:checked,
.titlebar list-row:selected .titlebutton.button:backdrop:checked {
color: #606468;
border-color: #63686c;
background-image: linear-gradient(to bottom, #43484c);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
list-row:selected button:backdrop:disabled, list-row:selected button.flat:backdrop:disabled, list-row:selected headerbar .titlebutton.button:backdrop:disabled, headerbar list-row:selected .titlebutton.button:backdrop:disabled,
list-row:selected .titlebar .titlebutton.button:backdrop:disabled,
.titlebar list-row:selected .titlebutton.button:backdrop:disabled {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
list-row:selected button:backdrop:disabled > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled > .label,
list-row:selected .titlebar button.titlebutton:backdrop:disabled > .label, list-row:selected button.flat:backdrop:disabled > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled > .label,
list-row:selected .titlebar .titlebutton.button:backdrop:disabled > .label,
.titlebar list-row:selected .titlebutton.button:backdrop:disabled > .label {
color: inherit; }
list-row:selected button:backdrop:disabled:active, list-row:selected button:backdrop:disabled:checked, list-row:selected button.flat:backdrop:disabled:active, list-row:selected headerbar .titlebutton.button:backdrop:disabled:active, headerbar list-row:selected .titlebutton.button:backdrop:disabled:active,
list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active,
.titlebar list-row:selected .titlebutton.button:backdrop:disabled:active, list-row:selected button.flat:backdrop:disabled:checked, list-row:selected headerbar .titlebutton.button:backdrop:disabled:checked, headerbar list-row:selected .titlebutton.button:backdrop:disabled:checked,
list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked,
.titlebar list-row:selected .titlebutton.button:backdrop:disabled:checked {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #2e3236); }
list-row:selected button:backdrop:disabled:active > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled:active > .label,
list-row:selected .titlebar button.titlebutton:backdrop:disabled:active > .label, list-row:selected button:backdrop:disabled:checked > .label, list-row:selected headerbar button.titlebutton:backdrop:disabled:checked > .label,
list-row:selected .titlebar button.titlebutton:backdrop:disabled:checked > .label, list-row:selected button.flat:backdrop:disabled:active > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled:active > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled:active > .label,
list-row:selected .titlebar .titlebutton.button:backdrop:disabled:active > .label,
.titlebar list-row:selected .titlebutton.button:backdrop:disabled:active > .label, list-row:selected button.flat:backdrop:disabled:checked > .label, list-row:selected headerbar .titlebutton.button:backdrop:disabled:checked > .label, headerbar list-row:selected .titlebutton.button:backdrop:disabled:checked > .label,
list-row:selected .titlebar .titlebutton.button:backdrop:disabled:checked > .label,
.titlebar list-row:selected .titlebutton.button:backdrop:disabled:checked > .label {
color: inherit; }
list-row:selected button.flat:backdrop, list-row:selected headerbar .titlebutton.button:backdrop, headerbar list-row:selected .titlebutton.button:backdrop,
list-row:selected .titlebar .titlebutton.button:backdrop,
.titlebar list-row:selected .titlebutton.button:backdrop {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
color: #606468; }
list-row:selected button:disabled {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
list-row:selected button:disabled > .label, list-row:selected headerbar button.titlebutton:disabled > .label,
list-row:selected .titlebar button.titlebutton:disabled > .label {
color: inherit; }
list-row:selected button:disabled:active, list-row:selected button:disabled:checked {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3f4449, #3a3f44); }
list-row:selected button:disabled:active > .label, list-row:selected headerbar button.titlebutton:disabled:active > .label,
list-row:selected .titlebar button.titlebutton:disabled:active > .label, list-row:selected button:disabled:checked > .label, list-row:selected headerbar button.titlebutton:disabled:checked > .label,
list-row:selected .titlebar button.titlebutton:disabled:checked > .label {
color: inherit; }
list-row, list-row.button, headerbar list-row.button.titlebutton,
.titlebar list-row.button.titlebutton {
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
list-row:hover, list-row.button:hover, headerbar list-row.button.titlebutton:hover,
.titlebar list-row.button.titlebutton:hover {
transition: none; }
/*********************
* App Notifications *
*********************/
.app-notification,
.app-notification.frame {
padding: 10px;
border: none;
border-radius: 0 0 3px 3px;
background-color: rgba(35, 38, 41, 0.8);
background-image: none;
background-clip: padding-box; }
.app-notification:backdrop,
.app-notification.frame:backdrop {
background-image: none; }
.app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton,
.app-notification .titlebar button.titlebutton,
.titlebar .app-notification button.titlebutton,
.app-notification.frame button {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: none;
background-color: #363636;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
font-weight: normal; }
.app-notification button.flat, .app-notification headerbar .titlebutton.button, headerbar .app-notification .titlebutton.button,
.app-notification .titlebar .titlebutton.button,
.titlebar .app-notification .titlebutton.button,
.app-notification.frame button.flat,
.app-notification.frame headerbar .titlebutton.button,
headerbar .app-notification.frame .titlebutton.button,
.app-notification.frame .titlebar .titlebutton.button,
.titlebar .app-notification.frame .titlebutton.button {
-gtk-icon-shadow: 0 1px black;
text-shadow: 0 1px black; }
.app-notification button:hover,
.app-notification.frame button:hover {
color: #EEEFF0;
border-color: #888888;
background-image: none;
background-clip: padding-box;
text-shadow: none;
-gtk-icon-shadow: none; }
.app-notification button:active, .app-notification button:checked, .app-notification button:backdrop:active, .app-notification button:backdrop:checked,
.app-notification.frame button:active,
.app-notification.frame button:checked,
.app-notification.frame button:backdrop:active,
.app-notification.frame button:backdrop:checked {
color: #EEEFF0;
border-color: rgba(35, 38, 41, 0.8);
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.app-notification button:disabled, .app-notification button:backdrop:disabled,
.app-notification.frame button:disabled,
.app-notification.frame button:backdrop:disabled {
color: #909396;
border-color: #3a3f44;
background-image: none;
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
.app-notification button:backdrop,
.app-notification.frame button:backdrop {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
/*************
* Expanders *
*************/
treeview.view expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
treeview.view expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
treeview.view expander:hover {
color: white; }
treeview.view expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
/************
* Calendar *
***********/
calendar {
color: #EEEFF0;
border: 1px solid #6d6d6d; }
calendar.header {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0; }
calendar.header:backdrop {
border-color: rgba(0, 0, 0, 0.1); }
calendar.button, headerbar calendar.button.titlebutton,
.titlebar calendar.button.titlebutton {
color: rgba(238, 239, 240, 0.45); }
calendar.button:hover, headerbar calendar.button.titlebutton:hover,
.titlebar calendar.button.titlebutton:hover {
color: #EEEFF0; }
calendar.button:backdrop, headerbar calendar.button.titlebutton:backdrop,
.titlebar calendar.button.titlebutton:backdrop {
color: rgba(96, 100, 104, 0.45); }
calendar:indeterminate, calendar:indeterminate:backdrop, calendar.highlight, calendar.highlight:backdrop {
color: alpha(currentColor,0.55); }
calendar:backdrop {
color: #EEEFF0;
border-color: #63686c; }
/***********
* Dialogs *
***********/
message-dialog {
-GtkDialog-button-spacing: 8;
-GtkDialog-action-area-border: 8; }
message-dialog .titlebar {
box-shadow: none; }
message-dialog.csd.background {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
message-dialog.csd .dialog-action-area button {
border-radius: 0;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363b41, #363636); }
message-dialog.csd .dialog-action-area button:hover {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #363636, #363636); }
message-dialog.csd .dialog-action-area button:active {
color: #363636;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
message-dialog.csd .dialog-action-area button:disabled {
color: #909396;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
message-dialog.csd .dialog-action-area button:disabled > .label, message-dialog.csd .dialog-action-area headerbar button.titlebutton:disabled > .label,
message-dialog.csd .dialog-action-area .titlebar button.titlebutton:disabled > .label {
color: inherit; }
message-dialog.csd .dialog-action-area button:backdrop {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
message-dialog.csd .dialog-action-area button:backdrop:disabled {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
message-dialog.csd .dialog-action-area button:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar button.titlebutton:backdrop:disabled > .label,
message-dialog.csd .dialog-action-area .titlebar button.titlebutton:backdrop:disabled > .label {
color: inherit; }
message-dialog.csd .dialog-action-area button.suggested-action {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: white;
border-color: #888888;
background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
message-dialog.csd .dialog-action-area button.suggested-action:hover {
color: white;
border-color: #888888;
background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
message-dialog.csd .dialog-action-area button.suggested-action:active {
color: white;
border-color: #888888;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
message-dialog.csd .dialog-action-area button.suggested-action:backdrop {
color: white;
border-color: #888888;
background-image: linear-gradient(to bottom, #888888);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
message-dialog.csd .dialog-action-area button.suggested-action:backdrop:disabled {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
message-dialog.csd .dialog-action-area button.suggested-action:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar .suggested-action.button.titlebutton:backdrop:disabled > .label,
message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:disabled > .label {
color: inherit; }
message-dialog.csd .dialog-action-area button.suggested-action:disabled {
background-color: #363636;
color: shade(#EEEFF0, 0.5); }
message-dialog.csd .dialog-action-area button.destructive-action {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: white;
border-color: #d51010;
background-image: linear-gradient(to bottom, #df1111, #d51010); }
message-dialog.csd .dialog-action-area button.destructive-action:hover {
color: white;
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010, #d51010); }
message-dialog.csd .dialog-action-area button.destructive-action:active {
color: white;
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010, shade(#d51010, 0.8)); }
message-dialog.csd .dialog-action-area button.destructive-action:backdrop {
color: white;
border-color: #d51010;
background-image: linear-gradient(to bottom, #d51010);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
message-dialog.csd .dialog-action-area button.destructive-action:backdrop:disabled {
color: #545c65;
border-color: #63686c;
background-image: linear-gradient(to bottom, #3a3f44);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
message-dialog.csd .dialog-action-area button.destructive-action:backdrop:disabled > .label, message-dialog.csd .dialog-action-area headerbar .destructive-action.button.titlebutton:backdrop:disabled > .label,
message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:disabled > .label {
color: inherit; }
message-dialog.csd .dialog-action-area button.destructive-action:disabled {
background-color: #363636;
color: shade(#EEEFF0, 0.5); }
filechooser .search-bar {
background-color: #363636;
border-color: #363636;
box-shadow: none; }
filechooser .search-bar:backdrop {
background-color: #25292c;
border-color: #363636; }
filechooser .dialog-action-box {
border-top: 1px solid #6d6d6d; }
filechooser .dialog-action-box:backdrop {
border-top-color: #63686c; }
/***********
* Sidebar *
***********/
.sidebar {
border: none;
background-color: #363636; }
placessidebar.sidebar .view {
color: #EEEFF0;
background-color: transparent; }
placessidebar.sidebar .view .image {
color: #b5b8ba; }
placessidebar.sidebar .view .image:selected {
color: #dce8ef; }
placessidebar.sidebar .view .image:selected:backdrop {
color: #dce8ef; }
placessidebar.sidebar .view .image:disabled {
color: #74777b; }
placessidebar.sidebar .view .image:backdrop {
color: #52565b; }
placessidebar.sidebar .view .image:backdrop:disabled {
color: #4a5158; }
placessidebar.sidebar .view:disabled {
color: #909396; }
placessidebar.sidebar .view:backdrop {
color: #606468; }
placessidebar.sidebar .view:backdrop:disabled {
color: #545c65; }
.sidebar-item {
padding: 10px 4px; }
.sidebar-item > .label {
padding-left: 6px;
padding-right: 6px; }
.sidebar-item.needs-attention > .label {
background-size: 6px 6px, 0 0; }
/*********
* Paned *
*********/
paned {
-paned-handle-size: 1;
-gtk-icon-source: none;
margin: 0 8px 8px 0; }
paned:dir(rtl) {
margin-right: 0;
margin-left: 8px; }
paned .pane-separator {
background-color: #6d6d6d; }
paned .pane-separator:backdrop {
background-color: #63686c; }
paned.wide {
-paned-handle-size: 5;
margin: 0; }
paned.wide .pane-separator {
background-color: transparent;
border-style: none solid;
border-color: #6d6d6d;
border-width: 1px; }
paned.wide.vertical .pane-separator {
border-style: solid none; }
paned.wide .pane-separator:backdrop {
border-color: #63686c; }
/**************
* infobar *
**************/
infobar {
border-style: none; }
.info,
.question,
.warning,
.error {
background-color: #363636;
color: #EEEFF0;
text-shadow: none;
border-color: #1a97d8; }
.info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton,
.info .titlebar button.titlebutton,
.titlebar .info button.titlebutton,
.question button,
.question headerbar button.titlebutton,
headerbar .question button.titlebutton,
.question .titlebar button.titlebutton,
.titlebar .question button.titlebutton,
.warning button,
.warning headerbar button.titlebutton,
headerbar .warning button.titlebutton,
.warning .titlebar button.titlebutton,
.titlebar .warning button.titlebutton,
.error button,
.error headerbar button.titlebutton,
headerbar .error button.titlebutton,
.error .titlebar button.titlebutton,
.titlebar .error button.titlebutton {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #46b1e9, #3dade8); }
.info button:hover,
.question button:hover,
.warning button:hover,
.error button:hover {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #3dade8, #3dade8); }
.info button:active,
.question button:active,
.warning button:active,
.error button:active {
color: #363636;
border-color: #888888;
background-image: linear-gradient(to bottom, #888888, shade(#888888, 0.8)); }
.info button:disabled,
.question button:disabled,
.warning button:disabled,
.error button:disabled {
color: #909396;
border-color: #888888;
background-image: linear-gradient(to bottom, #3999cb);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.info button:disabled > .label, .info headerbar button.titlebutton:disabled > .label,
.info .titlebar button.titlebutton:disabled > .label,
.question button:disabled > .label,
.question headerbar button.titlebutton:disabled > .label,
.question .titlebar button.titlebutton:disabled > .label,
.warning button:disabled > .label,
.warning headerbar button.titlebutton:disabled > .label,
.warning .titlebar button.titlebutton:disabled > .label,
.error button:disabled > .label,
.error headerbar button.titlebutton:disabled > .label,
.error .titlebar button.titlebutton:disabled > .label {
color: inherit; }
.info button:backdrop,
.question button:backdrop,
.warning button:backdrop,
.error button:backdrop {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #888888);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #888888; }
.info button:backdrop:disabled,
.question button:backdrop:disabled,
.warning button:backdrop:disabled,
.error button:backdrop:disabled {
color: #78b7d8;
border-color: #888888;
background-image: linear-gradient(to bottom, #3999cb);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #888888; }
.info button:backdrop:disabled > .label, .info headerbar button.titlebutton:backdrop:disabled > .label,
.info .titlebar button.titlebutton:backdrop:disabled > .label,
.question button:backdrop:disabled > .label,
.question headerbar button.titlebutton:backdrop:disabled > .label,
.question .titlebar button.titlebutton:backdrop:disabled > .label,
.warning button:backdrop:disabled > .label,
.warning headerbar button.titlebutton:backdrop:disabled > .label,
.warning .titlebar button.titlebutton:backdrop:disabled > .label,
.error button:backdrop:disabled > .label,
.error headerbar button.titlebutton:backdrop:disabled > .label,
.error .titlebar button.titlebutton:backdrop:disabled > .label {
color: inherit; }
.info .label:selected,
.info .label:selected:focus,
.info .label:selected:hover,
.question .label:selected,
.question .label:selected:focus,
.question .label:selected:hover,
.warning .label:selected,
.warning .label:selected:focus,
.warning .label:selected:hover,
.error .label:selected,
.error .label:selected:focus,
.error .label:selected:hover {
background-color: #1a97d8; }
/************
* Tooltips *
************/
tooltip {
color: white;
padding: 4px;
/* not working */
border-radius: 5px;
box-shadow: none;
text-shadow: 0 1px black; }
tooltip.background {
background-color: rgba(0, 0, 0, 0.8);
background-clip: padding-box;
border: 1px solid rgba(255, 255, 255, 0.1); }
tooltip.window-frame.csd {
background-color: transparent; }
tooltip * {
padding: 4px;
background-color: transparent;
color: inherit; }
/*****************
* Color Chooser *
*****************/
colorswatch {
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
:selected colorswatch {
box-shadow: none; }
:selected colorswatch.overlay, :selected colorswatch.overlay:hover {
border-color: #EEEFF0; }
colorswatch:selected {
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
colorswatch.top {
border-top-left-radius: 6px;
border-top-right-radius: 6px; }
colorswatch.bottom {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; }
colorswatch.left, colorswatch:first-child:not(.overlay):not(.top) {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px; }
colorswatch.right, colorswatch:last-child:not(.overlay):not(.bottom) {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px; }
colorswatch:only-child:not(.overlay) {
border-radius: 6px; }
colorswatch.top > .overlay {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
colorswatch.bottom > .overlay {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
colorswatch:first-child:not(.top) > .overlay {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
colorswatch:last-child:not(.bottom) > .overlay {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
colorswatch:only-child > .overlay {
border-radius: 5px; }
colorswatch:hover, colorswatch:hover:selected {
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.4); }
colorswatch:hover.color-dark, colorswatch:hover:selected.color-dark {
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); }
colorswatch:backdrop, colorswatch:backdrop:selected
colorswatch.color-dark:backdrop, colorswatch.color-dark:backdrop:selected {
background-image: none;
box-shadow: none; }
colorchooser colorswatch {
border-radius: 3px; }
colorchooser colorswatch:hover {
background-image: none;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 239, 240, 0.1); }
colorchooser colorswatch:backdrop {
box-shadow: none; }
colorswatch.color-dark {
color: white;
outline-color: rgba(0, 0, 0, 0.3); }
colorswatch.color-dark:backdrop {
color: rgba(255, 255, 255, 0.3); }
colorswatch.color-light {
color: black;
outline-color: rgba(255, 255, 255, 0.5); }
colorswatch.color-light:backdrop {
color: rgba(0, 0, 0, 0.3); }
colorswatch.overlay, colorswatch.overlay:selected {
border: 1px solid #6d6d6d; }
colorswatch.overlay:hover, colorswatch.overlay:selected:hover {
border-color: black; }
colorswatch#add-color-button {
border-style: solid;
border-width: 1px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363b41, #363636); }
colorswatch#add-color-button:hover {
color: #EEEFF0;
border-color: #888888;
background-image: linear-gradient(to bottom, #363636, #363636); }
colorswatch#add-color-button:backdrop {
color: #EEEFF0;
border-color: #6d6d6d;
background-image: linear-gradient(to bottom, #363636);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 239, 240, 0); }
colorswatch#add-color-button .overlay {
border-color: rgba(255, 255, 255, 0);
background-color: transparent;
background-image: none;
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none; }
/********
* Misc *
********/
scale-popup button, scale-popup headerbar button.titlebutton, headerbar scale-popup button.titlebutton,
scale-popup .titlebar button.titlebutton,
.titlebar scale-popup button.titlebutton {
padding: 6px; }
scale-popup button:hover {
background-color: rgba(238, 239, 240, 0.1);
border-radius: 5px; }
/**********************
* Window Decorations *
*********************/
.window-frame {
border-width: 0;
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
/* this is used for the resize cursor area */
margin: 10px; }
.window-frame:backdrop {
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
.window-frame.tiled {
border-radius: 0; }
.window-frame.popup {
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
.window-frame.ssd {
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); }
.window-frame.csd.popup {
border-radius: 0;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); }
.window-frame.csd.tooltip {
border-radius: 5px;
box-shadow: none; }
.window-frame.csd.message-dialog {
border-radius: 7px;
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
.window-frame.solid-csd {
border-radius: 0;
margin: 1px;
background-color: #363636;
border: 0;
box-shadow: none; }
headerbar .titlebutton.button,
.titlebar .titlebutton.button {
padding: 2px; }
headerbar .titlebutton.button:backdrop,
.titlebar .titlebutton.button:backdrop {
-gtk-icon-shadow: none; }
headerbar .titlebutton.close.button,
.titlebar .titlebutton.close.button {
color: transparent;
border-image: none;
box-shadow: none;
background-position: center;
background-repeat: no-repeat;
background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); }
headerbar .titlebutton.close.button:hover,
.titlebar .titlebutton.close.button:hover {
border-color: transparent;
background-color: transparent;
background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); }
headerbar .titlebutton.close.button:active,
.titlebar .titlebutton.close.button:active {
border-color: transparent;
background-color: transparent;
background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); }
headerbar .titlebutton.close.button:backdrop,
.titlebar .titlebutton.close.button:backdrop {
border-color: transparent;
background-color: transparent;
background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); }
headerbar .titlebutton.maximize.button,
.titlebar .titlebutton.maximize.button {
color: transparent;
border-image: none;
box-shadow: none;
background-position: center;
background-repeat: no-repeat;
background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); }
headerbar .titlebutton.maximize.button:hover,
.titlebar .titlebutton.maximize.button:hover {
border-color: transparent;
background-color: transparent;
background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); }
headerbar .titlebutton.maximize.button:active,
.titlebar .titlebutton.maximize.button:active {
border-color: transparent;
background-color: transparent;
background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); }
headerbar .titlebutton.maximize.button:backdrop,
.titlebar .titlebutton.maximize.button:backdrop {
border-color: transparent;
background-color: transparent;
background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); }
headerbar .titlebutton.minimize.button,
.titlebar .titlebutton.minimize.button {
color: transparent;
border-image: none;
box-shadow: none;
background-position: center;
background-repeat: no-repeat;
background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); }
headerbar .titlebutton.minimize.button:hover,
.titlebar .titlebutton.minimize.button:hover {
border-color: transparent;
background-color: transparent;
background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); }
headerbar .titlebutton.minimize.button:active,
.titlebar .titlebutton.minimize.button:active {
border-color: transparent;
background-color: transparent;
background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
headerbar .titlebutton.minimize.button:backdrop,
.titlebar .titlebutton.minimize.button:backdrop {
border-color: transparent;
background-color: transparent;
background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); }
headerbar.selection-mode .titlebutton.button,
.titlebar.selection-mode .titlebutton.button {
text-shadow: none; }
headerbar.selection-mode .titlebutton.button:backdrop,
.titlebar.selection-mode .titlebutton.button:backdrop {
-gtk-icon-shadow: none; }
textview text selection, .view selection, .view:selected, calendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, entry:selected, entry:selected:focus, menuitem.button.flat:selected, headerbar menuitem.titlebutton.button:selected,
.titlebar menuitem.titlebutton.button:selected, list-row:selected, .sidebar:selected, placessidebar.sidebar .view:selected, placessidebar.sidebar calendar:selected {
background-color: #888888;
color: #EEEFF0; }
/* Decouple the font of context menus from their entry/textview */
.touch-selection,
.context-menu {
font: initial; }
.monospace {
font: Monospace; }
.overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.top:backdrop {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
background-size: 100% 5%, 100% 100%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.left:backdrop {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#505457), to(rgba(80, 84, 87, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 239, 240, 0.07)), to(rgba(238, 239, 240, 0)));
background-size: 5% 100%, 100% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.right:backdrop {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#63686c), to(rgba(99, 104, 108, 0)));
background-size: 5% 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; }
.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; }
.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; }
.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; }
/* GTK NAMED COLORS
----------------
use responsibly! */
/*
widget text/foreground color */
@define-color theme_fg_color #EEEFF0;
/*
text color for entries, views and content in general */
@define-color theme_text_color #EEEFF0;
/*
widget base background color */
@define-color theme_bg_color #363636;
/*
text widgets and the like base background color */
@define-color theme_base_color #262626;
/*
base background color of selections */
@define-color theme_selected_bg_color #888888;
/*
text/foreground color of selections */
@define-color theme_selected_fg_color #EEEFF0;
/*
base background color of insensitive widgets */
@define-color insensitive_bg_color #3a3f44;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color #909396;
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color #262626;
/*
widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color #606468;
/*
text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #EEEFF0;
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #363636;
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #25292c;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #888888;
/*
text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #EEEFF0;
/*
widgets main borders color */
@define-color borders #6d6d6d;
/*
widgets main borders color on backdrop windows */
@define-color unfocused_borders #63686c;
/*
these are pretty self explicative */
@define-color warning_color #f67400;
@define-color error_color #ed1515;
@define-color success_color #5aa411;
@define-color icon_red #da4453;
/*
titlebar colors */
@define-color titlebar_bg_color #363636;
@define-color titlebar_fg_color #EEEFF0;
@define-color hover_color #888888;
/*
these colors are exported for the window manager and shouldn't be used in applications,
read if you used those and something break with a version upgrade you're on your own... */
@define-color wm_title #EEEFF0;
@define-color wm_unfocused_title #606468;
@define-color wm_highlight transparent;
@define-color wm_borders_edge rgba(238, 239, 240, 0.1);
@define-color wm_bg_a #363636;
@define-color wm_bg_b #363636;
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
@define-color wm_button_hover_color_a shade(#363636, 1.3);
@define-color wm_button_hover_color_b #363636;
@define-color wm_button_active_color_a shade(#363636, 0.85);
@define-color wm_button_active_color_b shade(#363636, 0.89);
@define-color wm_button_active_color_c shade(#363636, 0.9);
@define-color content_view_bg #262626;
/*# sourceMappingURL=gtk-dark.css.map */