aboutsummaryrefslogtreecommitdiff
path: root/common/gtk-3.0/3.20
diff options
context:
space:
mode:
Diffstat (limited to 'common/gtk-3.0/3.20')
-rw-r--r--common/gtk-3.0/3.20/gtk-dark.css493
-rw-r--r--common/gtk-3.0/3.20/gtk-darker.css493
-rw-r--r--common/gtk-3.0/3.20/gtk-solid-dark.css493
-rw-r--r--common/gtk-3.0/3.20/gtk-solid-darker.css493
-rw-r--r--common/gtk-3.0/3.20/gtk-solid.css493
-rw-r--r--common/gtk-3.0/3.20/gtk.css493
-rw-r--r--common/gtk-3.0/3.20/sass/_colors.scss2
-rw-r--r--common/gtk-3.0/3.20/sass/_common.scss447
-rw-r--r--common/gtk-3.0/3.20/sass/_drawing.scss28
-rw-r--r--common/gtk-3.0/3.20/sass/_transparent_widgets.scss16
10 files changed, 1955 insertions, 1496 deletions
diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css
index f44b8e4..1de0e5f 100644
--- a/common/gtk-3.0/3.20/gtk-dark.css
+++ b/common/gtk-3.0/3.20/gtk-dark.css
@@ -39,33 +39,19 @@
background-color: #5294E2;
color: #ffffff; }
-.view,
+.view, iconview,
+.view text,
+iconview text,
textview text {
color: #D3DAE3;
background-color: #404552; }
- .view.dim-label, label.view.separator,
- popover.background label.view.separator, headerbar .view.subtitle,
- textview text.dim-label,
- textview headerbar text.subtitle, headerbar
- textview text.subtitle {
- color: rgba(211, 218, 227, 0.55); }
- .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus,
- textview text.dim-label selection,
- textview headerbar text.subtitle selection, headerbar
- textview text.subtitle selection,
- textview text.dim-label selection:focus,
- textview headerbar text.subtitle selection:focus, headerbar
- textview text.subtitle selection:focus {
- color: rgba(255, 255, 255, 0.65);
- text-shadow: none; }
-
-textview {
- background-color: #3c414e; }
-
-iconview {
- color: #D3DAE3;
- background-color: #404552; }
- iconview:selected, iconview:selected:focus {
+ .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
+ .view text:selected,
+ iconview text:selected,
+ textview text:selected,
+ .view text:selected:focus,
+ iconview text:selected:focus,
+ textview text:selected:focus {
border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
@@ -83,6 +69,10 @@ label.separator, popover label.separator,
popover.background label.separator {
color: #D3DAE3; }
+label selection {
+ color: #ffffff;
+ background-color: #5294E2; }
+
label:disabled {
color: rgba(211, 218, 227, 0.45); }
@@ -104,9 +94,12 @@ assistant .sidebar label.highlight {
background-color: #5294E2;
color: #ffffff; }
+textview {
+ background-color: #404552; }
+
popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
popover.background.osd,
-popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
+popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd {
color: #BAC3CF;
border: none;
background-color: rgba(53, 57, 69, 0.95);
@@ -150,13 +143,10 @@ entry {
padding-right: 0;
padding-left: 5px; }
entry.flat, entry.flat:focus {
- color: #D3DAE3;
- border-color: #2b2e39;
- background-color: #404552;
- background-image: linear-gradient(to bottom, #404552);
min-height: 0;
padding: 2px;
- border: none;
+ background-image: none;
+ border-color: transparent;
border-radius: 0; }
entry:focus {
background-clip: border-box;
@@ -170,19 +160,6 @@ entry {
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(64, 69, 82, 0.55);
background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); }
- entry selection,
- entry selection:focus {
- background-color: #5294E2;
- color: #ffffff; }
- entry progress {
- margin: 0 -6px;
- border-radius: 0;
- border-width: 0 0 2px;
- border-color: #5294E2;
- border-style: solid;
- background-image: none;
- background-color: transparent;
- box-shadow: none; }
entry.warning {
color: #ffffff;
border-color: #2b2e39;
@@ -209,6 +186,9 @@ entry {
entry.error selection, entry.error selection:focus {
background-color: #ffffff;
color: #FC4138; }
+ entry:drop(active):focus, entry:drop(active) {
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
.osd entry {
color: #BAC3CF;
border-color: rgba(26, 28, 34, 0.35);
@@ -223,6 +203,22 @@ entry {
.osd entry:disabled {
color: rgba(186, 195, 207, 0.55);
background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); }
+ entry progress {
+ margin: 0 -6px;
+ border-radius: 0;
+ border-width: 0 0 2px;
+ border-color: #5294E2;
+ border-style: solid;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: none; }
+
+treeview entry.flat, treeview entry {
+ border-radius: 0;
+ background-image: none;
+ background-color: #404552; }
+ treeview entry.flat:focus, treeview entry:focus {
+ border-color: #5294E2; }
@keyframes needs_attention {
from {
@@ -241,14 +237,12 @@ button {
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39;
background-color: #444a58; }
- button separator, button .sidebar separator, .sidebar button separator {
+ button separator {
margin: 4px 1px; }
button.flat, button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
- background-color: rgba(68, 74, 88, 0);
- border-color: rgba(43, 46, 57, 0);
transition: none; }
button.flat:hover, button.sidebar-button:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@@ -262,11 +256,11 @@ button {
background-color: #505666;
-gtk-icon-effect: highlight; }
button:active, button:checked {
- background-clip: padding-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #2b2e39;
background-color: #5294E2;
+ background-clip: padding-box;
transition-duration: 50ms; }
button:active {
color: #D3DAE3; }
@@ -277,18 +271,33 @@ button {
background-color: transparent;
background-image: none; }
button:disabled {
- color: rgba(211, 218, 227, 0.45);
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55); }
- button:disabled > label {
- color: inherit; }
+ button:disabled label, button:disabled {
+ color: rgba(211, 218, 227, 0.45); }
button:disabled:active, button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- button:disabled:active > label, button:disabled:checked > label {
- color: inherit; }
+ button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
+ button.image-button {
+ min-width: 32px;
+ padding-left: 0;
+ padding-right: 0; }
+ button.text-button {
+ padding-left: 16px;
+ padding-right: 16px; }
+ button.text-button.image-button {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button.text-button.image-button label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button:drop(active), combobox:drop(active) button.combo {
+ color: #4e9a06;
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
button.osd {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
@@ -382,11 +391,10 @@ button {
background-image: none;
color: rgba(211, 218, 227, 0.45); }
button.suggested-action:disabled {
- color: rgba(211, 218, 227, 0.45);
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55); }
- button.suggested-action:disabled > label {
- color: inherit; }
+ button.suggested-action:disabled label, button.suggested-action:disabled {
+ color: rgba(211, 218, 227, 0.45); }
button.destructive-action {
background-clip: border-box;
color: #ffffff;
@@ -417,24 +425,10 @@ button {
background-image: none;
color: rgba(211, 218, 227, 0.45); }
button.destructive-action:disabled {
- color: rgba(211, 218, 227, 0.45);
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55); }
- button.destructive-action:disabled > label {
- color: inherit; }
- button.image-button {
- min-width: 32px;
- padding-left: 0;
- padding-right: 0; }
- button.text-button {
- padding-left: 16px;
- padding-right: 16px; }
- button.text-button.image-button {
- padding-left: 8px;
- padding-right: 8px; }
- button.text-button.image-button label {
- padding-left: 8px;
- padding-right: 8px; }
+ button.destructive-action:disabled label, button.destructive-action:disabled {
+ color: rgba(211, 218, 227, 0.45); }
.stack-switcher > button {
outline-offset: -3px; }
.stack-switcher > button > label {
@@ -482,18 +476,16 @@ button {
border-color: #2b2e39;
background-color: #5294E2; }
.inline-toolbar toolbutton > button:disabled {
- color: rgba(211, 218, 227, 0.45);
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55); }
- .inline-toolbar toolbutton > button:disabled > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
+ color: rgba(211, 218, 227, 0.45); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
.linked:not(.vertical):not(.path-bar) > entry + entry {
border-left-color: rgba(43, 46, 57, 0.3); }
@@ -694,7 +686,7 @@ modelbutton.flat {
modelbutton.flat radio:first-child {
margin-right: 8px; }
-modelbutton.flat arrow, modelbutton.flat arrow:hover {
+modelbutton.flat arrow {
background: none; }
modelbutton.flat arrow.left {
@@ -717,7 +709,19 @@ modelbutton.flat arrow.right {
color: #a9caf1; }
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
color: #dceaf9; }
- *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
+ .info *:link, .info button:link, .info button:visited,
+ .question *:link,
+ .question button:link,
+ .question button:visited,
+ .warning *:link,
+ .warning button:link,
+ .warning button:visited,
+ .error *:link,
+ .error button:link,
+ .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link,
+ *:selected *:link,
+ *:selected button:link,
+ *:selected button:visited {
color: #dceaf9; }
button:link > label, button:visited > label {
@@ -776,17 +780,28 @@ toolbar, .inline-toolbar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #383C4A; }
- toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator {
+ toolbar separator, .inline-toolbar separator {
background: none; }
toolbar.horizontal separator, .horizontal.inline-toolbar separator {
margin: 0 6px; }
toolbar.vertical separator, .vertical.inline-toolbar separator {
margin: 6px 0; }
- .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar {
+ .osd toolbar, .osd .inline-toolbar {
+ background-color: transparent; }
+ toolbar.osd, .osd.inline-toolbar {
padding: 7px;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 3px;
background-color: rgba(53, 57, 69, 0.85); }
+ toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar {
+ border-radius: 0; }
+ toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch,
+ toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale,
+ toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry,
+ toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+ toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button {
+ margin-right: 1px;
+ margin-bottom: 1px; }
.primary-toolbar {
color: rgba(207, 218, 231, 0.8);
@@ -943,7 +958,7 @@ paned.titlebar > headerbar ~ headerbar {
paned.titlebar > headerbar:first-child {
border-top-right-radius: 0; }
-headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator {
+headerbar entry, headerbar button, headerbar separator {
margin-top: 6px;
margin-bottom: 6px; }
@@ -1023,11 +1038,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #5294E2;
background-clip: padding-box; }
.primary-toolbar button:disabled, headerbar button:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button:disabled > label, headerbar button:disabled > label {
- color: inherit; }
+ .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked {
color: rgba(255, 255, 255, 0.75);
border-color: rgba(82, 148, 226, 0.65);
@@ -1125,11 +1139,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #2e96c0;
border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop {
opacity: 0.8; }
@@ -1159,11 +1172,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #ec1b22;
border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop {
opacity: 0.8; }
@@ -1284,8 +1296,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
padding-left: 10px; }
.path-bar button.slider-button {
- padding-left: 2px;
- padding-right: 2px; }
+ padding-left: 1px;
+ padding-right: 1px; }
.path-bar button image {
padding-left: 4px;
@@ -1299,7 +1311,7 @@ treeview.view {
-GtkTreeView-expander-size: 16;
border-left-color: rgba(211, 218, 227, 0.15);
border-top-color: rgba(0, 0, 0, 0.1); }
- treeview.view:selected {
+ treeview.view:selected, treeview.view:selected:focus {
border-radius: 0;
border-left-color: #a9caf1;
border-top-color: rgba(211, 218, 227, 0.1); }
@@ -1310,10 +1322,14 @@ treeview.view {
treeview.view.separator {
min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
- treeview.view.dnd {
+ treeview.view:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: #93b7e3; }
+ treeview.view:drop(active).after {
+ border-top-style: none; }
+ treeview.view:drop(active).before {
+ border-bottom-style: none; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #8a909b; }
@@ -1412,7 +1428,7 @@ menu,
padding: 4px 0px;
border-radius: 2px;
border: none; }
- menu separator, menu .sidebar separator, .sidebar menu separator,
+ menu separator,
.csd menu separator,
.menu separator,
.csd
@@ -1490,21 +1506,19 @@ popover.background {
popover.background,
popover.background {
border: 1px solid #20222a; }
- popover separator, popover .sidebar separator, .sidebar popover separator,
+ popover separator,
popover.background separator {
background-color: #383C4A; }
popover > list,
popover > .view,
+ popover > iconview,
popover > toolbar,
popover > .inline-toolbar,
- popover.osd > toolbar,
- popover.osd > .inline-toolbar,
popover.background > list,
popover.background > .view,
+ popover.background > iconview,
popover.background > toolbar,
- popover.background > .inline-toolbar,
- popover.background.osd > toolbar,
- popover.background.osd > .inline-toolbar {
+ popover.background > .inline-toolbar {
border-style: none;
background-color: transparent; }
@@ -1519,8 +1533,7 @@ cursor-handle {
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
notebook {
- padding: 0;
- transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ padding: 0; }
notebook.frame {
border: 1px solid #2b2e39; }
notebook.frame > header {
@@ -1779,7 +1792,7 @@ check,
treeview.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); }
-.view check:selected,
+.view check:selected, iconview check:selected,
treeview.check:selected,
row:selected check,
infobar check {
@@ -1789,7 +1802,7 @@ check:disabled,
treeview.check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); }
-.view check:disabled:selected,
+.view check:disabled:selected, iconview check:disabled:selected,
treeview.check:disabled:selected,
row:selected check:disabled,
infobar check:disabled {
@@ -1799,7 +1812,7 @@ check:indeterminate,
treeview.check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); }
-.view check:indeterminate:selected,
+.view check:indeterminate:selected, iconview check:indeterminate:selected,
treeview.check:indeterminate:selected,
row:selected check:indeterminate,
infobar check:indeterminate {
@@ -1809,7 +1822,7 @@ check:indeterminate:disabled,
treeview.check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); }
-.view check:indeterminate:disabled:selected,
+.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected,
treeview.check:indeterminate:disabled:selected,
row:selected check:indeterminate:disabled,
infobar check:indeterminate:disabled {
@@ -1819,7 +1832,7 @@ check:checked,
treeview.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); }
-.view check:checked:selected,
+.view check:checked:selected, iconview check:checked:selected,
treeview.check:checked:selected,
row:selected check:checked,
infobar check:checked {
@@ -1829,7 +1842,7 @@ check:checked:disabled,
treeview.check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); }
-.view check:checked:disabled:selected,
+.view check:checked:disabled:selected, iconview check:checked:disabled:selected,
treeview.check:checked:disabled:selected,
row:selected check:checked:disabled,
infobar check:checked:disabled {
@@ -1839,7 +1852,7 @@ radio,
treeview.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); }
-.view radio:selected,
+.view radio:selected, iconview radio:selected,
treeview.radio:selected,
row:selected radio,
infobar radio {
@@ -1849,7 +1862,7 @@ radio:disabled,
treeview.radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); }
-.view radio:disabled:selected,
+.view radio:disabled:selected, iconview radio:disabled:selected,
treeview.radio:disabled:selected,
row:selected radio:disabled,
infobar radio:disabled {
@@ -1859,7 +1872,7 @@ radio:indeterminate,
treeview.radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); }
-.view radio:indeterminate:selected,
+.view radio:indeterminate:selected, iconview radio:indeterminate:selected,
treeview.radio:indeterminate:selected,
row:selected radio:indeterminate,
infobar radio:indeterminate {
@@ -1869,7 +1882,7 @@ radio:indeterminate:disabled,
treeview.radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); }
-.view radio:indeterminate:disabled:selected,
+.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected,
treeview.radio:indeterminate:disabled:selected,
row:selected radio:indeterminate:disabled,
infobar radio:indeterminate:disabled {
@@ -1879,7 +1892,7 @@ radio:checked,
treeview.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); }
-.view radio:checked:selected,
+.view radio:checked:selected, iconview radio:checked:selected,
treeview.radio:checked:selected,
row:selected radio:checked,
infobar radio:checked {
@@ -1889,37 +1902,40 @@ radio:checked:disabled,
treeview.radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); }
-.view radio:checked:disabled:selected,
+.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected,
treeview.radio:checked:disabled:selected,
row:selected radio:checked:disabled,
infobar radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
-.view.content-view.check:not(list) {
+.view.content-view.check:not(list), iconview.content-view.check:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png"));
background-color: transparent; }
-.view.content-view.check:checked:not(list) {
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png"));
background-color: transparent; }
checkbutton.text-button, radiobutton.text-button {
padding: 2px 0;
outline-offset: 0; }
- checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
- margin-left: 4px; }
- checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
- margin-right: 4px; }
- checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
- color: rgba(211, 218, 227, 0.45); }
-radiobutton radio,
-checkbutton check {
+checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child {
+ margin-left: 4px; }
+
+checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child {
+ margin-right: 4px; }
+
+check,
+radio {
min-width: 16px;
min-height: 16px;
margin: 0 2px; }
- radiobutton radio:only-child,
- checkbutton check:only-child {
+ check:only-child,
+ menu menuitem check,
+ radio:only-child,
+ menu menuitem
+ radio {
margin: 0; }
scale {
@@ -2024,7 +2040,7 @@ scale {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
- background-color: red; }
+ background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); }
.osd scale trough {
@@ -2128,8 +2144,7 @@ frame > border,
margin: 0;
padding: 0;
border-radius: 0;
- border: 1px solid #2b2e39;
- padding: 0; }
+ border: 1px solid #2b2e39; }
frame > border.flat,
.frame.flat {
border-style: none; }
@@ -2220,7 +2235,7 @@ scrolledwindow junction {
scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
-separator, .sidebar separator {
+separator {
background-color: rgba(0, 0, 0, 0.1);
min-width: 1px;
min-height: 1px; }
@@ -2231,29 +2246,26 @@ list {
list row {
padding: 2px; }
+row:not(:hover) {
+ transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
row.activatable.has-open-popup, row.activatable:hover {
background-color: rgba(255, 255, 255, 0.03); }
row.activatable:active {
color: #D3DAE3; }
+row.activatable:disabled {
+ color: rgba(211, 218, 227, 0.45); }
+ row.activatable:disabled image {
+ color: inherit; }
+
row.activatable:selected:active {
color: #ffffff; }
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #4a85cb; }
-row.activatable:selected:disabled {
- color: rgba(255, 255, 255, 0.7);
- background-color: rgba(82, 148, 226, 0.7); }
- row.activatable:selected:disabled label {
- color: inherit; }
-
-row {
- transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
- row:hover {
- transition: none; }
-
.app-notification {
padding: 10px;
color: #BAC3CF;
@@ -2364,6 +2376,10 @@ messagedialog.csd .dialog-action-area button:only-child {
filechooser #pathbarbox {
border-bottom: 1px solid rgba(43, 46, 57, 0.5); }
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent; }
+
.sidebar {
border-style: none;
background-color: #3c4150; }
@@ -2373,9 +2389,11 @@ filechooser #pathbarbox {
border-right: 1px solid #2b2e39;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list,
- stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left {
+ stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
border-left: 1px solid #2b2e39;
border-right-style: none; }
+ .sidebar list {
+ background-color: transparent; }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
border-style: none; }
@@ -2390,9 +2408,6 @@ stacksidebar row {
placessidebar > viewport.frame {
border-style: none; }
-placessidebar list {
- background-color: transparent; }
-
placessidebar row {
min-height: 30px;
padding: 0px; }
@@ -2416,12 +2431,19 @@ placessidebar row {
-gtk-outline-radius: 100%; }
button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; }
-
-placessidebar row.sidebar-placeholder-row {
- border: solid 1px #5294E2; }
-
-placessidebar row.sidebar-new-bookmark-row {
- background-color: #22242d; }
+ placessidebar row.sidebar-placeholder-row {
+ padding: 0 8px;
+ min-height: 2px;
+ background-image: linear-gradient(to top, #4e9a06);
+ background-clip: content-box; }
+ placessidebar row.sidebar-new-bookmark-row {
+ color: #5294E2; }
+ placessidebar row:drop(active):not(:disabled) {
+ color: #4e9a06;
+ box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
+ placessidebar row:drop(active):not(:disabled):selected {
+ color: #ffffff;
+ background-color: #4e9a06; }
placesview .server-list-button > image {
-gtk-icon-transform: rotate(0turn); }
@@ -2430,7 +2452,7 @@ placesview .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-gtk-icon-transform: rotate(-0.5turn); }
-paned > separator, .sidebar paned > separator {
+paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
@@ -2438,37 +2460,37 @@ paned > separator, .sidebar paned > separator {
background-color: transparent;
background-image: linear-gradient(to top, #2b2e39);
background-size: 1px 1px; }
- paned > separator:selected, .sidebar paned > separator:selected {
+ paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); }
- paned > separator.wide, .sidebar paned > separator.wide {
+ paned > separator.wide {
min-width: 5px;
min-height: 5px;
background-color: #383C4A;
background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39);
background-size: 1px 1px, 1px 1px; }
-paned.horizontal > separator, .sidebar paned.horizontal > separator {
+paned.horizontal > separator {
background-repeat: repeat-y; }
- paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) {
+ paned.horizontal > separator:dir(ltr) {
margin: 0 -8px 0 0;
padding: 0 8px 0 0;
background-position: left; }
- paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) {
+ paned.horizontal > separator:dir(rtl) {
margin: 0 0 0 -8px;
padding: 0 0 0 8px;
background-position: right; }
- paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
+ paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
-paned.vertical > separator, .sidebar paned.vertical > separator {
+paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
- paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
+ paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
@@ -2480,37 +2502,78 @@ infobar {
.info,
.question,
.warning,
-.error,
-infobar {
+.error {
background-color: #5294E2;
color: #ffffff; }
+ .info label:selected:focus, .info label:selected:hover, .info label:selected,
+ .question label:selected:focus,
+ .question label:selected:hover,
+ .question label:selected,
+ .warning label:selected:focus,
+ .warning label:selected:hover,
+ .warning label:selected,
+ .error label:selected:focus,
+ .error label:selected:hover,
+ .error label:selected {
+ color: #5294E2;
+ background-color: #ffffff; }
-row:selected button, infobar button, .floating-bar button {
+row:selected button, .info button,
+.question button,
+.warning button,
+.error button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
- row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
+ row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button,
+ .question button.flat,
+ .question button.sidebar-button,
+ .warning button.flat,
+ .warning button.sidebar-button,
+ .error button.flat,
+ .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
- row:selected button:hover, infobar button:hover, .floating-bar button:hover {
+ row:selected button:hover, .info button:hover,
+ .question button:hover,
+ .warning button:hover,
+ .error button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
- row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
+ row:selected button:active, .info button:active,
+ .question button:active,
+ .warning button:active,
+ .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover,
+ .question button:active:hover,
+ .warning button:active:hover,
+ .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked,
+ .question button:checked,
+ .warning button:checked,
+ .error button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
- row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
+ row:selected button:disabled, .info button:disabled,
+ .question button:disabled,
+ .warning button:disabled,
+ .error button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
- row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
+ row:selected button:disabled:active, .info button:disabled:active,
+ .question button:disabled:active,
+ .warning button:disabled:active,
+ .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked,
+ .question button:disabled:checked,
+ .warning button:disabled:checked,
+ .error button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@@ -2654,8 +2717,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima
*:drop(active):focus,
*:drop(active) {
- border-color: black;
- box-shadow: inset 0 0 0 1px black; }
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
decoration {
border-radius: 3px 3px 0 0;
@@ -2667,7 +2730,7 @@ decoration {
.fullscreen decoration,
.tiled decoration {
border-radius: 0; }
- .popup decoration, decoration.popup {
+ .popup decoration {
box-shadow: none;
border-radius: 0; }
.ssd decoration {
@@ -2768,23 +2831,29 @@ headerbar button.titlebutton,
.titlebar button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
-.view:selected,
-.view selection,
-.view selection:focus,
-.view selection:hover,
-textview text:selected,
-textview text selection,
+.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+textview text:selected, iconview text:selected:focus,
+textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
textview text selection:focus,
-textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected,
-label selection,
-label selection:focus,
-label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected,
+textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
modelbutton.flat:active,
-modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover {
- background-image: none;
- background-color: #5294E2;
- color: #ffffff;
- outline-color: rgba(255, 255, 255, 0.3); }
+modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ background-color: #5294E2; }
+ row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+ textview text:selected, iconview text:selected:focus,
+ textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
+ textview text selection:focus,
+ textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
+ modelbutton.flat:active,
+ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
+ textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
+ textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected,
+ modelbutton.flat:disabled:active,
+ modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover {
+ color: #a9caf1; }
.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -1px #2b2e39; }
@@ -2832,7 +2901,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #313541;
border-color: #1b1d24; }
-.nautilus-list-view .view {
+.nautilus-list-view .view, .nautilus-list-view iconview {
border-bottom: 1px solid #2b2e39; }
@keyframes needs_attention_keyframes {
@@ -2854,12 +2923,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
animation: needs_attention_keyframes 3s ease-in-out;
animation-iteration-count: 3; }
-.open-document-selector-treeview.view {
+.open-document-selector-treeview.view, iconview.open-document-selector-treeview {
padding: 3px 6px 3px 6px;
border-color: #404552; }
- .open-document-selector-treeview.view:hover {
+ .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover {
background-color: rgba(0, 0, 0, 0.05); }
- .open-document-selector-treeview.view:hover:selected {
+ .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected {
color: #ffffff;
background-color: #5294E2; }
@@ -3161,7 +3230,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
-GtkTreeView-vertical-separator: 6px; }
.source-list,
-.source-list.view {
+.source-list.view,
+iconview.source-list {
background-color: #383C4A;
color: #D3DAE3;
-gtk-icon-style: regular; }
@@ -3169,12 +3239,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
.source-list.category-expander {
color: transparent; }
-.source-list.view:hover {
+.source-list.view:hover, iconview.source-list:hover {
background-color: #434859; }
-.source-list.view:selected,
+.source-list.view:selected, iconview.source-list:selected,
.source-list.view:hover:selected,
+iconview.source-list:hover:selected,
.source-list.view:selected:focus,
+iconview.source-list:selected:focus,
.source-list.category-expander:hover {
color: #ffffff;
background-color: #5294E2; }
@@ -3246,7 +3318,7 @@ GraniteWidgetsPopOver {
background-image: linear-gradient(to bottom, #404552);
border: 1px solid rgba(0, 0, 0, 0.3); }
-GraniteWidgetsPopOver .sidebar.view,
+GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
GraniteWidgetsPopOver * {
background-color: transparent; }
@@ -3323,11 +3395,10 @@ GtkListBox .h4 {
border-color: #2b2e39;
background-color: #5294E2; }
#content_frame button:disabled {
- color: rgba(211, 218, 227, 0.45);
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55); }
- #content_frame button:disabled > label {
- color: inherit; }
+ #content_frame button:disabled label, #content_frame button:disabled {
+ color: rgba(211, 218, 227, 0.45); }
#buttonbox_frame {
padding-top: 20px;
@@ -3412,11 +3483,11 @@ GtkListBox .h4 {
border-bottom-width: 0;
font: bold; }
-.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator {
+.nautilus-window paned > separator {
background: rgba(42, 45, 55, 0.95); }
- .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) {
+ .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
- .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) {
+ .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list {
@@ -3424,19 +3495,17 @@ GtkListBox .h4 {
.nautilus-window placessidebar.sidebar {
background-color: rgba(53, 57, 69, 0.95); }
- .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
- border: 1px solid #5294E2; }
- .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
- background-color: rgba(75, 81, 98, 0.95); }
- .nautilus-window placessidebar.sidebar row.activatable {
+ .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image {
+ color: #5294E2; }
+ .nautilus-window placessidebar.sidebar row {
border: none;
color: #BAC3CF; }
- .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon {
+ .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon {
color: rgba(186, 195, 207, 0.6); }
- .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover {
+ .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover {
background-color: rgba(186, 195, 207, 0.15); }
- .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon {
- color: inherit; }
+ .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image {
+ color: rgba(186, 195, 207, 0.4); }
.nautilus-window placessidebar.sidebar separator {
background-color: transparent; }
diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css
index 37b4cb3..bf6827c 100644
--- a/common/gtk-3.0/3.20/gtk-darker.css
+++ b/common/gtk-3.0/3.20/gtk-darker.css
@@ -39,33 +39,19 @@
background-color: #5294E2;
color: #ffffff; }
-.view,
+.view, iconview,
+.view text,
+iconview text,
textview text {
color: #5c616c;
background-color: #ffffff; }
- .view.dim-label, label.view.separator,
- popover.background label.view.separator, headerbar .view.subtitle,
- textview text.dim-label,
- textview headerbar text.subtitle, headerbar
- textview text.subtitle {
- color: rgba(92, 97, 108, 0.55); }
- .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus,
- textview text.dim-label selection,
- textview headerbar text.subtitle selection, headerbar
- textview text.subtitle selection,
- textview text.dim-label selection:focus,
- textview headerbar text.subtitle selection:focus, headerbar
- textview text.subtitle selection:focus {
- color: rgba(255, 255, 255, 0.65);
- text-shadow: none; }
-
-textview {
- background-color: #fafbfb; }
-
-iconview {
- color: #5c616c;
- background-color: #ffffff; }
- iconview:selected, iconview:selected:focus {
+ .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
+ .view text:selected,
+ iconview text:selected,
+ textview text:selected,
+ .view text:selected:focus,
+ iconview text:selected:focus,
+ textview text:selected:focus {
border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
@@ -83,6 +69,10 @@ label.separator, popover label.separator,
popover.background label.separator {
color: #5c616c; }
+label selection {
+ color: #ffffff;
+ background-color: #5294E2; }
+
label:disabled {
color: rgba(92, 97, 108, 0.55); }
@@ -104,9 +94,12 @@ assistant .sidebar label.highlight {
background-color: #5294E2;
color: #ffffff; }
+textview {
+ background-color: #ffffff; }
+
popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
popover.background.osd,
-popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
+popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd {
color: #BAC3CF;
border: none;
background-color: rgba(53, 57, 69, 0.95);
@@ -150,13 +143,10 @@ entry {
padding-right: 0;
padding-left: 5px; }
entry.flat, entry.flat:focus {
- color: #5c616c;
- border-color: #cfd6e6;
- background-color: #ffffff;
- background-image: linear-gradient(to bottom, #ffffff);
min-height: 0;
padding: 2px;
- border: none;
+ background-image: none;
+ border-color: transparent;
border-radius: 0; }
entry:focus {
background-clip: border-box;
@@ -169,19 +159,6 @@ entry {
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(255, 255, 255, 0.55);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); }
- entry selection,
- entry selection:focus {
- background-color: #5294E2;
- color: #ffffff; }
- entry progress {
- margin: 0 -6px;
- border-radius: 0;
- border-width: 0 0 2px;
- border-color: #5294E2;
- border-style: solid;
- background-image: none;
- background-color: transparent;
- box-shadow: none; }
entry.warning {
color: #ffffff;
border-color: #F27835;
@@ -208,6 +185,9 @@ entry {
entry.error selection, entry.error selection:focus {
background-color: #ffffff;
color: #FC4138; }
+ entry:drop(active):focus, entry:drop(active) {
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
.osd entry {
color: #BAC3CF;
border-color: rgba(26, 28, 34, 0.35);
@@ -222,6 +202,22 @@ entry {
.osd entry:disabled {
color: rgba(186, 195, 207, 0.55);
background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); }
+ entry progress {
+ margin: 0 -6px;
+ border-radius: 0;
+ border-width: 0 0 2px;
+ border-color: #5294E2;
+ border-style: solid;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: none; }
+
+treeview entry.flat, treeview entry {
+ border-radius: 0;
+ background-image: none;
+ background-color: #ffffff; }
+ treeview entry.flat:focus, treeview entry:focus {
+ border-color: #5294E2; }
@keyframes needs_attention {
from {
@@ -240,14 +236,12 @@ button {
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
- button separator, button .sidebar separator, .sidebar button separator {
+ button separator {
margin: 4px 1px; }
button.flat, button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
- background-color: rgba(251, 251, 252, 0);
- border-color: rgba(207, 214, 230, 0);
transition: none; }
button.flat:hover, button.sidebar-button:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@@ -261,11 +255,11 @@ button {
background-color: white;
-gtk-icon-effect: highlight; }
button:active, button:checked {
- background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2;
+ background-clip: border-box;
transition-duration: 50ms; }
button:active {
color: #5c616c; }
@@ -276,18 +270,33 @@ button {
background-color: transparent;
background-image: none; }
button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button:disabled > label {
- color: inherit; }
+ button:disabled label, button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
button:disabled:active, button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- button:disabled:active > label, button:disabled:checked > label {
- color: inherit; }
+ button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
+ button.image-button {
+ min-width: 32px;
+ padding-left: 0;
+ padding-right: 0; }
+ button.text-button {
+ padding-left: 16px;
+ padding-right: 16px; }
+ button.text-button.image-button {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button.text-button.image-button label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button:drop(active), combobox:drop(active) button.combo {
+ color: #4e9a06;
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
button.osd {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
@@ -381,11 +390,10 @@ button {
background-image: none;
color: rgba(92, 97, 108, 0.55); }
button.suggested-action:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button.suggested-action:disabled > label {
- color: inherit; }
+ button.suggested-action:disabled label, button.suggested-action:disabled {
+ color: rgba(92, 97, 108, 0.55); }
button.destructive-action {
background-clip: border-box;
color: #ffffff;
@@ -416,24 +424,10 @@ button {
background-image: none;
color: rgba(92, 97, 108, 0.55); }
button.destructive-action:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button.destructive-action:disabled > label {
- color: inherit; }
- button.image-button {
- min-width: 32px;
- padding-left: 0;
- padding-right: 0; }
- button.text-button {
- padding-left: 16px;
- padding-right: 16px; }
- button.text-button.image-button {
- padding-left: 8px;
- padding-right: 8px; }
- button.text-button.image-button label {
- padding-left: 8px;
- padding-right: 8px; }
+ button.destructive-action:disabled label, button.destructive-action:disabled {
+ color: rgba(92, 97, 108, 0.55); }
.stack-switcher > button {
outline-offset: -3px; }
.stack-switcher > button > label {
@@ -481,18 +475,16 @@ button {
border-color: #5294E2;
background-color: #5294E2; }
.inline-toolbar toolbutton > button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- .inline-toolbar toolbutton > button:disabled > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
.linked:not(.vertical):not(.path-bar) > entry + entry {
border-left-color: rgba(207, 214, 230, 0.3); }
@@ -693,7 +685,7 @@ modelbutton.flat {
modelbutton.flat radio:first-child {
margin-right: 8px; }
-modelbutton.flat arrow, modelbutton.flat arrow:hover {
+modelbutton.flat arrow {
background: none; }
modelbutton.flat arrow.left {
@@ -716,7 +708,19 @@ modelbutton.flat arrow.right {
color: #2679db; }
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
color: #dceaf9; }
- *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
+ .info *:link, .info button:link, .info button:visited,
+ .question *:link,
+ .question button:link,
+ .question button:visited,
+ .warning *:link,
+ .warning button:link,
+ .warning button:visited,
+ .error *:link,
+ .error button:link,
+ .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link,
+ *:selected *:link,
+ *:selected button:link,
+ *:selected button:visited {
color: #dceaf9; }
button:link > label, button:visited > label {
@@ -775,17 +779,28 @@ toolbar, .inline-toolbar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #F5F6F7; }
- toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator {
+ toolbar separator, .inline-toolbar separator {
background: none; }
toolbar.horizontal separator, .horizontal.inline-toolbar separator {
margin: 0 6px; }
toolbar.vertical separator, .vertical.inline-toolbar separator {
margin: 6px 0; }
- .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar {
+ .osd toolbar, .osd .inline-toolbar {
+ background-color: transparent; }
+ toolbar.osd, .osd.inline-toolbar {
padding: 7px;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 3px;
background-color: rgba(53, 57, 69, 0.85); }
+ toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar {
+ border-radius: 0; }
+ toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch,
+ toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale,
+ toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry,
+ toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+ toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button {
+ margin-right: 1px;
+ margin-bottom: 1px; }
.primary-toolbar {
color: rgba(207, 218, 231, 0.8);
@@ -942,7 +957,7 @@ paned.titlebar > headerbar ~ headerbar {
paned.titlebar > headerbar:first-child {
border-top-right-radius: 0; }
-headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator {
+headerbar entry, headerbar button, headerbar separator {
margin-top: 6px;
margin-bottom: 6px; }
@@ -1022,11 +1037,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #5294E2;
background-clip: padding-box; }
.primary-toolbar button:disabled, headerbar button:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button:disabled > label, headerbar button:disabled > label {
- color: inherit; }
+ .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked {
color: rgba(255, 255, 255, 0.75);
border-color: rgba(82, 148, 226, 0.65);
@@ -1124,11 +1138,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #2e96c0;
border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop {
opacity: 0.8; }
@@ -1158,11 +1171,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #ec1b22;
border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop {
opacity: 0.8; }
@@ -1283,8 +1295,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
padding-left: 10px; }
.path-bar button.slider-button {
- padding-left: 2px;
- padding-right: 2px; }
+ padding-left: 1px;
+ padding-right: 1px; }
.path-bar button image {
padding-left: 4px;
@@ -1298,7 +1310,7 @@ treeview.view {
-GtkTreeView-expander-size: 16;
border-left-color: rgba(92, 97, 108, 0.15);
border-top-color: rgba(0, 0, 0, 0.1); }
- treeview.view:selected {
+ treeview.view:selected, treeview.view:selected:focus {
border-radius: 0;
border-left-color: #a9caf1;
border-top-color: rgba(92, 97, 108, 0.1); }
@@ -1309,10 +1321,14 @@ treeview.view {
treeview.view.separator {
min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
- treeview.view.dnd {
+ treeview.view:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: #577ba7; }
+ treeview.view:drop(active).after {
+ border-top-style: none; }
+ treeview.view:drop(active).before {
+ border-bottom-style: none; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #aeb0b6; }
@@ -1411,7 +1427,7 @@ menu,
padding: 4px 0px;
border-radius: 2px;
border: none; }
- menu separator, menu .sidebar separator, .sidebar menu separator,
+ menu separator,
.csd menu separator,
.menu separator,
.csd
@@ -1489,21 +1505,19 @@ popover.background {
popover.background,
popover.background {
border: 1px solid #cdd2d7; }
- popover separator, popover .sidebar separator, .sidebar popover separator,
+ popover separator,
popover.background separator {
background-color: #ffffff; }
popover > list,
popover > .view,
+ popover > iconview,
popover > toolbar,
popover > .inline-toolbar,
- popover.osd > toolbar,
- popover.osd > .inline-toolbar,
popover.background > list,
popover.background > .view,
+ popover.background > iconview,
popover.background > toolbar,
- popover.background > .inline-toolbar,
- popover.background.osd > toolbar,
- popover.background.osd > .inline-toolbar {
+ popover.background > .inline-toolbar {
border-style: none;
background-color: transparent; }
@@ -1518,8 +1532,7 @@ cursor-handle {
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
notebook {
- padding: 0;
- transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ padding: 0; }
notebook.frame {
border: 1px solid #dcdfe3; }
notebook.frame > header {
@@ -1778,7 +1791,7 @@ check,
treeview.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
-.view check:selected,
+.view check:selected, iconview check:selected,
treeview.check:selected,
row:selected check,
infobar check {
@@ -1788,7 +1801,7 @@ check:disabled,
treeview.check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
-.view check:disabled:selected,
+.view check:disabled:selected, iconview check:disabled:selected,
treeview.check:disabled:selected,
row:selected check:disabled,
infobar check:disabled {
@@ -1798,7 +1811,7 @@ check:indeterminate,
treeview.check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
-.view check:indeterminate:selected,
+.view check:indeterminate:selected, iconview check:indeterminate:selected,
treeview.check:indeterminate:selected,
row:selected check:indeterminate,
infobar check:indeterminate {
@@ -1808,7 +1821,7 @@ check:indeterminate:disabled,
treeview.check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
-.view check:indeterminate:disabled:selected,
+.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected,
treeview.check:indeterminate:disabled:selected,
row:selected check:indeterminate:disabled,
infobar check:indeterminate:disabled {
@@ -1818,7 +1831,7 @@ check:checked,
treeview.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
-.view check:checked:selected,
+.view check:checked:selected, iconview check:checked:selected,
treeview.check:checked:selected,
row:selected check:checked,
infobar check:checked {
@@ -1828,7 +1841,7 @@ check:checked:disabled,
treeview.check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
-.view check:checked:disabled:selected,
+.view check:checked:disabled:selected, iconview check:checked:disabled:selected,
treeview.check:checked:disabled:selected,
row:selected check:checked:disabled,
infobar check:checked:disabled {
@@ -1838,7 +1851,7 @@ radio,
treeview.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
-.view radio:selected,
+.view radio:selected, iconview radio:selected,
treeview.radio:selected,
row:selected radio,
infobar radio {
@@ -1848,7 +1861,7 @@ radio:disabled,
treeview.radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
-.view radio:disabled:selected,
+.view radio:disabled:selected, iconview radio:disabled:selected,
treeview.radio:disabled:selected,
row:selected radio:disabled,
infobar radio:disabled {
@@ -1858,7 +1871,7 @@ radio:indeterminate,
treeview.radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
-.view radio:indeterminate:selected,
+.view radio:indeterminate:selected, iconview radio:indeterminate:selected,
treeview.radio:indeterminate:selected,
row:selected radio:indeterminate,
infobar radio:indeterminate {
@@ -1868,7 +1881,7 @@ radio:indeterminate:disabled,
treeview.radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
-.view radio:indeterminate:disabled:selected,
+.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected,
treeview.radio:indeterminate:disabled:selected,
row:selected radio:indeterminate:disabled,
infobar radio:indeterminate:disabled {
@@ -1878,7 +1891,7 @@ radio:checked,
treeview.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
-.view radio:checked:selected,
+.view radio:checked:selected, iconview radio:checked:selected,
treeview.radio:checked:selected,
row:selected radio:checked,
infobar radio:checked {
@@ -1888,37 +1901,40 @@ radio:checked:disabled,
treeview.radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
-.view radio:checked:disabled:selected,
+.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected,
treeview.radio:checked:disabled:selected,
row:selected radio:checked:disabled,
infobar radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
-.view.content-view.check:not(list) {
+.view.content-view.check:not(list), iconview.content-view.check:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
-.view.content-view.check:checked:not(list) {
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
checkbutton.text-button, radiobutton.text-button {
padding: 2px 0;
outline-offset: 0; }
- checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
- margin-left: 4px; }
- checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
- margin-right: 4px; }
- checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
- color: rgba(92, 97, 108, 0.55); }
-radiobutton radio,
-checkbutton check {
+checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child {
+ margin-left: 4px; }
+
+checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child {
+ margin-right: 4px; }
+
+check,
+radio {
min-width: 16px;
min-height: 16px;
margin: 0 2px; }
- radiobutton radio:only-child,
- checkbutton check:only-child {
+ check:only-child,
+ menu menuitem check,
+ radio:only-child,
+ menu menuitem
+ radio {
margin: 0; }
scale {
@@ -2023,7 +2039,7 @@ scale {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
- background-color: red; }
+ background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); }
.osd scale trough {
@@ -2127,8 +2143,7 @@ frame > border,
margin: 0;
padding: 0;
border-radius: 0;
- border: 1px solid #dcdfe3;
- padding: 0; }
+ border: 1px solid #dcdfe3; }
frame > border.flat,
.frame.flat {
border-style: none; }
@@ -2219,7 +2234,7 @@ scrolledwindow junction {
scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
-separator, .sidebar separator {
+separator {
background-color: rgba(0, 0, 0, 0.1);
min-width: 1px;
min-height: 1px; }
@@ -2230,29 +2245,26 @@ list {
list row {
padding: 2px; }
+row:not(:hover) {
+ transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
row.activatable.has-open-popup, row.activatable:hover {
background-color: rgba(0, 0, 0, 0.05); }
row.activatable:active {
color: #5c616c; }
+row.activatable:disabled {
+ color: rgba(92, 97, 108, 0.55); }
+ row.activatable:disabled image {
+ color: inherit; }
+
row.activatable:selected:active {
color: #ffffff; }
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #4a85cb; }
-row.activatable:selected:disabled {
- color: rgba(255, 255, 255, 0.7);
- background-color: rgba(82, 148, 226, 0.7); }
- row.activatable:selected:disabled label {
- color: inherit; }
-
-row {
- transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
- row:hover {
- transition: none; }
-
.app-notification {
padding: 10px;
color: #BAC3CF;
@@ -2363,6 +2375,10 @@ messagedialog.csd .dialog-action-area button:only-child {
filechooser #pathbarbox {
border-bottom: 1px solid rgba(220, 223, 227, 0.5); }
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent; }
+
.sidebar {
border-style: none;
background-color: #fbfbfc; }
@@ -2372,9 +2388,11 @@ filechooser #pathbarbox {
border-right: 1px solid #dcdfe3;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list,
- stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left {
+ stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
border-left: 1px solid #dcdfe3;
border-right-style: none; }
+ .sidebar list {
+ background-color: transparent; }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
border-style: none; }
@@ -2389,9 +2407,6 @@ stacksidebar row {
placessidebar > viewport.frame {
border-style: none; }
-placessidebar list {
- background-color: transparent; }
-
placessidebar row {
min-height: 30px;
padding: 0px; }
@@ -2415,12 +2430,19 @@ placessidebar row {
-gtk-outline-radius: 100%; }
button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; }
-
-placessidebar row.sidebar-placeholder-row {
- border: solid 1px #5294E2; }
-
-placessidebar row.sidebar-new-bookmark-row {
- background-color: #d9dde0; }
+ placessidebar row.sidebar-placeholder-row {
+ padding: 0 8px;
+ min-height: 2px;
+ background-image: linear-gradient(to top, #4e9a06);
+ background-clip: content-box; }
+ placessidebar row.sidebar-new-bookmark-row {
+ color: #5294E2; }
+ placessidebar row:drop(active):not(:disabled) {
+ color: #4e9a06;
+ box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
+ placessidebar row:drop(active):not(:disabled):selected {
+ color: #ffffff;
+ background-color: #4e9a06; }
placesview .server-list-button > image {
-gtk-icon-transform: rotate(0turn); }
@@ -2429,7 +2451,7 @@ placesview .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-gtk-icon-transform: rotate(-0.5turn); }
-paned > separator, .sidebar paned > separator {
+paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
@@ -2437,37 +2459,37 @@ paned > separator, .sidebar paned > separator {
background-color: transparent;
background-image: linear-gradient(to top, #dcdfe3);
background-size: 1px 1px; }
- paned > separator:selected, .sidebar paned > separator:selected {
+ paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); }
- paned > separator.wide, .sidebar paned > separator.wide {
+ paned > separator.wide {
min-width: 5px;
min-height: 5px;
background-color: #F5F6F7;
background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
background-size: 1px 1px, 1px 1px; }
-paned.horizontal > separator, .sidebar paned.horizontal > separator {
+paned.horizontal > separator {
background-repeat: repeat-y; }
- paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) {
+ paned.horizontal > separator:dir(ltr) {
margin: 0 -8px 0 0;
padding: 0 8px 0 0;
background-position: left; }
- paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) {
+ paned.horizontal > separator:dir(rtl) {
margin: 0 0 0 -8px;
padding: 0 0 0 8px;
background-position: right; }
- paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
+ paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
-paned.vertical > separator, .sidebar paned.vertical > separator {
+paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
- paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
+ paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
@@ -2479,37 +2501,78 @@ infobar {
.info,
.question,
.warning,
-.error,
-infobar {
+.error {
background-color: #5294E2;
color: #ffffff; }
+ .info label:selected:focus, .info label:selected:hover, .info label:selected,
+ .question label:selected:focus,
+ .question label:selected:hover,
+ .question label:selected,
+ .warning label:selected:focus,
+ .warning label:selected:hover,
+ .warning label:selected,
+ .error label:selected:focus,
+ .error label:selected:hover,
+ .error label:selected {
+ color: #5294E2;
+ background-color: #ffffff; }
-row:selected button, infobar button, .floating-bar button {
+row:selected button, .info button,
+.question button,
+.warning button,
+.error button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
- row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
+ row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button,
+ .question button.flat,
+ .question button.sidebar-button,
+ .warning button.flat,
+ .warning button.sidebar-button,
+ .error button.flat,
+ .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
- row:selected button:hover, infobar button:hover, .floating-bar button:hover {
+ row:selected button:hover, .info button:hover,
+ .question button:hover,
+ .warning button:hover,
+ .error button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
- row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
+ row:selected button:active, .info button:active,
+ .question button:active,
+ .warning button:active,
+ .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover,
+ .question button:active:hover,
+ .warning button:active:hover,
+ .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked,
+ .question button:checked,
+ .warning button:checked,
+ .error button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
- row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
+ row:selected button:disabled, .info button:disabled,
+ .question button:disabled,
+ .warning button:disabled,
+ .error button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
- row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
+ row:selected button:disabled:active, .info button:disabled:active,
+ .question button:disabled:active,
+ .warning button:disabled:active,
+ .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked,
+ .question button:disabled:checked,
+ .warning button:disabled:checked,
+ .error button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@@ -2653,8 +2716,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima
*:drop(active):focus,
*:drop(active) {
- border-color: black;
- box-shadow: inset 0 0 0 1px black; }
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
decoration {
border-radius: 3px 3px 0 0;
@@ -2666,7 +2729,7 @@ decoration {
.fullscreen decoration,
.tiled decoration {
border-radius: 0; }
- .popup decoration, decoration.popup {
+ .popup decoration {
box-shadow: none;
border-radius: 0; }
.ssd decoration {
@@ -2767,23 +2830,29 @@ headerbar button.titlebutton,
.titlebar button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
-.view:selected,
-.view selection,
-.view selection:focus,
-.view selection:hover,
-textview text:selected,
-textview text selection,
+.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+textview text:selected, iconview text:selected:focus,
+textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
textview text selection:focus,
-textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected,
-label selection,
-label selection:focus,
-label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected,
+textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
modelbutton.flat:active,
-modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover {
- background-image: none;
- background-color: #5294E2;
- color: #ffffff;
- outline-color: rgba(255, 255, 255, 0.3); }
+modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ background-color: #5294E2; }
+ row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+ textview text:selected, iconview text:selected:focus,
+ textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
+ textview text selection:focus,
+ textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
+ modelbutton.flat:active,
+ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
+ textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
+ textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected,
+ modelbutton.flat:disabled:active,
+ modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover {
+ color: #a9caf1; }
.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -1px #dcdfe3; }
@@ -2831,7 +2900,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #edeef0;
border-color: #d0d5da; }
-.nautilus-list-view .view {
+.nautilus-list-view .view, .nautilus-list-view iconview {
border-bottom: 1px solid #dcdfe3; }
@keyframes needs_attention_keyframes {
@@ -2853,12 +2922,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
animation: needs_attention_keyframes 3s ease-in-out;
animation-iteration-count: 3; }
-.open-document-selector-treeview.view {
+.open-document-selector-treeview.view, iconview.open-document-selector-treeview {
padding: 3px 6px 3px 6px;
border-color: #ffffff; }
- .open-document-selector-treeview.view:hover {
+ .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover {
background-color: rgba(0, 0, 0, 0.05); }
- .open-document-selector-treeview.view:hover:selected {
+ .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected {
color: #ffffff;
background-color: #5294E2; }
@@ -3160,7 +3229,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
-GtkTreeView-vertical-separator: 6px; }
.source-list,
-.source-list.view {
+.source-list.view,
+iconview.source-list {
background-color: #F5F6F7;
color: #5c616c;
-gtk-icon-style: regular; }
@@ -3168,12 +3238,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
.source-list.category-expander {
color: transparent; }
-.source-list.view:hover {
+.source-list.view:hover, iconview.source-list:hover {
background-color: white; }
-.source-list.view:selected,
+.source-list.view:selected, iconview.source-list:selected,
.source-list.view:hover:selected,
+iconview.source-list:hover:selected,
.source-list.view:selected:focus,
+iconview.source-list:selected:focus,
.source-list.category-expander:hover {
color: #ffffff;
background-color: #5294E2; }
@@ -3245,7 +3317,7 @@ GraniteWidgetsPopOver {
background-image: linear-gradient(to bottom, #ffffff);
border: 1px solid rgba(0, 0, 0, 0.3); }
-GraniteWidgetsPopOver .sidebar.view,
+GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
GraniteWidgetsPopOver * {
background-color: transparent; }
@@ -3322,11 +3394,10 @@ GtkListBox .h4 {
border-color: #5294E2;
background-color: #5294E2; }
#content_frame button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- #content_frame button:disabled > label {
- color: inherit; }
+ #content_frame button:disabled label, #content_frame button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
#buttonbox_frame {
padding-top: 20px;
@@ -3411,11 +3482,11 @@ GtkListBox .h4 {
border-bottom-width: 0;
font: bold; }
-.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator {
+.nautilus-window paned > separator {
background: rgba(53, 57, 69, 0.95); }
- .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) {
+ .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
- .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) {
+ .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list {
@@ -3423,19 +3494,17 @@ GtkListBox .h4 {
.nautilus-window placessidebar.sidebar {
background-color: rgba(53, 57, 69, 0.95); }
- .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
- border: 1px solid #5294E2; }
- .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
- background-color: rgba(75, 81, 98, 0.95); }
- .nautilus-window placessidebar.sidebar row.activatable {
+ .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image {
+ color: #5294E2; }
+ .nautilus-window placessidebar.sidebar row {
border: none;
color: #BAC3CF; }
- .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon {
+ .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon {
color: rgba(186, 195, 207, 0.6); }
- .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover {
+ .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover {
background-color: rgba(186, 195, 207, 0.15); }
- .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon {
- color: inherit; }
+ .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image {
+ color: rgba(186, 195, 207, 0.4); }
.nautilus-window placessidebar.sidebar separator {
background-color: transparent; }
diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css
index 83a57de..bdf2752 100644
--- a/common/gtk-3.0/3.20/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.20/gtk-solid-dark.css
@@ -39,33 +39,19 @@
background-color: #5294E2;
color: #ffffff; }
-.view,
+.view, iconview,
+.view text,
+iconview text,
textview text {
color: #D3DAE3;
background-color: #404552; }
- .view.dim-label, label.view.separator,
- popover.background label.view.separator, headerbar .view.subtitle,
- textview text.dim-label,
- textview headerbar text.subtitle, headerbar
- textview text.subtitle {
- color: rgba(211, 218, 227, 0.55); }
- .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus,
- textview text.dim-label selection,
- textview headerbar text.subtitle selection, headerbar
- textview text.subtitle selection,
- textview text.dim-label selection:focus,
- textview headerbar text.subtitle selection:focus, headerbar
- textview text.subtitle selection:focus {
- color: rgba(255, 255, 255, 0.65);
- text-shadow: none; }
-
-textview {
- background-color: #3c414e; }
-
-iconview {
- color: #D3DAE3;
- background-color: #404552; }
- iconview:selected, iconview:selected:focus {
+ .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
+ .view text:selected,
+ iconview text:selected,
+ textview text:selected,
+ .view text:selected:focus,
+ iconview text:selected:focus,
+ textview text:selected:focus {
border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
@@ -83,6 +69,10 @@ label.separator, popover label.separator,
popover.background label.separator {
color: #D3DAE3; }
+label selection {
+ color: #ffffff;
+ background-color: #5294E2; }
+
label:disabled {
color: rgba(211, 218, 227, 0.45); }
@@ -104,9 +94,12 @@ assistant .sidebar label.highlight {
background-color: #5294E2;
color: #ffffff; }
+textview {
+ background-color: #404552; }
+
popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
popover.background.osd,
-popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
+popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd {
color: #BAC3CF;
border: none;
background-color: #353945;
@@ -150,13 +143,10 @@ entry {
padding-right: 0;
padding-left: 5px; }
entry.flat, entry.flat:focus {
- color: #D3DAE3;
- border-color: #2b2e39;
- background-color: #404552;
- background-image: linear-gradient(to bottom, #404552);
min-height: 0;
padding: 2px;
- border: none;
+ background-image: none;
+ border-color: transparent;
border-radius: 0; }
entry:focus {
background-clip: border-box;
@@ -170,19 +160,6 @@ entry {
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(64, 69, 82, 0.55);
background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); }
- entry selection,
- entry selection:focus {
- background-color: #5294E2;
- color: #ffffff; }
- entry progress {
- margin: 0 -6px;
- border-radius: 0;
- border-width: 0 0 2px;
- border-color: #5294E2;
- border-style: solid;
- background-image: none;
- background-color: transparent;
- box-shadow: none; }
entry.warning {
color: #ffffff;
border-color: #2b2e39;
@@ -209,6 +186,9 @@ entry {
entry.error selection, entry.error selection:focus {
background-color: #ffffff;
color: #FC4138; }
+ entry:drop(active):focus, entry:drop(active) {
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
.osd entry {
color: #BAC3CF;
border-color: rgba(26, 28, 34, 0.4);
@@ -223,6 +203,22 @@ entry {
.osd entry:disabled {
color: rgba(186, 195, 207, 0.55);
background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); }
+ entry progress {
+ margin: 0 -6px;
+ border-radius: 0;
+ border-width: 0 0 2px;
+ border-color: #5294E2;
+ border-style: solid;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: none; }
+
+treeview entry.flat, treeview entry {
+ border-radius: 0;
+ background-image: none;
+ background-color: #404552; }
+ treeview entry.flat:focus, treeview entry:focus {
+ border-color: #5294E2; }
@keyframes needs_attention {
from {
@@ -241,14 +237,12 @@ button {
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39;
background-color: #444a58; }
- button separator, button .sidebar separator, .sidebar button separator {
+ button separator {
margin: 4px 1px; }
button.flat, button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
- background-color: rgba(68, 74, 88, 0);
- border-color: rgba(43, 46, 57, 0);
transition: none; }
button.flat:hover, button.sidebar-button:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@@ -262,11 +256,11 @@ button {
background-color: #505666;
-gtk-icon-effect: highlight; }
button:active, button:checked {
- background-clip: padding-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #2b2e39;
background-color: #5294E2;
+ background-clip: padding-box;
transition-duration: 50ms; }
button:active {
color: #D3DAE3; }
@@ -277,18 +271,33 @@ button {
background-color: transparent;
background-image: none; }
button:disabled {
- color: rgba(211, 218, 227, 0.45);
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55); }
- button:disabled > label {
- color: inherit; }
+ button:disabled label, button:disabled {
+ color: rgba(211, 218, 227, 0.45); }
button:disabled:active, button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- button:disabled:active > label, button:disabled:checked > label {
- color: inherit; }
+ button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
+ button.image-button {
+ min-width: 32px;
+ padding-left: 0;
+ padding-right: 0; }
+ button.text-button {
+ padding-left: 16px;
+ padding-right: 16px; }
+ button.text-button.image-button {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button.text-button.image-button label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button:drop(active), combobox:drop(active) button.combo {
+ color: #4e9a06;
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
button.osd {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
@@ -382,11 +391,10 @@ button {
background-image: none;
color: rgba(211, 218, 227, 0.45); }
button.suggested-action:disabled {
- color: rgba(211, 218, 227, 0.45);
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55); }
- button.suggested-action:disabled > label {
- color: inherit; }
+ button.suggested-action:disabled label, button.suggested-action:disabled {
+ color: rgba(211, 218, 227, 0.45); }
button.destructive-action {
background-clip: border-box;
color: #ffffff;
@@ -417,24 +425,10 @@ button {
background-image: none;
color: rgba(211, 218, 227, 0.45); }
button.destructive-action:disabled {
- color: rgba(211, 218, 227, 0.45);
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55); }
- button.destructive-action:disabled > label {
- color: inherit; }
- button.image-button {
- min-width: 32px;
- padding-left: 0;
- padding-right: 0; }
- button.text-button {
- padding-left: 16px;
- padding-right: 16px; }
- button.text-button.image-button {
- padding-left: 8px;
- padding-right: 8px; }
- button.text-button.image-button label {
- padding-left: 8px;
- padding-right: 8px; }
+ button.destructive-action:disabled label, button.destructive-action:disabled {
+ color: rgba(211, 218, 227, 0.45); }
.stack-switcher > button {
outline-offset: -3px; }
.stack-switcher > button > label {
@@ -482,18 +476,16 @@ button {
border-color: #2b2e39;
background-color: #5294E2; }
.inline-toolbar toolbutton > button:disabled {
- color: rgba(211, 218, 227, 0.45);
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55); }
- .inline-toolbar toolbutton > button:disabled > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
+ color: rgba(211, 218, 227, 0.45); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
.linked:not(.vertical):not(.path-bar) > entry + entry {
border-left-color: rgba(43, 46, 57, 0.3); }
@@ -694,7 +686,7 @@ modelbutton.flat {
modelbutton.flat radio:first-child {
margin-right: 8px; }
-modelbutton.flat arrow, modelbutton.flat arrow:hover {
+modelbutton.flat arrow {
background: none; }
modelbutton.flat arrow.left {
@@ -717,7 +709,19 @@ modelbutton.flat arrow.right {
color: #a9caf1; }
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
color: #dceaf9; }
- *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
+ .info *:link, .info button:link, .info button:visited,
+ .question *:link,
+ .question button:link,
+ .question button:visited,
+ .warning *:link,
+ .warning button:link,
+ .warning button:visited,
+ .error *:link,
+ .error button:link,
+ .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link,
+ *:selected *:link,
+ *:selected button:link,
+ *:selected button:visited {
color: #dceaf9; }
button:link > label, button:visited > label {
@@ -776,17 +780,28 @@ toolbar, .inline-toolbar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #383C4A; }
- toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator {
+ toolbar separator, .inline-toolbar separator {
background: none; }
toolbar.horizontal separator, .horizontal.inline-toolbar separator {
margin: 0 6px; }
toolbar.vertical separator, .vertical.inline-toolbar separator {
margin: 6px 0; }
- .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar {
+ .osd toolbar, .osd .inline-toolbar {
+ background-color: transparent; }
+ toolbar.osd, .osd.inline-toolbar {
padding: 7px;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 3px;
background-color: rgba(53, 57, 69, 0.9); }
+ toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar {
+ border-radius: 0; }
+ toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch,
+ toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale,
+ toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry,
+ toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+ toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button {
+ margin-right: 1px;
+ margin-bottom: 1px; }
.primary-toolbar {
color: rgba(207, 218, 231, 0.8);
@@ -943,7 +958,7 @@ paned.titlebar > headerbar ~ headerbar {
paned.titlebar > headerbar:first-child {
border-top-right-radius: 0; }
-headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator {
+headerbar entry, headerbar button, headerbar separator {
margin-top: 6px;
margin-bottom: 6px; }
@@ -1023,11 +1038,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #5294E2;
background-clip: padding-box; }
.primary-toolbar button:disabled, headerbar button:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button:disabled > label, headerbar button:disabled > label {
- color: inherit; }
+ .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked {
color: rgba(255, 255, 255, 0.75);
border-color: rgba(82, 148, 226, 0.65);
@@ -1125,11 +1139,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #2e96c0;
border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop {
opacity: 0.8; }
@@ -1159,11 +1172,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #ec1b22;
border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop {
opacity: 0.8; }
@@ -1284,8 +1296,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
padding-left: 10px; }
.path-bar button.slider-button {
- padding-left: 2px;
- padding-right: 2px; }
+ padding-left: 1px;
+ padding-right: 1px; }
.path-bar button image {
padding-left: 4px;
@@ -1299,7 +1311,7 @@ treeview.view {
-GtkTreeView-expander-size: 16;
border-left-color: rgba(211, 218, 227, 0.15);
border-top-color: rgba(0, 0, 0, 0.1); }
- treeview.view:selected {
+ treeview.view:selected, treeview.view:selected:focus {
border-radius: 0;
border-left-color: #a9caf1;
border-top-color: rgba(211, 218, 227, 0.1); }
@@ -1310,10 +1322,14 @@ treeview.view {
treeview.view.separator {
min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
- treeview.view.dnd {
+ treeview.view:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: #93b7e3; }
+ treeview.view:drop(active).after {
+ border-top-style: none; }
+ treeview.view:drop(active).before {
+ border-bottom-style: none; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #8a909b; }
@@ -1412,7 +1428,7 @@ menu,
padding: 4px 0px;
border-radius: 2px;
border: none; }
- menu separator, menu .sidebar separator, .sidebar menu separator,
+ menu separator,
.csd menu separator,
.menu separator,
.csd
@@ -1490,21 +1506,19 @@ popover.background {
popover.background,
popover.background {
border: 1px solid #20222a; }
- popover separator, popover .sidebar separator, .sidebar popover separator,
+ popover separator,
popover.background separator {
background-color: #383C4A; }
popover > list,
popover > .view,
+ popover > iconview,
popover > toolbar,
popover > .inline-toolbar,
- popover.osd > toolbar,
- popover.osd > .inline-toolbar,
popover.background > list,
popover.background > .view,
+ popover.background > iconview,
popover.background > toolbar,
- popover.background > .inline-toolbar,
- popover.background.osd > toolbar,
- popover.background.osd > .inline-toolbar {
+ popover.background > .inline-toolbar {
border-style: none;
background-color: transparent; }
@@ -1519,8 +1533,7 @@ cursor-handle {
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
notebook {
- padding: 0;
- transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ padding: 0; }
notebook.frame {
border: 1px solid #2b2e39; }
notebook.frame > header {
@@ -1779,7 +1792,7 @@ check,
treeview.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); }
-.view check:selected,
+.view check:selected, iconview check:selected,
treeview.check:selected,
row:selected check,
infobar check {
@@ -1789,7 +1802,7 @@ check:disabled,
treeview.check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); }
-.view check:disabled:selected,
+.view check:disabled:selected, iconview check:disabled:selected,
treeview.check:disabled:selected,
row:selected check:disabled,
infobar check:disabled {
@@ -1799,7 +1812,7 @@ check:indeterminate,
treeview.check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); }
-.view check:indeterminate:selected,
+.view check:indeterminate:selected, iconview check:indeterminate:selected,
treeview.check:indeterminate:selected,
row:selected check:indeterminate,
infobar check:indeterminate {
@@ -1809,7 +1822,7 @@ check:indeterminate:disabled,
treeview.check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); }
-.view check:indeterminate:disabled:selected,
+.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected,
treeview.check:indeterminate:disabled:selected,
row:selected check:indeterminate:disabled,
infobar check:indeterminate:disabled {
@@ -1819,7 +1832,7 @@ check:checked,
treeview.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); }
-.view check:checked:selected,
+.view check:checked:selected, iconview check:checked:selected,
treeview.check:checked:selected,
row:selected check:checked,
infobar check:checked {
@@ -1829,7 +1842,7 @@ check:checked:disabled,
treeview.check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); }
-.view check:checked:disabled:selected,
+.view check:checked:disabled:selected, iconview check:checked:disabled:selected,
treeview.check:checked:disabled:selected,
row:selected check:checked:disabled,
infobar check:checked:disabled {
@@ -1839,7 +1852,7 @@ radio,
treeview.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); }
-.view radio:selected,
+.view radio:selected, iconview radio:selected,
treeview.radio:selected,
row:selected radio,
infobar radio {
@@ -1849,7 +1862,7 @@ radio:disabled,
treeview.radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); }
-.view radio:disabled:selected,
+.view radio:disabled:selected, iconview radio:disabled:selected,
treeview.radio:disabled:selected,
row:selected radio:disabled,
infobar radio:disabled {
@@ -1859,7 +1872,7 @@ radio:indeterminate,
treeview.radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); }
-.view radio:indeterminate:selected,
+.view radio:indeterminate:selected, iconview radio:indeterminate:selected,
treeview.radio:indeterminate:selected,
row:selected radio:indeterminate,
infobar radio:indeterminate {
@@ -1869,7 +1882,7 @@ radio:indeterminate:disabled,
treeview.radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); }
-.view radio:indeterminate:disabled:selected,
+.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected,
treeview.radio:indeterminate:disabled:selected,
row:selected radio:indeterminate:disabled,
infobar radio:indeterminate:disabled {
@@ -1879,7 +1892,7 @@ radio:checked,
treeview.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); }
-.view radio:checked:selected,
+.view radio:checked:selected, iconview radio:checked:selected,
treeview.radio:checked:selected,
row:selected radio:checked,
infobar radio:checked {
@@ -1889,37 +1902,40 @@ radio:checked:disabled,
treeview.radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); }
-.view radio:checked:disabled:selected,
+.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected,
treeview.radio:checked:disabled:selected,
row:selected radio:checked:disabled,
infobar radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
-.view.content-view.check:not(list) {
+.view.content-view.check:not(list), iconview.content-view.check:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png"));
background-color: transparent; }
-.view.content-view.check:checked:not(list) {
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png"));
background-color: transparent; }
checkbutton.text-button, radiobutton.text-button {
padding: 2px 0;
outline-offset: 0; }
- checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
- margin-left: 4px; }
- checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
- margin-right: 4px; }
- checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
- color: rgba(211, 218, 227, 0.45); }
-radiobutton radio,
-checkbutton check {
+checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child {
+ margin-left: 4px; }
+
+checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child {
+ margin-right: 4px; }
+
+check,
+radio {
min-width: 16px;
min-height: 16px;
margin: 0 2px; }
- radiobutton radio:only-child,
- checkbutton check:only-child {
+ check:only-child,
+ menu menuitem check,
+ radio:only-child,
+ menu menuitem
+ radio {
margin: 0; }
scale {
@@ -2024,7 +2040,7 @@ scale {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
- background-color: red; }
+ background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); }
.osd scale trough {
@@ -2128,8 +2144,7 @@ frame > border,
margin: 0;
padding: 0;
border-radius: 0;
- border: 1px solid #2b2e39;
- padding: 0; }
+ border: 1px solid #2b2e39; }
frame > border.flat,
.frame.flat {
border-style: none; }
@@ -2220,7 +2235,7 @@ scrolledwindow junction {
scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
-separator, .sidebar separator {
+separator {
background-color: rgba(0, 0, 0, 0.1);
min-width: 1px;
min-height: 1px; }
@@ -2231,29 +2246,26 @@ list {
list row {
padding: 2px; }
+row:not(:hover) {
+ transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
row.activatable.has-open-popup, row.activatable:hover {
background-color: rgba(255, 255, 255, 0.03); }
row.activatable:active {
color: #D3DAE3; }
+row.activatable:disabled {
+ color: rgba(211, 218, 227, 0.45); }
+ row.activatable:disabled image {
+ color: inherit; }
+
row.activatable:selected:active {
color: #ffffff; }
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #4a85cb; }
-row.activatable:selected:disabled {
- color: rgba(255, 255, 255, 0.7);
- background-color: rgba(82, 148, 226, 0.7); }
- row.activatable:selected:disabled label {
- color: inherit; }
-
-row {
- transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
- row:hover {
- transition: none; }
-
.app-notification {
padding: 10px;
color: #BAC3CF;
@@ -2364,6 +2376,10 @@ messagedialog.csd .dialog-action-area button:only-child {
filechooser #pathbarbox {
border-bottom: 1px solid rgba(43, 46, 57, 0.5); }
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent; }
+
.sidebar {
border-style: none;
background-color: #3c4150; }
@@ -2373,9 +2389,11 @@ filechooser #pathbarbox {
border-right: 1px solid #2b2e39;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list,
- stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left {
+ stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
border-left: 1px solid #2b2e39;
border-right-style: none; }
+ .sidebar list {
+ background-color: transparent; }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
border-style: none; }
@@ -2390,9 +2408,6 @@ stacksidebar row {
placessidebar > viewport.frame {
border-style: none; }
-placessidebar list {
- background-color: transparent; }
-
placessidebar row {
min-height: 30px;
padding: 0px; }
@@ -2416,12 +2431,19 @@ placessidebar row {
-gtk-outline-radius: 100%; }
button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; }
-
-placessidebar row.sidebar-placeholder-row {
- border: solid 1px #5294E2; }
-
-placessidebar row.sidebar-new-bookmark-row {
- background-color: #22242d; }
+ placessidebar row.sidebar-placeholder-row {
+ padding: 0 8px;
+ min-height: 2px;
+ background-image: linear-gradient(to top, #4e9a06);
+ background-clip: content-box; }
+ placessidebar row.sidebar-new-bookmark-row {
+ color: #5294E2; }
+ placessidebar row:drop(active):not(:disabled) {
+ color: #4e9a06;
+ box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
+ placessidebar row:drop(active):not(:disabled):selected {
+ color: #ffffff;
+ background-color: #4e9a06; }
placesview .server-list-button > image {
-gtk-icon-transform: rotate(0turn); }
@@ -2430,7 +2452,7 @@ placesview .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-gtk-icon-transform: rotate(-0.5turn); }
-paned > separator, .sidebar paned > separator {
+paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
@@ -2438,37 +2460,37 @@ paned > separator, .sidebar paned > separator {
background-color: transparent;
background-image: linear-gradient(to top, #2b2e39);
background-size: 1px 1px; }
- paned > separator:selected, .sidebar paned > separator:selected {
+ paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); }
- paned > separator.wide, .sidebar paned > separator.wide {
+ paned > separator.wide {
min-width: 5px;
min-height: 5px;
background-color: #383C4A;
background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39);
background-size: 1px 1px, 1px 1px; }
-paned.horizontal > separator, .sidebar paned.horizontal > separator {
+paned.horizontal > separator {
background-repeat: repeat-y; }
- paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) {
+ paned.horizontal > separator:dir(ltr) {
margin: 0 -8px 0 0;
padding: 0 8px 0 0;
background-position: left; }
- paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) {
+ paned.horizontal > separator:dir(rtl) {
margin: 0 0 0 -8px;
padding: 0 0 0 8px;
background-position: right; }
- paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
+ paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
-paned.vertical > separator, .sidebar paned.vertical > separator {
+paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
- paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
+ paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
@@ -2480,37 +2502,78 @@ infobar {
.info,
.question,
.warning,
-.error,
-infobar {
+.error {
background-color: #5294E2;
color: #ffffff; }
+ .info label:selected:focus, .info label:selected:hover, .info label:selected,
+ .question label:selected:focus,
+ .question label:selected:hover,
+ .question label:selected,
+ .warning label:selected:focus,
+ .warning label:selected:hover,
+ .warning label:selected,
+ .error label:selected:focus,
+ .error label:selected:hover,
+ .error label:selected {
+ color: #5294E2;
+ background-color: #ffffff; }
-row:selected button, infobar button, .floating-bar button {
+row:selected button, .info button,
+.question button,
+.warning button,
+.error button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
- row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
+ row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button,
+ .question button.flat,
+ .question button.sidebar-button,
+ .warning button.flat,
+ .warning button.sidebar-button,
+ .error button.flat,
+ .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
- row:selected button:hover, infobar button:hover, .floating-bar button:hover {
+ row:selected button:hover, .info button:hover,
+ .question button:hover,
+ .warning button:hover,
+ .error button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
- row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
+ row:selected button:active, .info button:active,
+ .question button:active,
+ .warning button:active,
+ .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover,
+ .question button:active:hover,
+ .warning button:active:hover,
+ .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked,
+ .question button:checked,
+ .warning button:checked,
+ .error button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
- row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
+ row:selected button:disabled, .info button:disabled,
+ .question button:disabled,
+ .warning button:disabled,
+ .error button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
- row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
+ row:selected button:disabled:active, .info button:disabled:active,
+ .question button:disabled:active,
+ .warning button:disabled:active,
+ .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked,
+ .question button:disabled:checked,
+ .warning button:disabled:checked,
+ .error button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@@ -2654,8 +2717,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima
*:drop(active):focus,
*:drop(active) {
- border-color: black;
- box-shadow: inset 0 0 0 1px black; }
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
decoration {
border-radius: 3px 3px 0 0;
@@ -2667,7 +2730,7 @@ decoration {
.fullscreen decoration,
.tiled decoration {
border-radius: 0; }
- .popup decoration, decoration.popup {
+ .popup decoration {
box-shadow: none;
border-radius: 0; }
.ssd decoration {
@@ -2768,23 +2831,29 @@ headerbar button.titlebutton,
.titlebar button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
-.view:selected,
-.view selection,
-.view selection:focus,
-.view selection:hover,
-textview text:selected,
-textview text selection,
+.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+textview text:selected, iconview text:selected:focus,
+textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
textview text selection:focus,
-textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected,
-label selection,
-label selection:focus,
-label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected,
+textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
modelbutton.flat:active,
-modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover {
- background-image: none;
- background-color: #5294E2;
- color: #ffffff;
- outline-color: rgba(255, 255, 255, 0.3); }
+modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ background-color: #5294E2; }
+ row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+ textview text:selected, iconview text:selected:focus,
+ textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
+ textview text selection:focus,
+ textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
+ modelbutton.flat:active,
+ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
+ textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
+ textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected,
+ modelbutton.flat:disabled:active,
+ modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover {
+ color: #a9caf1; }
.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -1px #2b2e39; }
@@ -2832,7 +2901,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #313541;
border-color: #1b1d24; }
-.nautilus-list-view .view {
+.nautilus-list-view .view, .nautilus-list-view iconview {
border-bottom: 1px solid #2b2e39; }
@keyframes needs_attention_keyframes {
@@ -2854,12 +2923,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
animation: needs_attention_keyframes 3s ease-in-out;
animation-iteration-count: 3; }
-.open-document-selector-treeview.view {
+.open-document-selector-treeview.view, iconview.open-document-selector-treeview {
padding: 3px 6px 3px 6px;
border-color: #404552; }
- .open-document-selector-treeview.view:hover {
+ .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover {
background-color: rgba(0, 0, 0, 0.05); }
- .open-document-selector-treeview.view:hover:selected {
+ .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected {
color: #ffffff;
background-color: #5294E2; }
@@ -3161,7 +3230,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
-GtkTreeView-vertical-separator: 6px; }
.source-list,
-.source-list.view {
+.source-list.view,
+iconview.source-list {
background-color: #383C4A;
color: #D3DAE3;
-gtk-icon-style: regular; }
@@ -3169,12 +3239,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
.source-list.category-expander {
color: transparent; }
-.source-list.view:hover {
+.source-list.view:hover, iconview.source-list:hover {
background-color: #434859; }
-.source-list.view:selected,
+.source-list.view:selected, iconview.source-list:selected,
.source-list.view:hover:selected,
+iconview.source-list:hover:selected,
.source-list.view:selected:focus,
+iconview.source-list:selected:focus,
.source-list.category-expander:hover {
color: #ffffff;
background-color: #5294E2; }
@@ -3246,7 +3318,7 @@ GraniteWidgetsPopOver {
background-image: linear-gradient(to bottom, #404552);
border: 1px solid rgba(0, 0, 0, 0.3); }
-GraniteWidgetsPopOver .sidebar.view,
+GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
GraniteWidgetsPopOver * {
background-color: transparent; }
@@ -3323,11 +3395,10 @@ GtkListBox .h4 {
border-color: #2b2e39;
background-color: #5294E2; }
#content_frame button:disabled {
- color: rgba(211, 218, 227, 0.45);
border-color: rgba(43, 46, 57, 0.55);
background-color: rgba(68, 74, 88, 0.55); }
- #content_frame button:disabled > label {
- color: inherit; }
+ #content_frame button:disabled label, #content_frame button:disabled {
+ color: rgba(211, 218, 227, 0.45); }
#buttonbox_frame {
padding-top: 20px;
@@ -3412,11 +3483,11 @@ GtkListBox .h4 {
border-bottom-width: 0;
font: bold; }
-.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator {
+.nautilus-window paned > separator {
background: #2a2d37; }
- .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) {
+ .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
- .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) {
+ .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list {
@@ -3424,19 +3495,17 @@ GtkListBox .h4 {
.nautilus-window placessidebar.sidebar {
background-color: #353945; }
- .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
- border: 1px solid #5294E2; }
- .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
- background-color: #4b5162; }
- .nautilus-window placessidebar.sidebar row.activatable {
+ .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image {
+ color: #5294E2; }
+ .nautilus-window placessidebar.sidebar row {
border: none;
color: #BAC3CF; }
- .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon {
+ .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon {
color: rgba(186, 195, 207, 0.6); }
- .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover {
+ .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover {
background-color: rgba(186, 195, 207, 0.15); }
- .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon {
- color: inherit; }
+ .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image {
+ color: rgba(186, 195, 207, 0.4); }
.nautilus-window placessidebar.sidebar separator {
background-color: transparent; }
diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css
index f0c5733..1ecda5d 100644
--- a/common/gtk-3.0/3.20/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.20/gtk-solid-darker.css
@@ -39,33 +39,19 @@
background-color: #5294E2;
color: #ffffff; }
-.view,
+.view, iconview,
+.view text,
+iconview text,
textview text {
color: #5c616c;
background-color: #ffffff; }
- .view.dim-label, label.view.separator,
- popover.background label.view.separator, headerbar .view.subtitle,
- textview text.dim-label,
- textview headerbar text.subtitle, headerbar
- textview text.subtitle {
- color: rgba(92, 97, 108, 0.55); }
- .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus,
- textview text.dim-label selection,
- textview headerbar text.subtitle selection, headerbar
- textview text.subtitle selection,
- textview text.dim-label selection:focus,
- textview headerbar text.subtitle selection:focus, headerbar
- textview text.subtitle selection:focus {
- color: rgba(255, 255, 255, 0.65);
- text-shadow: none; }
-
-textview {
- background-color: #fafbfb; }
-
-iconview {
- color: #5c616c;
- background-color: #ffffff; }
- iconview:selected, iconview:selected:focus {
+ .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
+ .view text:selected,
+ iconview text:selected,
+ textview text:selected,
+ .view text:selected:focus,
+ iconview text:selected:focus,
+ textview text:selected:focus {
border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
@@ -83,6 +69,10 @@ label.separator, popover label.separator,
popover.background label.separator {
color: #5c616c; }
+label selection {
+ color: #ffffff;
+ background-color: #5294E2; }
+
label:disabled {
color: rgba(92, 97, 108, 0.55); }
@@ -104,9 +94,12 @@ assistant .sidebar label.highlight {
background-color: #5294E2;
color: #ffffff; }
+textview {
+ background-color: #ffffff; }
+
popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
popover.background.osd,
-popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
+popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd {
color: #BAC3CF;
border: none;
background-color: #353945;
@@ -150,13 +143,10 @@ entry {
padding-right: 0;
padding-left: 5px; }
entry.flat, entry.flat:focus {
- color: #5c616c;
- border-color: #cfd6e6;
- background-color: #ffffff;
- background-image: linear-gradient(to bottom, #ffffff);
min-height: 0;
padding: 2px;
- border: none;
+ background-image: none;
+ border-color: transparent;
border-radius: 0; }
entry:focus {
background-clip: border-box;
@@ -169,19 +159,6 @@ entry {
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(255, 255, 255, 0.55);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); }
- entry selection,
- entry selection:focus {
- background-color: #5294E2;
- color: #ffffff; }
- entry progress {
- margin: 0 -6px;
- border-radius: 0;
- border-width: 0 0 2px;
- border-color: #5294E2;
- border-style: solid;
- background-image: none;
- background-color: transparent;
- box-shadow: none; }
entry.warning {
color: #ffffff;
border-color: #F27835;
@@ -208,6 +185,9 @@ entry {
entry.error selection, entry.error selection:focus {
background-color: #ffffff;
color: #FC4138; }
+ entry:drop(active):focus, entry:drop(active) {
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
.osd entry {
color: #BAC3CF;
border-color: rgba(26, 28, 34, 0.4);
@@ -222,6 +202,22 @@ entry {
.osd entry:disabled {
color: rgba(186, 195, 207, 0.55);
background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); }
+ entry progress {
+ margin: 0 -6px;
+ border-radius: 0;
+ border-width: 0 0 2px;
+ border-color: #5294E2;
+ border-style: solid;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: none; }
+
+treeview entry.flat, treeview entry {
+ border-radius: 0;
+ background-image: none;
+ background-color: #ffffff; }
+ treeview entry.flat:focus, treeview entry:focus {
+ border-color: #5294E2; }
@keyframes needs_attention {
from {
@@ -240,14 +236,12 @@ button {
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
- button separator, button .sidebar separator, .sidebar button separator {
+ button separator {
margin: 4px 1px; }
button.flat, button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
- background-color: rgba(251, 251, 252, 0);
- border-color: rgba(207, 214, 230, 0);
transition: none; }
button.flat:hover, button.sidebar-button:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@@ -261,11 +255,11 @@ button {
background-color: white;
-gtk-icon-effect: highlight; }
button:active, button:checked {
- background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2;
+ background-clip: border-box;
transition-duration: 50ms; }
button:active {
color: #5c616c; }
@@ -276,18 +270,33 @@ button {
background-color: transparent;
background-image: none; }
button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button:disabled > label {
- color: inherit; }
+ button:disabled label, button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
button:disabled:active, button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- button:disabled:active > label, button:disabled:checked > label {
- color: inherit; }
+ button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
+ button.image-button {
+ min-width: 32px;
+ padding-left: 0;
+ padding-right: 0; }
+ button.text-button {
+ padding-left: 16px;
+ padding-right: 16px; }
+ button.text-button.image-button {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button.text-button.image-button label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button:drop(active), combobox:drop(active) button.combo {
+ color: #4e9a06;
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
button.osd {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
@@ -381,11 +390,10 @@ button {
background-image: none;
color: rgba(92, 97, 108, 0.55); }
button.suggested-action:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button.suggested-action:disabled > label {
- color: inherit; }
+ button.suggested-action:disabled label, button.suggested-action:disabled {
+ color: rgba(92, 97, 108, 0.55); }
button.destructive-action {
background-clip: border-box;
color: #ffffff;
@@ -416,24 +424,10 @@ button {
background-image: none;
color: rgba(92, 97, 108, 0.55); }
button.destructive-action:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button.destructive-action:disabled > label {
- color: inherit; }
- button.image-button {
- min-width: 32px;
- padding-left: 0;
- padding-right: 0; }
- button.text-button {
- padding-left: 16px;
- padding-right: 16px; }
- button.text-button.image-button {
- padding-left: 8px;
- padding-right: 8px; }
- button.text-button.image-button label {
- padding-left: 8px;
- padding-right: 8px; }
+ button.destructive-action:disabled label, button.destructive-action:disabled {
+ color: rgba(92, 97, 108, 0.55); }
.stack-switcher > button {
outline-offset: -3px; }
.stack-switcher > button > label {
@@ -481,18 +475,16 @@ button {
border-color: #5294E2;
background-color: #5294E2; }
.inline-toolbar toolbutton > button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- .inline-toolbar toolbutton > button:disabled > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
.linked:not(.vertical):not(.path-bar) > entry + entry {
border-left-color: rgba(207, 214, 230, 0.3); }
@@ -693,7 +685,7 @@ modelbutton.flat {
modelbutton.flat radio:first-child {
margin-right: 8px; }
-modelbutton.flat arrow, modelbutton.flat arrow:hover {
+modelbutton.flat arrow {
background: none; }
modelbutton.flat arrow.left {
@@ -716,7 +708,19 @@ modelbutton.flat arrow.right {
color: #2679db; }
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
color: #dceaf9; }
- *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
+ .info *:link, .info button:link, .info button:visited,
+ .question *:link,
+ .question button:link,
+ .question button:visited,
+ .warning *:link,
+ .warning button:link,
+ .warning button:visited,
+ .error *:link,
+ .error button:link,
+ .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link,
+ *:selected *:link,
+ *:selected button:link,
+ *:selected button:visited {
color: #dceaf9; }
button:link > label, button:visited > label {
@@ -775,17 +779,28 @@ toolbar, .inline-toolbar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #F5F6F7; }
- toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator {
+ toolbar separator, .inline-toolbar separator {
background: none; }
toolbar.horizontal separator, .horizontal.inline-toolbar separator {
margin: 0 6px; }
toolbar.vertical separator, .vertical.inline-toolbar separator {
margin: 6px 0; }
- .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar {
+ .osd toolbar, .osd .inline-toolbar {
+ background-color: transparent; }
+ toolbar.osd, .osd.inline-toolbar {
padding: 7px;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 3px;
background-color: rgba(53, 57, 69, 0.9); }
+ toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar {
+ border-radius: 0; }
+ toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch,
+ toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale,
+ toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry,
+ toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+ toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button {
+ margin-right: 1px;
+ margin-bottom: 1px; }
.primary-toolbar {
color: rgba(207, 218, 231, 0.8);
@@ -942,7 +957,7 @@ paned.titlebar > headerbar ~ headerbar {
paned.titlebar > headerbar:first-child {
border-top-right-radius: 0; }
-headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator {
+headerbar entry, headerbar button, headerbar separator {
margin-top: 6px;
margin-bottom: 6px; }
@@ -1022,11 +1037,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #5294E2;
background-clip: padding-box; }
.primary-toolbar button:disabled, headerbar button:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button:disabled > label, headerbar button:disabled > label {
- color: inherit; }
+ .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked {
color: rgba(255, 255, 255, 0.75);
border-color: rgba(82, 148, 226, 0.65);
@@ -1124,11 +1138,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #2e96c0;
border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop {
opacity: 0.8; }
@@ -1158,11 +1171,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #ec1b22;
border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
- color: rgba(207, 218, 231, 0.35);
background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); }
- .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
+ color: rgba(207, 218, 231, 0.35); }
.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop {
opacity: 0.8; }
@@ -1283,8 +1295,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
padding-left: 10px; }
.path-bar button.slider-button {
- padding-left: 2px;
- padding-right: 2px; }
+ padding-left: 1px;
+ padding-right: 1px; }
.path-bar button image {
padding-left: 4px;
@@ -1298,7 +1310,7 @@ treeview.view {
-GtkTreeView-expander-size: 16;
border-left-color: rgba(92, 97, 108, 0.15);
border-top-color: rgba(0, 0, 0, 0.1); }
- treeview.view:selected {
+ treeview.view:selected, treeview.view:selected:focus {
border-radius: 0;
border-left-color: #a9caf1;
border-top-color: rgba(92, 97, 108, 0.1); }
@@ -1309,10 +1321,14 @@ treeview.view {
treeview.view.separator {
min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
- treeview.view.dnd {
+ treeview.view:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: #577ba7; }
+ treeview.view:drop(active).after {
+ border-top-style: none; }
+ treeview.view:drop(active).before {
+ border-bottom-style: none; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #aeb0b6; }
@@ -1411,7 +1427,7 @@ menu,
padding: 4px 0px;
border-radius: 2px;
border: none; }
- menu separator, menu .sidebar separator, .sidebar menu separator,
+ menu separator,
.csd menu separator,
.menu separator,
.csd
@@ -1489,21 +1505,19 @@ popover.background {
popover.background,
popover.background {
border: 1px solid #cdd2d7; }
- popover separator, popover .sidebar separator, .sidebar popover separator,
+ popover separator,
popover.background separator {
background-color: #ffffff; }
popover > list,
popover > .view,
+ popover > iconview,
popover > toolbar,
popover > .inline-toolbar,
- popover.osd > toolbar,
- popover.osd > .inline-toolbar,
popover.background > list,
popover.background > .view,
+ popover.background > iconview,
popover.background > toolbar,
- popover.background > .inline-toolbar,
- popover.background.osd > toolbar,
- popover.background.osd > .inline-toolbar {
+ popover.background > .inline-toolbar {
border-style: none;
background-color: transparent; }
@@ -1518,8 +1532,7 @@ cursor-handle {
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
notebook {
- padding: 0;
- transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ padding: 0; }
notebook.frame {
border: 1px solid #dcdfe3; }
notebook.frame > header {
@@ -1778,7 +1791,7 @@ check,
treeview.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
-.view check:selected,
+.view check:selected, iconview check:selected,
treeview.check:selected,
row:selected check,
infobar check {
@@ -1788,7 +1801,7 @@ check:disabled,
treeview.check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
-.view check:disabled:selected,
+.view check:disabled:selected, iconview check:disabled:selected,
treeview.check:disabled:selected,
row:selected check:disabled,
infobar check:disabled {
@@ -1798,7 +1811,7 @@ check:indeterminate,
treeview.check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
-.view check:indeterminate:selected,
+.view check:indeterminate:selected, iconview check:indeterminate:selected,
treeview.check:indeterminate:selected,
row:selected check:indeterminate,
infobar check:indeterminate {
@@ -1808,7 +1821,7 @@ check:indeterminate:disabled,
treeview.check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
-.view check:indeterminate:disabled:selected,
+.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected,
treeview.check:indeterminate:disabled:selected,
row:selected check:indeterminate:disabled,
infobar check:indeterminate:disabled {
@@ -1818,7 +1831,7 @@ check:checked,
treeview.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
-.view check:checked:selected,
+.view check:checked:selected, iconview check:checked:selected,
treeview.check:checked:selected,
row:selected check:checked,
infobar check:checked {
@@ -1828,7 +1841,7 @@ check:checked:disabled,
treeview.check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
-.view check:checked:disabled:selected,
+.view check:checked:disabled:selected, iconview check:checked:disabled:selected,
treeview.check:checked:disabled:selected,
row:selected check:checked:disabled,
infobar check:checked:disabled {
@@ -1838,7 +1851,7 @@ radio,
treeview.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
-.view radio:selected,
+.view radio:selected, iconview radio:selected,
treeview.radio:selected,
row:selected radio,
infobar radio {
@@ -1848,7 +1861,7 @@ radio:disabled,
treeview.radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
-.view radio:disabled:selected,
+.view radio:disabled:selected, iconview radio:disabled:selected,
treeview.radio:disabled:selected,
row:selected radio:disabled,
infobar radio:disabled {
@@ -1858,7 +1871,7 @@ radio:indeterminate,
treeview.radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
-.view radio:indeterminate:selected,
+.view radio:indeterminate:selected, iconview radio:indeterminate:selected,
treeview.radio:indeterminate:selected,
row:selected radio:indeterminate,
infobar radio:indeterminate {
@@ -1868,7 +1881,7 @@ radio:indeterminate:disabled,
treeview.radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
-.view radio:indeterminate:disabled:selected,
+.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected,
treeview.radio:indeterminate:disabled:selected,
row:selected radio:indeterminate:disabled,
infobar radio:indeterminate:disabled {
@@ -1878,7 +1891,7 @@ radio:checked,
treeview.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
-.view radio:checked:selected,
+.view radio:checked:selected, iconview radio:checked:selected,
treeview.radio:checked:selected,
row:selected radio:checked,
infobar radio:checked {
@@ -1888,37 +1901,40 @@ radio:checked:disabled,
treeview.radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
-.view radio:checked:disabled:selected,
+.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected,
treeview.radio:checked:disabled:selected,
row:selected radio:checked:disabled,
infobar radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
-.view.content-view.check:not(list) {
+.view.content-view.check:not(list), iconview.content-view.check:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
-.view.content-view.check:checked:not(list) {
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
checkbutton.text-button, radiobutton.text-button {
padding: 2px 0;
outline-offset: 0; }
- checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
- margin-left: 4px; }
- checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
- margin-right: 4px; }
- checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
- color: rgba(92, 97, 108, 0.55); }
-radiobutton radio,
-checkbutton check {
+checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child {
+ margin-left: 4px; }
+
+checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child {
+ margin-right: 4px; }
+
+check,
+radio {
min-width: 16px;
min-height: 16px;
margin: 0 2px; }
- radiobutton radio:only-child,
- checkbutton check:only-child {
+ check:only-child,
+ menu menuitem check,
+ radio:only-child,
+ menu menuitem
+ radio {
margin: 0; }
scale {
@@ -2023,7 +2039,7 @@ scale {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
- background-color: red; }
+ background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); }
.osd scale trough {
@@ -2127,8 +2143,7 @@ frame > border,
margin: 0;
padding: 0;
border-radius: 0;
- border: 1px solid #dcdfe3;
- padding: 0; }
+ border: 1px solid #dcdfe3; }
frame > border.flat,
.frame.flat {
border-style: none; }
@@ -2219,7 +2234,7 @@ scrolledwindow junction {
scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
-separator, .sidebar separator {
+separator {
background-color: rgba(0, 0, 0, 0.1);
min-width: 1px;
min-height: 1px; }
@@ -2230,29 +2245,26 @@ list {
list row {
padding: 2px; }
+row:not(:hover) {
+ transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
row.activatable.has-open-popup, row.activatable:hover {
background-color: rgba(0, 0, 0, 0.05); }
row.activatable:active {
color: #5c616c; }
+row.activatable:disabled {
+ color: rgba(92, 97, 108, 0.55); }
+ row.activatable:disabled image {
+ color: inherit; }
+
row.activatable:selected:active {
color: #ffffff; }
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #4a85cb; }
-row.activatable:selected:disabled {
- color: rgba(255, 255, 255, 0.7);
- background-color: rgba(82, 148, 226, 0.7); }
- row.activatable:selected:disabled label {
- color: inherit; }
-
-row {
- transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
- row:hover {
- transition: none; }
-
.app-notification {
padding: 10px;
color: #BAC3CF;
@@ -2363,6 +2375,10 @@ messagedialog.csd .dialog-action-area button:only-child {
filechooser #pathbarbox {
border-bottom: 1px solid rgba(220, 223, 227, 0.5); }
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent; }
+
.sidebar {
border-style: none;
background-color: #fbfbfc; }
@@ -2372,9 +2388,11 @@ filechooser #pathbarbox {
border-right: 1px solid #dcdfe3;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list,
- stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left {
+ stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
border-left: 1px solid #dcdfe3;
border-right-style: none; }
+ .sidebar list {
+ background-color: transparent; }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
border-style: none; }
@@ -2389,9 +2407,6 @@ stacksidebar row {
placessidebar > viewport.frame {
border-style: none; }
-placessidebar list {
- background-color: transparent; }
-
placessidebar row {
min-height: 30px;
padding: 0px; }
@@ -2415,12 +2430,19 @@ placessidebar row {
-gtk-outline-radius: 100%; }
button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; }
-
-placessidebar row.sidebar-placeholder-row {
- border: solid 1px #5294E2; }
-
-placessidebar row.sidebar-new-bookmark-row {
- background-color: #d9dde0; }
+ placessidebar row.sidebar-placeholder-row {
+ padding: 0 8px;
+ min-height: 2px;
+ background-image: linear-gradient(to top, #4e9a06);
+ background-clip: content-box; }
+ placessidebar row.sidebar-new-bookmark-row {
+ color: #5294E2; }
+ placessidebar row:drop(active):not(:disabled) {
+ color: #4e9a06;
+ box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
+ placessidebar row:drop(active):not(:disabled):selected {
+ color: #ffffff;
+ background-color: #4e9a06; }
placesview .server-list-button > image {
-gtk-icon-transform: rotate(0turn); }
@@ -2429,7 +2451,7 @@ placesview .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-gtk-icon-transform: rotate(-0.5turn); }
-paned > separator, .sidebar paned > separator {
+paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
@@ -2437,37 +2459,37 @@ paned > separator, .sidebar paned > separator {
background-color: transparent;
background-image: linear-gradient(to top, #dcdfe3);
background-size: 1px 1px; }
- paned > separator:selected, .sidebar paned > separator:selected {
+ paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); }
- paned > separator.wide, .sidebar paned > separator.wide {
+ paned > separator.wide {
min-width: 5px;
min-height: 5px;
background-color: #F5F6F7;
background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
background-size: 1px 1px, 1px 1px; }
-paned.horizontal > separator, .sidebar paned.horizontal > separator {
+paned.horizontal > separator {
background-repeat: repeat-y; }
- paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) {
+ paned.horizontal > separator:dir(ltr) {
margin: 0 -8px 0 0;
padding: 0 8px 0 0;
background-position: left; }
- paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) {
+ paned.horizontal > separator:dir(rtl) {
margin: 0 0 0 -8px;
padding: 0 0 0 8px;
background-position: right; }
- paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
+ paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
-paned.vertical > separator, .sidebar paned.vertical > separator {
+paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
- paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
+ paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
@@ -2479,37 +2501,78 @@ infobar {
.info,
.question,
.warning,
-.error,
-infobar {
+.error {
background-color: #5294E2;
color: #ffffff; }
+ .info label:selected:focus, .info label:selected:hover, .info label:selected,
+ .question label:selected:focus,
+ .question label:selected:hover,
+ .question label:selected,
+ .warning label:selected:focus,
+ .warning label:selected:hover,
+ .warning label:selected,
+ .error label:selected:focus,
+ .error label:selected:hover,
+ .error label:selected {
+ color: #5294E2;
+ background-color: #ffffff; }
-row:selected button, infobar button, .floating-bar button {
+row:selected button, .info button,
+.question button,
+.warning button,
+.error button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
- row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
+ row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button,
+ .question button.flat,
+ .question button.sidebar-button,
+ .warning button.flat,
+ .warning button.sidebar-button,
+ .error button.flat,
+ .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
- row:selected button:hover, infobar button:hover, .floating-bar button:hover {
+ row:selected button:hover, .info button:hover,
+ .question button:hover,
+ .warning button:hover,
+ .error button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
- row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
+ row:selected button:active, .info button:active,
+ .question button:active,
+ .warning button:active,
+ .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover,
+ .question button:active:hover,
+ .warning button:active:hover,
+ .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked,
+ .question button:checked,
+ .warning button:checked,
+ .error button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
- row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
+ row:selected button:disabled, .info button:disabled,
+ .question button:disabled,
+ .warning button:disabled,
+ .error button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
- row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
+ row:selected button:disabled:active, .info button:disabled:active,
+ .question button:disabled:active,
+ .warning button:disabled:active,
+ .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked,
+ .question button:disabled:checked,
+ .warning button:disabled:checked,
+ .error button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@@ -2653,8 +2716,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima
*:drop(active):focus,
*:drop(active) {
- border-color: black;
- box-shadow: inset 0 0 0 1px black; }
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
decoration {
border-radius: 3px 3px 0 0;
@@ -2666,7 +2729,7 @@ decoration {
.fullscreen decoration,
.tiled decoration {
border-radius: 0; }
- .popup decoration, decoration.popup {
+ .popup decoration {
box-shadow: none;
border-radius: 0; }
.ssd decoration {
@@ -2767,23 +2830,29 @@ headerbar button.titlebutton,
.titlebar button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); }
-.view:selected,
-.view selection,
-.view selection:focus,
-.view selection:hover,
-textview text:selected,
-textview text selection,
+.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+textview text:selected, iconview text:selected:focus,
+textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
textview text selection:focus,
-textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected,
-label selection,
-label selection:focus,
-label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected,
+textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
modelbutton.flat:active,
-modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover {
- background-image: none;
- background-color: #5294E2;
- color: #ffffff;
- outline-color: rgba(255, 255, 255, 0.3); }
+modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ background-color: #5294E2; }
+ row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+ textview text:selected, iconview text:selected:focus,
+ textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
+ textview text selection:focus,
+ textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
+ modelbutton.flat:active,
+ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
+ textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
+ textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected,
+ modelbutton.flat:disabled:active,
+ modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover {
+ color: #a9caf1; }
.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -1px #dcdfe3; }
@@ -2831,7 +2900,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #edeef0;
border-color: #d0d5da; }
-.nautilus-list-view .view {
+.nautilus-list-view .view, .nautilus-list-view iconview {
border-bottom: 1px solid #dcdfe3; }
@keyframes needs_attention_keyframes {
@@ -2853,12 +2922,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
animation: needs_attention_keyframes 3s ease-in-out;
animation-iteration-count: 3; }
-.open-document-selector-treeview.view {
+.open-document-selector-treeview.view, iconview.open-document-selector-treeview {
padding: 3px 6px 3px 6px;
border-color: #ffffff; }
- .open-document-selector-treeview.view:hover {
+ .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover {
background-color: rgba(0, 0, 0, 0.05); }
- .open-document-selector-treeview.view:hover:selected {
+ .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected {
color: #ffffff;
background-color: #5294E2; }
@@ -3160,7 +3229,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
-GtkTreeView-vertical-separator: 6px; }
.source-list,
-.source-list.view {
+.source-list.view,
+iconview.source-list {
background-color: #F5F6F7;
color: #5c616c;
-gtk-icon-style: regular; }
@@ -3168,12 +3238,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
.source-list.category-expander {
color: transparent; }
-.source-list.view:hover {
+.source-list.view:hover, iconview.source-list:hover {
background-color: white; }
-.source-list.view:selected,
+.source-list.view:selected, iconview.source-list:selected,
.source-list.view:hover:selected,
+iconview.source-list:hover:selected,
.source-list.view:selected:focus,
+iconview.source-list:selected:focus,
.source-list.category-expander:hover {
color: #ffffff;
background-color: #5294E2; }
@@ -3245,7 +3317,7 @@ GraniteWidgetsPopOver {
background-image: linear-gradient(to bottom, #ffffff);
border: 1px solid rgba(0, 0, 0, 0.3); }
-GraniteWidgetsPopOver .sidebar.view,
+GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
GraniteWidgetsPopOver * {
background-color: transparent; }
@@ -3322,11 +3394,10 @@ GtkListBox .h4 {
border-color: #5294E2;
background-color: #5294E2; }
#content_frame button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- #content_frame button:disabled > label {
- color: inherit; }
+ #content_frame button:disabled label, #content_frame button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
#buttonbox_frame {
padding-top: 20px;
@@ -3411,11 +3482,11 @@ GtkListBox .h4 {
border-bottom-width: 0;
font: bold; }
-.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator {
+.nautilus-window paned > separator {
background: #353945; }
- .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) {
+ .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
- .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) {
+ .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list {
@@ -3423,19 +3494,17 @@ GtkListBox .h4 {
.nautilus-window placessidebar.sidebar {
background-color: #353945; }
- .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
- border: 1px solid #5294E2; }
- .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
- background-color: #4b5162; }
- .nautilus-window placessidebar.sidebar row.activatable {
+ .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image {
+ color: #5294E2; }
+ .nautilus-window placessidebar.sidebar row {
border: none;
color: #BAC3CF; }
- .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon {
+ .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon {
color: rgba(186, 195, 207, 0.6); }
- .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover {
+ .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover {
background-color: rgba(186, 195, 207, 0.15); }
- .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon {
- color: inherit; }
+ .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image {
+ color: rgba(186, 195, 207, 0.4); }
.nautilus-window placessidebar.sidebar separator {
background-color: transparent; }
diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css
index 74370c3..1b3301d 100644
--- a/common/gtk-3.0/3.20/gtk-solid.css
+++ b/common/gtk-3.0/3.20/gtk-solid.css
@@ -39,33 +39,19 @@
background-color: #5294E2;
color: #ffffff; }
-.view,
+.view, iconview,
+.view text,
+iconview text,
textview text {
color: #5c616c;
background-color: #ffffff; }
- .view.dim-label, label.view.separator,
- popover.background label.view.separator, headerbar .view.subtitle,
- textview text.dim-label,
- textview headerbar text.subtitle, headerbar
- textview text.subtitle {
- color: rgba(92, 97, 108, 0.55); }
- .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus,
- textview text.dim-label selection,
- textview headerbar text.subtitle selection, headerbar
- textview text.subtitle selection,
- textview text.dim-label selection:focus,
- textview headerbar text.subtitle selection:focus, headerbar
- textview text.subtitle selection:focus {
- color: rgba(255, 255, 255, 0.65);
- text-shadow: none; }
-
-textview {
- background-color: #fafbfb; }
-
-iconview {
- color: #5c616c;
- background-color: #ffffff; }
- iconview:selected, iconview:selected:focus {
+ .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
+ .view text:selected,
+ iconview text:selected,
+ textview text:selected,
+ .view text:selected:focus,
+ iconview text:selected:focus,
+ textview text:selected:focus {
border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
@@ -83,6 +69,10 @@ label.separator, popover label.separator,
popover.background label.separator {
color: #5c616c; }
+label selection {
+ color: #ffffff;
+ background-color: #5294E2; }
+
label:disabled {
color: rgba(92, 97, 108, 0.55); }
@@ -104,9 +94,12 @@ assistant .sidebar label.highlight {
background-color: #5294E2;
color: #ffffff; }
+textview {
+ background-color: #ffffff; }
+
popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
popover.background.osd,
-popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
+popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd {
color: #BAC3CF;
border: none;
background-color: #353945;
@@ -150,13 +143,10 @@ entry {
padding-right: 0;
padding-left: 5px; }
entry.flat, entry.flat:focus {
- color: #5c616c;
- border-color: #cfd6e6;
- background-color: #ffffff;
- background-image: linear-gradient(to bottom, #ffffff);
min-height: 0;
padding: 2px;
- border: none;
+ background-image: none;
+ border-color: transparent;
border-radius: 0; }
entry:focus {
background-clip: border-box;
@@ -169,19 +159,6 @@ entry {
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(255, 255, 255, 0.55);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); }
- entry selection,
- entry selection:focus {
- background-color: #5294E2;
- color: #ffffff; }
- entry progress {
- margin: 0 -6px;
- border-radius: 0;
- border-width: 0 0 2px;
- border-color: #5294E2;
- border-style: solid;
- background-image: none;
- background-color: transparent;
- box-shadow: none; }
entry.warning {
color: #ffffff;
border-color: #F27835;
@@ -208,6 +185,9 @@ entry {
entry.error selection, entry.error selection:focus {
background-color: #ffffff;
color: #FC4138; }
+ entry:drop(active):focus, entry:drop(active) {
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
.osd entry {
color: #BAC3CF;
border-color: rgba(26, 28, 34, 0.4);
@@ -222,6 +202,22 @@ entry {
.osd entry:disabled {
color: rgba(186, 195, 207, 0.55);
background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); }
+ entry progress {
+ margin: 0 -6px;
+ border-radius: 0;
+ border-width: 0 0 2px;
+ border-color: #5294E2;
+ border-style: solid;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: none; }
+
+treeview entry.flat, treeview entry {
+ border-radius: 0;
+ background-image: none;
+ background-color: #ffffff; }
+ treeview entry.flat:focus, treeview entry:focus {
+ border-color: #5294E2; }
@keyframes needs_attention {
from {
@@ -240,14 +236,12 @@ button {
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
- button separator, button .sidebar separator, .sidebar button separator {
+ button separator {
margin: 4px 1px; }
button.flat, button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
- background-color: rgba(251, 251, 252, 0);
- border-color: rgba(207, 214, 230, 0);
transition: none; }
button.flat:hover, button.sidebar-button:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@@ -261,11 +255,11 @@ button {
background-color: white;
-gtk-icon-effect: highlight; }
button:active, button:checked {
- background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2;
+ background-clip: border-box;
transition-duration: 50ms; }
button:active {
color: #5c616c; }
@@ -276,18 +270,33 @@ button {
background-color: transparent;
background-image: none; }
button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button:disabled > label {
- color: inherit; }
+ button:disabled label, button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
button:disabled:active, button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- button:disabled:active > label, button:disabled:checked > label {
- color: inherit; }
+ button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
+ button.image-button {
+ min-width: 32px;
+ padding-left: 0;
+ padding-right: 0; }
+ button.text-button {
+ padding-left: 16px;
+ padding-right: 16px; }
+ button.text-button.image-button {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button.text-button.image-button label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button:drop(active), combobox:drop(active) button.combo {
+ color: #4e9a06;
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
button.osd {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
@@ -381,11 +390,10 @@ button {
background-image: none;
color: rgba(92, 97, 108, 0.55); }
button.suggested-action:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button.suggested-action:disabled > label {
- color: inherit; }
+ button.suggested-action:disabled label, button.suggested-action:disabled {
+ color: rgba(92, 97, 108, 0.55); }
button.destructive-action {
background-clip: border-box;
color: #ffffff;
@@ -416,24 +424,10 @@ button {
background-image: none;
color: rgba(92, 97, 108, 0.55); }
button.destructive-action:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button.destructive-action:disabled > label {
- color: inherit; }
- button.image-button {
- min-width: 32px;
- padding-left: 0;
- padding-right: 0; }
- button.text-button {
- padding-left: 16px;
- padding-right: 16px; }
- button.text-button.image-button {
- padding-left: 8px;
- padding-right: 8px; }
- button.text-button.image-button label {
- padding-left: 8px;
- padding-right: 8px; }
+ button.destructive-action:disabled label, button.destructive-action:disabled {
+ color: rgba(92, 97, 108, 0.55); }
.stack-switcher > button {
outline-offset: -3px; }
.stack-switcher > button > label {
@@ -481,18 +475,16 @@ button {
border-color: #5294E2;
background-color: #5294E2; }
.inline-toolbar toolbutton > button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- .inline-toolbar toolbutton > button:disabled > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
.linked:not(.vertical):not(.path-bar) > entry + entry {
border-left-color: rgba(207, 214, 230, 0.3); }
@@ -693,7 +685,7 @@ modelbutton.flat {
modelbutton.flat radio:first-child {
margin-right: 8px; }
-modelbutton.flat arrow, modelbutton.flat arrow:hover {
+modelbutton.flat arrow {
background: none; }
modelbutton.flat arrow.left {
@@ -716,7 +708,19 @@ modelbutton.flat arrow.right {
color: #2679db; }
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
color: #dceaf9; }
- *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
+ .info *:link, .info button:link, .info button:visited,
+ .question *:link,
+ .question button:link,
+ .question button:visited,
+ .warning *:link,
+ .warning button:link,
+ .warning button:visited,
+ .error *:link,
+ .error button:link,
+ .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link,
+ *:selected *:link,
+ *:selected button:link,
+ *:selected button:visited {
color: #dceaf9; }
button:link > label, button:visited > label {
@@ -775,17 +779,28 @@ toolbar, .inline-toolbar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #F5F6F7; }
- toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator {
+ toolbar separator, .inline-toolbar separator {
background: none; }
toolbar.horizontal separator, .horizontal.inline-toolbar separator {
margin: 0 6px; }
toolbar.vertical separator, .vertical.inline-toolbar separator {
margin: 6px 0; }
- .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar {
+ .osd toolbar, .osd .inline-toolbar {
+ background-color: transparent; }
+ toolbar.osd, .osd.inline-toolbar {
padding: 7px;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 3px;
background-color: rgba(53, 57, 69, 0.9); }
+ toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar {
+ border-radius: 0; }
+ toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch,
+ toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale,
+ toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry,
+ toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+ toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button {
+ margin-right: 1px;
+ margin-bottom: 1px; }
.primary-toolbar {
color: rgba(82, 93, 118, 0.8);
@@ -942,7 +957,7 @@ paned.titlebar > headerbar ~ headerbar {
paned.titlebar > headerbar:first-child {
border-top-right-radius: 0; }
-headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator {
+headerbar entry, headerbar button, headerbar separator {
margin-top: 6px;
margin-bottom: 6px; }
@@ -1022,11 +1037,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #5294E2;
background-clip: border-box; }
.primary-toolbar button:disabled, headerbar button:disabled {
- color: rgba(82, 93, 118, 0.35);
background-color: rgba(231, 232, 235, 0);
border-color: rgba(231, 232, 235, 0); }
- .primary-toolbar button:disabled > label, headerbar button:disabled > label {
- color: inherit; }
+ .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled {
+ color: rgba(82, 93, 118, 0.35); }
.primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked {
color: rgba(255, 255, 255, 0.75);
border-color: rgba(82, 148, 226, 0.65);
@@ -1124,11 +1138,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #2e96c0;
border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
- color: rgba(82, 93, 118, 0.35);
background-color: rgba(231, 232, 235, 0);
border-color: rgba(231, 232, 235, 0); }
- .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
+ color: rgba(82, 93, 118, 0.35); }
.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop {
opacity: 0.8; }
@@ -1158,11 +1171,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #ec1b22;
border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
- color: rgba(82, 93, 118, 0.35);
background-color: rgba(231, 232, 235, 0);
border-color: rgba(231, 232, 235, 0); }
- .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
+ color: rgba(82, 93, 118, 0.35); }
.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop {
opacity: 0.8; }
@@ -1287,8 +1299,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
padding-left: 10px; }
.path-bar button.slider-button {
- padding-left: 2px;
- padding-right: 2px; }
+ padding-left: 1px;
+ padding-right: 1px; }
.path-bar button image {
padding-left: 4px;
@@ -1302,7 +1314,7 @@ treeview.view {
-GtkTreeView-expander-size: 16;
border-left-color: rgba(92, 97, 108, 0.15);
border-top-color: rgba(0, 0, 0, 0.1); }
- treeview.view:selected {
+ treeview.view:selected, treeview.view:selected:focus {
border-radius: 0;
border-left-color: #a9caf1;
border-top-color: rgba(92, 97, 108, 0.1); }
@@ -1313,10 +1325,14 @@ treeview.view {
treeview.view.separator {
min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
- treeview.view.dnd {
+ treeview.view:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: #577ba7; }
+ treeview.view:drop(active).after {
+ border-top-style: none; }
+ treeview.view:drop(active).before {
+ border-bottom-style: none; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #aeb0b6; }
@@ -1415,7 +1431,7 @@ menu,
padding: 4px 0px;
border-radius: 2px;
border: none; }
- menu separator, menu .sidebar separator, .sidebar menu separator,
+ menu separator,
.csd menu separator,
.menu separator,
.csd
@@ -1493,21 +1509,19 @@ popover.background {
popover.background,
popover.background {
border: 1px solid #cdd2d7; }
- popover separator, popover .sidebar separator, .sidebar popover separator,
+ popover separator,
popover.background separator {
background-color: #ffffff; }
popover > list,
popover > .view,
+ popover > iconview,
popover > toolbar,
popover > .inline-toolbar,
- popover.osd > toolbar,
- popover.osd > .inline-toolbar,
popover.background > list,
popover.background > .view,
+ popover.background > iconview,
popover.background > toolbar,
- popover.background > .inline-toolbar,
- popover.background.osd > toolbar,
- popover.background.osd > .inline-toolbar {
+ popover.background > .inline-toolbar {
border-style: none;
background-color: transparent; }
@@ -1522,8 +1536,7 @@ cursor-handle {
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
notebook {
- padding: 0;
- transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ padding: 0; }
notebook.frame {
border: 1px solid #dcdfe3; }
notebook.frame > header {
@@ -1782,7 +1795,7 @@ check,
treeview.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
-.view check:selected,
+.view check:selected, iconview check:selected,
treeview.check:selected,
row:selected check,
infobar check {
@@ -1792,7 +1805,7 @@ check:disabled,
treeview.check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
-.view check:disabled:selected,
+.view check:disabled:selected, iconview check:disabled:selected,
treeview.check:disabled:selected,
row:selected check:disabled,
infobar check:disabled {
@@ -1802,7 +1815,7 @@ check:indeterminate,
treeview.check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
-.view check:indeterminate:selected,
+.view check:indeterminate:selected, iconview check:indeterminate:selected,
treeview.check:indeterminate:selected,
row:selected check:indeterminate,
infobar check:indeterminate {
@@ -1812,7 +1825,7 @@ check:indeterminate:disabled,
treeview.check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
-.view check:indeterminate:disabled:selected,
+.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected,
treeview.check:indeterminate:disabled:selected,
row:selected check:indeterminate:disabled,
infobar check:indeterminate:disabled {
@@ -1822,7 +1835,7 @@ check:checked,
treeview.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
-.view check:checked:selected,
+.view check:checked:selected, iconview check:checked:selected,
treeview.check:checked:selected,
row:selected check:checked,
infobar check:checked {
@@ -1832,7 +1845,7 @@ check:checked:disabled,
treeview.check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
-.view check:checked:disabled:selected,
+.view check:checked:disabled:selected, iconview check:checked:disabled:selected,
treeview.check:checked:disabled:selected,
row:selected check:checked:disabled,
infobar check:checked:disabled {
@@ -1842,7 +1855,7 @@ radio,
treeview.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
-.view radio:selected,
+.view radio:selected, iconview radio:selected,
treeview.radio:selected,
row:selected radio,
infobar radio {
@@ -1852,7 +1865,7 @@ radio:disabled,
treeview.radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
-.view radio:disabled:selected,
+.view radio:disabled:selected, iconview radio:disabled:selected,
treeview.radio:disabled:selected,
row:selected radio:disabled,
infobar radio:disabled {
@@ -1862,7 +1875,7 @@ radio:indeterminate,
treeview.radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
-.view radio:indeterminate:selected,
+.view radio:indeterminate:selected, iconview radio:indeterminate:selected,
treeview.radio:indeterminate:selected,
row:selected radio:indeterminate,
infobar radio:indeterminate {
@@ -1872,7 +1885,7 @@ radio:indeterminate:disabled,
treeview.radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
-.view radio:indeterminate:disabled:selected,
+.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected,
treeview.radio:indeterminate:disabled:selected,
row:selected radio:indeterminate:disabled,
infobar radio:indeterminate:disabled {
@@ -1882,7 +1895,7 @@ radio:checked,
treeview.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
-.view radio:checked:selected,
+.view radio:checked:selected, iconview radio:checked:selected,
treeview.radio:checked:selected,
row:selected radio:checked,
infobar radio:checked {
@@ -1892,37 +1905,40 @@ radio:checked:disabled,
treeview.radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
-.view radio:checked:disabled:selected,
+.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected,
treeview.radio:checked:disabled:selected,
row:selected radio:checked:disabled,
infobar radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
-.view.content-view.check:not(list) {
+.view.content-view.check:not(list), iconview.content-view.check:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
-.view.content-view.check:checked:not(list) {
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
checkbutton.text-button, radiobutton.text-button {
padding: 2px 0;
outline-offset: 0; }
- checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
- margin-left: 4px; }
- checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
- margin-right: 4px; }
- checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
- color: rgba(92, 97, 108, 0.55); }
-radiobutton radio,
-checkbutton check {
+checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child {
+ margin-left: 4px; }
+
+checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child {
+ margin-right: 4px; }
+
+check,
+radio {
min-width: 16px;
min-height: 16px;
margin: 0 2px; }
- radiobutton radio:only-child,
- checkbutton check:only-child {
+ check:only-child,
+ menu menuitem check,
+ radio:only-child,
+ menu menuitem
+ radio {
margin: 0; }
scale {
@@ -2027,7 +2043,7 @@ scale {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
- background-color: red; }
+ background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); }
.osd scale trough {
@@ -2131,8 +2147,7 @@ frame > border,
margin: 0;
padding: 0;
border-radius: 0;
- border: 1px solid #dcdfe3;
- padding: 0; }
+ border: 1px solid #dcdfe3; }
frame > border.flat,
.frame.flat {
border-style: none; }
@@ -2223,7 +2238,7 @@ scrolledwindow junction {
scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
-separator, .sidebar separator {
+separator {
background-color: rgba(0, 0, 0, 0.1);
min-width: 1px;
min-height: 1px; }
@@ -2234,29 +2249,26 @@ list {
list row {
padding: 2px; }
+row:not(:hover) {
+ transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
row.activatable.has-open-popup, row.activatable:hover {
background-color: rgba(0, 0, 0, 0.05); }
row.activatable:active {
color: #5c616c; }
+row.activatable:disabled {
+ color: rgba(92, 97, 108, 0.55); }
+ row.activatable:disabled image {
+ color: inherit; }
+
row.activatable:selected:active {
color: #ffffff; }
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #4a85cb; }
-row.activatable:selected:disabled {
- color: rgba(255, 255, 255, 0.7);
- background-color: rgba(82, 148, 226, 0.7); }
- row.activatable:selected:disabled label {
- color: inherit; }
-
-row {
- transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
- row:hover {
- transition: none; }
-
.app-notification {
padding: 10px;
color: #BAC3CF;
@@ -2367,6 +2379,10 @@ messagedialog.csd .dialog-action-area button:only-child {
filechooser #pathbarbox {
border-bottom: 1px solid rgba(220, 223, 227, 0.5); }
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent; }
+
.sidebar {
border-style: none;
background-color: #fbfbfc; }
@@ -2376,9 +2392,11 @@ filechooser #pathbarbox {
border-right: 1px solid #dcdfe3;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list,
- stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left {
+ stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
border-left: 1px solid #dcdfe3;
border-right-style: none; }
+ .sidebar list {
+ background-color: transparent; }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
border-style: none; }
@@ -2393,9 +2411,6 @@ stacksidebar row {
placessidebar > viewport.frame {
border-style: none; }
-placessidebar list {
- background-color: transparent; }
-
placessidebar row {
min-height: 30px;
padding: 0px; }
@@ -2419,12 +2434,19 @@ placessidebar row {
-gtk-outline-radius: 100%; }
button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; }
-
-placessidebar row.sidebar-placeholder-row {
- border: solid 1px #5294E2; }
-
-placessidebar row.sidebar-new-bookmark-row {
- background-color: #d9dde0; }
+ placessidebar row.sidebar-placeholder-row {
+ padding: 0 8px;
+ min-height: 2px;
+ background-image: linear-gradient(to top, #4e9a06);
+ background-clip: content-box; }
+ placessidebar row.sidebar-new-bookmark-row {
+ color: #5294E2; }
+ placessidebar row:drop(active):not(:disabled) {
+ color: #4e9a06;
+ box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
+ placessidebar row:drop(active):not(:disabled):selected {
+ color: #ffffff;
+ background-color: #4e9a06; }
placesview .server-list-button > image {
-gtk-icon-transform: rotate(0turn); }
@@ -2433,7 +2455,7 @@ placesview .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-gtk-icon-transform: rotate(-0.5turn); }
-paned > separator, .sidebar paned > separator {
+paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
@@ -2441,37 +2463,37 @@ paned > separator, .sidebar paned > separator {
background-color: transparent;
background-image: linear-gradient(to top, #dcdfe3);
background-size: 1px 1px; }
- paned > separator:selected, .sidebar paned > separator:selected {
+ paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); }
- paned > separator.wide, .sidebar paned > separator.wide {
+ paned > separator.wide {
min-width: 5px;
min-height: 5px;
background-color: #F5F6F7;
background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
background-size: 1px 1px, 1px 1px; }
-paned.horizontal > separator, .sidebar paned.horizontal > separator {
+paned.horizontal > separator {
background-repeat: repeat-y; }
- paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) {
+ paned.horizontal > separator:dir(ltr) {
margin: 0 -8px 0 0;
padding: 0 8px 0 0;
background-position: left; }
- paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) {
+ paned.horizontal > separator:dir(rtl) {
margin: 0 0 0 -8px;
padding: 0 0 0 8px;
background-position: right; }
- paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
+ paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
-paned.vertical > separator, .sidebar paned.vertical > separator {
+paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
- paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
+ paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
@@ -2483,37 +2505,78 @@ infobar {
.info,
.question,
.warning,
-.error,
-infobar {
+.error {
background-color: #5294E2;
color: #ffffff; }
+ .info label:selected:focus, .info label:selected:hover, .info label:selected,
+ .question label:selected:focus,
+ .question label:selected:hover,
+ .question label:selected,
+ .warning label:selected:focus,
+ .warning label:selected:hover,
+ .warning label:selected,
+ .error label:selected:focus,
+ .error label:selected:hover,
+ .error label:selected {
+ color: #5294E2;
+ background-color: #ffffff; }
-row:selected button, infobar button, .floating-bar button {
+row:selected button, .info button,
+.question button,
+.warning button,
+.error button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
- row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
+ row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button,
+ .question button.flat,
+ .question button.sidebar-button,
+ .warning button.flat,
+ .warning button.sidebar-button,
+ .error button.flat,
+ .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
- row:selected button:hover, infobar button:hover, .floating-bar button:hover {
+ row:selected button:hover, .info button:hover,
+ .question button:hover,
+ .warning button:hover,
+ .error button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
- row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
+ row:selected button:active, .info button:active,
+ .question button:active,
+ .warning button:active,
+ .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover,
+ .question button:active:hover,
+ .warning button:active:hover,
+ .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked,
+ .question button:checked,
+ .warning button:checked,
+ .error button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
- row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
+ row:selected button:disabled, .info button:disabled,
+ .question button:disabled,
+ .warning button:disabled,
+ .error button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
- row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
+ row:selected button:disabled:active, .info button:disabled:active,
+ .question button:disabled:active,
+ .warning button:disabled:active,
+ .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked,
+ .question button:disabled:checked,
+ .warning button:disabled:checked,
+ .error button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@@ -2657,8 +2720,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima
*:drop(active):focus,
*:drop(active) {
- border-color: black;
- box-shadow: inset 0 0 0 1px black; }
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
decoration {
border-radius: 4px 4px 0 0;
@@ -2670,7 +2733,7 @@ decoration {
.fullscreen decoration,
.tiled decoration {
border-radius: 0; }
- .popup decoration, decoration.popup {
+ .popup decoration {
box-shadow: none;
border-radius: 0; }
.ssd decoration {
@@ -2771,23 +2834,29 @@ headerbar button.titlebutton,
.titlebar button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
-.view:selected,
-.view selection,
-.view selection:focus,
-.view selection:hover,
-textview text:selected,
-textview text selection,
+.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+textview text:selected, iconview text:selected:focus,
+textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
textview text selection:focus,
-textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected,
-label selection,
-label selection:focus,
-label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected,
+textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
modelbutton.flat:active,
-modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover {
- background-image: none;
- background-color: #5294E2;
- color: #ffffff;
- outline-color: rgba(255, 255, 255, 0.3); }
+modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ background-color: #5294E2; }
+ row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+ textview text:selected, iconview text:selected:focus,
+ textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
+ textview text selection:focus,
+ textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
+ modelbutton.flat:active,
+ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
+ textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
+ textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected,
+ modelbutton.flat:disabled:active,
+ modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover {
+ color: #a9caf1; }
.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -1px #dcdfe3; }
@@ -2835,7 +2904,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #edeef0;
border-color: #d0d5da; }
-.nautilus-list-view .view {
+.nautilus-list-view .view, .nautilus-list-view iconview {
border-bottom: 1px solid #dcdfe3; }
@keyframes needs_attention_keyframes {
@@ -2857,12 +2926,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
animation: needs_attention_keyframes 3s ease-in-out;
animation-iteration-count: 3; }
-.open-document-selector-treeview.view {
+.open-document-selector-treeview.view, iconview.open-document-selector-treeview {
padding: 3px 6px 3px 6px;
border-color: #ffffff; }
- .open-document-selector-treeview.view:hover {
+ .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover {
background-color: rgba(0, 0, 0, 0.05); }
- .open-document-selector-treeview.view:hover:selected {
+ .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected {
color: #ffffff;
background-color: #5294E2; }
@@ -3164,7 +3233,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
-GtkTreeView-vertical-separator: 6px; }
.source-list,
-.source-list.view {
+.source-list.view,
+iconview.source-list {
background-color: #F5F6F7;
color: #5c616c;
-gtk-icon-style: regular; }
@@ -3172,12 +3242,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
.source-list.category-expander {
color: transparent; }
-.source-list.view:hover {
+.source-list.view:hover, iconview.source-list:hover {
background-color: white; }
-.source-list.view:selected,
+.source-list.view:selected, iconview.source-list:selected,
.source-list.view:hover:selected,
+iconview.source-list:hover:selected,
.source-list.view:selected:focus,
+iconview.source-list:selected:focus,
.source-list.category-expander:hover {
color: #ffffff;
background-color: #5294E2; }
@@ -3249,7 +3321,7 @@ GraniteWidgetsPopOver {
background-image: linear-gradient(to bottom, #ffffff);
border: 1px solid rgba(0, 0, 0, 0.3); }
-GraniteWidgetsPopOver .sidebar.view,
+GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
GraniteWidgetsPopOver * {
background-color: transparent; }
@@ -3326,11 +3398,10 @@ GtkListBox .h4 {
border-color: #5294E2;
background-color: #5294E2; }
#content_frame button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- #content_frame button:disabled > label {
- color: inherit; }
+ #content_frame button:disabled label, #content_frame button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
#buttonbox_frame {
padding-top: 20px;
@@ -3415,11 +3486,11 @@ GtkListBox .h4 {
border-bottom-width: 0;
font: bold; }
-.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator {
+.nautilus-window paned > separator {
background: #353945; }
- .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) {
+ .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
- .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) {
+ .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list {
@@ -3427,19 +3498,17 @@ GtkListBox .h4 {
.nautilus-window placessidebar.sidebar {
background-color: #353945; }
- .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
- border: 1px solid #5294E2; }
- .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
- background-color: #4b5162; }
- .nautilus-window placessidebar.sidebar row.activatable {
+ .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image {
+ color: #5294E2; }
+ .nautilus-window placessidebar.sidebar row {
border: none;
color: #BAC3CF; }
- .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon {
+ .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon {
color: rgba(186, 195, 207, 0.6); }
- .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover {
+ .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover {
background-color: rgba(186, 195, 207, 0.15); }
- .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon {
- color: inherit; }
+ .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image {
+ color: rgba(186, 195, 207, 0.4); }
.nautilus-window placessidebar.sidebar separator {
background-color: transparent; }
diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css
index 349117a..37523cd 100644
--- a/common/gtk-3.0/3.20/gtk.css
+++ b/common/gtk-3.0/3.20/gtk.css
@@ -39,33 +39,19 @@
background-color: #5294E2;
color: #ffffff; }
-.view,
+.view, iconview,
+.view text,
+iconview text,
textview text {
color: #5c616c;
background-color: #ffffff; }
- .view.dim-label, label.view.separator,
- popover.background label.view.separator, headerbar .view.subtitle,
- textview text.dim-label,
- textview headerbar text.subtitle, headerbar
- textview text.subtitle {
- color: rgba(92, 97, 108, 0.55); }
- .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus,
- textview text.dim-label selection,
- textview headerbar text.subtitle selection, headerbar
- textview text.subtitle selection,
- textview text.dim-label selection:focus,
- textview headerbar text.subtitle selection:focus, headerbar
- textview text.subtitle selection:focus {
- color: rgba(255, 255, 255, 0.65);
- text-shadow: none; }
-
-textview {
- background-color: #fafbfb; }
-
-iconview {
- color: #5c616c;
- background-color: #ffffff; }
- iconview:selected, iconview:selected:focus {
+ .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
+ .view text:selected,
+ iconview text:selected,
+ textview text:selected,
+ .view text:selected:focus,
+ iconview text:selected:focus,
+ textview text:selected:focus {
border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
@@ -83,6 +69,10 @@ label.separator, popover label.separator,
popover.background label.separator {
color: #5c616c; }
+label selection {
+ color: #ffffff;
+ background-color: #5294E2; }
+
label:disabled {
color: rgba(92, 97, 108, 0.55); }
@@ -104,9 +94,12 @@ assistant .sidebar label.highlight {
background-color: #5294E2;
color: #ffffff; }
+textview {
+ background-color: #ffffff; }
+
popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier,
popover.background.osd,
-popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd {
+popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd {
color: #BAC3CF;
border: none;
background-color: rgba(53, 57, 69, 0.95);
@@ -150,13 +143,10 @@ entry {
padding-right: 0;
padding-left: 5px; }
entry.flat, entry.flat:focus {
- color: #5c616c;
- border-color: #cfd6e6;
- background-color: #ffffff;
- background-image: linear-gradient(to bottom, #ffffff);
min-height: 0;
padding: 2px;
- border: none;
+ background-image: none;
+ border-color: transparent;
border-radius: 0; }
entry:focus {
background-clip: border-box;
@@ -169,19 +159,6 @@ entry {
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(255, 255, 255, 0.55);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); }
- entry selection,
- entry selection:focus {
- background-color: #5294E2;
- color: #ffffff; }
- entry progress {
- margin: 0 -6px;
- border-radius: 0;
- border-width: 0 0 2px;
- border-color: #5294E2;
- border-style: solid;
- background-image: none;
- background-color: transparent;
- box-shadow: none; }
entry.warning {
color: #ffffff;
border-color: #F27835;
@@ -208,6 +185,9 @@ entry {
entry.error selection, entry.error selection:focus {
background-color: #ffffff;
color: #FC4138; }
+ entry:drop(active):focus, entry:drop(active) {
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
.osd entry {
color: #BAC3CF;
border-color: rgba(26, 28, 34, 0.35);
@@ -222,6 +202,22 @@ entry {
.osd entry:disabled {
color: rgba(186, 195, 207, 0.55);
background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); }
+ entry progress {
+ margin: 0 -6px;
+ border-radius: 0;
+ border-width: 0 0 2px;
+ border-color: #5294E2;
+ border-style: solid;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: none; }
+
+treeview entry.flat, treeview entry {
+ border-radius: 0;
+ background-image: none;
+ background-color: #ffffff; }
+ treeview entry.flat:focus, treeview entry:focus {
+ border-color: #5294E2; }
@keyframes needs_attention {
from {
@@ -240,14 +236,12 @@ button {
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6;
background-color: #fbfbfc; }
- button separator, button .sidebar separator, .sidebar button separator {
+ button separator {
margin: 4px 1px; }
button.flat, button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
- background-color: rgba(251, 251, 252, 0);
- border-color: rgba(207, 214, 230, 0);
transition: none; }
button.flat:hover, button.sidebar-button:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@@ -261,11 +255,11 @@ button {
background-color: white;
-gtk-icon-effect: highlight; }
button:active, button:checked {
- background-clip: border-box;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294E2;
background-color: #5294E2;
+ background-clip: border-box;
transition-duration: 50ms; }
button:active {
color: #5c616c; }
@@ -276,18 +270,33 @@ button {
background-color: transparent;
background-image: none; }
button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button:disabled > label {
- color: inherit; }
+ button:disabled label, button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
button:disabled:active, button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- button:disabled:active > label, button:disabled:checked > label {
- color: inherit; }
+ button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
+ button.image-button {
+ min-width: 32px;
+ padding-left: 0;
+ padding-right: 0; }
+ button.text-button {
+ padding-left: 16px;
+ padding-right: 16px; }
+ button.text-button.image-button {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button.text-button.image-button label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ button:drop(active), combobox:drop(active) button.combo {
+ color: #4e9a06;
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
button.osd {
color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
@@ -381,11 +390,10 @@ button {
background-image: none;
color: rgba(92, 97, 108, 0.55); }
button.suggested-action:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button.suggested-action:disabled > label {
- color: inherit; }
+ button.suggested-action:disabled label, button.suggested-action:disabled {
+ color: rgba(92, 97, 108, 0.55); }
button.destructive-action {
background-clip: border-box;
color: #ffffff;
@@ -416,24 +424,10 @@ button {
background-image: none;
color: rgba(92, 97, 108, 0.55); }
button.destructive-action:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- button.destructive-action:disabled > label {
- color: inherit; }
- button.image-button {
- min-width: 32px;
- padding-left: 0;
- padding-right: 0; }
- button.text-button {
- padding-left: 16px;
- padding-right: 16px; }
- button.text-button.image-button {
- padding-left: 8px;
- padding-right: 8px; }
- button.text-button.image-button label {
- padding-left: 8px;
- padding-right: 8px; }
+ button.destructive-action:disabled label, button.destructive-action:disabled {
+ color: rgba(92, 97, 108, 0.55); }
.stack-switcher > button {
outline-offset: -3px; }
.stack-switcher > button > label {
@@ -481,18 +475,16 @@ button {
border-color: #5294E2;
background-color: #5294E2; }
.inline-toolbar toolbutton > button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- .inline-toolbar toolbutton > button:disabled > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
- color: rgba(255, 255, 255, 0.8);
border-color: rgba(82, 148, 226, 0.75);
background-color: rgba(82, 148, 226, 0.75);
opacity: 0.6; }
- .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label {
- color: inherit; }
+ .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
+ color: rgba(255, 255, 255, 0.8); }
.linked:not(.vertical):not(.path-bar) > entry + entry {
border-left-color: rgba(207, 214, 230, 0.3); }
@@ -693,7 +685,7 @@ modelbutton.flat {
modelbutton.flat radio:first-child {
margin-right: 8px; }
-modelbutton.flat arrow, modelbutton.flat arrow:hover {
+modelbutton.flat arrow {
background: none; }
modelbutton.flat arrow.left {
@@ -716,7 +708,19 @@ modelbutton.flat arrow.right {
color: #2679db; }
*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited {
color: #dceaf9; }
- *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited {
+ .info *:link, .info button:link, .info button:visited,
+ .question *:link,
+ .question button:link,
+ .question button:visited,
+ .warning *:link,
+ .warning button:link,
+ .warning button:visited,
+ .error *:link,
+ .error button:link,
+ .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link,
+ *:selected *:link,
+ *:selected button:link,
+ *:selected button:visited {
color: #dceaf9; }
button:link > label, button:visited > label {
@@ -775,17 +779,28 @@ toolbar, .inline-toolbar {
-GtkWidget-window-dragging: true;
padding: 4px;
background-color: #F5F6F7; }
- toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator {
+ toolbar separator, .inline-toolbar separator {
background: none; }
toolbar.horizontal separator, .horizontal.inline-toolbar separator {
margin: 0 6px; }
toolbar.vertical separator, .vertical.inline-toolbar separator {
margin: 6px 0; }
- .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar {
+ .osd toolbar, .osd .inline-toolbar {
+ background-color: transparent; }
+ toolbar.osd, .osd.inline-toolbar {
padding: 7px;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 3px;
background-color: rgba(53, 57, 69, 0.85); }
+ toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar {
+ border-radius: 0; }
+ toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch,
+ toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale,
+ toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry,
+ toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+ toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button {
+ margin-right: 1px;
+ margin-bottom: 1px; }
.primary-toolbar {
color: rgba(82, 93, 118, 0.8);
@@ -942,7 +957,7 @@ paned.titlebar > headerbar ~ headerbar {
paned.titlebar > headerbar:first-child {
border-top-right-radius: 0; }
-headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator {
+headerbar entry, headerbar button, headerbar separator {
margin-top: 6px;
margin-bottom: 6px; }
@@ -1022,11 +1037,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #5294E2;
background-clip: border-box; }
.primary-toolbar button:disabled, headerbar button:disabled {
- color: rgba(82, 93, 118, 0.35);
background-color: rgba(231, 232, 235, 0);
border-color: rgba(231, 232, 235, 0); }
- .primary-toolbar button:disabled > label, headerbar button:disabled > label {
- color: inherit; }
+ .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled {
+ color: rgba(82, 93, 118, 0.35); }
.primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked {
color: rgba(255, 255, 255, 0.75);
border-color: rgba(82, 148, 226, 0.65);
@@ -1124,11 +1138,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #2e96c0;
border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
- color: rgba(82, 93, 118, 0.35);
background-color: rgba(231, 232, 235, 0);
border-color: rgba(231, 232, 235, 0); }
- .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
+ color: rgba(82, 93, 118, 0.35); }
.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop {
opacity: 0.8; }
@@ -1158,11 +1171,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
background-color: #ec1b22;
border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
- color: rgba(82, 93, 118, 0.35);
background-color: rgba(231, 232, 235, 0);
border-color: rgba(231, 232, 235, 0); }
- .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label {
- color: inherit; }
+ .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
+ color: rgba(82, 93, 118, 0.35); }
.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop {
opacity: 0.8; }
@@ -1287,8 +1299,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
padding-left: 10px; }
.path-bar button.slider-button {
- padding-left: 2px;
- padding-right: 2px; }
+ padding-left: 1px;
+ padding-right: 1px; }
.path-bar button image {
padding-left: 4px;
@@ -1302,7 +1314,7 @@ treeview.view {
-GtkTreeView-expander-size: 16;
border-left-color: rgba(92, 97, 108, 0.15);
border-top-color: rgba(0, 0, 0, 0.1); }
- treeview.view:selected {
+ treeview.view:selected, treeview.view:selected:focus {
border-radius: 0;
border-left-color: #a9caf1;
border-top-color: rgba(92, 97, 108, 0.1); }
@@ -1313,10 +1325,14 @@ treeview.view {
treeview.view.separator {
min-height: 2px;
color: rgba(0, 0, 0, 0.1); }
- treeview.view.dnd {
+ treeview.view:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: #577ba7; }
+ treeview.view:drop(active).after {
+ border-top-style: none; }
+ treeview.view:drop(active).before {
+ border-bottom-style: none; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
color: #aeb0b6; }
@@ -1415,7 +1431,7 @@ menu,
padding: 4px 0px;
border-radius: 2px;
border: none; }
- menu separator, menu .sidebar separator, .sidebar menu separator,
+ menu separator,
.csd menu separator,
.menu separator,
.csd
@@ -1493,21 +1509,19 @@ popover.background {
popover.background,
popover.background {
border: 1px solid #cdd2d7; }
- popover separator, popover .sidebar separator, .sidebar popover separator,
+ popover separator,
popover.background separator {
background-color: #ffffff; }
popover > list,
popover > .view,
+ popover > iconview,
popover > toolbar,
popover > .inline-toolbar,
- popover.osd > toolbar,
- popover.osd > .inline-toolbar,
popover.background > list,
popover.background > .view,
+ popover.background > iconview,
popover.background > toolbar,
- popover.background > .inline-toolbar,
- popover.background.osd > toolbar,
- popover.background.osd > .inline-toolbar {
+ popover.background > .inline-toolbar {
border-style: none;
background-color: transparent; }
@@ -1522,8 +1536,7 @@ cursor-handle {
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
notebook {
- padding: 0;
- transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ padding: 0; }
notebook.frame {
border: 1px solid #dcdfe3; }
notebook.frame > header {
@@ -1782,7 +1795,7 @@ check,
treeview.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
-.view check:selected,
+.view check:selected, iconview check:selected,
treeview.check:selected,
row:selected check,
infobar check {
@@ -1792,7 +1805,7 @@ check:disabled,
treeview.check:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); }
-.view check:disabled:selected,
+.view check:disabled:selected, iconview check:disabled:selected,
treeview.check:disabled:selected,
row:selected check:disabled,
infobar check:disabled {
@@ -1802,7 +1815,7 @@ check:indeterminate,
treeview.check:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
-.view check:indeterminate:selected,
+.view check:indeterminate:selected, iconview check:indeterminate:selected,
treeview.check:indeterminate:selected,
row:selected check:indeterminate,
infobar check:indeterminate {
@@ -1812,7 +1825,7 @@ check:indeterminate:disabled,
treeview.check:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); }
-.view check:indeterminate:disabled:selected,
+.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected,
treeview.check:indeterminate:disabled:selected,
row:selected check:indeterminate:disabled,
infobar check:indeterminate:disabled {
@@ -1822,7 +1835,7 @@ check:checked,
treeview.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
-.view check:checked:selected,
+.view check:checked:selected, iconview check:checked:selected,
treeview.check:checked:selected,
row:selected check:checked,
infobar check:checked {
@@ -1832,7 +1845,7 @@ check:checked:disabled,
treeview.check:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); }
-.view check:checked:disabled:selected,
+.view check:checked:disabled:selected, iconview check:checked:disabled:selected,
treeview.check:checked:disabled:selected,
row:selected check:checked:disabled,
infobar check:checked:disabled {
@@ -1842,7 +1855,7 @@ radio,
treeview.radio {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
-.view radio:selected,
+.view radio:selected, iconview radio:selected,
treeview.radio:selected,
row:selected radio,
infobar radio {
@@ -1852,7 +1865,7 @@ radio:disabled,
treeview.radio:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); }
-.view radio:disabled:selected,
+.view radio:disabled:selected, iconview radio:disabled:selected,
treeview.radio:disabled:selected,
row:selected radio:disabled,
infobar radio:disabled {
@@ -1862,7 +1875,7 @@ radio:indeterminate,
treeview.radio:indeterminate {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
-.view radio:indeterminate:selected,
+.view radio:indeterminate:selected, iconview radio:indeterminate:selected,
treeview.radio:indeterminate:selected,
row:selected radio:indeterminate,
infobar radio:indeterminate {
@@ -1872,7 +1885,7 @@ radio:indeterminate:disabled,
treeview.radio:indeterminate:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); }
-.view radio:indeterminate:disabled:selected,
+.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected,
treeview.radio:indeterminate:disabled:selected,
row:selected radio:indeterminate:disabled,
infobar radio:indeterminate:disabled {
@@ -1882,7 +1895,7 @@ radio:checked,
treeview.radio:checked {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
-.view radio:checked:selected,
+.view radio:checked:selected, iconview radio:checked:selected,
treeview.radio:checked:selected,
row:selected radio:checked,
infobar radio:checked {
@@ -1892,37 +1905,40 @@ radio:checked:disabled,
treeview.radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); }
-.view radio:checked:disabled:selected,
+.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected,
treeview.radio:checked:disabled:selected,
row:selected radio:checked:disabled,
infobar radio:checked:disabled {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
-.view.content-view.check:not(list) {
+.view.content-view.check:not(list), iconview.content-view.check:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
-.view.content-view.check:checked:not(list) {
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
checkbutton.text-button, radiobutton.text-button {
padding: 2px 0;
outline-offset: 0; }
- checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
- margin-left: 4px; }
- checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
- margin-right: 4px; }
- checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
- color: rgba(92, 97, 108, 0.55); }
-radiobutton radio,
-checkbutton check {
+checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child {
+ margin-left: 4px; }
+
+checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child {
+ margin-right: 4px; }
+
+check,
+radio {
min-width: 16px;
min-height: 16px;
margin: 0 2px; }
- radiobutton radio:only-child,
- checkbutton check:only-child {
+ check:only-child,
+ menu menuitem check,
+ radio:only-child,
+ menu menuitem
+ radio {
margin: 0; }
scale {
@@ -2027,7 +2043,7 @@ scale {
background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); }
scale trough fill {
background: none;
- background-color: red; }
+ background-color: rgba(82, 148, 226, 0.5); }
scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); }
.osd scale trough {
@@ -2131,8 +2147,7 @@ frame > border,
margin: 0;
padding: 0;
border-radius: 0;
- border: 1px solid #dcdfe3;
- padding: 0; }
+ border: 1px solid #dcdfe3; }
frame > border.flat,
.frame.flat {
border-style: none; }
@@ -2223,7 +2238,7 @@ scrolledwindow junction {
scrolledwindow junction:dir(rtl) {
border-image-slice: 0 1 0 0; }
-separator, .sidebar separator {
+separator {
background-color: rgba(0, 0, 0, 0.1);
min-width: 1px;
min-height: 1px; }
@@ -2234,29 +2249,26 @@ list {
list row {
padding: 2px; }
+row:not(:hover) {
+ transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
row.activatable.has-open-popup, row.activatable:hover {
background-color: rgba(0, 0, 0, 0.05); }
row.activatable:active {
color: #5c616c; }
+row.activatable:disabled {
+ color: rgba(92, 97, 108, 0.55); }
+ row.activatable:disabled image {
+ color: inherit; }
+
row.activatable:selected:active {
color: #ffffff; }
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #4a85cb; }
-row.activatable:selected:disabled {
- color: rgba(255, 255, 255, 0.7);
- background-color: rgba(82, 148, 226, 0.7); }
- row.activatable:selected:disabled label {
- color: inherit; }
-
-row {
- transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
- row:hover {
- transition: none; }
-
.app-notification {
padding: 10px;
color: #BAC3CF;
@@ -2367,6 +2379,10 @@ messagedialog.csd .dialog-action-area button:only-child {
filechooser #pathbarbox {
border-bottom: 1px solid rgba(220, 223, 227, 0.5); }
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent; }
+
.sidebar {
border-style: none;
background-color: #fbfbfc; }
@@ -2376,9 +2392,11 @@ filechooser #pathbarbox {
border-right: 1px solid #dcdfe3;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list,
- stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left {
+ stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
border-left: 1px solid #dcdfe3;
border-right-style: none; }
+ .sidebar list {
+ background-color: transparent; }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
border-style: none; }
@@ -2393,9 +2411,6 @@ stacksidebar row {
placessidebar > viewport.frame {
border-style: none; }
-placessidebar list {
- background-color: transparent; }
-
placessidebar row {
min-height: 30px;
padding: 0px; }
@@ -2419,12 +2434,19 @@ placessidebar row {
-gtk-outline-radius: 100%; }
button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; }
-
-placessidebar row.sidebar-placeholder-row {
- border: solid 1px #5294E2; }
-
-placessidebar row.sidebar-new-bookmark-row {
- background-color: #d9dde0; }
+ placessidebar row.sidebar-placeholder-row {
+ padding: 0 8px;
+ min-height: 2px;
+ background-image: linear-gradient(to top, #4e9a06);
+ background-clip: content-box; }
+ placessidebar row.sidebar-new-bookmark-row {
+ color: #5294E2; }
+ placessidebar row:drop(active):not(:disabled) {
+ color: #4e9a06;
+ box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
+ placessidebar row:drop(active):not(:disabled):selected {
+ color: #ffffff;
+ background-color: #4e9a06; }
placesview .server-list-button > image {
-gtk-icon-transform: rotate(0turn); }
@@ -2433,7 +2455,7 @@ placesview .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-gtk-icon-transform: rotate(-0.5turn); }
-paned > separator, .sidebar paned > separator {
+paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
@@ -2441,37 +2463,37 @@ paned > separator, .sidebar paned > separator {
background-color: transparent;
background-image: linear-gradient(to top, #dcdfe3);
background-size: 1px 1px; }
- paned > separator:selected, .sidebar paned > separator:selected {
+ paned > separator:selected {
background-image: linear-gradient(to top, #5294E2); }
- paned > separator.wide, .sidebar paned > separator.wide {
+ paned > separator.wide {
min-width: 5px;
min-height: 5px;
background-color: #F5F6F7;
background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
background-size: 1px 1px, 1px 1px; }
-paned.horizontal > separator, .sidebar paned.horizontal > separator {
+paned.horizontal > separator {
background-repeat: repeat-y; }
- paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) {
+ paned.horizontal > separator:dir(ltr) {
margin: 0 -8px 0 0;
padding: 0 8px 0 0;
background-position: left; }
- paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) {
+ paned.horizontal > separator:dir(rtl) {
margin: 0 0 0 -8px;
padding: 0 0 0 8px;
background-position: right; }
- paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide {
+ paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
-paned.vertical > separator, .sidebar paned.vertical > separator {
+paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
- paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide {
+ paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
@@ -2483,37 +2505,78 @@ infobar {
.info,
.question,
.warning,
-.error,
-infobar {
+.error {
background-color: #5294E2;
color: #ffffff; }
+ .info label:selected:focus, .info label:selected:hover, .info label:selected,
+ .question label:selected:focus,
+ .question label:selected:hover,
+ .question label:selected,
+ .warning label:selected:focus,
+ .warning label:selected:hover,
+ .warning label:selected,
+ .error label:selected:focus,
+ .error label:selected:hover,
+ .error label:selected {
+ color: #5294E2;
+ background-color: #ffffff; }
-row:selected button, infobar button, .floating-bar button {
+row:selected button, .info button,
+.question button,
+.warning button,
+.error button, .floating-bar button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
- row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
+ row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button,
+ .question button.flat,
+ .question button.sidebar-button,
+ .warning button.flat,
+ .warning button.sidebar-button,
+ .error button.flat,
+ .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
- row:selected button:hover, infobar button:hover, .floating-bar button:hover {
+ row:selected button:hover, .info button:hover,
+ .question button:hover,
+ .warning button:hover,
+ .error button:hover, .floating-bar button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
- row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked {
+ row:selected button:active, .info button:active,
+ .question button:active,
+ .warning button:active,
+ .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover,
+ .question button:active:hover,
+ .warning button:active:hover,
+ .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked,
+ .question button:checked,
+ .warning button:checked,
+ .error button:checked, .floating-bar button:checked {
color: #5294E2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff;
border-color: #ffffff; }
- row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled {
+ row:selected button:disabled, .info button:disabled,
+ .question button:disabled,
+ .warning button:disabled,
+ .error button:disabled, .floating-bar button:disabled {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
- row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked {
+ row:selected button:disabled:active, .info button:disabled:active,
+ .question button:disabled:active,
+ .warning button:disabled:active,
+ .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked,
+ .question button:disabled:checked,
+ .warning button:disabled:checked,
+ .error button:disabled:checked, .floating-bar button:disabled:checked {
color: rgba(82, 148, 226, 0.4);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2); }
@@ -2657,8 +2720,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima
*:drop(active):focus,
*:drop(active) {
- border-color: black;
- box-shadow: inset 0 0 0 1px black; }
+ border-color: #4e9a06;
+ box-shadow: inset 0 0 0 1px #4e9a06; }
decoration {
border-radius: 4px 4px 0 0;
@@ -2670,7 +2733,7 @@ decoration {
.fullscreen decoration,
.tiled decoration {
border-radius: 0; }
- .popup decoration, decoration.popup {
+ .popup decoration {
box-shadow: none;
border-radius: 0; }
.ssd decoration {
@@ -2771,23 +2834,29 @@ headerbar button.titlebutton,
.titlebar button.titlebutton.minimize:active {
background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); }
-.view:selected,
-.view selection,
-.view selection:focus,
-.view selection:hover,
-textview text:selected,
-textview text selection,
+.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+textview text:selected, iconview text:selected:focus,
+textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
textview text selection:focus,
-textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected,
-label selection,
-label selection:focus,
-label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected,
+textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
modelbutton.flat:active,
-modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover {
- background-image: none;
- background-color: #5294E2;
- color: #ffffff;
- outline-color: rgba(255, 255, 255, 0.3); }
+modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ background-color: #5294E2; }
+ row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected,
+ textview text:selected, iconview text:selected:focus,
+ textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
+ textview text selection:focus,
+ textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected,
+ modelbutton.flat:active,
+ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
+ textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
+ textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected,
+ modelbutton.flat:disabled:active,
+ modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover {
+ color: #a9caf1; }
.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -1px #dcdfe3; }
@@ -2835,7 +2904,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #edeef0;
border-color: #d0d5da; }
-.nautilus-list-view .view {
+.nautilus-list-view .view, .nautilus-list-view iconview {
border-bottom: 1px solid #dcdfe3; }
@keyframes needs_attention_keyframes {
@@ -2857,12 +2926,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
animation: needs_attention_keyframes 3s ease-in-out;
animation-iteration-count: 3; }
-.open-document-selector-treeview.view {
+.open-document-selector-treeview.view, iconview.open-document-selector-treeview {
padding: 3px 6px 3px 6px;
border-color: #ffffff; }
- .open-document-selector-treeview.view:hover {
+ .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover {
background-color: rgba(0, 0, 0, 0.05); }
- .open-document-selector-treeview.view:hover:selected {
+ .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected {
color: #ffffff;
background-color: #5294E2; }
@@ -3164,7 +3233,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
-GtkTreeView-vertical-separator: 6px; }
.source-list,
-.source-list.view {
+.source-list.view,
+iconview.source-list {
background-color: #F5F6F7;
color: #5c616c;
-gtk-icon-style: regular; }
@@ -3172,12 +3242,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar {
.source-list.category-expander {
color: transparent; }
-.source-list.view:hover {
+.source-list.view:hover, iconview.source-list:hover {
background-color: white; }
-.source-list.view:selected,
+.source-list.view:selected, iconview.source-list:selected,
.source-list.view:hover:selected,
+iconview.source-list:hover:selected,
.source-list.view:selected:focus,
+iconview.source-list:selected:focus,
.source-list.category-expander:hover {
color: #ffffff;
background-color: #5294E2; }
@@ -3249,7 +3321,7 @@ GraniteWidgetsPopOver {
background-image: linear-gradient(to bottom, #ffffff);
border: 1px solid rgba(0, 0, 0, 0.3); }
-GraniteWidgetsPopOver .sidebar.view,
+GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
GraniteWidgetsPopOver * {
background-color: transparent; }
@@ -3326,11 +3398,10 @@ GtkListBox .h4 {
border-color: #5294E2;
background-color: #5294E2; }
#content_frame button:disabled {
- color: rgba(92, 97, 108, 0.55);
border-color: rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55); }
- #content_frame button:disabled > label {
- color: inherit; }
+ #content_frame button:disabled label, #content_frame button:disabled {
+ color: rgba(92, 97, 108, 0.55); }
#buttonbox_frame {
padding-top: 20px;
@@ -3415,11 +3486,11 @@ GtkListBox .h4 {
border-bottom-width: 0;
font: bold; }
-.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator {
+.nautilus-window paned > separator {
background: rgba(53, 57, 69, 0.95); }
- .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) {
+ .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
- .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) {
+ .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list {
@@ -3427,19 +3498,17 @@ GtkListBox .h4 {
.nautilus-window placessidebar.sidebar {
background-color: rgba(53, 57, 69, 0.95); }
- .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
- border: 1px solid #5294E2; }
- .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
- background-color: rgba(75, 81, 98, 0.95); }
- .nautilus-window placessidebar.sidebar row.activatable {
+ .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image {
+ color: #5294E2; }
+ .nautilus-window placessidebar.sidebar row {
border: none;
color: #BAC3CF; }
- .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon {
+ .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon {
color: rgba(186, 195, 207, 0.6); }
- .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover {
+ .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover {
background-color: rgba(186, 195, 207, 0.15); }
- .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon {
- color: inherit; }
+ .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image {
+ color: rgba(186, 195, 207, 0.4); }
.nautilus-window placessidebar.sidebar separator {
background-color: transparent; }
diff --git a/common/gtk-3.0/3.20/sass/_colors.scss b/common/gtk-3.0/3.20/sass/_colors.scss
index 47daa0f..6ff238a 100644
--- a/common/gtk-3.0/3.20/sass/_colors.scss
+++ b/common/gtk-3.0/3.20/sass/_colors.scss
@@ -24,6 +24,8 @@ $success_color: #73d216;
$destructive_color: #F04A50;
$suggested_color: #4DADD4;
+$drop_target_color: #4e9a06;
+
//insensitive state derived colors
$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55));
$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%));
diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss
index 40cbb84..06e7cfa 100644
--- a/common/gtk-3.0/3.20/sass/_common.scss
+++ b/common/gtk-3.0/3.20/sass/_common.scss
@@ -41,9 +41,7 @@ $darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix);
background-color: if($transparency == 'true', transparentize($bg_color, 0.001), $bg_color); // without this headerbar transparency doesn't seem to work
}
-*:disabled {
- -gtk-icon-effect: dim;
-}
+*:disabled { -gtk-icon-effect: dim; }
.gtkstyle-fallback {
background-color: $bg_color;
@@ -67,41 +65,29 @@ $darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix);
}
.view,
-textview text {
+%view {
color: $text_color;
background-color: $base_color;
- &:selected,
- selection,
- selection:focus,
- selection:hover {
- @extend %selected_items;
- }
- &.dim-label {
- color: transparentize($text_color, 0.45);
-
- selection, selection:focus {
- color: transparentize($selected_fg_color, 0.35);
- text-shadow: none;
+ &:selected {
+ &, &:focus {
+ @extend %selected_items;
+ border-radius: 2px;
}
}
}
-textview { // This will get overridden by .view, needed by gedit line numbers
- background-color: mix($bg_color, $base_color, 50%);
-}
-
-iconview {
- color: $text_color;
- background-color: $base_color;
+.view,
+textview {
+ text {
+ @extend %view;
- &:selected,
- &:selected:focus {
- border-radius: 2px;
- @extend %selected_items;
+ selection { &:focus, & { @extend %selected_items; }}
}
}
+iconview { @extend .view; }
+
rubberband,
.rubberband {
border: 1px solid darken($selected_bg_color, 10%);
@@ -116,26 +102,32 @@ flowbox {
border-radius: 2px;
&:selected {
- outline-offset: -2px;
-
@extend %selected_items;
+
+ outline-offset: -2px;
}
}
}
label {
&.separator {
- color: $fg_color;
@extend .dim-label;
+
+ color: $fg_color;
}
- &:selected,
- selection,
- selection:focus,
- selection:hover {
- @extend %selected_items;
+
+ row:selected &,
+ &:selected { @extend %nobg_selected_items; }
+
+ selection {
+ color: $selected_fg_color;
+ background-color: $selected_bg_color;
}
+
&:disabled {
color: $insensitive_fg_color;
+
+ selection { @extend %selected_items:disabled; }
}
}
@@ -150,6 +142,7 @@ assistant {
}
&.csd .sidebar { border-top-style: none; }
+
.sidebar label { padding: 6px 12px; }
.sidebar label.highlight {
@@ -158,6 +151,10 @@ assistant {
}
}
+textview { // This will get overridden by .view, needed by gedit line numbers
+ background-color: $base_color;
+}
+
%osd, .osd {
color: $osd_fg_color;
border: none;
@@ -212,12 +209,14 @@ entry {
&.right { padding-right: 0; padding-left: 5px; }
}
- &.flat, &.flat:focus {
- @include entry(normal);
- min-height: 0;
- padding: 2px;
- border: none;
- border-radius: 0;
+ &.flat {
+ &, &:focus {
+ min-height: 0;
+ padding: 2px;
+ background-image: none;
+ border-color: transparent;
+ border-radius: 0;
+ }
}
&:focus {
@@ -227,23 +226,9 @@ entry {
&:disabled { @include entry(insensitive); }
- selection,
- selection:focus {
- background-color: $selected_bg_color;
- color: $selected_fg_color;
- }
-
- progress {
- margin: 0 -6px;
- border-radius: 0;
- border-width: 0 0 2px;
- border-color: $selected_bg_color;
- border-style: solid;
- background-image: none;
- background-color: transparent;
- box-shadow: none;
- }
+ selection { &:focus, & { @extend %selected_items; }}
+ // error and warning style
@each $e_type, $e_color in (warning, $warning_color),
(error, $error_color) {
&.#{$e_type} {
@@ -265,12 +250,31 @@ entry {
}
}
+ &:drop(active) {
+ &:focus, & {
+ border-color: $drop_target_color;
+ box-shadow: inset 0 0 0 1px $drop_target_color;
+ }
+ }
+
.osd & {
@include entry(osd);
&:focus { @include entry(osd-focus); }
&:disabled { @include entry(osd-insensitive); }
}
+ progress {
+ margin: 0 -6px;
+ border-radius: 0;
+ border-width: 0 0 2px;
+ border-color: $selected_bg_color;
+ border-style: solid;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: none;
+ }
+
+ // linked entries
.linked:not(.vertical) > &,
.linked:not(.vertical) > &:focus { @extend %linked; }
@@ -278,6 +282,16 @@ entry {
.linked.vertical > &:focus { @extend %linked_vertical; }
}
+treeview entry {
+ &.flat, & {
+ border-radius: 0;
+ background-image: none;
+ background-color: $base_color;
+
+ &:focus { border-color: $selected_bg_color; }
+ }
+}
+
//
// Buttons
//
@@ -317,26 +331,29 @@ button {
&.flat {
@include button(undecorated);
- background-color: transparentize($button_bg, 1);
- border-color: transparentize($button_border, 1);
// to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set
// to none, while it's added back in the hover state, so the button decoration will fade in on hover, but
// it won't fade out when the pointer leave the button allocation area. To make the transition more evident
// in this case the duration is increased.
transition: none;
+
&:hover {
transition: $_button_transition;
transition-duration: 350ms;
+
&:active { transition: $_button_transition; }
}
}
+
&:hover {
@include button(hover);
-gtk-icon-effect: highlight;
}
+
&:active, &:checked {
- background-clip: if($variant=='light', border-box, padding-box);
@include button(active);
+
+ background-clip: if($variant=='light', border-box, padding-box);
transition-duration: 50ms;
}
@@ -345,15 +362,43 @@ button {
&:active:hover, &:checked { color: $selected_fg_color; }
//Webkitgtk workaround end
- &.flat:disabled {
- @include button(undecorated);
- }
+ &.flat:disabled { @include button(undecorated); }
+
&:disabled {
@include button(insensitive);
+
&:active, &:checked {
@include button(insensitive-active);
}
}
+
+ &.image-button {
+ min-width: 32px;
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ &.text-button {
+ padding-left: 16px;
+ padding-right: 16px;
+ }
+
+ &.text-button.image-button {
+ padding-left: 8px;
+ padding-right: 8px;
+
+ label {
+ padding-left: 8px;
+ padding-right: 8px;
+ }
+ }
+
+ &:drop(active) {
+ color: $drop_target_color;
+ border-color: $drop_target_color;
+ box-shadow: inset 0 0 0 1px $drop_target_color;
+ }
+
// big standalone buttons like in Documents pager
&.osd {
color: $osd_fg_color;
@@ -422,27 +467,6 @@ button {
}
}
- &.image-button {
- min-width: 32px;
- padding-left: 0;
- padding-right: 0;
- }
-
- &.text-button {
- padding-left: 16px;
- padding-right: 16px;
- }
-
- &.text-button.image-button {
- padding-left: 8px;
- padding-right: 8px;
-
- label {
- padding-left: 8px;
- padding-right: 8px;
- }
- }
-
.stack-switcher > & {
// to position the needs attention dot, padding is added to the button
// child, a label needs just lateral padding while an icon needs vertical
@@ -509,16 +533,12 @@ button {
.linked:not(.vertical) > &,
.linked:not(.vertical) > &:hover,
.linked:not(.vertical) > &:active,
- .linked:not(.vertical) > &:checked {
- @extend %linked;
- }
+ .linked:not(.vertical) > &:checked { @extend %linked; }
.linked.vertical > &,
.linked.vertical > &:hover,
.linked.vertical > &:active,
- .linked.vertical > &:checked {
- @extend %linked_vertical;
- }
+ .linked.vertical > &:checked { @extend %linked_vertical; }
}
// all the following is for the +|- buttons on inline toolbars, that way
@@ -686,7 +706,8 @@ modelbutton.flat {
}
modelbutton.flat arrow {
- &, &:hover { background: none; }
+ & { background: none; }
+
&.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
&.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
}
@@ -696,6 +717,7 @@ modelbutton.flat arrow {
//
*:link {
color: $link_color;
+
&:visited {
color: $link_visited_color;
*:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); }
@@ -708,9 +730,10 @@ modelbutton.flat arrow {
color: $link_color;
*:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); }
}
- &:selected, *:selected & {
- color: mix($selected_fg_color, $selected_bg_color, 80%);
- }
+
+ @at-root %link_selected,
+ &:selected,
+ *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); }
}
button:link, button:visited {
@@ -780,6 +803,8 @@ combobox {
min-width: 16px;
}
+ &:drop(active) button.combo { @extend button:drop(active); }
+
&.linked {
button:nth-child(2) {
&:dir(ltr) { @extend %linked:last-child; }
@@ -816,11 +841,29 @@ toolbar {
&.horizontal separator { margin: 0 6px; }
&.vertical separator { margin: 6px 0; }
- .osd &, &.osd {
+ .osd & { background-color: transparent; }
+
+ &.osd {
padding: 7px;
border: 1px solid transparentize(black, 0.5);
border-radius: 3px;
background-color: transparentize($osd_bg_color, 0.1);
+
+ &.left,
+ &.right,
+ &.top,
+ &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars
+ }
+
+ &:not(.inline-toolbar):not(.osd) {
+ switch,
+ scale,
+ entry,
+ spinbutton,
+ button {
+ margin-right: 1px;
+ margin-bottom: 1px;
+ }
}
}
@@ -1319,8 +1362,8 @@ headerbar {
}
&.slider-button {
- padding-left: 2px;
- padding-right: 2px;
+ padding-left: 1px;
+ padding-right: 1px;
}
image {
@@ -1333,7 +1376,6 @@ headerbar {
// Tree Views
//
treeview.view {
-
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
@@ -1346,15 +1388,18 @@ treeview.view {
rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props
&:selected {
- border-radius: 0;
- border-left-color: mix($selected_fg_color, $selected_bg_color, 50%);
- border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunately
+ &, &:focus {
+ border-radius: 0;
+ border-left-color: mix($selected_fg_color, $selected_bg_color, 50%);
+ border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunately
- @extend %selected_items;
+ @extend %selected_items;
+ }
}
&:disabled {
color: $insensitive_fg_color;
+
&:selected {
color: mix($selected_fg_color, $selected_bg_color, 40%);
}
@@ -1365,10 +1410,13 @@ treeview.view {
color: transparentize(black, 0.9);
}
- &.dnd {
+ &:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: mix($fg_color, $selected_bg_color, 50%);
+
+ &.after { border-top-style: none; }
+ &.before { border-bottom-style: none; }
}
&.expander {
@@ -1593,8 +1641,7 @@ popover.background {
> list,
> .view,
- > toolbar,
- &.osd > toolbar {
+ > toolbar {
border-style: none;
background-color: transparent;
}
@@ -1602,6 +1649,8 @@ popover.background {
&, .csd & {
&.osd, &.magnifier { @extend %osd; }
&.touch-selection { @extend .context-menu }
+
+ &.osd { @extend %osd; }
}
}
@@ -1620,7 +1669,6 @@ cursor-handle {
//
notebook {
padding: 0;
- transition: all 200ms $ease-out-quad;
&.frame {
border: 1px solid $borders_color;
@@ -1748,22 +1796,14 @@ scrollbar {
button { border: none; }
- &.vertical {
- button.down {
- -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
- }
- button.up {
- -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
- }
+ &.vertical button {
+ &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
+ &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); }
}
- &.horizontal {
- button.down {
- -gtk-icon-source: -gtk-icontheme('pan-right-symbolic');
- }
- button.up {
- -gtk-icon-source: -gtk-icontheme('pan-left-symbolic');
- }
+ &.horizontal button {
+ &.down { -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); }
+ &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); }
}
&.overlay-indicator {
@@ -1908,7 +1948,7 @@ switch {
}
//
-// Check and Radio items *
+// Check and Radio items
//
@each $w,$a in ('check', 'checkbox'),
('radio','radio') {
@@ -1958,29 +1998,24 @@ switch {
checkbutton, radiobutton {
// this is for a nice focus on check and radios text
&.text-button {
- padding: 2px 0;
- outline-offset: 0;
+ padding: 2px 0;
+ outline-offset: 0;
+ }
label:not(:only-child) {
&:first-child { margin-left: 4px; }
&:last-child { margin-right: 4px; }
}
-
- &:disabled,
- &:disabled:active,
- &:disabled:indeterminate {
- // set insensitive color, which is overriden otherwise
- color: $insensitive_fg_color;
- }
- }
}
-radiobutton radio,
-checkbutton check {
+check,
+radio {
min-width: 16px;
min-height: 16px;
margin: 0 2px;
- &:only-child { margin: 0; }
+
+ &:only-child,
+ menu menuitem & { margin: 0; }
}
//
@@ -2117,7 +2152,7 @@ scale {
}
fill {
background: none;
- background-color: red;
+ background-color: transparentize($selected_bg_color, 0.5);
}
&:disabled {
background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45));
@@ -2127,6 +2162,7 @@ scale {
.osd & {
background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%));
outline-color: transparentize($osd_fg_color, 0.8);
+
highlight {
background-image: none;
background-image: linear-gradient(to bottom, $selected_bg_color);
@@ -2188,11 +2224,6 @@ progressbar {
}
}
-// FIXME
-//.osd .scale.progressbar {
-// background-color: $selected_bg_color;
-//}
-
//
// Level Bar
//
@@ -2261,13 +2292,12 @@ frame > border,
padding: 0;
border-radius: 0;
border: 1px solid $borders_color;
+
&.flat { border-style: none; }
- padding: 0;
}
scrolledwindow {
- viewport.frame { // avoid double borders when viewport inside
- // scrolled window
+ viewport.frame { // avoid double borders when viewport inside scrolled window
border-style: none;
}
@@ -2315,35 +2345,32 @@ list {
row { padding: 2px; }
}
-row.activatable {
- &.has-open-popup,
- &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); }
-
- &:active { color: $fg_color; }
+row {
+ &:not(:hover) { transition: all 150ms $ease-out-quad; }
&:selected {
- &:active { color: $selected_fg_color; }
+ @extend %selected_items;
+ button { @extend %selected-button; }
+ }
+
+ &.activatable {
&.has-open-popup,
- &:hover { background-color: mix(black, $selected_bg_color, 10%); }
+ &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); }
+ &:active { color: $fg_color; }
&:disabled {
- color: transparentize($selected_fg_color, 0.3);
- background-color: transparentize($selected_bg_color, 0.3);
- label { color: inherit; }
+ color: $insensitive_fg_color;
+ image { color: inherit; }
}
- }
-}
-row:selected {
- @extend %selected_items;
- button { @extend %selected-button }
-}
+ &:selected {
+ &:active { color: $selected_fg_color; }
-// transition
-row {
- transition: all 150ms $ease-out-quad;
- &:hover { transition: none; }
+ &.has-open-popup,
+ &:hover { background-color: mix(black, $selected_bg_color, 10%); }
+ }
+ }
}
//
@@ -2354,10 +2381,10 @@ row {
color: $dark_sidebar_fg;
background-color: $dark_sidebar_bg;
background-clip: border-box;
- border-radius: 0 0 2px 2px;
- border-width: 0 1px 1px 1px;
- border-style: solid;
- border-color: darken($dark_sidebar_bg, 10%);
+ border-radius: 0 0 2px 2px;
+ border-width: 0 1px 1px 1px;
+ border-style: solid;
+ border-color: darken($dark_sidebar_bg, 10%);
border { border: none; }
@@ -2423,9 +2450,7 @@ calendar {
}
}
&:indeterminate { color: gtkalpha(currentColor,0.55); }
- &.highlight {
- color: $fg_color;
- }
+ &.highlight { color: $fg_color; }
}
//
@@ -2478,6 +2503,11 @@ filechooser {
#pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); }
}
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent;
+}
+
//
// Sidebar
//
@@ -2495,13 +2525,12 @@ filechooser {
@at-root %sidebar_right,
&:dir(rtl),
- &.left {
+ &.right {
border-left: 1px solid $borders_color;
border-right-style: none;
}
- &:selected { @extend %selected_items; }
- separator { @extend separator; }
+ list { background-color: transparent; }
paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }}
}
@@ -2531,11 +2560,8 @@ stacksidebar {
}
placessidebar {
-
> viewport.frame { border-style: none; }
- list { background-color: transparent; }
-
row {
// Needs overriding of the GtkListBoxRow padding
min-height: 30px;
@@ -2565,11 +2591,27 @@ placessidebar {
&:not(:hover):not(:active) > image { opacity: 0.5 };
}
- }
- row.sidebar-placeholder-row { border: solid 1px $selected_bg_color; }
+ &.sidebar-placeholder-row {
+ padding: 0 8px;
+ min-height: 2px;
+ background-image: linear-gradient(to top, $drop_target_color);
+ background-clip: content-box;
+ }
+
+ &.sidebar-new-bookmark-row { color: $selected_bg_color; }
- row.sidebar-new-bookmark-row { background-color: darken($bg_color, 10%); }
+ &:drop(active):not(:disabled) {
+ color: $drop_target_color;
+ box-shadow: inset 0 1px $drop_target_color,
+ inset 0 -1px $drop_target_color;
+
+ &:selected {
+ color: $selected_fg_color;
+ background-color: $drop_target_color;
+ }
+ }
+ }
}
//
@@ -2649,19 +2691,25 @@ paned {
//
// GtkInfoBar
//
-infobar {
- border-style: none;
-
- button { @extend %selected-button }
-}
+infobar { border-style: none; }
.info,
.question,
.warning,
-.error,
-infobar {
+.error {
background-color: $selected_bg_color;
color: $selected_fg_color;
+
+ button { @extend %selected-button }
+
+ label:selected {
+ &:focus, &:hover, & {
+ color: $selected_bg_color;
+ background-color: $selected_fg_color;
+ }
+ }
+
+ *:link { @extend %link_selected; }
}
@@ -2837,9 +2885,13 @@ colorchooser .popover.osd { border-radius: 3px; }
rubberband { @extend rubberband; }
}
-.scale-popup button { // +/- buttons on GtkVolumeButton popup
- &:hover {
- @include button(hover);
+.scale-popup {
+ .osd & { @extend %osd; }
+
+ button { // +/- buttons on GtkVolumeButton popup
+ &:hover {
+ @include button(hover);
+ }
}
}
@@ -2884,8 +2936,8 @@ stackswitcher button {
//
*:drop(active):focus,
*:drop(active) {
- border-color: black;
- box-shadow: inset 0 0 0 1px black;
+ border-color: $drop_target_color;
+ box-shadow: inset 0 0 0 1px $drop_target_color;
}
//
@@ -2915,8 +2967,7 @@ decoration {
.tiled & {
border-radius: 0;
}
- .popup &,
- &.popup {
+ .popup & {
box-shadow: none;
border-radius: 0;
}
@@ -2995,8 +3046,12 @@ headerbar,
// catch all extend
%selected_items {
- background-image: none;
background-color: $selected_bg_color;
- color: $selected_fg_color;
- outline-color: transparentize($selected_fg_color, 0.7);
+
+ @at-root %nobg_selected_items, & {
+ color: $selected_fg_color;
+ outline-color: transparentize($selected_fg_color, 0.7);
+
+ &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); }
+ }
}
diff --git a/common/gtk-3.0/3.20/sass/_drawing.scss b/common/gtk-3.0/3.20/sass/_drawing.scss
index 8ccaea3..942e1fd 100644
--- a/common/gtk-3.0/3.20/sass/_drawing.scss
+++ b/common/gtk-3.0/3.20/sass/_drawing.scss
@@ -1,18 +1,5 @@
// Drawing mixins
-// generic drawing of more complex things
-
-@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) {
-//
-// Helper function to stack up to 4 box-shadows;
-//
-
- @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; }
- @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; }
- @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; }
- @else { box-shadow: $shadow1; }
-}
-
// Entries
@mixin entry($t) {
@@ -163,24 +150,22 @@
//
// insensitive button
//
- color: $insensitive_fg_color;
+ label, & { color: $insensitive_fg_color; }
+
border-color: transparentize($button_border, 0.45);
background-color: transparentize($button_bg, 0.45);
-
- > label { color: inherit; }
}
@else if $t==insensitive-active {
//
// insensitive pushed button
//
- color: transparentize($selected_fg_color, 0.2);
+ label, & { color: transparentize($selected_fg_color, 0.2); }
+
border-color: transparentize($selected_bg_color, 0.25);
background-color: transparentize($selected_bg_color, 0.25);
opacity: 0.6;
-
- > label { color: inherit; }
}
@if $t==header-normal {
@@ -218,11 +203,10 @@
//
// insensitive header-bar button
//
- color: transparentize($header_fg, 0.45);
+ label, & { color: transparentize($header_fg, 0.45); }
+
background-color: transparentize($header_bg, 1);
border-color: transparentize($header_bg, 1);
-
- > label { color: inherit; }
}
@else if $t==header-insensitive-active {
diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss
index 3390c96..5dd29cf 100644
--- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss
+++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss
@@ -21,22 +21,26 @@
background-color: $dark_sidebar_bg;
- row.sidebar-placeholder-row { border: 1px solid $selected_bg_color; }
-
- row.sidebar-new-bookmark-row { background-color: lighten($dark_sidebar_bg, 10%); }
+ row.sidebar-new-bookmark-row {
+ &, image { color: $selected_bg_color; }
+ }
- row.activatable {
+ row {
border: none;
color: $dark_sidebar_fg;
- .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); }
+ &:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) {
+ .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); }
+ }
&.has-open-popup,
&:hover { background-color: transparentize($dark_sidebar_fg, 0.85); }
+ &:disabled {
+ &, label, image { color: transparentize($dark_sidebar_fg, 0.6); }
+ }
&:selected, &:selected:hover, &:active:hover {
@extend %selected_items;
- .sidebar-icon { color: inherit; }
}
}