diff options
Diffstat (limited to 'common/gtk-3.0/3.16/gtk-contained-solid-darker.css')
| -rw-r--r-- | common/gtk-3.0/3.16/gtk-contained-solid-darker.css | 656 |
1 files changed, 400 insertions, 256 deletions
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css index 9691287..3a5a46f 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css @@ -112,7 +112,7 @@ GtkTextView { .popover.osd, .osd { color: #BAC3CF; border: none; - background-color: #2a2c33; + background-color: #353945; background-clip: padding-box; outline-color: rgba(186, 195, 207, 0.3); box-shadow: none; } @@ -245,17 +245,18 @@ GtkTextView { border-bottom-color: rgba(0, 0, 0, 0.14); } .osd .entry { color: #BAC3CF; - border-color: rgba(0, 0, 0, 0.4); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + .osd .entry.image, .osd .entry.image:hover { + color: inherit; } .osd .entry:focus { - color: #BAC3CF; - border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } .osd .entry:insensitive { - color: #555a62; - border-color: rgba(0, 0, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } GtkSearchEntry.entry { border-radius: 20px; } @@ -284,7 +285,8 @@ GtkSearchEntry.entry { border-color: transparent; background-color: transparent; background-image: none; - background-color: rgba(245, 246, 247, 0); + background-color: rgba(251, 251, 252, 0); + border-color: rgba(207, 214, 230, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -294,14 +296,14 @@ GtkSearchEntry.entry { .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); - border-color: #5294E2; - background-color: #fbfbfc; + border-color: #cfd6e6; + background-color: white; -gtk-image-effect: highlight; } .button:active, .button:checked { background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; + border-color: transparent; background-color: #5294E2; transition-duration: 50ms; } .button:active { @@ -326,34 +328,28 @@ GtkSearchEntry.entry { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { color: inherit; } .button.osd { - outline-color: rgba(186, 195, 207, 0.3); color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.3); - background-color: #2a2c33; } + background-color: #353945; + border-color: #23262e; } .button.osd.image-button { padding: 10px; } .button.osd:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: #5294E2; - background-color: rgba(0, 0, 0, 0.3); - background-color: #2a2c33; } + color: #5294E2; } .button.osd:active, .button.osd:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } .button.osd:insensitive { - color: #555a62; - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.15); } + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } .osd .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); border-radius: 0; border-left-style: none; border-right-style: none; } @@ -375,17 +371,17 @@ GtkSearchEntry.entry { .osd .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); - border-color: #5294E2; - background-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } .osd .button:active, .osd .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } .osd .button:insensitive { - color: #555a62; - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.15); } + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } .osd .button.flat { border-color: transparent; background-color: transparent; @@ -394,12 +390,12 @@ GtkSearchEntry.entry { .osd .button.flat:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); - border-color: #5294E2; - background-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } .osd .button.flat:insensitive { - color: #555a62; - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.15); + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); background-image: none; } .osd .button.flat:active, .osd .button.flat:checked { color: #ffffff; @@ -531,13 +527,13 @@ GtkSearchEntry.entry { .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); - border-color: #5294E2; - background-color: #fbfbfc; } + border-color: #cfd6e6; + background-color: white; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; + border-color: transparent; background-color: #5294E2; } .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); @@ -568,7 +564,15 @@ GtkSearchEntry.entry { 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; } + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + .inline-toolbar GtkToolButton > .button.flat:active, .osd .button:active, .inline-toolbar .button:active, .linked > .button:active, + GtkComboBox.combobox-entry .entry:active, GtkComboBox.combobox-entry .button:active, .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, .linked > GtkComboBox > .button:active:dir(ltr), .inline-toolbar GtkToolButton > .button.flat:checked, .osd .button:checked, .inline-toolbar .button:checked, .linked > .button:checked, + GtkComboBox.combobox-entry .entry:checked, GtkComboBox.combobox-entry .button:checked, .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked, .linked > GtkComboBox > .button:checked:dir(ltr) { + box-shadow: none; } .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), @@ -585,7 +589,15 @@ GtkSearchEntry.entry { .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; } + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + .osd .button:first-child:active, .inline-toolbar .button:first-child:active, .linked > .button:first-child:active, + .inline-toolbar GtkToolButton:first-child > .button.flat:active, GtkComboBox.combobox-entry .entry:first-child:active, GtkComboBox.combobox-entry .button:first-child:active, .linked > GtkComboBox:first-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:first-child:active, + .header-bar .linked.stack-switcher > .button:first-child:active, + .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, .osd .button:first-child:checked, .inline-toolbar .button:first-child:checked, .linked > .button:first-child:checked, + .inline-toolbar GtkToolButton:first-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:first-child:checked, GtkComboBox.combobox-entry .button:first-child:checked, .linked > GtkComboBox:first-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:first-child:checked, + .header-bar .linked.stack-switcher > .button:first-child:checked, + .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { + box-shadow: none; } .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, @@ -597,7 +609,15 @@ GtkSearchEntry.entry { .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; } + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + .osd .button:last-child:active, .inline-toolbar .button:last-child:active, .linked > .button:last-child:active, + .inline-toolbar GtkToolButton:last-child > .button.flat:active, GtkComboBox.combobox-entry .entry:last-child:active, GtkComboBox.combobox-entry .button:last-child:active, .linked > GtkComboBox:last-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:last-child:active, + .header-bar .linked.stack-switcher > .button:last-child:active, + .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, .osd .button:last-child:checked, .inline-toolbar .button:last-child:checked, .linked > .button:last-child:checked, + .inline-toolbar GtkToolButton:last-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:last-child:checked, GtkComboBox.combobox-entry .button:last-child:checked, .linked > GtkComboBox:last-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:last-child:checked, + .header-bar .linked.stack-switcher > .button:last-child:checked, + .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { + box-shadow: none; } .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), @@ -615,6 +635,14 @@ GtkSearchEntry.entry { .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; } + .osd .button:only-child:active, .inline-toolbar .button:only-child:active, .linked > .button:only-child:active, + .inline-toolbar GtkToolButton:only-child > .button.flat:active, GtkComboBox.combobox-entry .entry:only-child:active, GtkComboBox.combobox-entry .button:only-child:active, .linked > GtkComboBox:only-child > .button:active, .primary-toolbar .linked.stack-switcher > .button:only-child:active, + .header-bar .linked.stack-switcher > .button:only-child:active, + .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, .osd .button:only-child:checked, .inline-toolbar .button:only-child:checked, .linked > .button:only-child:checked, + .inline-toolbar GtkToolButton:only-child > .button.flat:checked, GtkComboBox.combobox-entry .entry:only-child:checked, GtkComboBox.combobox-entry .button:only-child:checked, .linked > GtkComboBox:only-child > .button:checked, .primary-toolbar .linked.stack-switcher > .button:only-child:checked, + .header-bar .linked.stack-switcher > .button:only-child:checked, + .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { + box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, @@ -628,7 +656,13 @@ GtkSearchEntry.entry { .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; } + box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4), inset 0 1px rgba(207, 214, 230, 0.4); } + .linked.vertical > .entry:active, .linked.vertical > .button:active, + .linked.vertical > GtkComboBoxText > .button:active, + .linked.vertical > GtkComboBox > .button:active, .linked.vertical > .entry:checked, .linked.vertical > .button:checked, + .linked.vertical > GtkComboBoxText > .button:checked, + .linked.vertical > GtkComboBox > .button:checked { + box-shadow: none; } .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, @@ -638,7 +672,13 @@ GtkSearchEntry.entry { .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; } + box-shadow: inset 0 -1px rgba(207, 214, 230, 0.4); } + .linked.vertical > .entry:first-child:active, .linked.vertical > .button:first-child:active, + .linked.vertical > GtkComboBoxText:first-child > .button:active, + .linked.vertical > GtkComboBox:first-child > .button:active, .linked.vertical > .entry:first-child:checked, .linked.vertical > .button:first-child:checked, + .linked.vertical > GtkComboBoxText:first-child > .button:checked, + .linked.vertical > GtkComboBox:first-child > .button:checked { + box-shadow: none; } .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, @@ -648,7 +688,13 @@ GtkSearchEntry.entry { .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; } + box-shadow: inset 0 1px rgba(207, 214, 230, 0.4); } + .linked.vertical > .entry:last-child:active, .linked.vertical > .button:last-child:active, + .linked.vertical > GtkComboBoxText:last-child > .button:active, + .linked.vertical > GtkComboBox:last-child > .button:active, .linked.vertical > .entry:last-child:checked, .linked.vertical > .button:last-child:checked, + .linked.vertical > GtkComboBoxText:last-child > .button:checked, + .linked.vertical > GtkComboBox:last-child > .button:checked { + box-shadow: none; } .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, @@ -659,6 +705,12 @@ GtkSearchEntry.entry { .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } + .linked.vertical > .entry:only-child:active, .linked.vertical > .button:only-child:active, + .linked.vertical > GtkComboBoxText:only-child > .button:active, + .linked.vertical > GtkComboBox:only-child > .button:active, .linked.vertical > .entry:only-child:checked, .linked.vertical > .button:only-child:checked, + .linked.vertical > GtkComboBoxText:only-child > .button:checked, + .linked.vertical > GtkComboBox:only-child > .button:checked { + box-shadow: none; } .menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, .app-notification.frame .button.flat, .app-notification .button.flat:insensitive, @@ -715,8 +767,6 @@ GtkSearchEntry.entry { border-style: none solid none none; } .spinbutton .button:first-child { color: red; } - .spinbutton .button:hover { - color: #5294E2; } .spinbutton .button:insensitive { color: rgba(92, 97, 108, 0.55); } .spinbutton .button:active { @@ -730,13 +780,13 @@ GtkSearchEntry.entry { .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; + border-color: transparent; background-color: #5294E2; } .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); - border-color: #5294E2; - background-color: #fbfbfc; } + border-color: #cfd6e6; + background-color: white; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); @@ -751,13 +801,13 @@ GtkSearchEntry.entry { .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; + border-color: transparent; background-color: #5294E2; } .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); - border-color: #5294E2; - background-color: #fbfbfc; } + border-color: #cfd6e6; + background-color: white; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); @@ -794,25 +844,22 @@ GtkComboBox { color: rgba(92, 97, 108, 0.55); } GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkComboBox .vertical.view.separator { -GtkWidget-wide-separators: true; } - GtkComboBox.combobox-entry .entry { + GtkComboBox.combobox-entry .entry:dir(ltr) { border-right-style: none; } - GtkComboBox.combobox-entry .entry:dir(rtl) { - border-left-style: none; } - GtkComboBox.combobox-entry .button { - color: rgba(92, 97, 108, 0.6); - background-color: #cfd6e6; - border-color: #cfd6e6; } - GtkComboBox.combobox-entry .button:hover { - background-color: #e0e4ef; - border-color: #5294E2; + GtkComboBox.combobox-entry .entry:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + GtkComboBox.combobox-entry .entry:dir(rtl) { + border-left-style: none; } + GtkComboBox.combobox-entry .entry:dir(rtl):focus { box-shadow: -1px 0 #5294E2; } - GtkComboBox.combobox-entry .button:active, GtkComboBox.combobox-entry .button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - GtkComboBox.combobox-entry .button:insensitive { - opacity: 0.5; } + GtkComboBox.combobox-entry .button:dir(ltr) { + box-shadow: inset 1px 0 #cfd6e6; } + GtkComboBox.combobox-entry .button:dir(ltr):insensitive { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.55); } + GtkComboBox.combobox-entry .button:dir(rtl) { + box-shadow: inset -1px 0 #cfd6e6; } + GtkComboBox.combobox-entry .button:dir(rtl):insensitive { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.55); } /************ * Toolbars * @@ -823,19 +870,19 @@ GtkComboBox { background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; - border: 1px solid rgba(0, 0, 0, 0.6); + border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; - background-color: rgba(42, 44, 51, 0.9); } + background-color: rgba(53, 57, 69, 0.9); } .primary-toolbar { color: rgba(207, 218, 231, 0.8); - background-color: #2f343b; + background-color: #2f343f; box-shadow: none; border-width: 0 0 1px 0; border-style: solid; - border-image: linear-gradient(to bottom, #2f343b, #1f2227) 1 0 1 0; } + border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } .primary-toolbar:backdrop { - background-color: #32383f; } + background-color: #323843; } .inline-toolbar { background-color: #edeef0; @@ -863,16 +910,16 @@ GtkComboBox { border-width: 0 0 1px; border-style: solid; border-radius: 0; - border-color: #1f2227; + border-color: #262a33; color: rgba(207, 218, 231, 0.8); - background-color: #2f343b; } + background-color: #2f343f; } .csd .header-bar { - background-color: #2f343b; } + background-color: #2f343f; } .header-bar:backdrop { color: rgba(207, 218, 231, 0.5); - background-color: #32383f; } + background-color: #323843; } .csd .header-bar:backdrop { - background-color: #32383f; } + background-color: #323843; } .header-bar .title { padding: 0px 12px; } .header-bar .subtitle { @@ -943,35 +990,35 @@ GtkComboBox { .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { - background-color: #2f343b; } + background-color: #2f343f; } .maximized .header-bar:backdrop { - background-color: #32383f; } + background-color: #323843; } .header-bar.default-decoration { padding-top: 5px; padding-bottom: 5px; - background-color: #2f343b; + background-color: #2f343f; border-bottom-width: 0; } .header-bar.default-decoration:backdrop { - background-color: #32383f; } + background-color: #323843; } .titlebar { padding-left: 7px; padding-right: 7px; border-radius: 3px 3px 0 0; color: rgba(207, 218, 231, 0.8); - background-color: #2f343b; - box-shadow: inset 0 1px #363c44; } + background-color: #2f343f; + box-shadow: inset 0 1px #363b48; } .csd .titlebar { - background-color: #2f343b; } + background-color: #2f343f; } .titlebar:backdrop { color: rgba(207, 218, 231, 0.5); - background-color: #32383f; } + background-color: #323843; } .csd .titlebar:backdrop { - background-color: #32383f; } + background-color: #323843; } .maximized .titlebar { - background-color: #2f343b; } + background-color: #2f343f; } .maximized .titlebar:backdrop { - background-color: #32383f; } + background-color: #323843; } .titlebar .titlebar, .titlebar .titlebar:backdrop { @@ -989,8 +1036,8 @@ GtkComboBox { .primary-toolbar .entry, .header-bar .entry { color: rgba(207, 218, 231, 0.8); - border-color: #181b1f; - background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar .entry.image, .header-bar .entry.image, .primary-toolbar .entry.image:hover, .header-bar .entry.image:hover { color: inherit; } @@ -998,13 +1045,14 @@ GtkComboBox { opacity: 0.85; } .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: padding-box; } .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .primary-toolbar .entry:selected:focus, .header-bar .entry:selected:focus { background-color: #ffffff; color: #5294E2; } @@ -1017,24 +1065,25 @@ GtkComboBox { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); outline-offset: -3px; - background-color: rgba(47, 52, 59, 0); - border-color: rgba(47, 52, 59, 0); } + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:backdrop, .header-bar .button:backdrop { opacity: 0.7; } .primary-toolbar .button:hover, .header-bar .button:hover { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); - border-color: #1d2024; - background-color: rgba(40, 44, 50, 0.9); } + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } + border-color: transparent; + background-color: #5294E2; + background-clip: padding-box; } .primary-toolbar .button:insensitive, .header-bar .button:insensitive { color: rgba(207, 218, 231, 0.35); - background-color: rgba(47, 52, 59, 0); - border-color: rgba(47, 52, 59, 0); } + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { @@ -1054,12 +1103,12 @@ GtkComboBox { .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); } + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } .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; } + background-color: rgba(134, 144, 165, 0.4); } .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, @@ -1067,8 +1116,52 @@ GtkComboBox { .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; + border-color: transparent; background-color: #5294E2; } + .primary-toolbar .linked.stack-switcher > .button:insensitive, + .header-bar .linked.stack-switcher > .button:insensitive, + .primary-toolbar .linked.path-bar > .button:insensitive, .header-bar .linked.path-bar > .button:insensitive { + color: rgba(207, 218, 231, 0.4); } + .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 { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + .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 { + box-shadow: none; } + .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 { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + .primary-toolbar .linked.stack-switcher > .button:first-child:active, + .header-bar .linked.stack-switcher > .button:first-child:active, + .primary-toolbar .linked.stack-switcher > .button:first-child:checked, + .header-bar .linked.stack-switcher > .button:first-child:checked, + .primary-toolbar .linked.path-bar > .button:first-child:active, .header-bar .linked.path-bar > .button:first-child:active, .primary-toolbar .linked.path-bar > .button:first-child:checked, .header-bar .linked.path-bar > .button:first-child:checked { + box-shadow: none; } + .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 { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + .primary-toolbar .linked.stack-switcher > .button:last-child:active, + .header-bar .linked.stack-switcher > .button:last-child:active, + .primary-toolbar .linked.stack-switcher > .button:last-child:checked, + .header-bar .linked.stack-switcher > .button:last-child:checked, + .primary-toolbar .linked.path-bar > .button:last-child:active, .header-bar .linked.path-bar > .button:last-child:active, .primary-toolbar .linked.path-bar > .button:last-child:checked, .header-bar .linked.path-bar > .button:last-child:checked { + box-shadow: none; } + .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 { + box-shadow: none; } + .primary-toolbar .linked.stack-switcher > .button:only-child:active, + .header-bar .linked.stack-switcher > .button:only-child:active, + .primary-toolbar .linked.stack-switcher > .button:only-child:checked, + .header-bar .linked.stack-switcher > .button:only-child:checked, + .primary-toolbar .linked.path-bar > .button:only-child:active, .header-bar .linked.path-bar > .button:only-child:active, .primary-toolbar .linked.path-bar > .button:only-child:checked, .header-bar .linked.path-bar > .button:only-child:checked { + box-shadow: none; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; @@ -1146,11 +1239,16 @@ GtkComboBox { .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { + color: rgba(255, 255, 255, 0.4); } .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(207, 218, 231, 0.05); border-color: transparent; } .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { color: rgba(207, 218, 231, 0.5); } @@ -1162,24 +1260,41 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); - border-color: #181b1f; - background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .primary-toolbar GtkComboBox.combobox-entry .button.image, .header-bar GtkComboBox.combobox-entry .button.image, .primary-toolbar GtkComboBox.combobox-entry .button.image:hover, .header-bar GtkComboBox.combobox-entry .button.image:hover { color: inherit; } .primary-toolbar GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover { color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } .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)); } + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +.primary-toolbar GtkComboBox.combobox-entry .entry:dir(ltr):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar GtkComboBox.combobox-entry .entry:dir(rtl):focus, .header-bar GtkComboBox.combobox-entry .entry:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr), .header-bar GtkComboBox.combobox-entry .button:dir(ltr) { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + .primary-toolbar GtkComboBox.combobox-entry .button:dir(ltr):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(ltr):insensitive { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0); } + +.primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl), .header-bar GtkComboBox.combobox-entry .button:dir(rtl) { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + .primary-toolbar GtkComboBox.combobox-entry .button:dir(rtl):insensitive, .header-bar GtkComboBox.combobox-entry .button:dir(rtl):insensitive { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0); } .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); } + background-color: rgba(21, 23, 28, 0.4); } .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } @@ -1188,15 +1303,22 @@ GtkComboBox { opacity: 0.75; } .primary-toolbar .scale.trough, .header-bar .scale.trough { - background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { - background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } .primary-toolbar .scale.slider, .header-bar .scale.slider { - background-image: linear-gradient(to bottom, #262a30); } + background-image: linear-gradient(to bottom, #454c5c); + border-color: rgba(21, 23, 28, 0.7); } + .primary-toolbar .scale.slider:hover, .header-bar .scale.slider:hover { + background-image: linear-gradient(to bottom, #50586b); + border-color: rgba(21, 23, 28, 0.7); } + .primary-toolbar .scale.slider:active, .header-bar .scale.slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #2d3138); - border-color: #3d5a7e; } + background-image: linear-gradient(to bottom, #3e4553); + border-color: rgba(21, 23, 28, 0.7); } /************ * Pathbars * @@ -1305,10 +1427,10 @@ column-header .button, column-header .button:hover, column-header .button:active .menubar { -GtkWidget-window-dragging: true; padding: 0px; - background-color: #2f343b; + background-color: #2f343f; color: rgba(207, 218, 231, 0.8); } .menubar:backdrop { - background-color: #32383f; } + background-color: #323843; } .menubar > .menuitem { padding: 6px 8px; border: solid transparent; @@ -1833,21 +1955,21 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { margin: 3px; } .scale.slider { background-clip: border-box; - background-image: linear-gradient(to bottom, #ffffff); - border: 1px solid #5294E2; + background-image: linear-gradient(to bottom, #fbfbfc); + border: 1px solid rgba(123, 142, 186, 0.5); border-radius: 50%; box-shadow: none; } .scale.slider:hover { - background-image: linear-gradient(to bottom, #5294E2); - border-color: #5294E2; } + background-image: linear-gradient(to bottom, white); + border-color: rgba(123, 142, 186, 0.5); } .scale.slider:insensitive { background-image: linear-gradient(to bottom, #fbfbfb); - border-color: #9bc0eb; } + border-color: rgba(123, 142, 186, 0.3); } .scale.slider:active { - background-image: linear-gradient(to bottom, #2679db); - border-color: #2679db; } + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } .osd .scale.slider { - background-image: linear-gradient(to bottom, #2a2c33); + background-image: linear-gradient(to bottom, #353945); border-color: #5294E2; } .osd .scale.slider:hover { background-image: linear-gradient(to bottom, #5294E2); } @@ -1877,7 +1999,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd .scale.trough { - background-image: linear-gradient(to bottom, #3a3e46); + background-image: linear-gradient(to bottom, #454a59); outline-color: rgba(186, 195, 207, 0.2); } .osd .scale.trough.highlight { background-image: none; @@ -2024,18 +2146,18 @@ GtkScrolledWindow GtkViewport.frame { .app-notification.frame { padding: 10px; color: #BAC3CF; - background-color: #3c4049; + background-color: #353945; background-clip: border-box; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; - border-color: #25272d; } + border-color: #1f2128; } .app-notification .button, .app-notification.frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } .app-notification .button.flat, .app-notification.frame .button.flat { border-color: rgba(82, 148, 226, 0); } @@ -2043,8 +2165,8 @@ GtkScrolledWindow GtkViewport.frame { .app-notification.frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); - border-color: #5294E2; - background-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } .app-notification .button:active, .app-notification .button:checked, .app-notification.frame .button:active, .app-notification.frame .button:checked { @@ -2054,9 +2176,9 @@ GtkScrolledWindow GtkViewport.frame { background-color: #5294E2; } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #555a62; - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.15); } + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } /************* * Expanders * @@ -2088,10 +2210,15 @@ GtkCalendar { border-radius: 0; } GtkCalendar.button, GtkCalendar.button:focus { color: rgba(92, 97, 108, 0.45); - box-shadow: none; - border: none; } + border-color: transparent; + background-color: transparent; + background-image: none; } GtkCalendar.button:hover, GtkCalendar.button:focus:hover { color: #5c616c; } + GtkCalendar.button:insensitive, GtkCalendar.button:focus:insensitive { + color: rgba(92, 97, 108, 0.55); + background-color: transparent; + background-image: none; } GtkCalendar.highlight { color: alpha(currentColor,0.55); } @@ -2104,8 +2231,8 @@ GtkCalendar { .message-dialog { -GtkDialog-button-spacing: 0; } .message-dialog .titlebar { - background-color: #2f343b; - border-bottom: 1px solid #1f2227; } + background-color: #2f343f; + border-bottom: 1px solid #20232b; } .message-dialog.csd.background { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; @@ -2230,7 +2357,7 @@ GtkInfoBar { color: #BAC3CF; border-radius: 2px; } .tooltip.background { - background-color: #2a2c33; + background-color: #353945; background-clip: padding-box; } .tooltip.window-frame.csd { background-color: transparent; } @@ -2301,8 +2428,8 @@ GtkColorSwatch#add-color-button { GtkColorSwatch#add-color-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); - border-color: #5294E2; - background-color: #fbfbfc; } + border-color: #cfd6e6; + background-color: white; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; @@ -2321,8 +2448,8 @@ GtkColorButton.button { .scale-popup .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); - border-color: #5294E2; - background-color: #fbfbfc; } + border-color: #cfd6e6; + background-color: white; } GtkVolumeButton.button { padding: 8px; } @@ -2333,11 +2460,11 @@ GtkVolumeButton.button { .window-frame { border-radius: 3px 3px 0 0; border-width: 0px; - box-shadow: 0 0 0 1px #1f2227, 0 4px 8px 1px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.2); /* this is used for the resize cursor area */ margin: 10px; } .window-frame:backdrop { - box-shadow: 0 0 0 1px #1f2227, 0 4px 5px 2px rgba(0, 0, 0, 0.25); } + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .window-frame.tiled { border-radius: 0; } .window-frame.ssd { @@ -2356,7 +2483,7 @@ GtkVolumeButton.button { .window-frame.solid-csd { border-radius: 0; margin: 1px; - background-color: #2f343b; + background-color: #2f343f; box-shadow: none; } .header-bar.default-decoration .button.titlebutton, @@ -2370,20 +2497,20 @@ GtkVolumeButton.button { border-color: transparent; background-color: transparent; background-image: none; - background-color: rgba(47, 52, 59, 0); + background-color: rgba(47, 52, 63, 0); border-width: 0; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { 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); } + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; + border-color: transparent; background-color: #5294E2; } .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, @@ -2567,7 +2694,7 @@ PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, Panth TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #1f2227, inset 0 -1px #dbdfe3; } + box-shadow: inset 0 1px #262a33, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2655,18 +2782,36 @@ NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sideba NemoWindow .primary-toolbar NemoPathBar.linked > .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); } + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { - border-color: #5294E2; } + background-color: rgba(134, 144, 165, 0.4); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; + border-color: transparent; background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:insensitive { + color: rgba(207, 218, 231, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { + box-shadow: none; } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:checked { + box-shadow: none; } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:checked { + box-shadow: none; } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + box-shadow: none; } + NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:checked { + box-shadow: none; } .gedit-headerbar-paned { - color: #1f2227; } + color: #262a33; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; @@ -2752,8 +2897,8 @@ GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); - border-color: #181b1f; - background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, @@ -2761,25 +2906,19 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { - color: rgba(207, 218, 231, 0.8); - border-color: #181b1f; - 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 { - color: inherit; } + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } 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; + border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):insensitive, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; @@ -2819,7 +2958,7 @@ GbPreferencesPageLanguage GtkScrolledWindow { GtkBox.gb-command-bar-box { border: none; - background-color: #2a2c33; } + background-color: #353945; } GtkBox.gb-command-bar-box GtkLabel { color: #BAC3CF; } @@ -2828,7 +2967,7 @@ GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; color: #BAC3CF; background-image: none; - background-color: #2a2c33; + background-color: #353945; padding: 6px 6px 6px 6px; border: none; } @@ -2878,8 +3017,10 @@ EphyWindow .floating-bar { margin: 2px; padding: 4px; } .documents-entry-tag:hover { + color: #ffffff; background-color: #639fe5; } .documents-entry-tag:active { + color: #ffffff; background-color: #4189df; } .toolbar .linked .documents-entry-tag.button, .inline-toolbar .linked .documents-entry-tag.button { background: none; @@ -2900,6 +3041,10 @@ TotemGrilo.vertical GdMainView.frame { SynapseGuiViewDefault *:selected { background-color: #5294E2; } +.tr-workarea .undershoot, +.tr-workarea .overshoot { + border-color: transparent; } + .gnome-panel-menu-bar, PanelApplet > GtkMenuBar.menubar, PanelToplevel, @@ -2907,7 +3052,7 @@ PanelWidget, PanelAppletFrame, PanelApplet { color: #BAC3CF; - background-image: linear-gradient(to bottom, #1f2125); } + background-image: linear-gradient(to bottom, #2b2e37); } PanelApplet .button, PanelApplet .button:backdrop { padding: 4px; @@ -2951,18 +3096,18 @@ ClockBox { color: #BAC3CF; } .xfce4-panel.panel { - background-color: #1f2125; } + background-color: #2b2e37; } .xfce4-panel.panel .button.flat { color: #BAC3CF; - background-color: rgba(31, 33, 37, 0); + background-color: rgba(43, 46, 55, 0); border-radius: 0; } .xfce4-panel.panel .button.flat:hover { border: none; - background-color: #363941; } + background-color: #414654; } .xfce4-panel.panel .button.flat:active, .xfce4-panel.panel .button.flat:checked { color: #5294E2; border: none; - background-color: #0f1012; } + background-color: #1b1d23; } .floating-bar { background-color: #5294E2; @@ -3005,18 +3150,18 @@ MarlinViewWindow *:selected:focus { .marlin-pathbar.pathbar { border-radius: 3px; color: rgba(207, 218, 231, 0.8); - border-color: #181b1f; - background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } .marlin-pathbar.pathbar.image, .marlin-pathbar.pathbar.image:hover { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; - border-color: #5294E2; + border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } .marlin-pathbar.pathbar:insensitive { color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { color: #5294E2; } @@ -3130,26 +3275,29 @@ UnityDecoration { -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } UnityDecoration.top { - border: 1px solid #1f2227; + border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; - background-image: linear-gradient(to bottom, #2f343b); + background-image: linear-gradient(to bottom, #2f343f); color: rgba(207, 218, 231, 0.8); - box-shadow: inset 0 1px #363c44; } + box-shadow: inset 0 1px #363b48; } UnityDecoration.top:backdrop { border-bottom-width: 0; - background-image: linear-gradient(to bottom, #32383f); + background-image: linear-gradient(to bottom, #323843); color: rgba(207, 218, 231, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { - background-image: linear-gradient(to bottom, #1f2227); } + background-image: linear-gradient(to bottom, #20232b); } UnityPanelWidget, .unity-panel { - background-image: linear-gradient(to bottom, #1f2125); + background-image: linear-gradient(to bottom, #2b2e37); color: #f6f7f9; box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #abb6c5; } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { @@ -3314,10 +3462,10 @@ GtkListBox .h4 { /* the panel widget at the top */ #panel_window { - background-color: #1f2125; + background-color: #2b2e37; color: #BAC3CF; font: bold; - box-shadow: inset 0 -1px #0f1012; + box-shadow: inset 0 -1px #1b1d23; /* the menubars/menus of the panel, i.e. indicators */ } #panel_window .menubar, #panel_window .menubar > .menuitem { @@ -3357,12 +3505,12 @@ GtkListBox .h4 { #content_frame .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); - border-color: #5294E2; - background-color: #fbfbfc; } + border-color: #cfd6e6; + background-color: white; } #content_frame .button:active, #content_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; + border-color: transparent; background-color: #5294E2; } #content_frame .button:insensitive { color: rgba(92, 97, 108, 0.55); @@ -3376,32 +3524,32 @@ GtkListBox .h4 { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: #2a2c33; + background-color: #353945; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #131417; } + box-shadow: inset 0 1px #353945; } #buttonbox_frame .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } #buttonbox_frame .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); - border-color: #5294E2; - background-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } #buttonbox_frame .button:active, #buttonbox_frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } #buttonbox_frame .button:insensitive { - color: #555a62; - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.15); } + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } #login_window #user_combobox { color: #5c616c; @@ -3461,7 +3609,7 @@ GtkListBox .h4 { font: bold; } .titlebar .separator, .titlebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .titlebar .view.separator { - color: #1f2227; } + color: #262a33; } NemoWindow GtkEventBox { background-color: #F5F6F7; } @@ -3494,7 +3642,7 @@ NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { - background-color: #3c4049; } + background-color: #353945; } GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, @@ -3613,16 +3761,16 @@ GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { - background-color: #3c4049; } + background-color: #353945; } GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, MarlinViewWindow .pane-separator { - background-color: #3c4049; } + background-color: #353945; } GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: #3c4049; } + background-color: #353945; } GtkFileChooserDialog .sidebar { background-color: transparent; } @@ -3639,7 +3787,7 @@ GtkFileChooserDialog .dialog-vbox > .frame { GtkFileChooserDialog .action-bar.frame { background-color: transparent; - border-color: #2c2f35; } + border-color: #2a2d37; } GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, @@ -3650,20 +3798,20 @@ GeditWindow.background.csd { background-color: transparent; } GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { - background-color: #3c4049; } + background-color: #353945; } 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; } + background-color: #262a33; } .gedit-bottom-panel-paned { background-color: #ffffff; } .gedit-document-panel { - background-color: #3c4049; } + background-color: #353945; } .maximized .gedit-document-panel { - background-color: #3c4049; } + background-color: #353945; } .gedit-document-panel .list-row { color: #BAC3CF; } .gedit-document-panel .list-row { @@ -3690,9 +3838,9 @@ GeditWindow.background.csd { color: #BAC3CF; } GeditWindow.background.csd GeditFileBrowserWidget { - background-color: #3c4049; } + background-color: #353945; } .maximized GeditWindow.background.csd GeditFileBrowserWidget { - background-color: #3c4049; } + background-color: #353945; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } @@ -3709,7 +3857,7 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { background-color: transparent; - border-color: #2c2f35; } + border-color: #252831; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal GtkComboBox { color: #BAC3CF; } @@ -3725,14 +3873,14 @@ GtkFileChooserDialog .action-bar.frame .button, GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } GtkFileChooserDialog .action-bar.frame .button:hover, GtkFileChooserDialog .dialog-vbox > .frame .button:hover, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); - border-color: #5294E2; - background-color: rgba(0, 0, 0, 0.3); } + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } GtkFileChooserDialog .action-bar.frame .button:active, GtkFileChooserDialog .dialog-vbox > .frame .button:active, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:active, GtkFileChooserDialog .action-bar.frame .button:checked, GtkFileChooserDialog .dialog-vbox > .frame .button:checked, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:checked { @@ -3742,26 +3890,29 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-color: #5294E2; } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #555a62; - border-color: rgba(0, 0, 0, 0.45); - background-color: rgba(0, 0, 0, 0.15); } + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } GtkFileChooserDialog .action-bar.frame .entry, GtkFileChooserDialog .dialog-vbox > .frame .entry { color: #BAC3CF; - border-color: rgba(0, 0, 0, 0.4); - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + GtkFileChooserDialog .action-bar.frame .image.entry, + GtkFileChooserDialog .dialog-vbox > .frame .image.entry, GtkFileChooserDialog .action-bar.frame .image.entry:hover, + GtkFileChooserDialog .dialog-vbox > .frame .image.entry:hover { + color: inherit; } GtkFileChooserDialog .action-bar.frame .entry:focus, GtkFileChooserDialog .dialog-vbox > .frame .entry:focus { - color: #BAC3CF; - border-color: #5294E2; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #555a62; - border-color: rgba(0, 0, 0, 0.4); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } /* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; @@ -3791,26 +3942,19 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color placeholder_text_color #A8A8A8; @define-color wm_title alpha(#cfdae7, 0.8); @define-color wm_unfocused_title alpha(#cfdae7, 0.5); -@define-color wm_bg #2f343b; -@define-color wm_bg_unfocused #32383f; -@define-color wm_highlight #363c44; +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; @define-color wm_shadow alpha(black, 0.35); -@define-color wm_button_close_bg #e45e65; -@define-color wm_button_close_hover_bg #f48085; -@define-color wm_button_close_active_bg #e6262f; -@define-color wm_icon_close_bg #ffffff; -@define-color wm_icon_close_hover_bg #ffffff; -@define-color wm_icon_close_active_bg #ffffff; -@define-color wm_button_bg #272c32; -@define-color wm_button_unfocused_bg #2a3035; -@define-color wm_button_hover_bg #272c32; +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; @define-color wm_button_active_bg #5294E2; -@define-color wm_button_border #191C21; -@define-color wm_button_unfocused_border #1F2328; -@define-color wm_button_hover_border #5294E2; -@define-color wm_button_active_border #5294E2; -@define-color wm_icon_bg #939ca8; -@define-color wm_icon_unfocused_bg #686f78; -@define-color wm_icon_hover_bg #afb8c5; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; @define-color wm_icon_active_bg #ffffff; @define-color content_view_bg #ffffff; |