From bb58312bdc5f94c9d63881287a21ab73ae510e98 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Tue, 22 Mar 2016 12:24:30 +0100 Subject: [PATCH] lots of fixes --- common/gtk-3.0/3.14/sass/_drawing.scss | 13 - common/gtk-3.0/3.16/sass/_drawing.scss | 13 - common/gtk-3.0/3.18/sass/_drawing.scss | 13 - common/gtk-3.0/3.20/gtk-dark.css | 493 ++++++++++-------- common/gtk-3.0/3.20/gtk-darker.css | 493 ++++++++++-------- common/gtk-3.0/3.20/gtk-solid-dark.css | 493 ++++++++++-------- common/gtk-3.0/3.20/gtk-solid-darker.css | 493 ++++++++++-------- common/gtk-3.0/3.20/gtk-solid.css | 493 ++++++++++-------- common/gtk-3.0/3.20/gtk.css | 493 ++++++++++-------- common/gtk-3.0/3.20/sass/_colors.scss | 2 + common/gtk-3.0/3.20/sass/_common.scss | 447 +++++++++------- common/gtk-3.0/3.20/sass/_drawing.scss | 28 +- .../3.20/sass/_transparent_widgets.scss | 16 +- 13 files changed, 1955 insertions(+), 1535 deletions(-) diff --git a/common/gtk-3.0/3.14/sass/_drawing.scss b/common/gtk-3.0/3.14/sass/_drawing.scss index ab99a37..93f9386 100644 --- a/common/gtk-3.0/3.14/sass/_drawing.scss +++ b/common/gtk-3.0/3.14/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) { diff --git a/common/gtk-3.0/3.16/sass/_drawing.scss b/common/gtk-3.0/3.16/sass/_drawing.scss index ab99a37..93f9386 100644 --- a/common/gtk-3.0/3.16/sass/_drawing.scss +++ b/common/gtk-3.0/3.16/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) { diff --git a/common/gtk-3.0/3.18/sass/_drawing.scss b/common/gtk-3.0/3.18/sass/_drawing.scss index ab99a37..93f9386 100644 --- a/common/gtk-3.0/3.18/sass/_drawing.scss +++ b/common/gtk-3.0/3.18/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) { 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; } } }