1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
horst3180_arc-theme/common/gtk-3.0/3.14/gtk-contained-darker.css

3923 lines
165 KiB
CSS

* {
background-clip: padding-box;
-GtkToolButton-icon-spacing: 4;
-GtkTextView-error-underline-color: #FC4138;
-GtkPaned-handle-size: 1;
-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: #2679db;
-GtkWidget-visited-link-color: #1e61b0;
-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-color: rgba(92, 97, 108, 0.3);
outline-style: dashed;
outline-offset: -3px;
outline-width: 1px;
outline-radius: 2px; }
/***************
* Base States *
***************/
.background {
color: #5c616c;
background-color: rgba(245, 246, 247, 0.999); }
/*
These wildcard seems unavoidable, need to investigate.
Wildcards are bad and troublesome, use them with care,
or better, just don't.
Everytime a wildcard is used a kitten dies, painfully.
*/
*:insensitive {
-gtk-image-effect: dim; }
.gtkstyle-fallback {
background-color: #F5F6F7;
color: #5c616c; }
.gtkstyle-fallback:prelight {
background-color: white;
color: #5c616c; }
.gtkstyle-fallback:active {
background-color: #d9dde0;
color: #5c616c; }
.gtkstyle-fallback:insensitive {
background-color: #fbfbfc;
color: rgba(92, 97, 108, 0.55); }
.gtkstyle-fallback:selected {
background-color: #5294E2;
color: #ffffff; }
.view {
color: #5c616c;
background-color: #ffffff; }
.view.dim-label, GtkLabel.view.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .view.subtitle {
color: rgba(92, 97, 108, 0.55); }
.view.dim-label:selected, GtkLabel.view.separator:selected, .header-bar .view.subtitle:selected, .view.dim-label:selected:focus, GtkLabel.view.separator:selected:focus, .header-bar .view.subtitle:selected:focus {
color: rgba(255, 255, 255, 0.65);
text-shadow: none; }
.rubberband {
border: 1px solid #5294E2;
background-color: rgba(82, 148, 226, 0.2); }
GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator {
color: #5c616c; }
GtkLabel:insensitive {
color: rgba(92, 97, 108, 0.55); }
.dim-label, GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator, .header-bar .subtitle {
opacity: 0.55; }
GtkAssistant .sidebar {
background-color: #ffffff;
border-top: 1px solid #dbdfe3; }
GtkAssistant .sidebar:dir(ltr) {
border-right: 1px solid #dbdfe3; }
GtkAssistant .sidebar:dir(rtl) {
border-left: 1px solid #dbdfe3; }
GtkAssistant.csd .sidebar {
border-top-style: none; }
GtkAssistant .sidebar GtkLabel {
padding: 6px 12px; }
GtkAssistant .sidebar GtkLabel.highlight {
background-color: #5294E2;
color: #ffffff; }
GtkTextView {
background-color: #fafbfb; }
GtkFlowBox .grid-child {
padding: 3px;
border-radius: 3px; }
GtkFlowBox .grid-child:selected {
outline-offset: -2px; }
.popover.osd, .osd {
color: #BAC3CF;
border: none;
background-color: rgba(42, 44, 51, 0.95);
background-clip: padding-box;
outline-color: rgba(186, 195, 207, 0.3);
box-shadow: none; }
/**********************
* Spinner Animations *
**********************/
@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:insensitive {
opacity: 0.5; }
/****************
* Text Entries *
****************/
.entry {
border: 1px solid;
padding: 5px 8px 6px;
border-radius: 15px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #5c616c;
border-color: #cfd6e6;
background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff); }
.header-bar .entry {
padding: 6px 11px; }
.entry.image {
padding-left: 3px;
padding-right: 3px; }
.entry.flat, .entry.flat:focus {
padding: 2px;
color: #5c616c;
border-color: #cfd6e6;
background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff);
border: none;
border-radius: 0; }
.entry:focus {
background-clip: border-box;
color: #5c616c;
border-color: #5294E2;
background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff); }
.entry:insensitive {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(255, 255, 255, 0.55);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); }
.entry:selected,
.entry:selected:focus {
background-color: #5294E2;
color: #ffffff; }
.entry.progressbar {
margin: 2px 12px;
border-radius: 0;
border-width: 0 0 2px;
border-color: #5294E2;
border-style: solid;
background-image: none;
background-color: transparent;
box-shadow: none; }
.linked > .entry:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.linked > .entry:first-child:dir(rtl) {
border-right-style: none; }
.linked > .entry:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-style: none; }
.linked > .entry:last-child:dir(rtl) {
border-left-style: solid; }
.entry.error {
color: white;
border-color: #FC4138;
background-image: linear-gradient(to bottom, #fd6760); }
.entry.error:focus {
background-image: linear-gradient(to bottom, #FC4138);
color: white; }
.entry.error:selected, .entry.error:selected:focus {
background-color: white;
color: #FC4138; }
.entry.warning {
color: white;
border-color: #F27835;
background-image: linear-gradient(to bottom, #f5935d); }
.entry.warning:focus {
background-image: linear-gradient(to bottom, #F27835);
color: white; }
.entry.warning:selected, .entry.warning:selected:focus {
background-color: white;
color: #F27835; }
.entry.image {
color: #7d8189; }
.entry.image:hover {
color: #5c616c; }
.entry.image:active {
color: #5294E2; }
.linked.vertical > .entry {
border-bottom-color: #f4f5f6;
box-shadow: none; }
.linked.vertical > .entry:focus {
border-color: #5294E2;
box-shadow: 0 -1px 0 0 #5294E2; }
.linked.vertical > .entry:insensitive {
border-bottom-color: #f4f5f6; }
.linked.vertical > .entry:first-child {
border-bottom-color: #f4f5f6; }
.linked.vertical > .entry:first-child:focus {
border-bottom-color: #5294E2;
box-shadow: none; }
.linked.vertical > .entry:first-child:insensitive {
border-bottom-color: #f4f5f6; }
.linked.vertical > .entry:last-child {
border-bottom-color: rgba(0, 0, 0, 0.14); }
.linked.vertical > .entry:last-child:focus {
border-bottom-color: #5294E2;
box-shadow: 0 -1px 0 0 #5294E2; }
.linked.vertical > .entry:last-child:insensitive {
border-bottom-color: rgba(0, 0, 0, 0.14); }
.osd .entry {
color: #BAC3CF;
border-color: rgba(0, 0, 0, 0.4);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
.osd .entry:focus {
color: #BAC3CF;
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
.osd .entry:insensitive {
color: #555a62;
border-color: rgba(0, 0, 0, 0.4);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
/***********
* Buttons *
***********/
@keyframes needs_attention {
from {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); }
to {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } }
.button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
border: 1px solid;
border-radius: 3px;
padding: 5px 8px;
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
.header-bar .button {
padding: 6px 11px; }
.button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(245, 246, 247, 0);
transition: none; }
.button.flat:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 350ms; }
.button.flat:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.button:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #5294E2;
background-color: #fbfbfc;
-gtk-image-effect: highlight; }
.button:active, .button:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2;
transition-duration: 50ms; }
.button:active {
color: #5c616c; }
.button:active:hover, .button:checked {
color: #ffffff; }
.button.flat:insensitive {
border-color: transparent;
background-color: transparent;
background-image: none; }
.button:insensitive {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
.button:insensitive > GtkLabel {
color: inherit; }
.button:insensitive:active, .button:insensitive:checked {
color: rgba(255, 255, 255, 0.55);
border-color: rgba(82, 148, 226, 0.55);
background-color: rgba(82, 148, 226, 0.55);
opacity: 0.6; }
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; }
.button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3);
background-color: rgba(42, 44, 51, 0.95); }
.button.osd.image-button {
padding: 10px; }
.button.osd:hover {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: #5294E2;
background-color: rgba(0, 0, 0, 0.3);
background-color: rgba(42, 44, 51, 0.95); }
.button.osd:active, .button.osd:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.button.osd:insensitive {
color: #555a62;
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.15); }
.osd .button {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3);
border-radius: 0;
border-left-style: none;
border-right-style: none; }
.osd .button:dir(rtl) {
border-radius: 0;
border-right-style: none;
border-left-style: none; }
.osd .button:first-child {
border-radius: 3px 0 0 3px;
border-left-style: solid; }
.osd .button:last-child {
border-radius: 0 3px 3px 0;
border-right-style: solid; }
.osd .button:last-child:dir(rtl) {
border-left-style: solid; }
.osd .button:only-child {
border-radius: 3px;
border-style: solid; }
.osd .button:hover {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: #5294E2;
background-color: rgba(0, 0, 0, 0.3); }
.osd .button:active, .osd .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.osd .button:insensitive {
color: #555a62;
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.15); }
.osd .button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: none; }
.osd .button.flat:hover {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: #5294E2;
background-color: rgba(0, 0, 0, 0.3); }
.osd .button.flat:insensitive {
color: #555a62;
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.15);
background-image: none; }
.osd .button.flat:active, .osd .button.flat:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.button.suggested-action {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4;
border-color: #4DADD4; }
.button.suggested-action.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #4DADD4;
outline-color: rgba(77, 173, 212, 0.3); }
.button.suggested-action:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de;
border-color: #76c0de; }
.button.suggested-action:active, .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0;
border-color: #2e96c0; }
.button.suggested-action.flat:insensitive {
border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.button.suggested-action:insensitive {
opacity: 0.75; }
.button.destructive-action {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50;
border-color: #F04A50; }
.button.destructive-action.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); }
.button.destructive-action:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e;
border-color: #f4797e; }
.button.destructive-action:active, .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22;
border-color: #ec1b22; }
.button.destructive-action.flat:insensitive {
border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.button.destructive-action:insensitive {
opacity: 0.75; }
.button.image-button {
padding: 8px; }
.header-bar .button.image-button {
padding: 6px 9px; }
.button.text-button {
padding-left: 16px;
padding-right: 16px; }
.header-bar .button.text-button {
padding: 6px 16px; }
.button.text-button.image-button {
padding: 4px 8px 5px; }
.button.text-button.image-button GtkLabel:first-child {
padding-left: 8px; }
.button.text-button.image-button GtkLabel:last-child {
padding-right: 8px; }
.header-bar .button.text-button.image-button {
padding: 6px 16px; }
.stack-switcher > .button {
outline-offset: -3px; }
.stack-switcher > .button > GtkLabel {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > .button > GtkImage {
padding-left: 6px;
padding-right: 6px;
padding-top: 5px;
padding-bottom: 5px; }
.stack-switcher > .button .header-bar > GtkLabel {
padding: 6px 10px; }
.stack-switcher > .button.text-button {
padding: 5px 10px; }
.header-bar .stack-switcher > .button.text-button {
padding: 6px 10px; }
.stack-switcher > .button.image-button {
padding: 1px 3px; }
.stack-switcher > .button.needs-attention:active > GtkLabel,
.stack-switcher > .button.needs-attention:active > GtkImage,
.stack-switcher > .button.needs-attention:checked > GtkLabel,
.stack-switcher > .button.needs-attention:checked > GtkImage {
animation: none;
background-image: none; }
.stack-switcher > .button.needs-attention > GtkLabel,
.stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 4px; }
.stack-switcher > .button.needs-attention > GtkLabel:dir(rtl),
.stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) {
background-position: left 3px, left 4px; }
.inline-toolbar .button, .inline-toolbar .button:backdrop {
border-radius: 2px;
border-width: 1px; }
.inline-toolbar GtkToolButton > .button {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
.inline-toolbar GtkToolButton > .button:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #5294E2;
background-color: #fbfbfc; }
.inline-toolbar GtkToolButton > .button:active,
.inline-toolbar GtkToolButton > .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.inline-toolbar GtkToolButton > .button:insensitive {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
.inline-toolbar GtkToolButton > .button:insensitive > GtkLabel {
color: inherit; }
.inline-toolbar GtkToolButton > .button:insensitive:active,
.inline-toolbar GtkToolButton > .button:insensitive:checked {
color: rgba(255, 255, 255, 0.55);
border-color: rgba(82, 148, 226, 0.55);
background-color: rgba(82, 148, 226, 0.55);
opacity: 0.6; }
.inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel,
.inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel {
color: inherit; }
.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button,
.linked > .button:hover,
.linked > .button:active,
.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button,
.header-bar .linked.stack-switcher > .button,
.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) {
border-radius: 0;
border-left-style: none;
border-right-style: none; }
.inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover,
GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover,
.header-bar .linked.stack-switcher > .button:hover,
.primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) {
box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; }
.inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl),
GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl),
.header-bar .linked.stack-switcher > .button:dir(rtl),
.primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) {
border-radius: 0; }
.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child,
.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child,
.header-bar .linked.stack-switcher > .button:first-child,
.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child {
border-radius: 3px 0 0 3px;
border-left-style: solid; }
.osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover,
.inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover,
.header-bar .linked.stack-switcher > .button:first-child:hover,
.primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover {
box-shadow: inset -1px 0 #5294E2; }
.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child,
.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child,
.header-bar .linked.stack-switcher > .button:last-child,
.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child {
border-radius: 0 3px 3px 0;
border-right-style: solid; }
.osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover,
.inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover,
.header-bar .linked.stack-switcher > .button:last-child:hover,
.primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover {
box-shadow: inset 1px 0 #5294E2; }
.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):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl),
.inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl),
.header-bar .linked.stack-switcher > .button:last-child:dir(rtl),
.primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) {
border-bottom-left-radius: 0; }
.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child,
.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child,
.header-bar .linked.stack-switcher > .button:only-child,
.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child {
border-radius: 3px;
border-style: solid; }
.osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover,
.inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover,
.header-bar .linked.stack-switcher > .button:only-child:hover,
.primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover {
box-shadow: none; }
.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button,
.linked.vertical > .button:hover,
.linked.vertical > .button:active,
.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button,
.linked.vertical > GtkComboBox > .button {
border-style: solid;
border-bottom-style: none;
border-top-style: none;
border-radius: 0; }
.linked.vertical > .entry:hover, .linked.vertical > .button:hover,
.linked.vertical > GtkComboBoxText > .button:hover,
.linked.vertical > GtkComboBox > .button:hover {
box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; }
.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child,
.linked.vertical > GtkComboBoxText:first-child > .button,
.linked.vertical > GtkComboBox:first-child > .button {
border-radius: 3px 3px 0 0;
border-top-style: solid; }
.linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover,
.linked.vertical > GtkComboBoxText:first-child > .button:hover,
.linked.vertical > GtkComboBox:first-child > .button:hover {
box-shadow: inset 0 -1px #5294E2; }
.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child,
.linked.vertical > GtkComboBoxText:last-child > .button,
.linked.vertical > GtkComboBox:last-child > .button {
border-radius: 0 0 3px 3px;
border-bottom-style: solid; }
.linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover,
.linked.vertical > GtkComboBoxText:last-child > .button:hover,
.linked.vertical > GtkComboBox:last-child > .button:hover {
box-shadow: inset 0 1px #5294E2; }
.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child,
.linked.vertical > GtkComboBoxText:only-child > .button,
.linked.vertical > GtkComboBox:only-child > .button {
border-radius: 3px;
border-style: solid; }
.linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover,
.linked.vertical > GtkComboBoxText:only-child > .button:hover,
.linked.vertical > GtkComboBox:only-child > .button:hover {
box-shadow: none; }
.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat,
.app-notification.frame .button.flat, .app-notification .button.flat:insensitive,
.app-notification.frame .button.flat:insensitive {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: none; }
/* menu buttons */
.menuitem.button.flat {
transition: none;
outline-offset: -1px;
border-radius: 2px; }
.menuitem.button.flat:hover {
background-color: #edeff0; }
/*********
* Links *
*********/
*:link, .button:link, .button:visited {
color: #2679db; }
*:link:visited, .button:visited {
color: #1e61b0; }
*:selected *:link:visited, *:selected .button:visited {
color: #bad4f3; }
*:link:hover, .button:hover:link, .button:hover:visited {
color: #5294e2; }
*:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited {
color: #eef4fc; }
*:link:active, .button:active:link, .button:active:visited {
color: #2679db; }
*:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited {
color: #dceaf9; }
*:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link,
.header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited {
color: #dceaf9; }
/*****************
* GtkSpinButton *
*****************/
.spinbutton {
border-radius: 3px; }
.spinbutton .button {
background-image: none;
border: 1px solid rgba(219, 223, 227, 0.6);
border-style: none none none solid;
color: #646973;
border-radius: 0;
box-shadow: none; }
.spinbutton .button:dir(rtl) {
border-style: none solid none none; }
.spinbutton .button:first-child {
color: red; }
.spinbutton .button:hover {
color: #5294E2; }
.spinbutton .button:insensitive {
color: rgba(92, 97, 108, 0.55); }
.spinbutton .button:active {
background-color: #5294E2;
color: #ffffff; }
.spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
.spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #5294E2;
background-color: #fbfbfc; }
.spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
.spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel {
color: inherit; }
.spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
.spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #5294E2;
background-color: #fbfbfc; }
.spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
.spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel {
color: inherit; }
.spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry {
border-radius: 0;
padding-left: 5px;
padding-right: 5px; }
.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:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .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:insensitive {
border-radius: 2px 2px 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:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .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:insensitive {
border-radius: 0 0 2px 2px;
border-style: none solid solid solid; }
GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus {
padding: 1px;
border-width: 1px 0;
border-color: #5294E2;
border-radius: 0;
box-shadow: none; }
/**************
* ComboBoxes *
**************/
GtkComboBox {
-GtkComboBox-arrow-scaling: 0.5;
-GtkComboBox-shadow-type: none; }
GtkComboBox > .button {
padding-top: 3px;
padding-bottom: 4px; }
GtkComboBox:insensitive {
color: rgba(92, 97, 108, 0.55); }
GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator {
-GtkWidget-wide-separators: true; }
GtkComboBox.combobox-entry .entry {
border-right-style: none; }
GtkComboBox.combobox-entry .entry:dir(rtl) {
border-left-style: none; }
GtkComboBox.combobox-entry .button {
color: rgba(92, 97, 108, 0.6);
background-color: #cfd6e6;
border-color: #cfd6e6; }
GtkComboBox.combobox-entry .button:hover {
background-color: #e0e4ef;
border-color: #5294E2;
box-shadow: -1px 0 #5294E2; }
GtkComboBox.combobox-entry .button:active, GtkComboBox.combobox-entry .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
GtkComboBox.combobox-entry .button:insensitive {
opacity: 0.5; }
/************
* Toolbars *
************/
.toolbar, .inline-toolbar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #F5F6F7; }
.osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar {
padding: 7px;
border: 1px solid rgba(0, 0, 0, 0.6);
border-radius: 3px;
background-color: rgba(42, 44, 51, 0.85); }
.primary-toolbar {
color: rgba(207, 218, 231, 0.8);
background-color: #2f343b;
box-shadow: none;
border-width: 0 0 1px 0;
border-style: solid;
border-image: linear-gradient(to bottom, #2f343b, rgba(31, 34, 39, 0.97)) 1 0 1 0; }
.primary-toolbar:backdrop {
background-color: #32383f; }
.inline-toolbar {
background-color: #edeef0;
border-style: solid;
border-color: #dbdfe3;
border-width: 0 1px 1px;
padding: 3px;
border-radius: 0 0 3px 3px; }
.search-bar {
background-color: #F5F6F7;
border-style: solid;
border-color: #dbdfe3;
border-width: 0 0 1px;
padding: 3px; }
.action-bar {
background-color: #edeef0; }
/***************
* Header bars *
***************/
.header-bar {
padding: 7px 7px 6px 7px;
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: rgba(31, 34, 39, 0.97);
color: rgba(207, 218, 231, 0.8);
background-color: #2f343b; }
.csd .header-bar {
background-color: rgba(47, 52, 59, 0.97); }
.header-bar:backdrop {
color: rgba(207, 218, 231, 0.5);
background-color: #32383f; }
.csd .header-bar:backdrop {
background-color: rgba(50, 56, 63, 0.97); }
.header-bar .title {
padding: 0px 12px; }
.header-bar .subtitle {
font-size: smaller;
padding: 0 12px; }
.header-bar.selection-mode,
.header-bar.titlebar.selection-mode {
color: #ffffff;
background-color: rgba(82, 148, 226, 0.95);
border-color: rgba(65, 137, 223, 0.95);
box-shadow: none; }
.header-bar.selection-mode:backdrop,
.header-bar.titlebar.selection-mode:backdrop {
background-color: rgba(82, 148, 226, 0.95);
color: rgba(255, 255, 255, 0.6); }
.header-bar.selection-mode .button,
.header-bar.titlebar.selection-mode .button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0); }
.header-bar.selection-mode .button.flat,
.header-bar.titlebar.selection-mode .button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
.header-bar.selection-mode .button:hover,
.header-bar.titlebar.selection-mode .button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.5); }
.header-bar.selection-mode .button:active,
.header-bar.selection-mode .button:checked,
.header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked {
color: rgba(82, 148, 226, 0.95);
outline-color: rgba(82, 148, 226, 0.25);
background-color: #ffffff;
border-color: #ffffff; }
.header-bar.selection-mode .button:insensitive,
.header-bar.titlebar.selection-mode .button:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0); }
.header-bar.selection-mode .button:insensitive:active,
.header-bar.selection-mode .button:insensitive:checked,
.header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked {
color: rgba(82, 148, 226, 0.35);
background-color: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.15); }
.header-bar.selection-mode .selection-menu,
.header-bar.titlebar.selection-mode .selection-menu {
box-shadow: none;
padding-left: 10px;
padding-right: 10px; }
.header-bar.selection-mode .selection-menu GtkArrow,
.header-bar.titlebar.selection-mode .selection-menu GtkArrow {
-GtkArrow-arrow-scaling: 1; }
.header-bar.selection-mode .selection-menu .arrow,
.header-bar.titlebar.selection-mode .selection-menu .arrow {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.maximized .header-bar.selection-mode,
.maximized .header-bar.titlebar.selection-mode {
background-color: #5294e2; }
.tiled .header-bar, .tiled .header-bar:backdrop,
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343b; }
.maximized .header-bar:backdrop {
background-color: #32383f; }
.titlebar {
padding-left: 7px;
padding-right: 7px;
border-radius: 3px 3px 0 0;
color: rgba(207, 218, 231, 0.8);
background-color: #2f343b;
box-shadow: inset 0 1px rgba(54, 60, 68, 0.97); }
.csd .titlebar {
background-color: rgba(47, 52, 59, 0.97); }
.titlebar:backdrop {
color: rgba(207, 218, 231, 0.5);
background-color: #32383f; }
.csd .titlebar:backdrop {
background-color: rgba(50, 56, 63, 0.97); }
.maximized .titlebar {
background-color: #2f343b; }
.maximized .titlebar:backdrop {
background-color: #32383f; }
.titlebar .titlebar,
.titlebar .titlebar:backdrop {
background-color: transparent; }
.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator,
.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator {
-GtkWidget-wide-separators: true;
-GtkWidget-separator-width: 1px;
border-width: 0 1px;
border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; }
.primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop,
.header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop {
opacity: 0.6; }
.primary-toolbar .entry, .header-bar .entry {
color: rgba(207, 218, 231, 0.8);
border-color: rgba(24, 27, 31, 0.97);
background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87));
background-color: transparent; }
.primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover {
color: inherit; }
.primary-toolbar .entry:backdrop, .header-bar .entry:backdrop {
opacity: 0.85; }
.primary-toolbar .entry:focus, .header-bar .entry:focus {
color: #ffffff;
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
color: #ffffff; }
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
color: rgba(207, 218, 231, 0.35);
background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); }
.primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus {
background-color: #ffffff;
color: #5294E2; }
.primary-toolbar .entry.progressbar, .header-bar .entry.progressbar {
border-color: #5294E2;
background-image: none;
background-color: transparent; }
.primary-toolbar .button, .header-bar .button {
color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
outline-offset: -3px;
background-color: rgba(47, 52, 59, 0);
border-color: rgba(47, 52, 59, 0); }
.primary-toolbar .button:backdrop, .header-bar .button:backdrop {
opacity: 0.7; }
.primary-toolbar .button:hover, .header-bar .button:hover {
color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(29, 32, 36, 0.97);
background-color: rgba(40, 44, 50, 0.87); }
.primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.primary-toolbar .button:insensitive, .header-bar .button:insensitive {
color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 59, 0);
border-color: rgba(47, 52, 59, 0); }
.primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel {
color: inherit; }
.primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked {
color: rgba(255, 255, 255, 0.75);
border-color: rgba(82, 148, 226, 0.65);
background-color: rgba(82, 148, 226, 0.65); }
.primary-toolbar .linked > .button, .header-bar .linked > .button {
border-radius: 3px;
border-style: solid; }
.primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover {
box-shadow: none; }
.primary-toolbar .linked.stack-switcher > .button,
.header-bar .linked.stack-switcher > .button,
.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button {
color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(29, 32, 36, 0.97);
background-color: rgba(40, 44, 50, 0.87); }
.primary-toolbar .linked.stack-switcher > .button:hover,
.header-bar .linked.stack-switcher > .button:hover,
.primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover {
border-color: #5294E2; }
.primary-toolbar .linked.stack-switcher > .button:active,
.header-bar .linked.stack-switcher > .button:active,
.primary-toolbar .linked.stack-switcher > .button:checked,
.header-bar .linked.stack-switcher > .button:checked,
.primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.primary-toolbar .button.suggested-action, .header-bar .button.suggested-action {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4;
border-color: #4DADD4; }
.primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #4DADD4;
outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de;
border-color: #76c0de; }
.primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0;
border-color: #2e96c0; }
.primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(77, 173, 212, 0.65); }
.primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
opacity: 0.75; }
.primary-toolbar .button.suggested-action:backdrop,
.header-bar .button.suggested-action:backdrop,
.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop {
opacity: 0.8; }
.primary-toolbar .button.destructive-action, .header-bar .button.destructive-action {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50;
border-color: #F04A50; }
.primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #F04A50;
outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e;
border-color: #f4797e; }
.primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22;
border-color: #ec1b22; }
.primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
border-color: transparent;
background-color: transparent;
background-image: none;
color: rgba(240, 74, 80, 0.65); }
.primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
opacity: 0.75; }
.primary-toolbar .button.destructive-action:backdrop,
.header-bar .button.destructive-action:backdrop,
.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop {
opacity: 0.8; }
.primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button {
color: #ffffff; }
.primary-toolbar .spinbutton .button, .header-bar .spinbutton .button {
color: rgba(207, 218, 231, 0.8); }
.primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; }
.primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive {
color: rgba(207, 218, 231, 0.5); }
.primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active {
background-color: rgba(0, 0, 0, 0.1); }
.primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive {
color: rgba(207, 218, 231, 0.2); }
.primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button {
color: rgba(207, 218, 231, 0.8);
border-color: rgba(24, 27, 31, 0.97);
background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87));
background-color: transparent; }
.primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover {
color: inherit; }
.primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover {
color: #ffffff;
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive {
color: rgba(207, 218, 231, 0.35);
background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); }
.primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop {
opacity: 0.75; }
.primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough {
background-color: rgba(207, 218, 231, 0.15); }
.primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop {
opacity: 0.75; }
.primary-toolbar .scale:backdrop, .header-bar .scale:backdrop {
opacity: 0.75; }
.primary-toolbar .scale.trough, .header-bar .scale.trough {
background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); }
.primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive {
background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); }
.primary-toolbar .scale.slider, .header-bar .scale.slider {
background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.97)); }
.primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive {
background-image: linear-gradient(to bottom, rgba(45, 49, 56, 0.97));
border-color: rgba(62, 92, 128, 0.982); }
/************
* Pathbars *
************/
.path-bar .button {
padding-left: 6px;
padding-right: 6px; }
.path-bar .button:only-child {
padding-left: 12px;
padding-right: 12px; }
.path-bar .button GtkLabel:last-child {
padding-left: 2px; }
.path-bar .button GtkLabel:first-child {
padding-right: 2px; }
.path-bar .button GtkLabel:only-child, .path-bar .button GtkLabel {
padding-right: 4px;
padding-left: 4px; }
/**************
* Tree Views *
**************/
GtkTreeView.view {
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
-GtkTreeView-expander-size: 16;
border-color: rgba(92, 97, 108, 0.2); }
GtkTreeView.view.dnd {
border-style: solid none;
border-width: 1px;
border-color: #577ba7; }
GtkTreeView.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #aeb0b6; }
GtkTreeView.view.expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
GtkTreeView.view.expander:hover {
color: #5c616c; }
GtkTreeView.view.expander:selected {
color: #cbdff6; }
GtkTreeView.view.expander:selected:hover {
color: #ffffff; }
GtkTreeView.view.expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
GtkTreeView.view.progressbar {
color: #ffffff;
border-radius: 3px; }
GtkTreeView.view.progressbar:selected {
color: #5294E2;
box-shadow: none;
background-color: #ffffff; }
GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
color: #5c616c;
background-color: #cfd6e6;
border-radius: 3px;
border-width: 0; }
column-header .button {
color: #7d8189;
background-color: #ffffff; }
column-header .button:hover {
color: #5294E2;
box-shadow: none;
transition: none; }
column-header .button:active {
color: #5c616c;
transition: none; }
column-header:last-child .button,
column-header:last-child.button {
border-right-style: none;
border-image: none; }
column-header.button.dnd, column-header .button.dnd, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover {
transition: none;
color: #5294E2;
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
column-header .button, column-header .button:hover, column-header .button:active {
padding: 3px 6px;
background-image: none;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; }
column-header .button:active, column-header .button:hover {
background-color: #ffffff; }
column-header .button:active:hover {
color: #5c616c; }
column-header .button:insensitive {
border-color: #F5F6F7;
background-image: none; }
/*********
* Menus *
*********/
.menubar {
-GtkWidget-window-dragging: true;
padding: 0px;
background-color: #2f343b;
color: rgba(207, 218, 231, 0.8); }
.menubar:backdrop {
background-color: #32383f; }
.menubar > .menuitem {
padding: 6px 8px;
border: solid transparent;
border-width: 0; }
.menubar > .menuitem:hover {
background-color: #5294E2;
color: #ffffff; }
.menubar > .menuitem:insensitive {
color: rgba(207, 218, 231, 0.2);
border-color: transparent; }
.menu, .popup {
margin: 4px;
padding: 0;
border-radius: 0;
background-color: #ffffff;
border: 1px solid #dbdfe3; }
.csd .menu, .csd .popup {
padding: 4px 0px;
border-radius: 2px;
border: none; }
.menu .menuitem, .popup .menuitem {
padding: 5px; }
.menu .menuitem:hover, .popup .menuitem:hover {
color: #5c616c;
background-color: rgba(0, 0, 0, 0.04);
border: solid rgba(0, 0, 0, 0.08);
border-width: 1px 0 1px 0; }
.menu .menuitem:insensitive, .popup .menuitem:insensitive {
color: rgba(92, 97, 108, 0.55); }
.menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator, .popup .menuitem.separator, .popup GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .popup .menuitem.view.separator {
color: rgba(255, 255, 255, 0); }
.menu .menuitem.arrow, .popup .menuitem.arrow {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
.menu .menuitem.arrow:dir(rtl), .popup .menuitem.arrow:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
.menu.button, .popup.button {
border-style: none;
border-radius: 0; }
.menu.button.top, .popup.button.top {
border-bottom: 1px solid #efeff0; }
.menu.button.bottom, .popup.button.bottom {
border-top: 1px solid #efeff0; }
.menu.button:hover, .popup.button:hover {
background-color: #efeff0; }
.menu.button:insensitive, .popup.button:insensitive {
color: transparent;
background-color: transparent;
border-color: transparent; }
.menuitem .accelerator {
color: alpha(currentColor,0.55); }
/************
* Popovers *
************/
.popover {
margin: 10px;
padding: 2px;
border: 1px solid #cdd2d7;
border-radius: 3px;
background-clip: border-box;
background-color: #ffffff;
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); }
.popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator {
color: rgba(255, 255, 255, 0); }
.popover > .list,
.popover > .view,
.popover > .toolbar,
.popover > .inline-toolbar,
.popover.osd > .toolbar, .popover.osd > .inline-toolbar {
border-style: none;
background-color: transparent; }
.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 {
padding: 0;
background-color: #ffffff;
-GtkNotebook-initial-gap: 4;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
-GtkNotebook-tab-overlap: 1;
-GtkNotebook-has-tab-gap: false;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 0;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.notebook.frame {
border: 1px solid #dbdfe3; }
.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: #F5F6F7; }
.notebook.header.frame {
border: 0px solid #dbdfe3; }
.notebook.header.frame.top {
border-bottom-width: 0; }
.notebook.header.frame.bottom {
border-top-width: 0; }
.notebook.header.frame.right {
border-left-width: 0; }
.notebook.header.frame.left {
border-right-width: 0; }
.notebook.header.top {
box-shadow: inset 0 -1px #dbdfe3; }
.notebook.header.bottom {
box-shadow: inset 0 1px #dbdfe3; }
.notebook.header.right {
box-shadow: inset 1px 0 #dbdfe3; }
.notebook.header.left {
box-shadow: inset -1px 0 #dbdfe3; }
.notebook tab {
border-width: 0;
border-style: solid;
border-color: transparent;
background-color: transparent;
outline-color: transparent;
outline-offset: 0; }
.notebook tab.top, .notebook tab.bottom {
padding: 4px 15px; }
.notebook tab.left, .notebook tab.right {
padding: 4px 15px; }
.notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
padding-left: 12px;
padding-right: 12px; }
.notebook tab.reorderable-page.top, .notebook tab.top {
padding-top: 6px;
border-radius: 3.5px 2px 0 0;
border-width: 0;
border-top-width: 2px;
border-color: transparent;
background-color: rgba(255, 255, 255, 0); }
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; }
.notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover {
background-color: #ffffff;
box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; }
.notebook tab.reorderable-page.bottom, .notebook tab.bottom {
padding-bottom: 6px;
border-radius: 0 0 2px 3.5px;
border-width: 0;
border-bottom-width: 2px;
border-color: transparent;
background-color: rgba(255, 255, 255, 0); }
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; }
.notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover {
background-color: #ffffff;
box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; }
.notebook tab.reorderable-page.right, .notebook tab.right {
padding-right: 17px;
border-radius: 0 3.5px 3.5px 0;
border-width: 0;
border-right-width: 2px;
border-color: transparent;
background-color: rgba(255, 255, 255, 0); }
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; }
.notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover {
background-color: #ffffff;
box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; }
.notebook tab.reorderable-page.left, .notebook tab.left {
padding-left: 17px;
border-radius: 3.5px 0 0 3.5px;
border-width: 0;
border-left-width: 2px;
border-color: transparent;
background-color: rgba(255, 255, 255, 0); }
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; }
.notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover {
background-color: #ffffff;
box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; }
.notebook tab GtkLabel {
padding: 0 2px;
color: rgba(92, 97, 108, 0.55); }
.notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page {
color: rgba(92, 97, 108, 0.775); }
.notebook tab .active-page GtkLabel, .notebook tab GtkLabel.active-page {
color: #5c616c; }
.notebook tab .button {
padding: 0;
color: #92959d; }
.notebook tab .button:hover {
color: #ff4d4d; }
.notebook tab .button:active {
color: #5294E2; }
.notebook tab .button > GtkImage {
padding: 2px; }
.notebook.arrow {
color: rgba(92, 97, 108, 0.55); }
.notebook.arrow:hover {
color: rgba(92, 97, 108, 0.775); }
.notebook.arrow:active {
color: #5c616c; }
.notebook.arrow:insensitive {
color: rgba(92, 97, 108, 0.25); }
/**************
* Scrollbars *
**************/
.scrollbar {
background-clip: padding-box;
background-image: none;
border-style: solid;
-GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false;
-GtkRange-slider-width: 11;
-GtkScrollbar-min-slider-length: 42;
-GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1; }
.scrollbar .button {
border: none; }
.scrollbar.slider {
border-radius: 20px;
border: 3px solid transparent;
background-color: #b8babf; }
.scrollbar.slider:hover {
background-color: #8a8e96; }
.scrollbar.slider:prelight:active {
background-color: #5294E2; }
.scrollbar.slider.fine-tune {
border-width: 4px; }
.scrollbar.slider.fine-tune:prelight:active {
background-color: #5294E2; }
.scrollbar.slider:insensitive {
background-color: transparent; }
.scrollbars-junction,
.scrollbar.trough,
.scrollbars-junction.frame, .frame.scrollbar.trough {
border-color: transparent;
background-color: #ffffff; }
/**********
* Switch *
**********/
GtkSwitch {
font: 1;
-GtkSwitch-slider-width: 41;
outline-color: transparent; }
GtkSwitch.trough, GtkSwitch.slider {
background-size: 52px 24px;
background-repeat: no-repeat;
background-position: right center;
color: transparent;
border-color: transparent;
border-image: none;
border-style: none;
box-shadow: none; }
GtkSwitch.trough:dir(rtl), GtkSwitch.slider:dir(rtl) {
background-position: left center; }
GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); }
.list-row:selected GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); }
.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); }
GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); }
.list-row:selected GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); }
.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); }
GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); }
.list-row:selected GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); }
.header-bar GtkSwitch.trough:insensitive,
.primary-toolbar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); }
GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); }
.list-row:selected GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive,
.primary-toolbar GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); }
.list-row:selected GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); }
.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); }
.list-row:selected GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); }
.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); }
.list-row:selected GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); }
.header-bar GtkSwitch.trough:insensitive,
.primary-toolbar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); }
.list-row:selected GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive,
.primary-toolbar GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); }
/*************************
* Check and Radio items *
*************************/
.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
GtkTreeView.view.check:selected,
.list-row:selected .check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); }
.check:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
GtkTreeView.view.check:insensitive:selected,
.list-row:selected .check:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); }
.check:inconsistent {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
GtkTreeView.view.check:inconsistent:selected,
.list-row:selected .check:inconsistent {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); }
.check:inconsistent:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
GtkTreeView.view.check:inconsistent:insensitive:selected,
.list-row:selected .check:inconsistent:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); }
.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
GtkTreeView.view.check:checked:selected,
.list-row:selected .check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); }
.check:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
GtkTreeView.view.check:checked:insensitive:selected,
.list-row:selected .check:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); }
.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
GtkTreeView.view.radio:selected,
.list-row:selected .radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); }
.radio:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
GtkTreeView.view.radio:insensitive:selected,
.list-row:selected .radio:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); }
.radio:inconsistent {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
GtkTreeView.view.radio:inconsistent:selected,
.list-row:selected .radio:inconsistent {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); }
.radio:inconsistent:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
GtkTreeView.view.radio:inconsistent:insensitive:selected,
.list-row:selected .radio:inconsistent:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); }
.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
GtkTreeView.view.radio:checked:selected,
.list-row:selected .radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); }
.radio:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
GtkTreeView.view.radio:checked:insensitive:selected,
.list-row:selected .radio:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
GtkIconView.view.check,
GtkFlowBox.view.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
GtkIconView.view.check:checked,
GtkFlowBox.view.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
GtkCheckButton.text-button, GtkRadioButton.text-button {
padding: 1px 2px 4px;
outline-offset: 0; }
GtkCheckButton.text-button:insensitive,
GtkCheckButton.text-button:insensitive:active,
GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive,
GtkRadioButton.text-button:insensitive:active,
GtkRadioButton.text-button:insensitive:inconsistent {
color: rgba(92, 97, 108, 0.55); }
/************
* GtkScale *
************/
.scale {
-GtkScale-slider-length: 15;
-GtkRange-slider-width: 15;
-GtkRange-trough-border: 0;
outline-offset: -1px;
outline-radius: 2px; }
.scale.trough {
margin: 5px; }
.scale.fine-tune.trough {
border-radius: 5px;
margin: 3px; }
.scale.slider {
background-clip: border-box;
background-image: linear-gradient(to bottom, #ffffff);
border: 1px solid #5294E2;
border-radius: 50%;
box-shadow: none; }
.scale.slider:hover {
background-image: linear-gradient(to bottom, #5294E2);
border-color: #5294E2; }
.scale.slider:insensitive {
background-image: linear-gradient(to bottom, #fbfbfb);
border-color: #9bc0eb; }
.scale.slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
.osd .scale.slider {
background-image: linear-gradient(to bottom, rgba(42, 44, 51, 0.95));
border-color: #5294E2; }
.osd .scale.slider:hover {
background-image: linear-gradient(to bottom, #5294E2); }
.osd .scale.slider:active {
background-image: linear-gradient(to bottom, #2679db);
border-color: #2679db; }
.list-row:selected .scale.slider {
background-image: linear-gradient(to bottom, #ffffff);
border-color: #ffffff; }
.list-row:selected .scale.slider:hover {
background-image: linear-gradient(to bottom, #e5effb);
border-color: #e5effb; }
.list-row:selected .scale.slider:active {
background-image: linear-gradient(to bottom, #a9caf1);
border-color: #a9caf1; }
.list-row:selected .scale.slider:insensitive {
background-image: linear-gradient(to bottom, #b1cff2);
border-color: #b1cff2; }
.scale.trough {
border: none;
border-radius: 2.5px;
background-image: linear-gradient(to bottom, #cfd6e6); }
.scale.trough.highlight {
background-image: linear-gradient(to bottom, #5294E2); }
.scale.trough.highlight:insensitive {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
.scale.trough:insensitive {
background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); }
.osd .scale.trough {
background-image: linear-gradient(to bottom, rgba(58, 62, 70, 0.95));
outline-color: rgba(186, 195, 207, 0.2); }
.osd .scale.trough.highlight {
background-image: none;
background-image: linear-gradient(to bottom, #5294E2); }
.list-row:selected .scale.trough {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
.list-row:selected .scale.trough.highlight {
background-image: linear-gradient(to bottom, #ffffff); }
.list-row:selected .scale.trough.highlight:insensitive {
background-image: linear-gradient(to bottom, #b1cff2); }
.list-row:selected .scale.trough:insensitive {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
/*****************
* Progress bars *
*****************/
GtkProgressBar {
padding: 0;
font-size: smaller;
color: rgba(92, 97, 108, 0.7); }
GtkProgressBar.osd {
-GtkProgressBar-xspacing: 0;
-GtkProgressBar-yspacing: 0;
-GtkProgressBar-min-horizontal-bar-height: 3; }
.progressbar {
background-color: #5294E2;
border: none;
border-radius: 3px;
box-shadow: none; }
.progressbar.osd {
background-color: #5294E2; }
.osd .scale.progressbar {
background-color: #5294E2; }
GtkProgressBar.trough, .level-bar.trough {
border: none;
border-radius: 3px;
background-color: #cfd6e6; }
GtkProgressBar.trough.osd, .osd.level-bar.trough {
border-style: none;
background-color: transparent;
box-shadow: none; }
/*************
* Level Bar *
*************/
GtkLevelBar {
-GtkLevelBar-min-block-width: 34;
-GtkLevelBar-min-block-height: 3; }
GtkLevelBar.vertical {
-GtkLevelBar-min-block-width: 3;
-GtkLevelBar-min-block-height: 34; }
.level-bar.trough {
padding: 3px;
border-radius: 4px; }
.level-bar.fill-block {
border: 1px solid #5294E2;
background-color: #5294E2;
border-radius: 2px; }
.level-bar.fill-block.indicator-discrete.horizontal {
margin: 0 1px; }
.level-bar.fill-block.indicator-discrete.vertical {
margin: 1px 0; }
.level-bar.fill-block.level-high {
border-color: #73d216;
background-color: #73d216; }
.level-bar.fill-block.level-low {
border-color: #F27835;
background-color: #F27835; }
.level-bar.fill-block.empty-fill-block {
background-color: rgba(92, 97, 108, 0.2);
border-color: rgba(92, 97, 108, 0.2); }
/**********
* Frames *
**********/
.frame {
border: 1px solid #dbdfe3;
padding: 0; }
.frame.flat {
border-style: none; }
.frame.action-bar {
padding: 6px;
border-width: 1px 0 0; }
GtkScrolledWindow GtkViewport.frame {
border-style: none; }
.separator, GtkPlacesSidebar.sidebar .view.separator {
color: rgba(0, 0, 0, 0.1); }
GtkFileChooserButton .separator,
GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator,
GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator,
GtkFontButton GtkPlacesSidebar.sidebar .view.separator,
GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical,
GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator,
GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator {
-GtkWidget-wide-separators: true; }
/*********
* Lists *
*********/
.list, .list-row {
background-color: #ffffff;
border-color: #dbdfe3; }
.list-row,
.grid-child {
padding: 2px; }
.list-row.button {
background-color: transparent;
border-style: none;
border-radius: 0;
box-shadow: none; }
.list-row.button:hover {
background-color: rgba(0, 0, 0, 0.05); }
.list-row.button:active {
color: #5c616c; }
.list-row.button:selected:active {
color: #ffffff; }
.list-row.button:selected:hover {
background-color: #4a85cb; }
.list-row.button:selected:insensitive {
color: rgba(255, 255, 255, 0.7);
background-color: rgba(82, 148, 226, 0.7); }
.list-row.button:selected:insensitive GtkLabel {
color: inherit; }
.list-row, list-row.button {
transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.list-row:hover, list-row.button:hover {
transition: none; }
/*********************
* App Notifications *
*********************/
.app-notification,
.app-notification.frame {
padding: 10px;
color: #BAC3CF;
background-color: rgba(60, 64, 73, 0.95);
background-clip: border-box;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: rgba(37, 39, 45, 0.95); }
.app-notification .button,
.app-notification.frame .button {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3); }
.app-notification .button.flat,
.app-notification.frame .button.flat {
border-color: rgba(82, 148, 226, 0); }
.app-notification .button:hover,
.app-notification.frame .button:hover {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: #5294E2;
background-color: rgba(0, 0, 0, 0.3); }
.app-notification .button:active,
.app-notification .button:checked,
.app-notification.frame .button:active, .app-notification.frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.app-notification .button:insensitive,
.app-notification.frame .button:insensitive {
color: #555a62;
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.15); }
/*************
* Expanders *
*************/
GtkExpander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
GtkExpander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
GtkExpander:hover {
color: #aaaeb7; }
GtkExpander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
/************
* Calendar *
***********/
GtkCalendar {
color: #5c616c;
border: 1px solid #dbdfe3;
border-radius: 3px;
padding: 2px; }
GtkCalendar:selected {
background-color: #5294E2;
color: #ffffff;
border-radius: 1.5px; }
GtkCalendar.header {
color: #5c616c;
border: none;
border-radius: 0; }
GtkCalendar.button, GtkCalendar.button:focus {
color: rgba(92, 97, 108, 0.45);
box-shadow: none;
border: none; }
GtkCalendar.button:hover, GtkCalendar.button:focus:hover {
color: #5c616c; }
GtkCalendar.highlight {
color: alpha(currentColor,0.55); }
/***********
* Dialogs *
***********/
.message-dialog .dialog-action-area .button {
padding: 8px; }
.message-dialog {
-GtkDialog-button-spacing: 0; }
.message-dialog .titlebar {
background-color: rgba(47, 52, 59, 0.97);
border-bottom: 1px solid rgba(31, 34, 39, 0.97); }
.message-dialog.csd.background {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: none; }
.message-dialog.csd .dialog-action-area .button {
padding: 8px;
border-radius: 0; }
.message-dialog.csd .dialog-action-area .button:focus {
color: #5294E2; }
.message-dialog.csd .dialog-action-area .button:focus:active, .message-dialog.csd .dialog-action-area .button:focus:checked {
color: #ffffff; }
.message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive {
border-right-style: none;
border-bottom-style: none; }
.message-dialog.csd .dialog-action-area .button:last-child {
border-bottom-right-radius: 3px; }
.message-dialog.csd .dialog-action-area .button:first-child {
border-left-style: none;
border-bottom-left-radius: 3px; }
GtkFileChooserDialog .search-bar {
background-color: #F5F6F7;
border-color: #dbdfe3;
box-shadow: none; }
GtkFileChooserDialog .dialog-action-box {
border-top: 1px solid #dbdfe3; }
/***********
* Sidebar *
***********/
.sidebar {
border: none;
background-color: #F5F6F7; }
.sidebar .scrollbar.trough {
background-color: transparent;
border-width: 2px;
border-color: transparent; }
.sidebar:selected {
background-color: #5294E2; }
GtkPlacesSidebar.sidebar .view {
color: #5c616c;
background-color: transparent; }
GtkPlacesSidebar.sidebar .view:selected {
color: #ffffff;
background-color: #5294E2; }
.sidebar-item {
padding: 10px 4px; }
.sidebar-item > GtkLabel {
padding-left: 6px;
padding-right: 6px; }
.sidebar-item.needs-attention > GtkLabel {
background-size: 6px 6px, 0 0; }
GtkPaned {
margin: 0 8px 8px 0; }
GtkPaned:dir(rtl) {
margin-right: 0;
margin-left: 8px; }
.pane-separator {
background-image: linear-gradient(to bottom, #dbdfe3); }
/**************
* GtkInfoBar *
**************/
GtkInfoBar {
border-style: none; }
.info,
.question,
.warning,
.error,
GtkInfoBar {
background-color: #5294E2;
color: #ffffff; }
.list-row:selected .button, GtkInfoBar .button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
.list-row:selected .flat.button, GtkInfoBar .flat.button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
.list-row:selected .button:hover, GtkInfoBar .button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
.list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:active:hover, GtkInfoBar .button:active:hover, .list-row:selected .button:checked, GtkInfoBar .button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
.list-row:selected .button:insensitive, GtkInfoBar .button:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
.list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
/************
* Tooltips *
************/
.tooltip {
color: #BAC3CF;
border-radius: 2px; }
.tooltip.background {
background-color: rgba(42, 44, 51, 0.95);
background-clip: padding-box; }
.tooltip.window-frame.csd {
background-color: transparent; }
.tooltip * {
padding: 4px;
background-color: transparent;
color: inherit; }
/*****************
* Color Chooser *
*****************/
GtkColorSwatch {
border: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); }
GtkColorSwatch.color-light:hover {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)); }
GtkColorSwatch.color-dark:hover {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); }
GtkColorSwatch:hover {
border-color: rgba(0, 0, 0, 0.5); }
GtkColorSwatch.top {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
GtkColorSwatch.bottom {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
GtkColorSwatch.left, GtkColorSwatch:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
GtkColorSwatch.right, GtkColorSwatch:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
GtkColorSwatch:only-child {
border-radius: 3px; }
GtkColorSwatch.color-active-badge {
border-width: 2px; }
GtkColorSwatch.color-active-badge:hover {
background-image: none; }
GtkColorSwatch.color-active-badge.color-light, GtkColorSwatch.color-active-badge.color-light:hover {
color: rgba(0, 0, 0, 0.3);
border-color: rgba(0, 0, 0, 0.3); }
GtkColorSwatch.color-active-badge.color-dark, GtkColorSwatch.color-active-badge.color-dark:hover {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5); }
GtkColorChooserWidget #add-color-button {
border-color: #e8ebed;
background-color: #e8ebed;
color: #F5F6F7;
box-shadow: none; }
GtkColorChooserWidget #add-color-button:hover {
border-color: #dbdfe3;
background-color: #dbdfe3; }
GtkColorButton.button {
padding: 4px; }
GtkColorButton.button GtkColorSwatch {
border-radius: 0; }
/********
* Misc *
********/
.scale-popup .button {
padding: 6px; }
.scale-popup .button:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #5294E2;
background-color: #fbfbfc; }
GtkVolumeButton.button {
padding: 8px; }
/**********************
* Window Decorations *
*********************/
.window-frame {
border-radius: 3px 3px 0 0;
border-width: 0px;
box-shadow: 0 0 0 1px rgba(31, 34, 39, 0.97), 0 4px 8px 1px rgba(0, 0, 0, 0.25);
/* this is used for the resize cursor area */
margin: 10px; }
.window-frame:backdrop {
box-shadow: 0 0 0 1px rgba(31, 34, 39, 0.97), 0 4px 5px 2px rgba(0, 0, 0, 0.25); }
.window-frame.tiled {
border-radius: 0; }
.window-frame.csd.popup, .window-frame.csd.menu {
border-radius: 2px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); }
.window-frame.csd.tooltip {
border-radius: 2px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); }
.window-frame.csd.message-dialog {
border-radius: 3px; }
.header-bar .button.titlebutton, .titlebar .button.titlebutton,
.header-bar.selection-mode .button.titlebutton, .titlebar.selection-mode .button.titlebutton {
padding: 7px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(47, 52, 59, 0);
border-width: 0;
color: transparent;
background-position: center;
background-repeat: no-repeat; }
.header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop,
.header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop {
opacity: 1; }
.header-bar .right .button.titlebutton:nth-last-child(3),
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3),
.header-bar .left .button.titlebutton:nth-child(3),
.header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar .right .button.titlebutton:nth-last-child(3),
.titlebar .right:dir(rtl) .button.titlebutton:nth-child(3),
.titlebar .left .button.titlebutton:nth-child(3),
.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3),
.header-bar.selection-mode .right .button.titlebutton:nth-last-child(3),
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3),
.header-bar.selection-mode .left .button.titlebutton:nth-child(3),
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3),
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left .button.titlebutton:nth-child(3),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) {
background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):hover,
.header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover,
.header-bar .left .button.titlebutton:nth-child(3):hover,
.header-bar .left .button.titlebutton:nth-child(3):backdrop:hover,
.header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover,
.titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover,
.titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover,
.titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover,
.titlebar .left .button.titlebutton:nth-child(3):hover,
.titlebar .left .button.titlebutton:nth-child(3):backdrop:hover,
.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover,
.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover,
.header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):hover,
.header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover,
.header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover,
.header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover,
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover,
.titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.header-bar .left .button.titlebutton:nth-child(3):active:hover,
.header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar .right .button.titlebutton:nth-last-child(3):active:hover,
.titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.titlebar .left .button.titlebutton:nth-child(3):active:hover,
.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover,
.header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.header-bar.selection-mode .left .button.titlebutton:nth-child(3):active:hover,
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):active:hover,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(3):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.header-bar .left .button.titlebutton:nth-child(3):backdrop,
.header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop,
.titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.titlebar .left .button.titlebutton:nth-child(3):backdrop,
.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop,
.header-bar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop,
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2),
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2),
.header-bar .left .button.titlebutton:nth-child(2),
.header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar .right .button.titlebutton:nth-last-child(2),
.titlebar .right:dir(rtl) .button.titlebutton:nth-child(2),
.titlebar .left .button.titlebutton:nth-child(2),
.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2),
.header-bar.selection-mode .right .button.titlebutton:nth-last-child(2),
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2),
.header-bar.selection-mode .left .button.titlebutton:nth-child(2),
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2), .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2),
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left .button.titlebutton:nth-child(2),
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) {
background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):hover,
.header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover,
.header-bar .left .button.titlebutton:nth-child(2):hover,
.header-bar .left .button.titlebutton:nth-child(2):backdrop:hover,
.header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover,
.titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover,
.titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover,
.titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover,
.titlebar .left .button.titlebutton:nth-child(2):hover,
.titlebar .left .button.titlebutton:nth-child(2):backdrop:hover,
.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover,
.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover,
.header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):hover,
.header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover,
.header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover,
.header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover,
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover,
.titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.header-bar .left .button.titlebutton:nth-child(2):active:hover,
.header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar .right .button.titlebutton:nth-last-child(2):active:hover,
.titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.titlebar .left .button.titlebutton:nth-child(2):active:hover,
.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover,
.header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.header-bar.selection-mode .left .button.titlebutton:nth-child(2):active:hover,
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):active:hover,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); }
.header-bar .right .button.titlebutton:nth-last-child(2):backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.header-bar .left .button.titlebutton:nth-child(2):backdrop,
.header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop,
.titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.titlebar .left .button.titlebutton:nth-child(2):backdrop,
.titlebar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop,
.header-bar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop,
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); }
.header-bar .right .button.titlebutton:last-child,
.header-bar .right:dir(rtl) .button.titlebutton:first-child,
.header-bar .left .button.titlebutton:first-child,
.header-bar .left:dir(rtl) .button.titlebutton:last-child, .titlebar .right .button.titlebutton:last-child,
.titlebar .right:dir(rtl) .button.titlebutton:first-child,
.titlebar .left .button.titlebutton:first-child,
.titlebar .left:dir(rtl) .button.titlebutton:last-child,
.header-bar.selection-mode .right .button.titlebutton:last-child,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child,
.header-bar.selection-mode .left .button.titlebutton:first-child,
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child, .titlebar.selection-mode .right .button.titlebutton:last-child,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child,
.titlebar.selection-mode .left .button.titlebutton:first-child,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child {
background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); }
.header-bar .right .button.titlebutton:last-child:hover,
.header-bar .right .button.titlebutton:last-child:backdrop:hover,
.header-bar .right:dir(rtl) .button.titlebutton:first-child:hover,
.header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover,
.header-bar .left .button.titlebutton:first-child:hover,
.header-bar .left .button.titlebutton:first-child:backdrop:hover,
.header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover,
.titlebar .right .button.titlebutton:last-child:backdrop:hover,
.titlebar .right:dir(rtl) .button.titlebutton:first-child:hover,
.titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover,
.titlebar .left .button.titlebutton:first-child:hover,
.titlebar .left .button.titlebutton:first-child:backdrop:hover,
.titlebar .left:dir(rtl) .button.titlebutton:last-child:hover,
.titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover,
.header-bar.selection-mode .right .button.titlebutton:last-child:hover,
.header-bar.selection-mode .right .button.titlebutton:last-child:backdrop:hover,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover,
.header-bar.selection-mode .left .button.titlebutton:first-child:hover,
.header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover,
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover,
.titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover,
.titlebar.selection-mode .left .button.titlebutton:first-child:hover,
.titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover {
background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); }
.header-bar .right .button.titlebutton:last-child:active:hover,
.header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover,
.header-bar .left .button.titlebutton:first-child:active:hover,
.header-bar .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar .right .button.titlebutton:last-child:active:hover,
.titlebar .right:dir(rtl) .button.titlebutton:first-child:active:hover,
.titlebar .left .button.titlebutton:first-child:active:hover,
.titlebar .left:dir(rtl) .button.titlebutton:last-child:active:hover,
.header-bar.selection-mode .right .button.titlebutton:last-child:active:hover,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover,
.header-bar.selection-mode .left .button.titlebutton:first-child:active:hover,
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:active:hover,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:active:hover,
.titlebar.selection-mode .left .button.titlebutton:first-child:active:hover,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:active:hover {
background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); }
.header-bar .right .button.titlebutton:last-child:backdrop,
.header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop,
.header-bar .left .button.titlebutton:first-child:backdrop,
.header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar .right .button.titlebutton:last-child:backdrop,
.titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop,
.titlebar .left .button.titlebutton:first-child:backdrop,
.titlebar .left:dir(rtl) .button.titlebutton:last-child:backdrop,
.header-bar.selection-mode .right .button.titlebutton:last-child:backdrop,
.header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop,
.header-bar.selection-mode .left .button.titlebutton:first-child:backdrop,
.header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop,
.titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop,
.titlebar.selection-mode .left .button.titlebutton:first-child:backdrop,
.titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop {
background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); }
.header-bar .left GtkMenuButton.button.titlebutton:first-child,
.header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child,
.header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child,
.header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child,
.titlebar .left GtkMenuButton.button.titlebutton:first-child,
.titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child,
.titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child,
.titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child {
padding: 4px 6px 4px 6px;
border-color: transparent;
background-color: transparent;
background-image: none; }
.view:selected,
.view:selected:focus,
.view:selected:hover, GtkLabel:selected,
GtkLabel:selected:focus,
GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected,
GtkEntry.gb-command-bar-entry.entry.flat:selected:focus {
background-image: none;
background-color: #5294E2;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); }
/* 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.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0)));
background-size: 60% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
.undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
padding-top: 1px;
background-size: 10px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: center top; }
.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; }
GeditNotebook.notebook tab.reorderable-page.top:active,
GeditNotebook.notebook tab.reorderable-page.top.active-page,
GeditNotebook.notebook tab.reorderable-page.top.active-page:hover,
GeditNotebook.notebook tab.top:active,
GeditNotebook.notebook tab.top.active-page,
GeditNotebook.notebook tab.top.active-page:hover,
ScratchMainWindow .notebook tab.reorderable-page.top:active,
ScratchMainWindow .notebook tab.reorderable-page.top.active-page,
ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover,
ScratchMainWindow .notebook tab.top:active,
ScratchMainWindow .notebook tab.top.active-page,
ScratchMainWindow .notebook tab.top.active-page:hover,
EphyNotebook.notebook tab.reorderable-page.top:active,
EphyNotebook.notebook tab.reorderable-page.top.active-page,
EphyNotebook.notebook tab.reorderable-page.top.active-page:hover,
EphyNotebook.notebook tab.top:active,
EphyNotebook.notebook tab.top.active-page,
EphyNotebook.notebook tab.top.active-page:hover,
MidoriNotebook .notebook tab.reorderable-page.top:active,
MidoriNotebook .notebook tab.reorderable-page.top.active-page,
MidoriNotebook .notebook tab.reorderable-page.top.active-page:hover,
MidoriNotebook .notebook tab.top:active,
MidoriNotebook .notebook tab.top.active-page,
MidoriNotebook .notebook tab.top.active-page:hover,
TerminalWindow .notebook tab.reorderable-page.top:active,
TerminalWindow .notebook tab.reorderable-page.top.active-page,
TerminalWindow .notebook tab.reorderable-page.top.active-page:hover,
TerminalWindow .notebook tab.top:active,
TerminalWindow .notebook tab.top.active-page,
TerminalWindow .notebook tab.top.active-page:hover,
PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover {
box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; }
TerminalWindow .notebook tab.reorderable-page.top,
TerminalWindow .notebook tab.top,
PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top {
padding-top: 7px;
border-top-width: 3px; }
TerminalWindow .notebook.header.top,
PantheonTerminalPantheonTerminalWindow .notebook.header.top {
box-shadow: inset 0 1px #1f2227, inset 0 -1px #dbdfe3; }
GtkHTML {
background-color: #ffffff;
color: #5c616c; }
GtkHTML:active {
color: #ffffff;
background-color: #5294E2; }
SushiFontWidget {
padding: 6px 12px; }
TerminalWindow .background {
background-color: transparent; }
TerminalWindow .scrollbar.vertical .slider {
margin-left: 3px; }
TerminalWindow .scrollbar.trough {
border-width: 0; }
NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry {
border-radius: 3px; }
.nautilus-canvas-item {
border-radius: 2px; }
.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item {
color: #ffffff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
.nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active {
color: #5c616c; }
.nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected {
color: #ffffff; }
NautilusNotebook.notebook {
background-color: #ffffff; }
NautilusNotebook.notebook tab {
border-width: 0;
border-style: solid;
border-color: transparent;
background-color: transparent; }
NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline-toolbar {
padding: 5px;
box-shadow: none;
background-color: #ffffff; }
NemoWindow .sidebar .frame {
border-width: 0; }
NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator {
color: #dbdfe3; }
NemoWindow .primary-toolbar NemoPathBar.linked > .button {
color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(29, 32, 36, 0.97);
background-color: rgba(40, 44, 50, 0.87); }
NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover {
border-color: #5294E2; }
NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
.gedit-headerbar-paned {
color: rgba(31, 34, 39, 0.97); }
.open-document-selector-listbox-row {
border-bottom: 1px solid #e7e9ec;
padding: 6px 6px 6px 12px; }
.open-document-selector-listbox-row .path-label {
font-size: smaller;
color: rgba(92, 97, 108, 0.7); }
.open-document-selector-listbox-row:selected .path-label {
color: rgba(255, 255, 255, 0.7); }
.gedit-document-panel .list-row .button {
color: transparent;
background-image: none;
background-color: transparent;
border: none;
box-shadow: none;
padding: 4px; }
.gedit-document-panel .list-row .button GtkImage {
color: inherit; }
.gedit-document-panel .prelight-row .button {
color: #92959d; }
.gedit-document-panel .list-row .button:hover,
.gedit-document-panel .prelight-row .button:hover {
color: #ff4d4d; }
.gedit-document-panel .prelight-row:selected .button:hover {
color: #ff6666;
background-image: none;
background-color: transparent;
border: none;
box-shadow: none; }
.gedit-document-panel .prelight-row:selected .button:hover:active {
color: #ffffff; }
.gedit-document-panel .prelight-row .button:active {
color: #5c616c; }
.gedit-document-panel-dragged-row {
border: 1px solid #dbdfe3;
background-color: #d9dde0;
color: #5c616c; }
GeditStatusbar {
border-top: 1px solid #dbdfe3;
background-color: #F5F6F7; }
GeditStatusMenuButton.button.flat,
GeditStatusMenuButton:prelight.button.flat,
GeditStatusMenuButton:checked.button.flat {
border-bottom-style: none;
border-radius: 0; }
GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar {
border-bottom: 1px solid #dbdfe3; }
.gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag {
color: rgba(92, 97, 108, 0.6);
margin: 2px;
padding: 2px; }
GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider {
background-color: #fbfbfc;
padding: 6px;
border-color: #dbdfe3;
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px 1px;
border-style: solid; }
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr),
GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) {
padding: 0 10px;
color: rgba(207, 218, 231, 0.8);
border-color: rgba(24, 27, 31, 0.97);
background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87));
background-color: transparent; }
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image,
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover,
GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover {
color: inherit; }
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover,
GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover {
color: rgba(207, 218, 231, 0.8);
border-color: rgba(24, 27, 31, 0.97);
background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87));
background-color: transparent;
border-color: #5294E2; }
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image,
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover,
GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover {
color: inherit; }
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active,
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked,
GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked {
color: #ffffff;
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive,
GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive {
color: rgba(207, 218, 231, 0.35);
background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); }
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) {
border-left-style: none;
border-radius: 0 14.5px 14.5px 0;
outline-radius: 0 12.5px 12.5px 0; }
GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover {
box-shadow: -1px 0 #5294E2; }
GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) {
border-right-style: none;
border-radius: 14.5px 0 0 14.5px;
outline-radius: 12.5px 0 0 12.5px; }
GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover {
box-shadow: 1px 0 #5294E2; }
GbEditorFrame .gb-search-slider {
padding: 2px; }
GdTaggedEntry {
color: #5c616c; }
.preferences.sidebar GtkViewport {
border: none; }
.preferences.sidebar GtkListBox {
background-color: #F5F6F7; }
.preferences.sidebar GtkListBoxRow {
padding: 10px; }
GbPreferencesPageLanguage GtkSearchEntry {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
GbPreferencesPageLanguage GtkScrolledWindow {
border-top-width: 0; }
GtkBox.gb-command-bar-box {
border: none;
background-color: #2a2c33; }
GtkBox.gb-command-bar-box GtkLabel {
color: #BAC3CF; }
GtkEntry.gb-command-bar-entry.entry.flat,
GtkEntry.gb-command-bar-entry.entry.flat:focus {
font-family: Monospace;
color: #BAC3CF;
background-image: none;
background-color: #2a2c33;
padding: 6px 6px 6px 6px;
border: none; }
GbSourceStyleSchemeWidget GtkSourceView {
font-family: Monospace; }
GtkScrolledWindow.gb-linked-scroller {
border-top: none; }
GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button {
transition: none; }
GbViewStack GtkBox.header.notebook,
GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook {
border-bottom: 1px solid #dbdfe3; }
GbViewStack.focused GtkBox.header.notebook {
background-color: #ffffff; }
GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook GtkLabel.button.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle {
opacity: 1; }
EphyWindow .floating-bar {
color: #5c616c; }
.documents-load-more.button {
border-width: 1px 0 0;
border-radius: 0; }
.documents-icon-bg {
background-color: #5294E2;
color: #ffffff;
border-radius: 2px; }
.documents-collection-icon {
background-color: rgba(92, 97, 108, 0.3);
border-radius: 2px; }
.documents-favorite.button:active,
.documents-favorite.button:active:hover {
color: #a9caf1; }
.documents-entry-tag {
background-color: #5294E2;
color: #ffffff;
border-radius: 2px;
border-width: 0;
margin: 2px;
padding: 4px; }
.documents-entry-tag:hover {
background-color: #639fe5; }
.documents-entry-tag:active {
background-color: #4189df; }
.toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button {
background: none;
border: none;
box-shadow: none;
icon-shadow: none; }
.toolbar .linked .documents-entry-tag.button:hover, .inline-toolbar .linked .documents-entry-tag.button:hover {
color: rgba(255, 255, 255, 0.7); }
.content-view.document-page {
border-style: solid;
border-width: 3px 3px 6px 4px;
border-image: url("assets/thumbnail-frame.png") 3 3 6 4; }
TotemGrilo.vertical GdMainView.frame {
border-width: 0; }
SynapseGuiViewDefault *:selected {
background-color: #5294E2; }
.gnome-panel-menu-bar,
PanelApplet > GtkMenuBar.menubar,
PanelToplevel,
PanelWidget,
PanelAppletFrame,
PanelApplet {
color: #BAC3CF;
background-image: linear-gradient(to bottom, rgba(31, 33, 37, 0.95)); }
PanelApplet .button, PanelApplet .button:backdrop {
padding: 4px;
border: 2px solid transparent;
border-radius: 0;
background-image: none;
background-color: transparent;
color: #BAC3CF; }
PanelApplet .button:hover {
color: #d8dde4;
background-color: rgba(0, 0, 0, 0.17);
border-color: rgba(0, 0, 0, 0.17); }
PanelApplet .button:active, PanelApplet .button:active:backdrop,
PanelApplet .button:checked, PanelApplet .button:checked:backdrop {
background-clip: padding-box;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.25);
border-radius: 0;
border-color: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -2px #5294E2; }
PanelApplet:hover {
color: #ffffff; }
PanelApplet:active,
PanelApplet:hover:active {
color: #5294E2; }
WnckPager {
color: #5d6268; }
WnckPager:selected {
color: #5294E2; }
NaTrayApplet {
-NaTrayApplet-icon-padding: 12;
-NaTrayApplet-icon-size: 16; }
ClockBox {
color: #BAC3CF; }
.xfce4-panel.panel {
background-color: rgba(31, 33, 37, 0.95); }
.xfce4-panel.panel .button.flat {
color: #BAC3CF;
background-color: rgba(31, 33, 37, 0);
border-radius: 0; }
.xfce4-panel.panel .button.flat:hover {
border: none;
background-color: rgba(54, 57, 65, 0.95); }
.xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked {
color: #5294E2;
border: none;
background-color: rgba(15, 16, 18, 0.95); }
.floating-bar {
background-color: #5294E2;
color: #ffffff; }
.floating-bar.top {
border-radius: 0 0 2px 2px; }
.floating-bar.right {
border-radius: 2px 0 0 2px; }
.floating-bar.bottom {
border-radius: 2px 2px 0 0; }
.floating-bar.left {
border-radius: 0 2px 2px 0; }
.floating-bar .button {
-GtkButton-image-spacing: 0;
-GtkButton-inner-border: 0;
background-color: transparent;
box-shadow: none;
border: none; }
BirdieWidgetsTweetList * {
background-image: none;
background-color: transparent; }
MarlinViewWindow GtkIconView.view:selected,
MarlinViewWindow GtkIconView.view:selected:focus,
MarlinViewWindow GtkIconView.view:selected:hover,
MarlinViewWindow GtkIconView.view:selected:focus:hover {
background-color: transparent; }
MarlinViewWindow FMListView,
MarlinViewWindow FMColumnView {
outline-color: transparent; }
MarlinViewWindow *:selected,
MarlinViewWindow *:selected:focus {
color: #ffffff;
background-color: #5294E2;
outline-color: transparent; }
.marlin-pathbar.pathbar {
border-radius: 14.5px;
color: rgba(207, 218, 231, 0.8);
border-color: rgba(24, 27, 31, 0.97);
background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87));
background-color: transparent; }
.marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover {
color: inherit; }
.marlin-pathbar.pathbar:focus {
color: #ffffff;
border-color: #5294E2;
background-image: linear-gradient(to bottom, #5294E2); }
.marlin-pathbar.pathbar:insensitive {
color: rgba(207, 218, 231, 0.35);
background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); }
.marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked {
color: #5294E2; }
.gala-notification {
border: 1px solid rgba(0, 0, 0, 0.35);
border-radius: 3px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
background-image: linear-gradient(to bottom, #ffffff);
background-color: transparent; }
.gala-notification .title, .gala-notification .label {
color: #5c616c; }
.panel {
background-color: transparent;
color: white;
font-weight: bold;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.panel-shadow {
background-image: none;
background-color: transparent; }
.panel .menu {
box-shadow: none; }
.panel .menu .menuitem {
font-weight: normal;
text-shadow: none;
icon-shadow: none; }
.panel .menubar > .menuitem {
padding: 3px 6px; }
.panel .menubar > .menuitem:hover {
background-color: transparent; }
.panel .window-frame.menu.csd,
.panel .window-frame.popup.csd {
box-shadow: none; }
.panel .menu .window-frame.menu.csd,
.panel .menu .window-frame.popup.csd {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.composited-indicator {
background-color: transparent;
color: white;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.composited-indicator > GtkWidget > GtkWidget:first-child {
padding: 0 2px; }
.panel-app-button > GtkWidget > GtkWidget:first-child {
padding: 0 2px 0 4px; }
.composited-indicator.menuitem:active,
.composited-indicator.menuitem:prelight {
border-style: none;
background-image: none;
box-shadow: none; }
.composited-indicator > .popup > .menu {
padding-top: 8px;
padding-bottom: 8px; }
.panel .menu .spinner,
.menu .spinner {
opacity: 1; }
WingpanelWidgetsIndicatorPopover.popover {
padding: 0;
text-shadow: none;
icon-shadow: none; }
WingpanelWidgetsIndicatorPopover.popover .menuitem {
padding: 5px;
outline-color: transparent;
text-shadow: none;
icon-shadow: none;
border: solid transparent;
border-width: 1px 0; }
WingpanelWidgetsIndicatorPopover.popover .menuitem GtkLabel, WingpanelWidgetsIndicatorPopover.popover .menuitem GtkImage {
padding: 0 3px; }
WingpanelWidgetsIndicatorPopover.popover .menuitem:hover, WingpanelWidgetsIndicatorPopover.popover .menuitem:active {
background-color: rgba(0, 0, 0, 0.04);
border: solid rgba(0, 0, 0, 0.08);
border-width: 1px 0; }
WingpanelWidgetsIndicatorPopover.popover .menuitem *:insensitive {
color: rgba(92, 97, 108, 0.55); }
PantheonTerminalPantheonTerminalWindow.background {
background-color: transparent; }
SwitchboardCategoryView .view:selected,
SwitchboardCategoryView .view:selected:focus {
color: #5c616c; }
UnityDecoration {
-UnityDecoration-extents: 28px 1 1 1;
-UnityDecoration-input-extents: 10px;
-UnityDecoration-shadow-offset-x: 0px;
-UnityDecoration-shadow-offset-y: 3px;
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2);
-UnityDecoration-active-shadow-radius: 12px;
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07);
-UnityDecoration-inactive-shadow-radius: 7px;
-UnityDecoration-glow-size: 10px;
-UnityDecoration-glow-color: #5294E2;
-UnityDecoration-title-indent: 10px;
-UnityDecoration-title-fade: 35px;
-UnityDecoration-title-alignment: 0.0; }
UnityDecoration.top {
border: 1px solid rgba(31, 34, 39, 0.97);
border-bottom-width: 0;
border-radius: 4px 4px 0 0;
padding: 1px 6px 0 6px;
background-image: linear-gradient(to bottom, #2f343b);
color: rgba(207, 218, 231, 0.8);
box-shadow: inset 0 1px rgba(54, 60, 68, 0.97); }
UnityDecoration.top:backdrop {
border-bottom-width: 0;
background-image: linear-gradient(to bottom, #32383f);
color: rgba(207, 218, 231, 0.5); }
UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom,
UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop {
background-image: linear-gradient(to bottom, rgba(31, 34, 39, 0.97)); }
UnityPanelWidget,
.unity-panel {
background-image: linear-gradient(to bottom, #1f2125);
color: #f6f7f9;
box-shadow: none; }
.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem *:hover {
border-radius: 0;
color: #5294E2;
border-bottom: none; }
.overlay-bar {
background-color: #5294E2;
border-color: #5294E2;
border-radius: 2px;
padding: 3px 6px;
margin: 3px; }
.overlay-bar GtkLabel {
color: #ffffff; }
GraniteWidgetsThinPaned {
background-color: transparent;
background-image: none;
margin: 0;
border-left: 1px solid #dbdfe3;
border-right: 1px solid #dbdfe3; }
GraniteWidgetsPopOver .frame,
GraniteWidgetsStaticNotebook .frame {
border: none; }
.help_button {
border-radius: 100px;
padding: 3px 9px; }
.secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar {
padding: 3px;
border-bottom: 1px solid #dbdfe3; }
.secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button {
padding: 0 3px 0 3px; }
.bottom-toolbar.toolbar, .bottom-toolbar.inline-toolbar {
padding: 5px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #dbdfe3;
background-color: #F5F6F7; }
.bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button {
padding: 2px 3px 2px 3px; }
.source-list {
-GtkTreeView-horizontal-separator: 1px;
-GtkTreeView-vertical-separator: 6px; }
.source-list,
.source-list.view {
background-color: #F5F6F7;
color: #5c616c;
-gtk-icon-style: regular; }
.source-list.category-expander {
color: transparent; }
.source-list.view:prelight {
background-color: white; }
.source-list.view:selected,
.source-list.view:prelight:selected,
.source-list.view:selected:focus,
.source-list.category-expander:hover {
color: #ffffff;
background-color: #5294E2; }
.source-list .scrollbar.trough,
.source-list .scrollbars-junction, .source-list .scrollbar.trough {
border-image: none;
border-color: transparent;
background-color: #F5F6F7;
background-image: none; }
.source-list.badge,
.source-list.badge:prelight,
.source-list.badge:selected,
.source-list.badge:selected:focus,
.source-list.badge:prelight:selected {
background-image: none;
background-color: #5294E2;
color: #ffffff;
border-radius: 10px;
padding: 0 6px;
margin: 0 3px;
border-width: 0; }
.source-list.badge:selected,
.source-list.badge:selected:focus,
.source-list.badge:prelight:selected {
background-color: #ffffff;
color: #5294E2; }
.source-list.category-expander {
color: #5c616c;
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
-GtkTreeView-expander-size: 16; }
.source-list.category-expander,
.source-list.category-expander:backdrop {
color: transparent;
border: none; }
.source-list.category-expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
GraniteWidgetsWelcome {
background-color: #ffffff; }
GraniteWidgetsWelcome GtkLabel {
color: #a9acb2;
font: open sans 11;
text-shadow: none; }
GraniteWidgetsWelcome .h1,
GraniteWidgetsWelcome .h3 {
color: rgba(92, 97, 108, 0.8); }
.help_button {
border-radius: 0; }
GraniteWidgetsPopOver {
-GraniteWidgetsPopOver-arrow-width: 21;
-GraniteWidgetsPopOver-arrow-height: 10;
-GraniteWidgetsPopOver-border-radius: 2px;
-GraniteWidgetsPopOver-border-width: 1;
-GraniteWidgetsPopOver-shadow-size: 12;
border: 1px solid rgba(0, 0, 0, 0.3);
margin: 0; }
.popover_bg {
background-image: linear-gradient(to bottom, #ffffff);
border: 1px solid rgba(0, 0, 0, 0.3); }
GraniteWidgetsPopOver .sidebar.view,
GraniteWidgetsPopOver * {
background-color: transparent; }
.h1 {
font: open sans 24px; }
.h2 {
font: open sans light 18px; }
.h3 {
font: open sans 11px; }
.h4,
.category-label {
color: #8a8e96;
font-weight: 600;
text-shadow: 0 1px rgba(255, 255, 255, 0.6); }
.h4 {
padding-bottom: 6px;
padding-top: 6px; }
GtkListBox .h4 {
padding-left: 6px; }
/* the panel widget at the top */
#panel_window {
background-color: rgba(31, 33, 37, 0.95);
color: #BAC3CF;
font: bold;
box-shadow: inset 0 -1px rgba(15, 16, 18, 0.95);
/* the menubars/menus of the panel, i.e. indicators */ }
#panel_window .menubar,
#panel_window .menubar > .menuitem {
background-color: transparent;
color: #BAC3CF;
font: bold; }
#panel_window .menubar .menuitem:insensitive {
color: rgba(186, 195, 207, 0.5); }
#panel_window .menubar .menuitem:insensitive GtkLabel {
color: inherit; }
#panel_window .menubar .menu .menuitem {
font: normal; }
/* the login window */
#login_window,
#shutdown_dialog,
#restart_dialog {
font: normal;
border-style: none;
background-color: transparent;
color: #5c616c; }
/* the top half of the login-window, in GtkDialog terms, the content */
#content_frame {
padding-bottom: 14px;
background-color: #F5F6F7;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border: solid rgba(0, 0, 0, 0.1);
border-width: 1px 1px 0 1px; }
#content_frame .button {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
#content_frame .button:hover {
color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #5294E2;
background-color: #fbfbfc; }
#content_frame .button:active, #content_frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
#content_frame .button:insensitive {
color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
#content_frame .button:insensitive > GtkLabel {
color: inherit; }
/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */
#buttonbox_frame {
padding-top: 20px;
padding-bottom: 0px;
border-style: none;
background-color: rgba(42, 44, 51, 0.95);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: solid rgba(0, 0, 0, 0.1);
border-width: 0 1px 1px 1px;
box-shadow: inset 0 1px rgba(19, 20, 23, 0.95); }
#buttonbox_frame .button {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3); }
#buttonbox_frame .button:hover {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: #5294E2;
background-color: rgba(0, 0, 0, 0.3); }
#buttonbox_frame .button:active, #buttonbox_frame .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
#buttonbox_frame .button:insensitive {
color: #555a62;
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.15); }
#login_window #user_combobox {
color: #5c616c;
font: 13px; }
#login_window #user_combobox .menu {
font: normal; }
/* the user's avatar box */
#user_image {
padding: 3px;
border-radius: 2px; }
/* the border around the user's avatar box */
/* the shutdown button */
#shutdown_button.button {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50;
border-color: #F04A50; }
#shutdown_button.button:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e;
border-color: #f4797e; }
#shutdown_button.button:active, #shutdown_button.button:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22;
border-color: #ec1b22; }
/* the restart button */
#restart_button.button {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4;
border-color: #4DADD4; }
#restart_button.button:hover {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de;
border-color: #76c0de; }
#restart_button.button:active, #restart_button.button:checked {
background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0;
border-color: #2e96c0; }
/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */
#greeter_infobar {
border-bottom-width: 0;
font: bold; }
.titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator {
color: rgba(31, 34, 39, 0.97); }
NemoWindow GtkEventBox {
background-color: #F5F6F7; }
GtkFileChooserDialog *,
NautilusWindow *,
NemoWindow {
-GtkPaned-handle-size: 0; }
GtkFileChooserDialog.csd.background,
GtkFileChooserDialog .source-list,
GtkFileChooserDialog .source-list.view,
GtkFileChooserDialog .source-list.view:prelight,
NautilusWindow.csd.background,
NautilusWindow .source-list,
NautilusWindow .source-list.view,
NautilusWindow .source-list.view:prelight,
NemoWindow.csd.background,
NemoWindow .source-list,
NemoWindow .source-list.view,
NemoWindow .source-list.view:prelight,
MarlinViewWindow.csd.background,
MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight {
background-color: transparent; }
GtkFileChooserDialog GtkBox.sidebar,
NautilusWindow GtkBox.sidebar,
NemoWindow GtkBox.sidebar,
MarlinViewWindow GtkBox.sidebar {
background-color: transparent; }
GtkFileChooserDialog .sidebar,
GtkFileChooserDialog MarlinPlacesSidebar,
GtkFileChooserDialog NemoPlacesSidebar,
NautilusWindow .sidebar,
NautilusWindow MarlinPlacesSidebar,
NautilusWindow NemoPlacesSidebar,
NemoWindow .sidebar,
NemoWindow MarlinPlacesSidebar,
NemoWindow NemoPlacesSidebar,
MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar {
background-color: rgba(60, 64, 73, 0.95); }
GtkFileChooserDialog .sidebar .view,
GtkFileChooserDialog .sidebar .source-list.sidebar row,
GtkFileChooserDialog MarlinPlacesSidebar .view,
GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row,
GtkFileChooserDialog NemoPlacesSidebar .view,
GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row,
NautilusWindow .sidebar .view,
NautilusWindow .sidebar .source-list.sidebar row,
NautilusWindow MarlinPlacesSidebar .view,
NautilusWindow MarlinPlacesSidebar .source-list.sidebar row,
NautilusWindow NemoPlacesSidebar .view,
NautilusWindow NemoPlacesSidebar .source-list.sidebar row,
NemoWindow .sidebar .view,
NemoWindow .sidebar .source-list.sidebar row,
NemoWindow MarlinPlacesSidebar .view,
NemoWindow MarlinPlacesSidebar .source-list.sidebar row,
NemoWindow NemoPlacesSidebar .view,
NemoWindow NemoPlacesSidebar .source-list.sidebar row,
MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row {
background-color: transparent;
color: #BAC3CF; }
GtkFileChooserDialog .sidebar .view.image,
GtkFileChooserDialog .sidebar .source-list.sidebar row.image,
GtkFileChooserDialog MarlinPlacesSidebar .view.image,
GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image,
GtkFileChooserDialog NemoPlacesSidebar .view.image,
GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image,
NautilusWindow .sidebar .view.image,
NautilusWindow .sidebar .source-list.sidebar row.image,
NautilusWindow MarlinPlacesSidebar .view.image,
NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.image,
NautilusWindow NemoPlacesSidebar .view.image,
NautilusWindow NemoPlacesSidebar .source-list.sidebar row.image,
NemoWindow .sidebar .view.image,
NemoWindow .sidebar .source-list.sidebar row.image,
NemoWindow MarlinPlacesSidebar .view.image,
NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image,
NemoWindow NemoPlacesSidebar .view.image,
NemoWindow NemoPlacesSidebar .source-list.sidebar row.image,
MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image {
color: rgba(186, 195, 207, 0.7); }
GtkFileChooserDialog .sidebar .view.cell:selected,
GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected,
GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected,
GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected,
GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected,
GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected,
NautilusWindow .sidebar .view.cell:selected,
NautilusWindow .sidebar .source-list.sidebar row.cell:selected,
NautilusWindow MarlinPlacesSidebar .view.cell:selected,
NautilusWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected,
NautilusWindow NemoPlacesSidebar .view.cell:selected,
NautilusWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected,
NemoWindow .sidebar .view.cell:selected,
NemoWindow .sidebar .source-list.sidebar row.cell:selected,
NemoWindow MarlinPlacesSidebar .view.cell:selected,
NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected,
NemoWindow NemoPlacesSidebar .view.cell:selected,
NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected,
MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected {
background-color: #5294E2;
color: #ffffff; }
GtkFileChooserDialog .sidebar.frame,
GtkFileChooserDialog MarlinPlacesSidebar.frame,
GtkFileChooserDialog NemoPlacesSidebar.frame,
NautilusWindow .sidebar.frame,
NautilusWindow MarlinPlacesSidebar.frame,
NautilusWindow NemoPlacesSidebar.frame,
NemoWindow .sidebar.frame,
NemoWindow MarlinPlacesSidebar.frame,
NemoWindow NemoPlacesSidebar.frame,
MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame {
color: #BAC3CF; }
GtkFileChooserDialog .sidebar .separator,
GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator,
GtkFileChooserDialog MarlinPlacesSidebar .separator,
GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator,
GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator,
GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator,
GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator,
NautilusWindow GtkPlacesSidebar.sidebar .view.separator,
NautilusWindow MarlinPlacesSidebar .separator,
NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator,
GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator,
NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator,
GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator,
NemoWindow GtkPlacesSidebar.sidebar .view.separator,
NemoWindow MarlinPlacesSidebar .separator,
NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator,
GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator,
NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator,
GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator {
color: transparent; }
GtkFileChooserDialog .sidebar .scrollbar.trough,
GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough,
GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough,
NautilusWindow .sidebar .scrollbar.trough,
NautilusWindow MarlinPlacesSidebar .scrollbar.trough,
NautilusWindow NemoPlacesSidebar .scrollbar.trough,
NemoWindow .sidebar .scrollbar.trough,
NemoWindow MarlinPlacesSidebar .scrollbar.trough,
NemoWindow NemoPlacesSidebar .scrollbar.trough,
MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough {
background-color: transparent;
border-color: transparent; }
GtkFileChooserDialog .sidebar .scrollbar.slider,
GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider,
GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider,
NautilusWindow .sidebar .scrollbar.slider,
NautilusWindow MarlinPlacesSidebar .scrollbar.slider,
NautilusWindow NemoPlacesSidebar .scrollbar.slider,
NemoWindow .sidebar .scrollbar.slider,
NemoWindow MarlinPlacesSidebar .scrollbar.slider,
NemoWindow NemoPlacesSidebar .scrollbar.slider,
MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider {
border-radius: 20px;
border: 3px solid transparent;
background-color: rgba(231, 234, 238, 0.7); }
GtkFileChooserDialog .sidebar .scrollbar.slider:hover,
GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover,
GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover,
NautilusWindow .sidebar .scrollbar.slider:hover,
NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover,
NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover,
NemoWindow .sidebar .scrollbar.slider:hover,
NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover,
NemoWindow NemoPlacesSidebar .scrollbar.slider:hover,
MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover {
background-color: #f6f7f9; }
GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active,
GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active,
GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active,
NautilusWindow .sidebar .scrollbar.slider:prelight:active,
NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active,
NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active,
NemoWindow .sidebar .scrollbar.slider:prelight:active,
NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active,
NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active,
MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active {
background-color: #5294E2; }
GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune,
GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune,
GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune,
NautilusWindow .sidebar .scrollbar.slider.fine-tune,
NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune,
NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune,
NemoWindow .sidebar .scrollbar.slider.fine-tune,
NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune,
NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune,
MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune {
border-width: 4px; }
GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active,
GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active,
GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active,
NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active,
NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active,
NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active,
NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active,
NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active,
NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active,
MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active {
background-color: #5294E2; }
GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive,
GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive,
GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive,
NautilusWindow .sidebar .scrollbar.slider:insensitive,
NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive,
NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive,
NemoWindow .sidebar .scrollbar.slider:insensitive,
NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive,
NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive,
MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive {
background-color: transparent; }
GtkFileChooserDialog.maximized .sidebar,
NautilusWindow.maximized .sidebar,
NemoWindow.maximized .sidebar,
MarlinViewWindow.maximized .sidebar {
background-color: #3c4049; }
GtkFileChooserDialog .pane-separator,
NautilusWindow .pane-separator,
NemoWindow .pane-separator,
MarlinViewWindow .pane-separator {
background-color: rgba(60, 64, 73, 0.95); }
GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background {
background-color: rgba(60, 64, 73, 0.95); }
GtkFileChooserDialog .sidebar {
background-color: transparent; }
GtkFileChooserDialog GtkPaned > .vertical > .horizontal {
background-color: #F5F6F7; }
GtkFileChooserDialog .dialog-action-box {
background-color: #F5F6F7; }
GtkFileChooserDialog .dialog-vbox > .frame {
color: #BAC3CF;
border-color: transparent; }
GtkFileChooserDialog .action-bar.frame {
background-color: transparent;
border-color: rgba(44, 47, 53, 0.95); }
GtkFileChooserDialog .action-bar.frame GtkLabel,
GtkFileChooserDialog .action-bar.frame GtkComboBox,
GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox {
color: #BAC3CF; }
GeditWindow.background.csd {
background-color: transparent; }
GeditWindow.background.csd .pane-separator,
GeditWindow.background.csd .pane-separator:hover {
background-color: rgba(60, 64, 73, 0.95); }
GeditWindow.background.csd .titlebar .pane-separator,
GeditWindow.background.csd.maximized .titlebar .pane-separator,
GeditWindow.background.csd .titlebar .pane-separator:backdrop,
GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop {
background-color: rgba(31, 34, 39, 0.97); }
.gedit-bottom-panel-paned {
background-color: #ffffff; }
.gedit-document-panel {
background-color: rgba(60, 64, 73, 0.95); }
.maximized .gedit-document-panel {
background-color: #3c4049; }
.gedit-document-panel .list-row {
color: #BAC3CF; }
.gedit-document-panel .list-row {
background-color: rgba(186, 195, 207, 0);
border: solid rgba(186, 195, 207, 0);
border-width: 3px 2px 3px 2px; }
.gedit-document-panel .list-row:hover {
border: solid rgba(186, 195, 207, 0.15);
border-width: 3px 2px 3px 2px;
background-color: rgba(186, 195, 207, 0.15); }
.gedit-document-panel .list-row:active {
color: #ffffff;
background-color: #5294E2;
border: solid #5294E2;
border-width: 3px 2px 3px 2px; }
.gedit-document-panel .list-row:active .button {
color: #ffffff; }
.gedit-document-panel .list-row:selected, .gedit-document-panel .list-row:selected:hover {
color: #ffffff;
background-color: #5294E2;
border: solid #5294E2;
border-width: 3px 2px 3px 2px; }
.gedit-document-panel .prelight-row .button:active {
color: #BAC3CF; }
GeditWindow.background.csd GeditFileBrowserWidget {
background-color: rgba(60, 64, 73, 0.95); }
.maximized GeditWindow.background.csd GeditFileBrowserWidget {
background-color: #3c4049; }
GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough {
background-color: transparent;
border-color: transparent; }
GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider {
border-radius: 20px;
border: 3px solid transparent;
background-color: rgba(231, 234, 238, 0.7); }
GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:hover {
background-color: #f6f7f9; }
GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:prelight:active {
background-color: #5294E2; }
GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider.fine-tune {
border-width: 4px; }
GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider.fine-tune:prelight:active {
background-color: #5294E2; }
GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive {
background-color: transparent; }
GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction,
GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough,
GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough {
border-color: transparent;
background-color: transparent; }
GeditWindow.background.csd GeditFileBrowserWidget .horizontal {
background-color: transparent;
border-color: rgba(44, 47, 53, 0.95); }
GeditWindow.background.csd GeditFileBrowserWidget .horizontal GtkComboBox {
color: #BAC3CF; }
GeditWindow.background.csd GeditFileBrowserView.view {
background-color: transparent;
color: #BAC3CF; }
GeditWindow.background.csd GeditFileBrowserView.view.expander {
color: #BAC3CF; }
GeditWindow.background.csd GeditFileBrowserView.view.expander:hover {
color: #5294E2; }
GtkFileChooserDialog .action-bar.frame .button,
GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.3); }
GtkFileChooserDialog .action-bar.frame .button:hover,
GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:hover {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: #5294E2;
background-color: rgba(0, 0, 0, 0.3); }
GtkFileChooserDialog .action-bar.frame .button:active,
GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked,
GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2; }
GtkFileChooserDialog .action-bar.frame .button:insensitive,
GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive {
color: #555a62;
border-color: rgba(0, 0, 0, 0.45);
background-color: rgba(0, 0, 0, 0.15); }
GtkFileChooserDialog .action-bar.frame .entry,
GtkFileChooserDialog .dialog-vbox > .frame .entry {
color: #BAC3CF;
border-color: rgba(0, 0, 0, 0.4);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
GtkFileChooserDialog .action-bar.frame .entry:focus,
GtkFileChooserDialog .dialog-vbox > .frame .entry:focus {
color: #BAC3CF;
border-color: #5294E2;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); }
GtkFileChooserDialog .action-bar.frame .entry:insensitive,
GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive {
color: #555a62;
border-color: rgba(0, 0, 0, 0.4);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
/* GTK NAMED COLORS */
@define-color theme_fg_color #5c616c;
@define-color theme_text_color #5c616c;
@define-color theme_bg_color #F5F6F7;
@define-color theme_base_color #ffffff;
@define-color theme_selected_bg_color #5294E2;
@define-color theme_selected_fg_color #ffffff;
@define-color fg_color #5c616c;
@define-color text_color #5c616c;
@define-color bg_color #F5F6F7;
@define-color base_color #ffffff;
@define-color selected_bg_color #5294E2;
@define-color selected_fg_color #ffffff;
@define-color insensitive_bg_color #fbfbfc;
@define-color insensitive_fg_color alpha(#5c616c, 0.5);
@define-color insensitive_base_color #ffffff;
@define-color theme_unfocused_fg_color #5c616c;
@define-color theme_unfocused_text_color #5c616c;
@define-color theme_unfocused_bg_color #F5F6F7;
@define-color theme_unfocused_base_color #ffffff;
@define-color borders #dbdfe3;
@define-color unfocused_borders #dbdfe3;
@define-color warning_color #F27835;
@define-color error_color #FC4138;
@define-color success_color #73d216;
@define-color placeholder_text_color #A8A8A8;
@define-color wm_title alpha(#cfdae7, 0.8);
@define-color wm_unfocused_title alpha(#cfdae7, 0.5);
@define-color wm_bg #2f343b;
@define-color wm_bg_unfocused #32383f;
@define-color wm_highlight #363c44;
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_button_close_bg #e45e65;
@define-color wm_button_close_hover_bg #f48085;
@define-color wm_button_close_active_bg #e6262f;
@define-color wm_icon_close_bg #ffffff;
@define-color wm_icon_close_hover_bg #ffffff;
@define-color wm_icon_close_active_bg #ffffff;
@define-color wm_button_bg #272c32;
@define-color wm_button_unfocused_bg #2a3035;
@define-color wm_button_hover_bg #272c32;
@define-color wm_button_active_bg #5294E2;
@define-color wm_button_border #191C21;
@define-color wm_button_unfocused_border #1F2328;
@define-color wm_button_hover_border #5294E2;
@define-color wm_button_active_border #5294E2;
@define-color wm_icon_bg #939ca8;
@define-color wm_icon_unfocused_bg #686f78;
@define-color wm_icon_hover_bg #afb8c5;
@define-color wm_icon_active_bg #ffffff;
@define-color content_view_bg #ffffff;