diff options
Diffstat (limited to 'common/gtk-3.0/3.14')
| -rw-r--r-- | common/gtk-3.0/3.14/.nvmrc | 1 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/Gemfile | 3 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/Gemfile.lock | 10 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/gtk-contained-dark.css | 650 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/gtk-contained-darker.css | 753 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/gtk-contained-solid-dark.css | 650 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/gtk-contained-solid-darker.css | 753 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/gtk-contained-solid.css | 755 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/gtk-contained.css | 755 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/gulpfile.js | 18 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/package.json | 7 | ||||
| -rwxr-xr-x | common/gtk-3.0/3.14/parse-sass.sh | 3 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/_applications.scss (renamed from common/gtk-3.0/3.14/_applications.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/_colors-public.scss (renamed from common/gtk-3.0/3.14/_colors-public.scss) | 6 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/_colors.scss (renamed from common/gtk-3.0/3.14/_colors.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/_common.scss (renamed from common/gtk-3.0/3.14/_common.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/_drawing.scss (renamed from common/gtk-3.0/3.14/_drawing.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/_granite.scss (renamed from common/gtk-3.0/3.14/_granite.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/_lightdm.scss (renamed from common/gtk-3.0/3.14/_lightdm.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/_transparent_widgets.scss (renamed from common/gtk-3.0/3.14/_transparent_widgets.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/_unity.scss (renamed from common/gtk-3.0/3.14/_unity.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/gtk-contained-dark.scss (renamed from common/gtk-3.0/3.14/gtk-contained-dark.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/gtk-contained-darker.scss (renamed from common/gtk-3.0/3.14/gtk-contained-darker.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/gtk-contained-solid-dark.scss (renamed from common/gtk-3.0/3.14/gtk-contained-solid-dark.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/gtk-contained-solid-darker.scss (renamed from common/gtk-3.0/3.14/gtk-contained-solid-darker.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/gtk-contained-solid.scss (renamed from common/gtk-3.0/3.14/gtk-contained-solid.scss) | 0 | ||||
| -rw-r--r-- | common/gtk-3.0/3.14/sass/gtk-contained.scss (renamed from common/gtk-3.0/3.14/gtk-contained.scss) | 0 |
27 files changed, 2575 insertions, 1789 deletions
diff --git a/common/gtk-3.0/3.14/.nvmrc b/common/gtk-3.0/3.14/.nvmrc new file mode 100644 index 0000000..43c2417 --- /dev/null +++ b/common/gtk-3.0/3.14/.nvmrc @@ -0,0 +1 @@ +0.12.5 diff --git a/common/gtk-3.0/3.14/Gemfile b/common/gtk-3.0/3.14/Gemfile deleted file mode 100644 index c177689..0000000 --- a/common/gtk-3.0/3.14/Gemfile +++ /dev/null @@ -1,3 +0,0 @@ -source 'https://rubygems.org' - -gem "sass", "~> 3.4.0" diff --git a/common/gtk-3.0/3.14/Gemfile.lock b/common/gtk-3.0/3.14/Gemfile.lock deleted file mode 100644 index f64766f..0000000 --- a/common/gtk-3.0/3.14/Gemfile.lock +++ /dev/null @@ -1,10 +0,0 @@ -GEM - remote: https://rubygems.org/ - specs: - sass (3.4.10) - -PLATFORMS - ruby - -DEPENDENCIES - sass (~> 3.4.0) diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.css b/common/gtk-3.0/3.14/gtk-contained-dark.css index 5899495..5fda495 100644 --- a/common/gtk-3.0/3.14/gtk-contained-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-dark.css @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #D3DAE3; } + GtkLabel:insensitive { color: rgba(211, 218, 227, 0.45); } @@ -88,16 +89,19 @@ GtkAssistant .sidebar { border-right: 1px solid #2d3036; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #2d3036; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #3e424b; } + background-color: #3e424c; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(45, 48, 54, 0.55); background-color: rgba(56, 60, 69, 0.55); background-image: linear-gradient(to bottom, rgba(56, 60, 69, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #d4403a); } + background-image: linear-gradient(to bottom, #d5403b); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #cc6c38); } + background-image: linear-gradient(to bottom, #cd6c38); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -217,20 +223,20 @@ GtkFlowBox .grid-child { .entry.image:active { color: #5294E2; } .linked.vertical > .entry { - border-bottom-color: #343840; + border-bottom-color: #353841; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294E2; box-shadow: 0 -1px 0 0 #5294E2; } .linked.vertical > .entry:insensitive { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:first-child { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294E2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(211, 218, 227, 0.3); border-color: #5294E2; background-color: #3d414b; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(61, 65, 75, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } - .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, + GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } - .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), - .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), + GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), + .header-bar .linked.stack-switcher > .button:dir(rtl), + .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, -.primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, +.header-bar .linked.stack-switcher > .button:first-child, +.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } - .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, - .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, + .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, + .header-bar .linked.stack-switcher > .button:first-child:hover, + .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, -.primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, +.header-bar .linked.stack-switcher > .button:last-child, +.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } - .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, - .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, + .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, + .header-bar .linked.stack-switcher > .button:last-child:hover, + .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), - .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), + .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), + .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), + .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, -.primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, +.header-bar .linked.stack-switcher > .button:only-child, +.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } - .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, - .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, + .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, + .header-bar .linked.stack-switcher > .button:only-child:hover, + .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -799,7 +841,7 @@ GtkComboBox { border-color: #2d3036; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #444852; @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343b; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } + .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button { + +.primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(29, 32, 36, 0.97); background-color: rgba(40, 44, 50, 0.87); } - .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover { + .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(24, 27, 31, 0.97); @@ -1094,37 +1165,48 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(207, 218, 231, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, rgba(55, 59, 68, 0.997)); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, rgba(50, 55, 63, 0.982)); } + background-image: linear-gradient(to bottom, rgba(51, 55, 63, 0.982)); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1142,16 +1224,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #92b7e2; } + border-color: #93b7e3; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #858b94; } + color: #868b94; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #D3DAE3; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1179,7 +1261,9 @@ column-header .button { column-header .button:active { color: #D3DAE3; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1250,11 +1334,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #474b54; } + border-bottom: 1px solid #484c55; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #474b54; } + border-top: 1px solid #484c55; } .menu.button:hover, .popup.button:hover { - background-color: #474b54; } + background-color: #484c55; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1279,7 +1363,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1416,7 +1501,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #D3DAE3; } .notebook tab .button { padding: 0; - color: #a0a6b0; } + color: #a1a7b0; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1463,9 +1548,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #383C45; } @@ -1668,7 +1753,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } /************ @@ -1695,8 +1784,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #3d414a); - border-color: #4b71a1; } + background-image: linear-gradient(to bottom, #3d414b); + border-color: #4c72a1; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } @@ -1712,14 +1801,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1741,7 +1830,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1791,6 +1880,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1826,7 +1916,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1852,7 +1948,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1892,16 +1988,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1977,6 +2073,7 @@ GtkFileChooserDialog .search-bar { background-color: #444852; border-color: #2d3036; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2d3036; } @@ -2179,6 +2276,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2194,13 +2292,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2213,14 +2312,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2252,6 +2350,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2267,13 +2366,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2286,14 +2386,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2325,6 +2424,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2340,13 +2440,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2359,14 +2460,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2412,7 +2512,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2434,6 +2539,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2442,6 +2548,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2450,6 +2557,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2467,6 +2575,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2475,6 +2584,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2483,6 +2593,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2492,7 +2603,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2517,19 +2633,15 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #2d3036, inset 0 -1px #2d3036, inset 1px 0 #2d3036, inset -1px 0 #2d3036; } -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #24272d, inset 0 -1px #2d3036; } @@ -2546,8 +2658,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2618,11 +2732,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #a0a6b0; } + color: #a1a7b0; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2631,6 +2748,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #D3DAE3; } @@ -2672,9 +2790,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(24, 27, 31, 0.97); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2683,13 +2801,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2697,12 +2815,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2718,14 +2838,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #444852; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2851,7 +2974,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3053,7 +3176,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #32383f); color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(31, 34, 39, 0.97)); } UnityPanelWidget, @@ -3131,8 +3255,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #444852; @@ -3174,7 +3297,7 @@ GraniteWidgetsWelcome { background-color: #383C45; } GraniteWidgetsWelcome GtkLabel { - color: #8b919a; + color: #8c919b; font: open sans 11; text-shadow: none; } @@ -3307,7 +3430,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3385,13 +3508,16 @@ GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { border-right: 1px solid rgba(46, 49, 56, 0.95); } + GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { border-left: 1px solid rgba(46, 49, 56, 0.95); } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3401,27 +3527,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: rgba(69, 74, 84, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3434,15 +3565,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3455,14 +3586,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3475,136 +3606,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #454a54; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3613,21 +3735,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: rgba(69, 74, 84, 0.95); } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #444852; } + GtkFileChooserDialog .dialog-action-box { background-color: #444852; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(35, 37, 42, 0.95); } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3635,8 +3763,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: rgba(46, 49, 56, 0.95); } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: rgba(36, 39, 45, 0.97); } .gedit-bottom-panel-paned { @@ -3692,9 +3822,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3733,7 +3863,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3750,7 +3880,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3768,7 +3898,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #494d58; -@define-color insensitive_fg_color rgba(211, 218, 227, 0.45); +@define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #383C45; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @@ -3780,8 +3910,8 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343b; @define-color wm_bg_unfocused #32383f; @define-color wm_highlight #363c44; diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.css b/common/gtk-3.0/3.14/gtk-contained-darker.css index 4e8ead9..be39081 100644 --- a/common/gtk-3.0/3.14/gtk-contained-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-darker.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } - .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, + GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } - .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), - .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), + GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), + .header-bar .linked.stack-switcher > .button:dir(rtl), + .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, -.primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, +.header-bar .linked.stack-switcher > .button:first-child, +.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } - .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, - .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, + .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, + .header-bar .linked.stack-switcher > .button:first-child:hover, + .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, -.primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, +.header-bar .linked.stack-switcher > .button:last-child, +.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } - .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, - .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, + .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, + .header-bar .linked.stack-switcher > .button:last-child:hover, + .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), - .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), + .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), + .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), + .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, -.primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, +.header-bar .linked.stack-switcher > .button:only-child, +.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } - .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, - .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, + .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, + .header-bar .linked.stack-switcher > .button:only-child:hover, + .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #32383f; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343b; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } + .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button { + +.primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(29, 32, 36, 0.97); background-color: rgba(40, 44, 50, 0.87); } - .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover { + .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(24, 27, 31, 0.97); @@ -1094,38 +1165,49 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(207, 218, 231, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.97)); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(45, 49, 56, 0.97)); - border-color: rgba(61, 91, 128, 0.982); } + border-color: rgba(62, 92, 128, 0.982); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1143,16 +1225,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1171,7 +1253,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1180,7 +1262,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1227,7 +1311,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1251,11 +1335,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1280,7 +1364,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1313,7 +1398,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1325,7 +1410,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1335,13 +1420,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1365,10 +1450,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1378,10 +1463,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1391,10 +1476,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1404,10 +1489,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1417,7 +1502,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1452,9 +1537,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1464,9 +1549,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1669,7 +1754,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1696,7 +1785,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1713,14 +1802,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1742,7 +1831,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1792,6 +1881,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1814,7 +1904,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1827,7 +1917,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1835,7 +1931,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1853,7 +1949,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1893,16 +1989,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1923,7 +2019,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1976,10 +2072,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2016,7 +2113,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2117,13 +2214,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2180,6 +2277,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2195,13 +2293,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2214,14 +2313,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2253,6 +2351,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2268,13 +2367,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2287,14 +2387,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2326,6 +2425,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2341,13 +2441,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2360,14 +2461,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2413,7 +2513,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2435,6 +2540,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2443,6 +2549,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2451,6 +2558,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2468,6 +2576,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2476,6 +2585,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2484,6 +2594,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2493,7 +2604,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2518,22 +2634,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #1f2227, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #1f2227, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2547,8 +2659,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2583,7 +2697,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); @@ -2619,11 +2733,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2632,16 +2749,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2651,7 +2769,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2661,7 +2779,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2673,9 +2791,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(24, 27, 31, 0.97); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2684,13 +2802,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2698,12 +2816,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2719,14 +2839,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2756,7 +2879,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2852,7 +2975,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3054,7 +3177,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #32383f); color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(31, 34, 39, 0.97)); } UnityPanelWidget, @@ -3082,8 +3206,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3095,7 +3219,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3103,7 +3227,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3132,8 +3256,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3175,7 +3298,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3214,7 +3337,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3308,7 +3431,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3383,7 +3506,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3393,27 +3518,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: rgba(60, 64, 73, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3426,15 +3556,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3447,14 +3577,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3467,136 +3597,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3605,21 +3726,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: rgba(60, 64, 73, 0.95); } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(44, 47, 53, 0.95); } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3627,8 +3754,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: rgba(60, 64, 73, 0.95); } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: rgba(31, 34, 39, 0.97); } .gedit-bottom-panel-paned { @@ -3684,9 +3813,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3725,7 +3854,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3742,7 +3871,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3759,21 +3888,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; -@define-color borders #dcdfe3; -@define-color unfocused_borders #dcdfe3; +@define-color borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343b; @define-color wm_bg_unfocused #32383f; @define-color wm_highlight #363c44; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css index 1d3dc3a..4e40192 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #D3DAE3; } + GtkLabel:insensitive { color: rgba(211, 218, 227, 0.45); } @@ -88,16 +89,19 @@ GtkAssistant .sidebar { border-right: 1px solid #2d3036; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #2d3036; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #3e424b; } + background-color: #3e424c; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(45, 48, 54, 0.55); background-color: rgba(56, 60, 69, 0.55); background-image: linear-gradient(to bottom, rgba(56, 60, 69, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #d4403a); } + background-image: linear-gradient(to bottom, #d5403b); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #cc6c38); } + background-image: linear-gradient(to bottom, #cd6c38); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -217,20 +223,20 @@ GtkFlowBox .grid-child { .entry.image:active { color: #5294E2; } .linked.vertical > .entry { - border-bottom-color: #343840; + border-bottom-color: #353841; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294E2; box-shadow: 0 -1px 0 0 #5294E2; } .linked.vertical > .entry:insensitive { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:first-child { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294E2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(211, 218, 227, 0.3); border-color: #5294E2; background-color: #3d414b; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(61, 65, 75, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } - .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, + GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } - .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), - .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), + GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), + .header-bar .linked.stack-switcher > .button:dir(rtl), + .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, -.primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, +.header-bar .linked.stack-switcher > .button:first-child, +.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } - .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, - .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, + .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, + .header-bar .linked.stack-switcher > .button:first-child:hover, + .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, -.primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, +.header-bar .linked.stack-switcher > .button:last-child, +.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } - .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, - .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, + .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, + .header-bar .linked.stack-switcher > .button:last-child:hover, + .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), - .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), + .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), + .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), + .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, -.primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, +.header-bar .linked.stack-switcher > .button:only-child, +.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } - .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, - .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, + .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, + .header-bar .linked.stack-switcher > .button:only-child:hover, + .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -799,7 +841,7 @@ GtkComboBox { border-color: #2d3036; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #444852; @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343b; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } + .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button { + +.primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: #1d2024; background-color: rgba(40, 44, 50, 0.9); } - .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover { + .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: #181b1f; @@ -1094,37 +1165,48 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(207, 218, 231, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #373b44); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #32373f); } + background-image: linear-gradient(to bottom, #33373f); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1142,16 +1224,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #92b7e2; } + border-color: #93b7e3; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #858b94; } + color: #868b94; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #D3DAE3; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1179,7 +1261,9 @@ column-header .button { column-header .button:active { color: #D3DAE3; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1250,11 +1334,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #474b54; } + border-bottom: 1px solid #484c55; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #474b54; } + border-top: 1px solid #484c55; } .menu.button:hover, .popup.button:hover { - background-color: #474b54; } + background-color: #484c55; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1279,7 +1363,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1416,7 +1501,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #D3DAE3; } .notebook tab .button { padding: 0; - color: #a0a6b0; } + color: #a1a7b0; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1463,9 +1548,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #383C45; } @@ -1668,7 +1753,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } /************ @@ -1695,8 +1784,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #3d414a); - border-color: #4b71a1; } + background-image: linear-gradient(to bottom, #3d414b); + border-color: #4c72a1; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } @@ -1712,14 +1801,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1741,7 +1830,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1791,6 +1880,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1826,7 +1916,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1852,7 +1948,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1892,16 +1988,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1977,6 +2073,7 @@ GtkFileChooserDialog .search-bar { background-color: #444852; border-color: #2d3036; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2d3036; } @@ -2179,6 +2276,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2194,13 +2292,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2213,14 +2312,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2252,6 +2350,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2267,13 +2366,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2286,14 +2386,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2325,6 +2424,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2340,13 +2440,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2359,14 +2460,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2412,7 +2512,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2434,6 +2539,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2442,6 +2548,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2450,6 +2557,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2467,6 +2575,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2475,6 +2584,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2483,6 +2593,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2492,7 +2603,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2517,19 +2633,15 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #2d3036, inset 0 -1px #2d3036, inset 1px 0 #2d3036, inset -1px 0 #2d3036; } -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #24272d, inset 0 -1px #2d3036; } @@ -2546,8 +2658,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2618,11 +2732,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #a0a6b0; } + color: #a1a7b0; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2631,6 +2748,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #D3DAE3; } @@ -2672,9 +2790,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: #181b1f; background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2683,13 +2801,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2697,12 +2815,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2718,14 +2838,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #444852; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2851,7 +2974,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3053,7 +3176,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #32383f); color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, #1f2227); } UnityPanelWidget, @@ -3131,8 +3255,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #444852; @@ -3174,7 +3297,7 @@ GraniteWidgetsWelcome { background-color: #383C45; } GraniteWidgetsWelcome GtkLabel { - color: #8b919a; + color: #8c919b; font: open sans 11; text-shadow: none; } @@ -3307,7 +3430,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3385,13 +3508,16 @@ GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { border-right: 1px solid #2e3138; } + GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { border-left: 1px solid #2e3138; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3401,27 +3527,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: #454a54; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3434,15 +3565,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3455,14 +3586,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3475,136 +3606,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #454a54; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3613,21 +3735,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: #454a54; } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #444852; } + GtkFileChooserDialog .dialog-action-box { background-color: #444852; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #23252a; } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3635,8 +3763,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: #2e3138; } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: #24272d; } .gedit-bottom-panel-paned { @@ -3692,9 +3822,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3733,7 +3863,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3750,7 +3880,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3768,7 +3898,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #494d58; -@define-color insensitive_fg_color rgba(211, 218, 227, 0.45); +@define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #383C45; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @@ -3780,8 +3910,8 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343b; @define-color wm_bg_unfocused #32383f; @define-color wm_highlight #363c44; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css index 6e604b8..836d203 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } - .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, + GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } - .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), - .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), + GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), + .header-bar .linked.stack-switcher > .button:dir(rtl), + .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, -.primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, +.header-bar .linked.stack-switcher > .button:first-child, +.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } - .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, - .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, + .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, + .header-bar .linked.stack-switcher > .button:first-child:hover, + .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, -.primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, +.header-bar .linked.stack-switcher > .button:last-child, +.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } - .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, - .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, + .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, + .header-bar .linked.stack-switcher > .button:last-child:hover, + .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), - .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), + .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), + .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), + .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, -.primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, +.header-bar .linked.stack-switcher > .button:only-child, +.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } - .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, - .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, + .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, + .header-bar .linked.stack-switcher > .button:only-child:hover, + .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #32383f; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343b; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } + .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button { + +.primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: #1d2024; background-color: rgba(40, 44, 50, 0.9); } - .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover { + .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: #181b1f; @@ -1094,38 +1165,49 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(207, 218, 231, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #262a30); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #2d3138); - border-color: #3d5a7d; } + border-color: #3d5a7e; } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1143,16 +1225,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1171,7 +1253,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1180,7 +1262,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1227,7 +1311,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1251,11 +1335,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1280,7 +1364,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1313,7 +1398,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1325,7 +1410,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1335,13 +1420,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1365,10 +1450,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1378,10 +1463,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1391,10 +1476,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1404,10 +1489,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1417,7 +1502,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1452,9 +1537,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1464,9 +1549,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1669,7 +1754,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1696,7 +1785,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1713,14 +1802,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1742,7 +1831,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1792,6 +1881,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1814,7 +1904,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1827,7 +1917,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1835,7 +1931,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1853,7 +1949,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1893,16 +1989,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1923,7 +2019,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1976,10 +2072,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2016,7 +2113,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2117,13 +2214,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2180,6 +2277,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2195,13 +2293,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2214,14 +2313,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2253,6 +2351,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2268,13 +2367,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2287,14 +2387,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2326,6 +2425,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2341,13 +2441,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2360,14 +2461,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2413,7 +2513,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2435,6 +2540,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2443,6 +2549,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2451,6 +2558,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2468,6 +2576,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2476,6 +2585,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2484,6 +2594,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2493,7 +2604,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2518,22 +2634,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #1f2227, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #1f2227, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2547,8 +2659,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2583,7 +2697,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); @@ -2619,11 +2733,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2632,16 +2749,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2651,7 +2769,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2661,7 +2779,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2673,9 +2791,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: #181b1f; background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2684,13 +2802,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2698,12 +2816,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2719,14 +2839,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2756,7 +2879,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2852,7 +2975,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3054,7 +3177,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #32383f); color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, #1f2227); } UnityPanelWidget, @@ -3082,8 +3206,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3095,7 +3219,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3103,7 +3227,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3132,8 +3256,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3175,7 +3298,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3214,7 +3337,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3308,7 +3431,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3383,7 +3506,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3393,27 +3518,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: #3c4049; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3426,15 +3556,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3447,14 +3577,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3467,136 +3597,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3605,21 +3726,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: #3c4049; } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #2c2f35; } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3627,8 +3754,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: #3c4049; } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: #1f2227; } .gedit-bottom-panel-paned { @@ -3684,9 +3813,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3725,7 +3854,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3742,7 +3871,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3759,21 +3888,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; -@define-color borders #dcdfe3; -@define-color unfocused_borders #dcdfe3; +@define-color borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343b; @define-color wm_bg_unfocused #32383f; @define-color wm_highlight #363c44; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.css b/common/gtk-3.0/3.14/gtk-contained-solid.css index 6147204..3436176 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } - .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, + GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } - .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), - .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), + GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), + .header-bar .linked.stack-switcher > .button:dir(rtl), + .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, -.primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, +.header-bar .linked.stack-switcher > .button:first-child, +.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } - .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, - .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, + .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, + .header-bar .linked.stack-switcher > .button:first-child:hover, + .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, -.primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, +.header-bar .linked.stack-switcher > .button:last-child, +.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } - .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, - .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, + .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, + .header-bar .linked.stack-switcher > .button:last-child:hover, + .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), - .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), + .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), + .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), + .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, -.primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, +.header-bar .linked.stack-switcher > .button:only-child, +.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } - .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, - .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, + .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, + .header-bar .linked.stack-switcher > .button:only-child:hover, + .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #eff0f2; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } + .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button { + +.primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } - .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover { + .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); @@ -1094,37 +1165,48 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { - background-image: linear-gradient(to bottom, #fcfcfd); } + background-image: linear-gradient(to bottom, #fdfdfd); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #f0f1f3); } + background-image: linear-gradient(to bottom, #f1f1f3); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1142,16 +1224,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1170,7 +1252,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1179,7 +1261,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1226,7 +1310,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1250,11 +1334,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1279,7 +1363,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1312,7 +1397,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1324,7 +1409,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1334,13 +1419,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1364,10 +1449,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1377,10 +1462,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1390,10 +1475,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1403,10 +1488,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1416,7 +1501,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1451,9 +1536,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1463,9 +1548,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1668,7 +1753,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1695,7 +1784,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1712,14 +1801,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1741,7 +1830,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1791,6 +1880,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1813,7 +1903,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1826,7 +1916,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1834,7 +1930,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1852,7 +1948,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1892,16 +1988,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1922,7 +2018,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1975,10 +2071,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2015,7 +2112,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2116,13 +2213,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2179,6 +2276,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2194,13 +2292,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2213,14 +2312,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2252,6 +2350,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2267,13 +2366,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2286,14 +2386,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2325,6 +2424,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2340,13 +2440,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2359,14 +2460,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2412,7 +2512,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2434,6 +2539,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2442,6 +2548,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2450,6 +2557,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2467,6 +2575,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2475,6 +2584,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2483,6 +2593,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2492,7 +2603,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2517,22 +2633,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2546,8 +2658,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2582,7 +2696,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); @@ -2618,11 +2732,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2631,16 +2748,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2650,7 +2768,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2660,7 +2778,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2672,9 +2790,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2683,13 +2801,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2697,12 +2815,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2718,14 +2838,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2755,7 +2878,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2851,7 +2974,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3053,7 +3176,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #eff0f2); color: rgba(82, 93, 118, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, @@ -3081,8 +3205,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3094,7 +3218,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3102,7 +3226,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3131,8 +3255,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3174,7 +3297,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3213,7 +3336,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3307,7 +3430,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3382,7 +3505,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3392,27 +3517,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: #3c4049; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3425,15 +3555,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3446,14 +3576,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3466,136 +3596,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3604,21 +3725,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: #3c4049; } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #2c2f35; } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3626,8 +3753,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: #3c4049; } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: #d4d5db; } .gedit-bottom-panel-paned { @@ -3683,9 +3812,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3724,7 +3853,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3741,7 +3870,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3758,21 +3887,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; -@define-color borders #dcdfe3; -@define-color unfocused_borders #dcdfe3; +@define-color borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(82, 93, 118, 0.8); -@define-color wm_unfocused_title alpha(rgba(82, 93, 118, 0.8), 0.7); +@define-color wm_title alpha(#525d76, 0.8); +@define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css index ae853f7..b245b74 100644 --- a/common/gtk-3.0/3.14/gtk-contained.css +++ b/common/gtk-3.0/3.14/gtk-contained.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } - .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, + GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } - .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), - .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), + GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), + .header-bar .linked.stack-switcher > .button:dir(rtl), + .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, -.primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, +.header-bar .linked.stack-switcher > .button:first-child, +.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } - .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, - .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, + .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, + .header-bar .linked.stack-switcher > .button:first-child:hover, + .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, -.primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, +.header-bar .linked.stack-switcher > .button:last-child, +.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } - .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, - .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, + .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, + .header-bar .linked.stack-switcher > .button:last-child:hover, + .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), - .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), + .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), + .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), + .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, -.primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, +.header-bar .linked.stack-switcher > .button:only-child, +.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } - .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, - .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, + .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, + .header-bar .linked.stack-switcher > .button:only-child:hover, + .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #eff0f2; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } + .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button { + +.primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } - .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover { + .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); @@ -1094,37 +1165,48 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { - background-image: linear-gradient(to bottom, rgba(252, 252, 253, 0.995)); } + background-image: linear-gradient(to bottom, rgba(253, 253, 253, 0.995)); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, rgba(241, 241, 243, 0.97)); } + background-image: linear-gradient(to bottom, rgba(241, 242, 243, 0.97)); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1142,16 +1224,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1170,7 +1252,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1179,7 +1261,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1226,7 +1310,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1250,11 +1334,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1279,7 +1363,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1312,7 +1397,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1324,7 +1409,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1334,13 +1419,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1364,10 +1449,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1377,10 +1462,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1390,10 +1475,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1403,10 +1488,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1416,7 +1501,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1451,9 +1536,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1463,9 +1548,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1668,7 +1753,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1695,7 +1784,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1712,14 +1801,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1741,7 +1830,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1791,6 +1880,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1813,7 +1903,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1826,7 +1916,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1834,7 +1930,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1852,7 +1948,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1892,16 +1988,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1922,7 +2018,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1975,10 +2071,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2015,7 +2112,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2116,13 +2213,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2179,6 +2276,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2194,13 +2292,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2213,14 +2312,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2252,6 +2350,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2267,13 +2366,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2286,14 +2386,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2325,6 +2424,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2340,13 +2440,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2359,14 +2460,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2412,7 +2512,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2434,6 +2539,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2442,6 +2548,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2450,6 +2557,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2467,6 +2575,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2475,6 +2584,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2483,6 +2593,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2492,7 +2603,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2517,22 +2633,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2546,8 +2658,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2582,7 +2696,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); @@ -2618,11 +2732,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2631,16 +2748,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2650,7 +2768,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2660,7 +2778,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2672,9 +2790,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2683,13 +2801,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2697,12 +2815,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2718,14 +2838,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2755,7 +2878,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2851,7 +2974,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3053,7 +3176,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #eff0f2); color: rgba(82, 93, 118, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, @@ -3081,8 +3205,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3094,7 +3218,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3102,7 +3226,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3131,8 +3255,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3174,7 +3297,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3213,7 +3336,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3307,7 +3430,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3382,7 +3505,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3392,27 +3517,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: rgba(60, 64, 73, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3425,15 +3555,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3446,14 +3576,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3466,136 +3596,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3604,21 +3725,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: rgba(60, 64, 73, 0.95); } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(44, 47, 53, 0.95); } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3626,8 +3753,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: rgba(60, 64, 73, 0.95); } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: rgba(212, 213, 219, 0.95); } .gedit-bottom-panel-paned { @@ -3683,9 +3812,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3724,7 +3853,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3741,7 +3870,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3758,21 +3887,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; -@define-color borders #dcdfe3; -@define-color unfocused_borders #dcdfe3; +@define-color borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(82, 93, 118, 0.8); -@define-color wm_unfocused_title alpha(rgba(82, 93, 118, 0.8), 0.7); +@define-color wm_title alpha(#525d76, 0.8); +@define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; diff --git a/common/gtk-3.0/3.14/gulpfile.js b/common/gtk-3.0/3.14/gulpfile.js new file mode 100644 index 0000000..230ac9d --- /dev/null +++ b/common/gtk-3.0/3.14/gulpfile.js @@ -0,0 +1,18 @@ +var gulp = require("gulp"); +var sass = require("gulp-sass"); +var filter = require('gulp-filter'); + +gulp.task('sass', function () { + return gulp.src('sass/*.scss') + .pipe(sass({ + outputStyle: 'nested', + precision: 5, + onError: function (err) { + notify().write(err); + } + })) + .pipe(gulp.dest('.')) +}); + + +gulp.task('default', ['sass']); diff --git a/common/gtk-3.0/3.14/package.json b/common/gtk-3.0/3.14/package.json new file mode 100644 index 0000000..b08961b --- /dev/null +++ b/common/gtk-3.0/3.14/package.json @@ -0,0 +1,7 @@ +{ + "devDependencies": { + "gulp": "~3.9.0", + "gulp-filter": "~2.0.2", + "gulp-sass": "~2.0.4" + } +} diff --git a/common/gtk-3.0/3.14/parse-sass.sh b/common/gtk-3.0/3.14/parse-sass.sh deleted file mode 100755 index e9cda25..0000000 --- a/common/gtk-3.0/3.14/parse-sass.sh +++ /dev/null @@ -1,3 +0,0 @@ -#!/usr/bin/bash - -bundle exec sass --update --sourcemap=none . diff --git a/common/gtk-3.0/3.14/_applications.scss b/common/gtk-3.0/3.14/sass/_applications.scss index f4b2c8d..f4b2c8d 100644 --- a/common/gtk-3.0/3.14/_applications.scss +++ b/common/gtk-3.0/3.14/sass/_applications.scss diff --git a/common/gtk-3.0/3.14/_colors-public.scss b/common/gtk-3.0/3.14/sass/_colors-public.scss index 0590a00..60d3cbf 100644 --- a/common/gtk-3.0/3.14/_colors-public.scss +++ b/common/gtk-3.0/3.14/sass/_colors-public.scss @@ -16,7 +16,7 @@ @define-color selected_bg_color #{"" + $selected_bg_color}; @define-color selected_fg_color #{"" + $selected_fg_color}; @define-color insensitive_bg_color #{"" + $insensitive_bg_color}; -@define-color insensitive_fg_color #{"" + $insensitive_fg_color}; +@define-color insensitive_fg_color alpha(#{"" + opacify($insensitive_fg_color, 1)}, 0.5); @define-color insensitive_base_color #{"" + $base_color}; @define-color theme_unfocused_fg_color #{"" + $fg_color}; @define-color theme_unfocused_text_color #{"" + $text_color}; @@ -34,8 +34,8 @@ $wm_highlight: lighten(opacify($header_bg, 1), 3%); $wm_bg_unfocused: opacify($header_bg_backdrop, 1); -@define-color wm_title #{"" + $header_fg}; -@define-color wm_unfocused_title alpha(#{"" + $header_fg}, 0.7); +@define-color wm_title alpha(#{"" + opacify($header_fg, 1)}, 0.8); +@define-color wm_unfocused_title alpha(#{"" + opacify($header_fg, 1)}, 0.5); @define-color wm_bg #{"" + opacify($header_bg, 1)}; @define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; diff --git a/common/gtk-3.0/3.14/_colors.scss b/common/gtk-3.0/3.14/sass/_colors.scss index c32b223..c32b223 100644 --- a/common/gtk-3.0/3.14/_colors.scss +++ b/common/gtk-3.0/3.14/sass/_colors.scss diff --git a/common/gtk-3.0/3.14/_common.scss b/common/gtk-3.0/3.14/sass/_common.scss index 977da07..977da07 100644 --- a/common/gtk-3.0/3.14/_common.scss +++ b/common/gtk-3.0/3.14/sass/_common.scss diff --git a/common/gtk-3.0/3.14/_drawing.scss b/common/gtk-3.0/3.14/sass/_drawing.scss index 378e5d9..378e5d9 100644 --- a/common/gtk-3.0/3.14/_drawing.scss +++ b/common/gtk-3.0/3.14/sass/_drawing.scss diff --git a/common/gtk-3.0/3.14/_granite.scss b/common/gtk-3.0/3.14/sass/_granite.scss index 1e53c7f..1e53c7f 100644 --- a/common/gtk-3.0/3.14/_granite.scss +++ b/common/gtk-3.0/3.14/sass/_granite.scss diff --git a/common/gtk-3.0/3.14/_lightdm.scss b/common/gtk-3.0/3.14/sass/_lightdm.scss index 9b14d09..9b14d09 100644 --- a/common/gtk-3.0/3.14/_lightdm.scss +++ b/common/gtk-3.0/3.14/sass/_lightdm.scss diff --git a/common/gtk-3.0/3.14/_transparent_widgets.scss b/common/gtk-3.0/3.14/sass/_transparent_widgets.scss index 16bf819..16bf819 100644 --- a/common/gtk-3.0/3.14/_transparent_widgets.scss +++ b/common/gtk-3.0/3.14/sass/_transparent_widgets.scss diff --git a/common/gtk-3.0/3.14/_unity.scss b/common/gtk-3.0/3.14/sass/_unity.scss index d88377a..d88377a 100644 --- a/common/gtk-3.0/3.14/_unity.scss +++ b/common/gtk-3.0/3.14/sass/_unity.scss diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.scss b/common/gtk-3.0/3.14/sass/gtk-contained-dark.scss index f47d7b5..f47d7b5 100644 --- a/common/gtk-3.0/3.14/gtk-contained-dark.scss +++ b/common/gtk-3.0/3.14/sass/gtk-contained-dark.scss diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.scss b/common/gtk-3.0/3.14/sass/gtk-contained-darker.scss index 63166d2..63166d2 100644 --- a/common/gtk-3.0/3.14/gtk-contained-darker.scss +++ b/common/gtk-3.0/3.14/sass/gtk-contained-darker.scss diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss b/common/gtk-3.0/3.14/sass/gtk-contained-solid-dark.scss index 157292d..157292d 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss +++ b/common/gtk-3.0/3.14/sass/gtk-contained-solid-dark.scss diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss b/common/gtk-3.0/3.14/sass/gtk-contained-solid-darker.scss index 03ba34b..03ba34b 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss +++ b/common/gtk-3.0/3.14/sass/gtk-contained-solid-darker.scss diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.scss b/common/gtk-3.0/3.14/sass/gtk-contained-solid.scss index 347cf2c..347cf2c 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid.scss +++ b/common/gtk-3.0/3.14/sass/gtk-contained-solid.scss diff --git a/common/gtk-3.0/3.14/gtk-contained.scss b/common/gtk-3.0/3.14/sass/gtk-contained.scss index c45d673..c45d673 100644 --- a/common/gtk-3.0/3.14/gtk-contained.scss +++ b/common/gtk-3.0/3.14/sass/gtk-contained.scss |