diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3c3629e --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules diff --git a/common/Makefile.am b/common/Makefile.am index 6aef7ab..154d634 100644 --- a/common/Makefile.am +++ b/common/Makefile.am @@ -25,54 +25,61 @@ endif # ENABLE_DARK if ENABLE_GNOME_SHELL - $(MKDIR_P) $(ithemedir) - cp -rH --no-preserve=mode,ownership $(srcdir)/gnome-shell/$(GNOME_VERSION) $(ithemedir)/gnome-shell + $(MKDIR_P) $(ithemedir)/gnome-shell + + cd $(srcdir)/gnome-shell/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + checkbox \ + dash \ + menu \ + misc \ + switch \ + gnome-shell.css \ + $(ithemedir)/gnome-shell endif # ENABLE_GNOME_SHELL if ENABLE_GTK2 if ENABLE_LIGHT - cp -r --no-preserve=mode,ownership $(srcdir)/gtk-2.0 $(ithemedir) + $(MKDIR_P) $(ithemedir)/gtk-2.0 - cd $(ithemedir)/gtk-2.0 && rm -rf \ - assets-dark \ - gtkrc-darker \ - gtkrc-dark \ - *.sh \ - assets.svg \ - assets-dark.svg \ - assets.txt + cd $(srcdir)/gtk-2.0 && cp -r --no-preserve=mode,ownership \ + assets \ + menubar-toolbar \ + *.rc \ + gtkrc \ + $(ithemedir)/gtk-2.0 endif # ENABLE_LIGHT if ENABLE_DARKER - cp -r --no-preserve=mode,ownership $(srcdir)/gtk-2.0 $(ithemedarkerdir) + $(MKDIR_P) $(ithemedarkerdir)/gtk-2.0 - cd $(ithemedarkerdir)/gtk-2.0 && mv gtkrc-darker gtkrc + cd $(srcdir)/gtk-2.0 && cp -r --no-preserve=mode,ownership \ + assets \ + menubar-toolbar \ + *.rc \ + $(ithemedarkerdir)/gtk-2.0 - cd $(ithemedarkerdir)/gtk-2.0 && rm -rf \ - assets-dark \ - gtkrc-dark \ - *.sh \ - assets.svg \ - assets-dark.svg \ - assets.txt + cd $(srcdir)/gtk-2.0 && cp -r --no-preserve=mode,ownership \ + gtkrc-darker \ + $(ithemedarkerdir)/gtk-2.0/gtkrc endif # ENABLE_DARKER if ENABLE_DARK - cp -r --no-preserve=mode,ownership $(srcdir)/gtk-2.0 $(ithemedarkdir) + $(MKDIR_P) $(ithemedarkdir)/gtk-2.0 - cd $(ithemedarkdir)/gtk-2.0 && \ - mv gtkrc-dark gtkrc && \ - rm -rf assets && \ - mv assets-dark assets + cd $(srcdir)/gtk-2.0 && cp -r --no-preserve=mode,ownership \ + menubar-toolbar \ + *.rc \ + $(ithemedarkdir)/gtk-2.0 - cd $(ithemedarkdir)/gtk-2.0 && rm -rf \ - gtkrc-darker \ - *.sh \ - assets.svg \ - assets-dark.svg \ - assets.txt + cd $(srcdir)/gtk-2.0 && cp -r --no-preserve=mode,ownership \ + assets-dark \ + $(ithemedarkdir)/gtk-2.0/assets + + cd $(srcdir)/gtk-2.0 && cp -r --no-preserve=mode,ownership \ + gtkrc-dark \ + $(ithemedarkdir)/gtk-2.0/gtkrc endif # ENABLE_DARK endif # ENABLE_GTK2 @@ -81,87 +88,71 @@ endif # ENABLE_GTK2 if ENABLE_GTK3 if ENABLE_LIGHT - cp -rH --no-preserve=mode,ownership $(srcdir)/gtk-3.0/$(GNOME_VERSION) $(ithemedir)/gtk-3.0 - - cd $(ithemedir)/gtk-3.0 && rm -f \ - assets.svg \ - README \ - *.scss \ - *.sh \ - *.txt \ - Gemfile* \ - gtk-contained-darker.css \ - gtk-contained-solid-darker.css - -if ENABLE_TRANSPARENCY - cd $(ithemedir)/gtk-3.0 && rm \ - gtk-contained-solid.css \ - gtk-contained-solid-dark.css -endif # ENABLE_TRANSPARENCY + $(MKDIR_P) $(ithemedir)/gtk-3.0 + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + assets \ + gtk.css \ + gtk-contained.css \ + gtk-dark.css \ + gtk-contained-dark.css \ + $(ithemedir)/gtk-3.0 endif # ENABLE_LIGHT if ENABLE_DARKER - cp -rH --no-preserve=mode,ownership $(srcdir)/gtk-3.0/$(GNOME_VERSION) $(ithemedarkerdir)/gtk-3.0 + $(MKDIR_P) $(ithemedarkerdir)/gtk-3.0 - cd $(ithemedarkerdir)/gtk-3.0 && rm -f \ - assets.svg \ - README \ - *.scss \ - *.sh \ - *.txt \ - Gemfile* \ - gtk-contained-solid.css + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + assets \ + gtk.css \ + gtk-dark.css \ + gtk-contained-dark.css \ + $(ithemedarkerdir)/gtk-3.0 -if ENABLE_TRANSPARENCY - cd $(ithemedarkerdir)/gtk-3.0 && rm \ - gtk-contained-solid-darker.css \ - gtk-contained-solid-dark.css -endif # ENABLE_TRANSPARENCY - - cd $(ithemedarkerdir)/gtk-3.0 && mv gtk-contained-darker.css gtk-contained.css + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + gtk-contained-darker.css \ + $(ithemedarkerdir)/gtk-3.0/gtk-contained.css endif # ENABLE_DARKER if ENABLE_DARK - cp -rH --no-preserve=mode,ownership $(srcdir)/gtk-3.0/$(GNOME_VERSION) $(ithemedarkdir)/gtk-3.0 + $(MKDIR_P) $(ithemedarkdir)/gtk-3.0 - cd $(ithemedarkdir)/gtk-3.0 && rm -f \ - assets.svg \ - README \ - *.scss \ - *.sh \ - *.txt \ - Gemfile* \ - gtk-dark.css \ - gtk-contained-solid.css \ - gtk-contained-darker.css \ - gtk-contained-solid-darker.css + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + assets \ + gtk.css \ + $(ithemedarkdir)/gtk-3.0 -if ENABLE_TRANSPARENCY - cd $(ithemedarkdir)/gtk-3.0 && rm \ - gtk-contained-solid-dark.css -endif # ENABLE_TRANSPARENCY - - cd $(ithemedarkdir)/gtk-3.0 && mv gtk-contained-dark.css gtk-contained.css + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + gtk-contained-dark.css \ + $(ithemedarkdir)/gtk-3.0/gtk-contained.css endif # ENABLE_DARK if !ENABLE_TRANSPARENCY if ENABLE_LIGHT - cd $(ithemedir)/gtk-3.0 && \ - mv gtk-contained-solid.css gtk-contained.css && \ - mv gtk-contained-solid-dark.css gtk-contained-dark.css + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + gtk-contained-solid.css \ + $(ithemedir)/gtk-3.0/gtk-contained.css + + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + gtk-contained-solid-dark.css \ + $(ithemedir)/gtk-3.0/gtk-contained-dark.css endif # ENABLE_LIGHT if ENABLE_DARKER - cd $(ithemedarkerdir)/gtk-3.0 && \ - mv gtk-contained-solid-darker.css gtk-contained.css && \ - mv gtk-contained-solid-dark.css gtk-contained-dark.css + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + gtk-contained-solid-darker.css \ + $(ithemedarkerdir)/gtk-3.0/gtk-contained.css + + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + gtk-contained-solid-dark.css \ + $(ithemedarkerdir)/gtk-3.0/gtk-contained-dark.css endif # ENABLE_DARKER if ENABLE_DARK - cd $(ithemedarkdir)/gtk-3.0 && \ - mv gtk-contained-solid-dark.css gtk-contained.css + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + gtk-contained-solid-dark.css \ + $(ithemedarkdir)/gtk-3.0/gtk-contained.css endif # ENABLE_DARK endif #!ENABLE_TRANSPARENCY diff --git a/common/gnome-shell/3.14/misc/dash-placeholder.svg b/common/gnome-shell/3.14/dash/dash-placeholder.svg similarity index 100% rename from common/gnome-shell/3.14/misc/dash-placeholder.svg rename to common/gnome-shell/3.14/dash/dash-placeholder.svg diff --git a/common/gnome-shell/3.14/gnome-shell.css b/common/gnome-shell/3.14/gnome-shell.css index 4bd4616..716241f 100644 --- a/common/gnome-shell/3.14/gnome-shell.css +++ b/common/gnome-shell/3.14/gnome-shell.css @@ -1034,7 +1034,7 @@ StScrollBar StButton#vhandle:active { } .placeholder { - background-image: url("misc/dash-placeholder.svg"); + background-image: url("dash/dash-placeholder.svg"); background-size: contain; height: 24px; } diff --git a/common/gnome-shell/3.16/.nvmrc b/common/gnome-shell/3.16/.nvmrc new file mode 100644 index 0000000..43c2417 --- /dev/null +++ b/common/gnome-shell/3.16/.nvmrc @@ -0,0 +1 @@ +0.12.5 diff --git a/common/gnome-shell/3.16/Gemfile b/common/gnome-shell/3.16/Gemfile deleted file mode 100644 index c177689..0000000 --- a/common/gnome-shell/3.16/Gemfile +++ /dev/null @@ -1,3 +0,0 @@ -source 'https://rubygems.org' - -gem "sass", "~> 3.4.0" diff --git a/common/gnome-shell/3.16/Gemfile.lock b/common/gnome-shell/3.16/Gemfile.lock deleted file mode 100644 index f64766f..0000000 --- a/common/gnome-shell/3.16/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/gnome-shell/3.16/misc/dash-placeholder.svg b/common/gnome-shell/3.16/dash/dash-placeholder.svg similarity index 100% rename from common/gnome-shell/3.16/misc/dash-placeholder.svg rename to common/gnome-shell/3.16/dash/dash-placeholder.svg diff --git a/common/gnome-shell/3.16/gnome-shell.css b/common/gnome-shell/3.16/gnome-shell.css index 327cff7..a997e5d 100644 --- a/common/gnome-shell/3.16/gnome-shell.css +++ b/common/gnome-shell/3.16/gnome-shell.css @@ -51,7 +51,8 @@ stage { color: #5294E2; background-color: #fcfdfd; border: 1px solid #5294E2; } - .button:active, .notification-banner .notification-button:active, .button:active:focus, .notification-banner .notification-button:active:focus { + .button:active, .notification-banner .notification-button:active, + .button:active:focus, .notification-banner .notification-button:active:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 0 rgba(255, 255, 255, 0); color: #ffffff; @@ -83,8 +84,8 @@ StEntry { StEntry:insensitive { box-shadow: inset 0 0 rgba(255, 255, 255, 0); color: rgba(92, 97, 108, 0.55); - background-color: #fcfcfd; - border-color: 1px solid #e1e6ef; } + background-color: #fcfdfd; + border-color: 1px solid #e2e6ef; } StEntry StIcon.capslock-warning { icon-size: 16px; warning-color: #F27835; @@ -92,6 +93,7 @@ StEntry { StScrollView.vfade { -st-vfade-offset: 0px; } + StScrollView.hfade { -st-hfade-offset: 0px; } @@ -105,11 +107,11 @@ StScrollBar { border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 4px; - background-color: #babcc1; + background-color: #babdc2; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #c9ccd0; } + background-color: #caccd0; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: #5294E2; } @@ -129,14 +131,18 @@ StScrollBar { .check-box StBoxLayout { spacing: .8em; } + .check-box StBin { width: 16px; height: 16px; background-image: url("checkbox/checkbox-unchecked.svg"); } + .check-box:focus StBin { background-image: url("checkbox/checkbox-unchecked-focused.svg"); } + .check-box:checked StBin { background-image: url("checkbox/checkbox-checked.svg"); } + .check-box:focus:checked StBin { background-image: url("checkbox/checkbox-checked-focused.svg"); } @@ -204,7 +210,7 @@ StScrollBar { .modal-dialog-button-box .button:insensitive, .modal-dialog-button-box .notification-banner .notification-button:insensitive, .notification-banner .modal-dialog-button-box .notification-button:insensitive { text-shadow: 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 0 rgba(255, 255, 255, 0); - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: rgba(53, 57, 65, 0.95); } .modal-dialog .run-dialog-entry { @@ -334,6 +340,7 @@ StScrollBar { .show-processes-dialog-app-list-item-icon:ltr { padding-right: 17px; } + .show-processes-dialog-app-list-item-icon:rtl { padding-left: 17px; } @@ -376,8 +383,10 @@ StScrollBar { .polkit-dialog-user-layout:rtl { padding-left: 0px; padding-right: 10px; } + .polkit-dialog-user-root-label { color: #F27835; } + .polkit-dialog-user-user-icon { border-radius: 2px; background-size: contain; @@ -405,9 +414,9 @@ StScrollBar { .popup-menu .popup-menu-item { spacing: 12px; } .popup-menu .popup-menu-item:ltr { - padding: .4em 3em .4em 0em; } + padding: 0.4em 3em 0.4em 0em; } .popup-menu .popup-menu-item:rtl { - padding: .4em 0em .4em 3em; } + padding: 0.4em 0em 0.4em 3em; } .popup-menu .popup-menu-item:checked { background: none; box-shadow: none; @@ -582,7 +591,9 @@ StScrollBar { font-weight: bold; height: 2.1em; min-height: 26px; } - #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + #panel.unlock-screen, + #panel.login-screen, + #panel.lock-screen { background-color: transparent; border-image: none; } #panel:overview { @@ -623,9 +634,17 @@ StScrollBar { #panel .panel-button .system-status-icon { icon-size: 16px; padding: 0 8px; } - .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + .unlock-screen #panel .panel-button, + .login-screen #panel .panel-button, + .lock-screen #panel .panel-button { color: #737a88; } - .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + .unlock-screen #panel .panel-button:focus, + .unlock-screen #panel .panel-button:hover, + .unlock-screen #panel .panel-button:active, + .login-screen #panel .panel-button:focus, + .login-screen #panel .panel-button:hover, + .login-screen #panel .panel-button:active, + .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { color: #737a88; } #panel .panel-status-indicators-box, #panel .panel-status-menu-box { @@ -687,7 +706,7 @@ StScrollBar { icon-size: 16px; } #calendarArea { - padding: 0.75em 1.0em; } + padding: 0.75em 1em; } .calendar { margin-bottom: 1em; } @@ -721,11 +740,11 @@ StScrollBar { .message-list-section-title { padding: 7px 10px 7px 10px; border: 1px solid rgba(255, 255, 255, 0); } - .datemenu-today-button:hover, .datemenu-today-button:focus, + .datemenu-today-button:hover, + .datemenu-today-button:focus, .world-clocks-button:hover, .world-clocks-button:focus, - .message-list-section-title:hover, - .message-list-section-title:focus { + .message-list-section-title:hover, .message-list-section-title:focus { text-shadow: 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 0 rgba(255, 255, 255, 0); color: #5c616c; @@ -1082,7 +1101,8 @@ StScrollBar { padding: 6px 0px 6px 0px; border-color: rgba(16, 17, 20, 0.87); border-radius: 0px 3px 3px 0px; } - .right #dash, #dash:rtl { + .right #dash, + #dash:rtl { padding: 6px 0px 6px 0px; border-radius: 3px 0 0 3px; } .bottom #dash { @@ -1092,7 +1112,7 @@ StScrollBar { padding: 0px 6px 0px 6px; border-radius: 0 0 3px 3px; } #dash .placeholder { - background-image: url("misc/dash-placeholder.svg"); + background-image: url("dash/dash-placeholder.svg"); background-size: contain; height: 24px; } #dash .empty-dash-drop-target { @@ -1119,13 +1139,25 @@ StScrollBar { -y-offset: 3px; -x-offset: 0; } -#dash .app-well-app .overview-icon, .right #dash .app-well-app .overview-icon, .bottom #dash .app-well-app .overview-icon, .top #dash .app-well-app .overview-icon { +#dash .app-well-app .overview-icon, +.right #dash .app-well-app .overview-icon, +.bottom #dash .app-well-app .overview-icon, +.top #dash .app-well-app .overview-icon { padding: 10px; } -#dash .app-well-app:hover .overview-icon, .right #dash .app-well-app:hover .overview-icon, .bottom #dash .app-well-app:hover .overview-icon, .top #dash .app-well-app:hover .overview-icon { + +#dash .app-well-app:hover .overview-icon, +.right #dash .app-well-app:hover .overview-icon, +.bottom #dash .app-well-app:hover .overview-icon, +.top #dash .app-well-app:hover .overview-icon { background-color: #5294E2; } -#dash .app-well-app:active .overview-icon, .right #dash .app-well-app:active .overview-icon, .bottom #dash .app-well-app:active .overview-icon, .top #dash .app-well-app:active .overview-icon { + +#dash .app-well-app:active .overview-icon, +.right #dash .app-well-app:active .overview-icon, +.bottom #dash .app-well-app:active .overview-icon, +.top #dash .app-well-app:active .overview-icon { box-shadow: none; background-color: #2679db; } + #dash .app-well-app-running-dot { width: 11px; height: 2px; @@ -1137,10 +1169,15 @@ StScrollBar { background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; border: 0px solid; } + .show-apps:hover .overview-icon { background-color: rgba(0, 0, 0, 0.7); color: #5294E2; } -.show-apps:active .overview-icon, .show-apps:active .show-apps-icon, .show-apps:checked .overview-icon, .show-apps:checked .show-apps-icon { + +.show-apps:active .overview-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .overview-icon, +.show-apps:checked .show-apps-icon { color: #ffffff; background-color: #5294E2; box-shadow: none; @@ -1176,25 +1213,30 @@ StScrollBar { .app-view-control:last-child:ltr, .app-view-control:first-child:rtl { border-radius: 0 2px 2px 0; } -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { +.search-provider-icon:active, +.search-provider-icon:checked, +.list-search-result:active, .list-search-result:checked { background-color: rgba(37, 39, 45, 0.85); } -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { + +.search-provider-icon:focus, +.search-provider-icon:selected, +.search-provider-icon:hover, +.list-search-result:focus, .list-search-result:selected, .list-search-result:hover { background-color: rgba(168, 173, 181, 0.4); transition-duration: 200ms; } -.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, .app-well-app.app-folder:active .overview-icon, .app-well-app.app-folder:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { background-color: rgba(37, 39, 45, 0.85); box-shadow: inset 0 0 #5294E2; } -.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, + +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, .app-well-app.app-folder:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-well-app.app-folder:selected .overview-icon, @@ -1226,11 +1268,14 @@ StScrollBar { .app-well-app.app-folder > .overview-icon { background-color: rgba(14, 15, 17, 0.8); border: 1px solid rgba(168, 173, 181, 0.3); } + .app-well-app.app-folder:hover > .overview-icon { background-color: rgba(60, 64, 73, 0.95); } + .app-well-app.app-folder:active > .overview-icon, .app-well-app.app-folder:checked > .overview-icon { background-color: #5294E2; box-shadow: none; } + .app-well-app.app-folder:focus > .overview-icon { background-color: #5294E2; } @@ -1260,7 +1305,8 @@ StScrollBar { background-image: url(misc/page-indicator-hover.svg); } .page-indicator:active .page-indicator-icon { background-image: url(misc/page-indicator-active.svg); } - .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active { + .page-indicator:checked .page-indicator-icon, + .page-indicator:checked:active { background-image: url(misc/page-indicator-checked.svg); } .app-well-app > .overview-icon.overview-icon-with-label, @@ -1334,11 +1380,11 @@ StScrollBar { .notification-banner:hover .notification-button, .notification-banner:focus .notification-button { padding: 4px 4px 5px; } - .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child, + .notification-banner .notification-button:first-child, + .notification-banner .notification-button:last-child, .notification-banner:hover .notification-button:first-child, .notification-banner:hover .notification-button:last-child, - .notification-banner:focus .notification-button:first-child, - .notification-banner:focus .notification-button:last-child { + .notification-banner:focus .notification-button:first-child, .notification-banner:focus .notification-button:last-child { border-radius: 2px; } .secondary-icon { @@ -1435,9 +1481,9 @@ StScrollBar { .legacy-tray-handle StIcon, .legacy-tray-icon StIcon { icon-size: 24px; } - .legacy-tray-handle:hover, .legacy-tray-handle:focus, - .legacy-tray-icon:hover, - .legacy-tray-icon:focus { + .legacy-tray-handle:hover, + .legacy-tray-handle:focus, + .legacy-tray-icon:hover, .legacy-tray-icon:focus { background-color: rgba(92, 97, 108, 0.1); } .legacy-tray-icon-box { @@ -1614,7 +1660,8 @@ StScrollBar { padding: 100px 0px; } .login-dialog-user-selection-box .login-dialog-not-listed-label { padding-left: 2px; } - .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { + .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, + .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { color: #A8ADB5; } .login-dialog-not-listed-label { @@ -1664,6 +1711,7 @@ StScrollBar { .user-widget-label:ltr { padding-left: 18px; } + .user-widget-label:rtl { padding-right: 18px; } @@ -1799,6 +1847,7 @@ StScrollBar { border-color: rgba(168, 173, 181, 0.3); } .lg-dialog StEntry:focus { border-color: #5294E2; } + .lg-dialog .shell-link { color: #2679db; } .lg-dialog .shell-link:hover { diff --git a/common/gnome-shell/3.16/gulpfile.js b/common/gnome-shell/3.16/gulpfile.js new file mode 100644 index 0000000..230ac9d --- /dev/null +++ b/common/gnome-shell/3.16/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/gnome-shell/3.16/package.json b/common/gnome-shell/3.16/package.json new file mode 100644 index 0000000..b08961b --- /dev/null +++ b/common/gnome-shell/3.16/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/gnome-shell/3.16/parse-sass.sh b/common/gnome-shell/3.16/parse-sass.sh deleted file mode 100755 index 34eb227..0000000 --- a/common/gnome-shell/3.16/parse-sass.sh +++ /dev/null @@ -1,3 +0,0 @@ -#! /bin/bash - -bundle exec sass --update --style=nested --sourcemap=none . diff --git a/common/gnome-shell/3.16/_colors.scss b/common/gnome-shell/3.16/sass/_colors.scss similarity index 100% rename from common/gnome-shell/3.16/_colors.scss rename to common/gnome-shell/3.16/sass/_colors.scss diff --git a/common/gnome-shell/3.16/_common.scss b/common/gnome-shell/3.16/sass/_common.scss similarity index 99% rename from common/gnome-shell/3.16/_common.scss rename to common/gnome-shell/3.16/sass/_common.scss index 9b17c8d..a41b8d8 100644 --- a/common/gnome-shell/3.16/_common.scss +++ b/common/gnome-shell/3.16/sass/_common.scss @@ -1408,7 +1408,7 @@ StScrollBar { } .placeholder { - background-image: url("misc/dash-placeholder.svg"); + background-image: url("dash/dash-placeholder.svg"); background-size: contain; height: 24px; } diff --git a/common/gnome-shell/3.16/_drawing.scss b/common/gnome-shell/3.16/sass/_drawing.scss similarity index 100% rename from common/gnome-shell/3.16/_drawing.scss rename to common/gnome-shell/3.16/sass/_drawing.scss diff --git a/common/gnome-shell/3.16/gnome-shell.scss b/common/gnome-shell/3.16/sass/gnome-shell.scss similarity index 100% rename from common/gnome-shell/3.16/gnome-shell.scss rename to common/gnome-shell/3.16/sass/gnome-shell.scss 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; } +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 { +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; } +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 { +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; } +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 { +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; } +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 { +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 similarity index 100% rename from common/gtk-3.0/3.14/_applications.scss rename to 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 similarity index 93% rename from common/gtk-3.0/3.14/_colors-public.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/_colors.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/_common.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/_drawing.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/_granite.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/_lightdm.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/_transparent_widgets.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/_unity.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/gtk-contained-dark.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/gtk-contained-darker.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/gtk-contained-solid-dark.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/gtk-contained-solid-darker.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/gtk-contained-solid.scss rename to 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 similarity index 100% rename from common/gtk-3.0/3.14/gtk-contained.scss rename to common/gtk-3.0/3.14/sass/gtk-contained.scss diff --git a/common/gtk-3.0/3.16/.nvmrc b/common/gtk-3.0/3.16/.nvmrc new file mode 100644 index 0000000..43c2417 --- /dev/null +++ b/common/gtk-3.0/3.16/.nvmrc @@ -0,0 +1 @@ +0.12.5 diff --git a/common/gtk-3.0/3.16/Gemfile b/common/gtk-3.0/3.16/Gemfile deleted file mode 100644 index c177689..0000000 --- a/common/gtk-3.0/3.16/Gemfile +++ /dev/null @@ -1,3 +0,0 @@ -source 'https://rubygems.org' - -gem "sass", "~> 3.4.0" diff --git a/common/gtk-3.0/3.16/Gemfile.lock b/common/gtk-3.0/3.16/Gemfile.lock deleted file mode 100644 index f64766f..0000000 --- a/common/gtk-3.0/3.16/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.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css index 64b3dd1..853ac79 100644 --- a/common/gtk-3.0/3.16/gtk-contained-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-dark.css @@ -75,6 +75,7 @@ .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #D3DAE3; } + .label: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 .label { padding: 6px 12px; } + GtkAssistant .sidebar .label.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #3e424b; } + background-color: #3e424c; } .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkTextView { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkTextView { 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 @@ GtkTextView { .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 @@ GtkTextView { .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 @@ GtkTextView { .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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > .label, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > .label, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > .label, + .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 > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > .label: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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { *: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; } @@ -918,12 +975,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 { @@ -951,6 +1010,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); @@ -979,31 +1039,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; @@ -1035,10 +1099,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; @@ -1070,12 +1136,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 { @@ -1085,8 +1154,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); @@ -1101,37 +1172,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; } @@ -1149,25 +1231,25 @@ GtkTreeView.view { border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; - border-left-color: #a8c9f0; + border-left-color: #a9caf1; border-top-color: rgba(211, 218, 227, 0.1); } GtkTreeView.view:insensitive { color: rgba(211, 218, 227, 0.45); } GtkTreeView.view:insensitive:selected { - color: #97beed; } + color: #97bfee; } 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 { @@ -1195,7 +1277,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; } @@ -1266,11 +1350,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; @@ -1294,7 +1378,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; } @@ -1431,7 +1516,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 { @@ -1477,7 +1562,8 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { + .scrollbar.overlay-indicator.dragging, + .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #363a42; @@ -1485,7 +1571,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar .slider { background-color: #7d828c; } .scrollbar .slider:hover { - background-color: #6e737d; } + background-color: #6f747e; } .scrollbar .slider:prelight:active { background-color: #5294E2; } .scrollbar .slider:insensitive { @@ -1725,7 +1811,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); } /************ @@ -1752,8 +1842,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; } @@ -1769,14 +1859,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; @@ -1798,7 +1888,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)); } @@ -1848,6 +1938,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1883,7 +1974,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; } /********* @@ -1909,7 +2006,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); } @@ -1949,16 +2046,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)); } @@ -2034,6 +2131,7 @@ GtkFileChooserDialog .search-bar { background-color: #444852; border-color: #2d3036; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2d3036; } @@ -2150,36 +2248,50 @@ GtkInfoBar { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } + GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } + GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } -GtkColorSwatch:hover, GtkColorSwatch:hover:selected { + +GtkColorSwatch:hover, +GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } + GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } + GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } -GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { + +GtkColorSwatch.overlay, +GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { + GtkColorSwatch.overlay:hover, + GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } + GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; @@ -2252,6 +2364,7 @@ GtkVolumeButton.button { .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } + .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px 4px; @@ -2266,25 +2379,25 @@ GtkVolumeButton.button { outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(29, 32, 36, 0.97); background-color: rgba(40, 44, 50, 0.87); } - .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, - .titlebar .button.titlebutton:active, - .titlebar .button.titlebutton:checked { + .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; background-color: #5294E2; } - .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, - .titlebar .button.titlebutton.close, - .titlebar .button.titlebutton.maximize, - .titlebar .button.titlebutton.minimize { + .header-bar .button.titlebutton.close, + .header-bar .button.titlebutton.maximize, + .header-bar .button.titlebutton.minimize, + .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; } - .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, - .titlebar .button.titlebutton.close:backdrop, - .titlebar .button.titlebutton.maximize:backdrop, - .titlebar .button.titlebutton.minimize:backdrop { + .header-bar .button.titlebutton.close:backdrop, + .header-bar .button.titlebutton.maximize:backdrop, + .header-bar .button.titlebutton.minimize:backdrop, + .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { @@ -2323,7 +2436,12 @@ GtkVolumeButton.button { .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } -.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .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, .label:selected, +.label:selected:focus, +.label:selected:hover, .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; @@ -2345,6 +2463,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%; @@ -2353,6 +2472,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%; @@ -2361,6 +2481,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%; @@ -2378,6 +2499,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%); @@ -2386,6 +2508,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%); @@ -2394,6 +2517,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%); @@ -2403,7 +2527,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, @@ -2428,19 +2557,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; } @@ -2457,8 +2582,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2476,13 +2603,19 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry { .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } -.nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, +.nautilus-canvas-item.dim-label, +.nautilus-canvas-item.label.separator, +GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { - color: #8b919a; } - .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dce9f9; } + color: #8c919b; } + .nautilus-canvas-item.dim-label:selected, + .nautilus-canvas-item.label.separator:selected, + .header-bar .nautilus-canvas-item.subtitle:selected, + .nautilus-canvas-item.dim-label:selected:focus, + .nautilus-canvas-item.label.separator:selected:focus, + .header-bar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } NautilusNotebook.notebook { background-color: #383C45; } @@ -2551,7 +2684,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { /* Only normal state is handle */ .open-document-selector-path-label { - color: #858b94; + color: #868b94; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } @@ -2565,11 +2698,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; @@ -2578,6 +2714,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; } @@ -2619,9 +2756,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 { @@ -2630,13 +2767,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); } @@ -2644,12 +2781,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; @@ -2665,14 +2804,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; } @@ -2798,7 +2940,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3000,7 +3142,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, @@ -3120,7 +3263,7 @@ GraniteWidgetsWelcome { background-color: #383C45; } GraniteWidgetsWelcome GtkLabel { - color: #8b919a; + color: #8c919b; font: open sans 11; text-shadow: none; } @@ -3253,7 +3396,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)); } @@ -3331,13 +3474,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, @@ -3347,19 +3493,21 @@ 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 .sidebar, GtkFileChooserDialog .source-list.sidebar.view, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { +MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: rgba(69, 74, 84, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar row, + GtkFileChooserDialog .source-list.sidebar.view .view, + GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, @@ -3368,13 +3516,13 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar row.image, + GtkFileChooserDialog .source-list.sidebar.view .view.image, + GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, @@ -3383,12 +3531,12 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar row.image, - MarlinViewWindow .source-list.sidebar.view .view.image, - MarlinViewWindow .source-list.sidebar.view row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar row.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, @@ -3397,86 +3545,85 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow .source-list.sidebar.view .separator { + MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { background-color: #d1d4d8; border: 1px solid rgba(0, 0, 0, 0.3); } - GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, + GtkFileChooserDialog .sidebar .scrollbar .trough, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, - MarlinViewWindow .sidebar .scrollbar .trough, - MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { + MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } - GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, + GtkFileChooserDialog .sidebar .scrollbar .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, - MarlinViewWindow .sidebar .scrollbar .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { + MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, + GtkFileChooserDialog .sidebar .scrollbar .slider:hover, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NautilusWindow .source-list.sidebar.view .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, - MarlinViewWindow .sidebar .scrollbar .slider:hover, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { + MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NautilusWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NautilusWindow .source-list.sidebar.view .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .source-list.sidebar.view .scrollbar .slider:insensitive, - MarlinViewWindow .sidebar .scrollbar .slider:insensitive, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:insensitive { + MarlinViewWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .source-list.sidebar.view .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, @@ -3485,21 +3632,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 { @@ -3507,8 +3660,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 { @@ -3597,7 +3752,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)); } @@ -3614,7 +3769,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)); } @@ -3632,7 +3787,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; @@ -3644,8 +3799,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.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css index b449300..75d183b 100644 --- a/common/gtk-3.0/3.16/gtk-contained-darker.css +++ b/common/gtk-3.0/3.16/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 @@ .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #5c616c; } + .label:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ 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 .label { padding: 6px 12px; } + GtkAssistant .sidebar .label.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkTextView { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkTextView { 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 @@ GtkTextView { .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 @@ GtkTextView { .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 @@ GtkTextView { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > .label, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > .label, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > .label, + .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 > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > .label: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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkTextView { *: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 @@ GtkTextView { 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; } @@ -918,12 +975,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 { @@ -951,6 +1010,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); @@ -979,31 +1039,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; @@ -1035,10 +1099,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; @@ -1070,12 +1136,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 { @@ -1085,8 +1154,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); @@ -1101,38 +1172,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; } @@ -1150,25 +1232,25 @@ GtkTreeView.view { border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; - border-left-color: #a8c9f0; + border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { - color: #97beed; } + color: #97bfee; } 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 { @@ -1187,7 +1269,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1196,7 +1278,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; } @@ -1243,7 +1327,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; @@ -1267,11 +1351,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; @@ -1295,7 +1379,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; } @@ -1328,7 +1413,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 { @@ -1340,7 +1425,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 { @@ -1350,13 +1435,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; @@ -1380,10 +1465,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; @@ -1393,10 +1478,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; @@ -1406,10 +1491,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; @@ -1419,10 +1504,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); } @@ -1432,7 +1517,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 { @@ -1466,7 +1551,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; - background-color: #898d95; + background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { @@ -1478,13 +1563,14 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { + .scrollbar.overlay-indicator.dragging, + .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; - border: 1px none #dcdfe3; } + border: 1px none #dbdfe3; } .scrollbar .slider { - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active { @@ -1521,7 +1607,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; - border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + border-image: linear-gradient(to bottom, #dbdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { @@ -1726,7 +1812,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); } /************ @@ -1753,7 +1843,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); @@ -1770,14 +1860,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; @@ -1799,7 +1889,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)); } @@ -1849,6 +1939,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1871,7 +1962,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1884,7 +1975,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; } /********* @@ -1892,7 +1989,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1910,7 +2007,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); } @@ -1950,16 +2047,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)); } @@ -1980,7 +2077,7 @@ GtkScrolledWindow GtkViewport.frame { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -2033,10 +2130,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 * @@ -2070,7 +2168,7 @@ GtkPaned { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { - background-color: #dcdfe3; } + background-color: #dbdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; @@ -2078,7 +2176,7 @@ GtkPaned.wide { GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } @@ -2151,36 +2249,50 @@ GtkInfoBar { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } + GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } + GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } -GtkColorSwatch:hover, GtkColorSwatch:hover:selected { + +GtkColorSwatch:hover, +GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } + GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } + GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } -GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { + +GtkColorSwatch.overlay, +GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { + GtkColorSwatch.overlay:hover, + GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } + GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; @@ -2253,6 +2365,7 @@ GtkVolumeButton.button { .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } + .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px 4px; @@ -2267,25 +2380,25 @@ GtkVolumeButton.button { outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(29, 32, 36, 0.97); background-color: rgba(40, 44, 50, 0.87); } - .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, - .titlebar .button.titlebutton:active, - .titlebar .button.titlebutton:checked { + .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; background-color: #5294E2; } - .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, - .titlebar .button.titlebutton.close, - .titlebar .button.titlebutton.maximize, - .titlebar .button.titlebutton.minimize { + .header-bar .button.titlebutton.close, + .header-bar .button.titlebutton.maximize, + .header-bar .button.titlebutton.minimize, + .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; } - .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, - .titlebar .button.titlebutton.close:backdrop, - .titlebar .button.titlebutton.maximize:backdrop, - .titlebar .button.titlebutton.minimize:backdrop { + .header-bar .button.titlebutton.close:backdrop, + .header-bar .button.titlebutton.maximize:backdrop, + .header-bar .button.titlebutton.minimize:backdrop, + .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { @@ -2324,7 +2437,12 @@ GtkVolumeButton.button { .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } -.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .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, .label:selected, +.label:selected:focus, +.label:selected:hover, .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; @@ -2346,6 +2464,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%; @@ -2354,6 +2473,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%; @@ -2362,6 +2482,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%; @@ -2379,6 +2500,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%); @@ -2387,6 +2509,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%); @@ -2395,6 +2518,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%); @@ -2404,7 +2528,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, @@ -2429,22 +2558,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; } +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 { +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; @@ -2458,8 +2583,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2477,13 +2604,19 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry { .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } -.nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, +.nautilus-canvas-item.dim-label, +.nautilus-canvas-item.label.separator, +GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { - color: #a8abb1; } - .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dce9f9; } + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, + .nautilus-canvas-item.label.separator:selected, + .header-bar .nautilus-canvas-item.subtitle:selected, + .nautilus-canvas-item.dim-label:selected:focus, + .nautilus-canvas-item.label.separator:selected:focus, + .header-bar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } @@ -2512,14 +2645,14 @@ NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline- background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { - background-color: #eceef0; + background-color: #edeef0; border-color: #d0d5da; } 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); @@ -2552,7 +2685,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { /* Only normal state is handle */ .open-document-selector-path-label { - color: #adb0b5; + color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } @@ -2566,11 +2699,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; @@ -2579,16 +2715,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, @@ -2598,7 +2735,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); @@ -2608,7 +2745,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; } @@ -2620,9 +2757,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 { @@ -2631,13 +2768,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); } @@ -2645,12 +2782,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; @@ -2666,14 +2805,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; } @@ -2703,7 +2845,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; } @@ -2799,7 +2941,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3001,7 +3143,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, @@ -3029,8 +3172,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 { @@ -3042,7 +3185,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; } @@ -3050,7 +3193,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; } @@ -3121,7 +3264,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3160,7 +3303,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3254,7 +3397,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)); } @@ -3329,7 +3472,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, @@ -3339,19 +3484,21 @@ 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 .sidebar, GtkFileChooserDialog .source-list.sidebar.view, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { +MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: rgba(60, 64, 73, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar row, + GtkFileChooserDialog .source-list.sidebar.view .view, + GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, @@ -3360,13 +3507,13 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar row.image, + GtkFileChooserDialog .source-list.sidebar.view .view.image, + GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, @@ -3375,12 +3522,12 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar row.image, - MarlinViewWindow .source-list.sidebar.view .view.image, - MarlinViewWindow .source-list.sidebar.view row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar row.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, @@ -3389,86 +3536,85 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow .source-list.sidebar.view .separator { + MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { background-color: #d1d4d8; border: 1px solid rgba(0, 0, 0, 0.3); } - GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, + GtkFileChooserDialog .sidebar .scrollbar .trough, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, - MarlinViewWindow .sidebar .scrollbar .trough, - MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { + MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } - GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, + GtkFileChooserDialog .sidebar .scrollbar .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, - MarlinViewWindow .sidebar .scrollbar .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { + MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, + GtkFileChooserDialog .sidebar .scrollbar .slider:hover, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NautilusWindow .source-list.sidebar.view .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, - MarlinViewWindow .sidebar .scrollbar .slider:hover, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { + MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NautilusWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NautilusWindow .source-list.sidebar.view .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .source-list.sidebar.view .scrollbar .slider:insensitive, - MarlinViewWindow .sidebar .scrollbar .slider:insensitive, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:insensitive { + MarlinViewWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .source-list.sidebar.view .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, @@ -3477,21 +3623,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 { @@ -3499,8 +3651,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 { @@ -3589,7 +3743,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)); } @@ -3606,7 +3760,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)); } @@ -3623,21 +3777,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.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css index b79aaad..cfb0bc5 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css @@ -75,6 +75,7 @@ .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #D3DAE3; } + .label: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 .label { padding: 6px 12px; } + GtkAssistant .sidebar .label.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #3e424b; } + background-color: #3e424c; } .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkTextView { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkTextView { 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 @@ GtkTextView { .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 @@ GtkTextView { .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 @@ GtkTextView { .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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > .label, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > .label, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > .label, + .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 > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > .label: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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { *: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; } @@ -918,12 +975,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 { @@ -951,6 +1010,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); @@ -979,31 +1039,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; @@ -1035,10 +1099,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; @@ -1070,12 +1136,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 { @@ -1085,8 +1154,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; @@ -1101,37 +1172,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; } @@ -1149,25 +1231,25 @@ GtkTreeView.view { border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; - border-left-color: #a8c9f0; + border-left-color: #a9caf1; border-top-color: rgba(211, 218, 227, 0.1); } GtkTreeView.view:insensitive { color: rgba(211, 218, 227, 0.45); } GtkTreeView.view:insensitive:selected { - color: #97beed; } + color: #97bfee; } 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 { @@ -1195,7 +1277,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; } @@ -1266,11 +1350,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; @@ -1294,7 +1378,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; } @@ -1431,7 +1516,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 { @@ -1477,7 +1562,8 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { + .scrollbar.overlay-indicator.dragging, + .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #363a42; @@ -1485,7 +1571,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar .slider { background-color: #7d828c; } .scrollbar .slider:hover { - background-color: #6e737d; } + background-color: #6f747e; } .scrollbar .slider:prelight:active { background-color: #5294E2; } .scrollbar .slider:insensitive { @@ -1725,7 +1811,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); } /************ @@ -1752,8 +1842,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; } @@ -1769,14 +1859,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; @@ -1798,7 +1888,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)); } @@ -1848,6 +1938,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1883,7 +1974,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; } /********* @@ -1909,7 +2006,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); } @@ -1949,16 +2046,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)); } @@ -2034,6 +2131,7 @@ GtkFileChooserDialog .search-bar { background-color: #444852; border-color: #2d3036; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2d3036; } @@ -2150,36 +2248,50 @@ GtkInfoBar { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } + GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } + GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } -GtkColorSwatch:hover, GtkColorSwatch:hover:selected { + +GtkColorSwatch:hover, +GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } + GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } + GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } -GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { + +GtkColorSwatch.overlay, +GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { + GtkColorSwatch.overlay:hover, + GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } + GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; @@ -2252,6 +2364,7 @@ GtkVolumeButton.button { .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } + .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px 4px; @@ -2266,25 +2379,25 @@ GtkVolumeButton.button { outline-color: rgba(207, 218, 231, 0.1); border-color: #1d2024; background-color: rgba(40, 44, 50, 0.9); } - .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, - .titlebar .button.titlebutton:active, - .titlebar .button.titlebutton:checked { + .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; background-color: #5294E2; } - .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, - .titlebar .button.titlebutton.close, - .titlebar .button.titlebutton.maximize, - .titlebar .button.titlebutton.minimize { + .header-bar .button.titlebutton.close, + .header-bar .button.titlebutton.maximize, + .header-bar .button.titlebutton.minimize, + .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; } - .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, - .titlebar .button.titlebutton.close:backdrop, - .titlebar .button.titlebutton.maximize:backdrop, - .titlebar .button.titlebutton.minimize:backdrop { + .header-bar .button.titlebutton.close:backdrop, + .header-bar .button.titlebutton.maximize:backdrop, + .header-bar .button.titlebutton.minimize:backdrop, + .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { @@ -2323,7 +2436,12 @@ GtkVolumeButton.button { .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } -.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .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, .label:selected, +.label:selected:focus, +.label:selected:hover, .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; @@ -2345,6 +2463,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%; @@ -2353,6 +2472,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%; @@ -2361,6 +2481,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%; @@ -2378,6 +2499,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%); @@ -2386,6 +2508,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%); @@ -2394,6 +2517,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%); @@ -2403,7 +2527,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, @@ -2428,19 +2557,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; } @@ -2457,8 +2582,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2476,13 +2603,19 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry { .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } -.nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, +.nautilus-canvas-item.dim-label, +.nautilus-canvas-item.label.separator, +GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { - color: #8b919a; } - .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dce9f9; } + color: #8c919b; } + .nautilus-canvas-item.dim-label:selected, + .nautilus-canvas-item.label.separator:selected, + .header-bar .nautilus-canvas-item.subtitle:selected, + .nautilus-canvas-item.dim-label:selected:focus, + .nautilus-canvas-item.label.separator:selected:focus, + .header-bar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } NautilusNotebook.notebook { background-color: #383C45; } @@ -2551,7 +2684,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { /* Only normal state is handle */ .open-document-selector-path-label { - color: #858b94; + color: #868b94; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } @@ -2565,11 +2698,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; @@ -2578,6 +2714,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; } @@ -2619,9 +2756,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 { @@ -2630,13 +2767,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); } @@ -2644,12 +2781,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; @@ -2665,14 +2804,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; } @@ -2798,7 +2940,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3000,7 +3142,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, @@ -3120,7 +3263,7 @@ GraniteWidgetsWelcome { background-color: #383C45; } GraniteWidgetsWelcome GtkLabel { - color: #8b919a; + color: #8c919b; font: open sans 11; text-shadow: none; } @@ -3253,7 +3396,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)); } @@ -3331,13 +3474,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, @@ -3347,19 +3493,21 @@ 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 .sidebar, GtkFileChooserDialog .source-list.sidebar.view, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { +MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: #454a54; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar row, + GtkFileChooserDialog .source-list.sidebar.view .view, + GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, @@ -3368,13 +3516,13 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar row.image, + GtkFileChooserDialog .source-list.sidebar.view .view.image, + GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, @@ -3383,12 +3531,12 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar row.image, - MarlinViewWindow .source-list.sidebar.view .view.image, - MarlinViewWindow .source-list.sidebar.view row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar row.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, @@ -3397,86 +3545,85 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow .source-list.sidebar.view .separator { + MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { background-color: #d1d4d8; border: 1px solid rgba(0, 0, 0, 0.3); } - GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, + GtkFileChooserDialog .sidebar .scrollbar .trough, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, - MarlinViewWindow .sidebar .scrollbar .trough, - MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { + MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } - GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, + GtkFileChooserDialog .sidebar .scrollbar .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, - MarlinViewWindow .sidebar .scrollbar .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { + MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, + GtkFileChooserDialog .sidebar .scrollbar .slider:hover, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NautilusWindow .source-list.sidebar.view .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, - MarlinViewWindow .sidebar .scrollbar .slider:hover, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { + MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NautilusWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NautilusWindow .source-list.sidebar.view .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .source-list.sidebar.view .scrollbar .slider:insensitive, - MarlinViewWindow .sidebar .scrollbar .slider:insensitive, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:insensitive { + MarlinViewWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .source-list.sidebar.view .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, @@ -3485,21 +3632,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 { @@ -3507,8 +3660,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 { @@ -3597,7 +3752,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)); } @@ -3614,7 +3769,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)); } @@ -3632,7 +3787,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; @@ -3644,8 +3799,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.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css index 1d1d152..4ee385a 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 @@ -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 @@ .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #5c616c; } + .label:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ 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 .label { padding: 6px 12px; } + GtkAssistant .sidebar .label.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkTextView { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkTextView { 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 @@ GtkTextView { .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 @@ GtkTextView { .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 @@ GtkTextView { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > .label, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > .label, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > .label, + .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 > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > .label: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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkTextView { *: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 @@ GtkTextView { 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; } @@ -918,12 +975,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 { @@ -951,6 +1010,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); @@ -979,31 +1039,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; @@ -1035,10 +1099,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; @@ -1070,12 +1136,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 { @@ -1085,8 +1154,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; @@ -1101,38 +1172,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; } @@ -1150,25 +1232,25 @@ GtkTreeView.view { border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; - border-left-color: #a8c9f0; + border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { - color: #97beed; } + color: #97bfee; } 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 { @@ -1187,7 +1269,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1196,7 +1278,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; } @@ -1243,7 +1327,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; @@ -1267,11 +1351,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; @@ -1295,7 +1379,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; } @@ -1328,7 +1413,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 { @@ -1340,7 +1425,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 { @@ -1350,13 +1435,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; @@ -1380,10 +1465,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; @@ -1393,10 +1478,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; @@ -1406,10 +1491,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; @@ -1419,10 +1504,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); } @@ -1432,7 +1517,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 { @@ -1466,7 +1551,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; - background-color: #898d95; + background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { @@ -1478,13 +1563,14 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { + .scrollbar.overlay-indicator.dragging, + .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; - border: 1px none #dcdfe3; } + border: 1px none #dbdfe3; } .scrollbar .slider { - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active { @@ -1521,7 +1607,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; - border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + border-image: linear-gradient(to bottom, #dbdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { @@ -1726,7 +1812,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); } /************ @@ -1753,7 +1843,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); @@ -1770,14 +1860,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; @@ -1799,7 +1889,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)); } @@ -1849,6 +1939,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1871,7 +1962,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1884,7 +1975,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; } /********* @@ -1892,7 +1989,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1910,7 +2007,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); } @@ -1950,16 +2047,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)); } @@ -1980,7 +2077,7 @@ GtkScrolledWindow GtkViewport.frame { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -2033,10 +2130,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 * @@ -2070,7 +2168,7 @@ GtkPaned { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { - background-color: #dcdfe3; } + background-color: #dbdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; @@ -2078,7 +2176,7 @@ GtkPaned.wide { GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } @@ -2151,36 +2249,50 @@ GtkInfoBar { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } + GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } + GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } -GtkColorSwatch:hover, GtkColorSwatch:hover:selected { + +GtkColorSwatch:hover, +GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } + GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } + GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } -GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { + +GtkColorSwatch.overlay, +GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { + GtkColorSwatch.overlay:hover, + GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } + GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; @@ -2253,6 +2365,7 @@ GtkVolumeButton.button { .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } + .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px 4px; @@ -2267,25 +2380,25 @@ GtkVolumeButton.button { outline-color: rgba(207, 218, 231, 0.1); border-color: #1d2024; background-color: rgba(40, 44, 50, 0.9); } - .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, - .titlebar .button.titlebutton:active, - .titlebar .button.titlebutton:checked { + .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; background-color: #5294E2; } - .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, - .titlebar .button.titlebutton.close, - .titlebar .button.titlebutton.maximize, - .titlebar .button.titlebutton.minimize { + .header-bar .button.titlebutton.close, + .header-bar .button.titlebutton.maximize, + .header-bar .button.titlebutton.minimize, + .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; } - .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, - .titlebar .button.titlebutton.close:backdrop, - .titlebar .button.titlebutton.maximize:backdrop, - .titlebar .button.titlebutton.minimize:backdrop { + .header-bar .button.titlebutton.close:backdrop, + .header-bar .button.titlebutton.maximize:backdrop, + .header-bar .button.titlebutton.minimize:backdrop, + .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { @@ -2324,7 +2437,12 @@ GtkVolumeButton.button { .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } -.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .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, .label:selected, +.label:selected:focus, +.label:selected:hover, .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; @@ -2346,6 +2464,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%; @@ -2354,6 +2473,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%; @@ -2362,6 +2482,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%; @@ -2379,6 +2500,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%); @@ -2387,6 +2509,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%); @@ -2395,6 +2518,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%); @@ -2404,7 +2528,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, @@ -2429,22 +2558,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; } +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 { +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; @@ -2458,8 +2583,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2477,13 +2604,19 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry { .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } -.nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, +.nautilus-canvas-item.dim-label, +.nautilus-canvas-item.label.separator, +GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { - color: #a8abb1; } - .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dce9f9; } + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, + .nautilus-canvas-item.label.separator:selected, + .header-bar .nautilus-canvas-item.subtitle:selected, + .nautilus-canvas-item.dim-label:selected:focus, + .nautilus-canvas-item.label.separator:selected:focus, + .header-bar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } @@ -2512,14 +2645,14 @@ NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline- background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { - background-color: #eceef0; + background-color: #edeef0; border-color: #d0d5da; } 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); @@ -2552,7 +2685,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { /* Only normal state is handle */ .open-document-selector-path-label { - color: #adb0b5; + color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } @@ -2566,11 +2699,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; @@ -2579,16 +2715,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, @@ -2598,7 +2735,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); @@ -2608,7 +2745,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; } @@ -2620,9 +2757,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 { @@ -2631,13 +2768,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); } @@ -2645,12 +2782,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; @@ -2666,14 +2805,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; } @@ -2703,7 +2845,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; } @@ -2799,7 +2941,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3001,7 +3143,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, @@ -3029,8 +3172,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 { @@ -3042,7 +3185,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; } @@ -3050,7 +3193,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; } @@ -3121,7 +3264,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3160,7 +3303,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3254,7 +3397,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)); } @@ -3329,7 +3472,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, @@ -3339,19 +3484,21 @@ 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 .sidebar, GtkFileChooserDialog .source-list.sidebar.view, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { +MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: #3c4049; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar row, + GtkFileChooserDialog .source-list.sidebar.view .view, + GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, @@ -3360,13 +3507,13 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar row.image, + GtkFileChooserDialog .source-list.sidebar.view .view.image, + GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, @@ -3375,12 +3522,12 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar row.image, - MarlinViewWindow .source-list.sidebar.view .view.image, - MarlinViewWindow .source-list.sidebar.view row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar row.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, @@ -3389,86 +3536,85 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow .source-list.sidebar.view .separator { + MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { background-color: #d1d4d8; border: 1px solid rgba(0, 0, 0, 0.3); } - GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, + GtkFileChooserDialog .sidebar .scrollbar .trough, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, - MarlinViewWindow .sidebar .scrollbar .trough, - MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { + MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } - GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, + GtkFileChooserDialog .sidebar .scrollbar .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, - MarlinViewWindow .sidebar .scrollbar .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { + MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, + GtkFileChooserDialog .sidebar .scrollbar .slider:hover, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NautilusWindow .source-list.sidebar.view .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, - MarlinViewWindow .sidebar .scrollbar .slider:hover, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { + MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NautilusWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NautilusWindow .source-list.sidebar.view .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .source-list.sidebar.view .scrollbar .slider:insensitive, - MarlinViewWindow .sidebar .scrollbar .slider:insensitive, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:insensitive { + MarlinViewWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .source-list.sidebar.view .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, @@ -3477,21 +3623,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 { @@ -3499,8 +3651,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 { @@ -3589,7 +3743,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)); } @@ -3606,7 +3760,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)); } @@ -3623,21 +3777,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.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css index 3c92afa..0e54f26 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid.css +++ b/common/gtk-3.0/3.16/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 @@ .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #5c616c; } + .label:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ 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 .label { padding: 6px 12px; } + GtkAssistant .sidebar .label.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkTextView { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkTextView { 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 @@ GtkTextView { .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 @@ GtkTextView { .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 @@ GtkTextView { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > .label, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > .label, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > .label, + .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 > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > .label: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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkTextView { *: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 @@ GtkTextView { 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; } @@ -918,12 +975,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 { @@ -951,6 +1010,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); @@ -979,31 +1039,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; @@ -1035,10 +1099,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; @@ -1070,12 +1136,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 { @@ -1085,8 +1154,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); @@ -1101,37 +1172,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; } @@ -1149,25 +1231,25 @@ GtkTreeView.view { border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; - border-left-color: #a8c9f0; + border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { - color: #97beed; } + color: #97bfee; } 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 { @@ -1186,7 +1268,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1195,7 +1277,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; } @@ -1242,7 +1326,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; @@ -1266,11 +1350,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; @@ -1294,7 +1378,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; } @@ -1327,7 +1412,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 { @@ -1339,7 +1424,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 { @@ -1349,13 +1434,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; @@ -1379,10 +1464,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; @@ -1392,10 +1477,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; @@ -1405,10 +1490,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; @@ -1418,10 +1503,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); } @@ -1431,7 +1516,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 { @@ -1465,7 +1550,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; - background-color: #898d95; + background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { @@ -1477,13 +1562,14 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { + .scrollbar.overlay-indicator.dragging, + .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; - border: 1px none #dcdfe3; } + border: 1px none #dbdfe3; } .scrollbar .slider { - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active { @@ -1520,7 +1606,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; - border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + border-image: linear-gradient(to bottom, #dbdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { @@ -1725,7 +1811,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); } /************ @@ -1752,7 +1842,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); @@ -1769,14 +1859,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; @@ -1798,7 +1888,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)); } @@ -1848,6 +1938,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1870,7 +1961,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1883,7 +1974,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; } /********* @@ -1891,7 +1988,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1909,7 +2006,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); } @@ -1949,16 +2046,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)); } @@ -1979,7 +2076,7 @@ GtkScrolledWindow GtkViewport.frame { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -2032,10 +2129,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 * @@ -2069,7 +2167,7 @@ GtkPaned { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { - background-color: #dcdfe3; } + background-color: #dbdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; @@ -2077,7 +2175,7 @@ GtkPaned.wide { GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } @@ -2150,36 +2248,50 @@ GtkInfoBar { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } + GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } + GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } -GtkColorSwatch:hover, GtkColorSwatch:hover:selected { + +GtkColorSwatch:hover, +GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } + GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } + GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } -GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { + +GtkColorSwatch.overlay, +GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { + GtkColorSwatch.overlay:hover, + GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } + GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; @@ -2252,6 +2364,7 @@ GtkVolumeButton.button { .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } + .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px 4px; @@ -2266,25 +2379,25 @@ GtkVolumeButton.button { outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } - .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, - .titlebar .button.titlebutton:active, - .titlebar .button.titlebutton:checked { + .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; background-color: #5294E2; } - .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, - .titlebar .button.titlebutton.close, - .titlebar .button.titlebutton.maximize, - .titlebar .button.titlebutton.minimize { + .header-bar .button.titlebutton.close, + .header-bar .button.titlebutton.maximize, + .header-bar .button.titlebutton.minimize, + .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; } - .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, - .titlebar .button.titlebutton.close:backdrop, - .titlebar .button.titlebutton.maximize:backdrop, - .titlebar .button.titlebutton.minimize:backdrop { + .header-bar .button.titlebutton.close:backdrop, + .header-bar .button.titlebutton.maximize:backdrop, + .header-bar .button.titlebutton.minimize:backdrop, + .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { @@ -2323,7 +2436,12 @@ GtkVolumeButton.button { .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } -.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .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, .label:selected, +.label:selected:focus, +.label:selected:hover, .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; @@ -2345,6 +2463,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%; @@ -2353,6 +2472,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%; @@ -2361,6 +2481,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%; @@ -2378,6 +2499,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%); @@ -2386,6 +2508,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%); @@ -2394,6 +2517,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%); @@ -2403,7 +2527,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, @@ -2428,22 +2557,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; } +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 { +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; @@ -2457,8 +2582,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2476,13 +2603,19 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry { .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } -.nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, +.nautilus-canvas-item.dim-label, +.nautilus-canvas-item.label.separator, +GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { - color: #a8abb1; } - .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dce9f9; } + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, + .nautilus-canvas-item.label.separator:selected, + .header-bar .nautilus-canvas-item.subtitle:selected, + .nautilus-canvas-item.dim-label:selected:focus, + .nautilus-canvas-item.label.separator:selected:focus, + .header-bar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } @@ -2511,14 +2644,14 @@ NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline- background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { - background-color: #eceef0; + background-color: #edeef0; border-color: #d0d5da; } 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); @@ -2551,7 +2684,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { /* Only normal state is handle */ .open-document-selector-path-label { - color: #adb0b5; + color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } @@ -2565,11 +2698,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; @@ -2578,16 +2714,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, @@ -2597,7 +2734,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); @@ -2607,7 +2744,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; } @@ -2619,9 +2756,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 { @@ -2630,13 +2767,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); } @@ -2644,12 +2781,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; @@ -2665,14 +2804,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; } @@ -2702,7 +2844,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; } @@ -2798,7 +2940,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3000,7 +3142,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, @@ -3028,8 +3171,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 { @@ -3041,7 +3184,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; } @@ -3049,7 +3192,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; } @@ -3120,7 +3263,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3159,7 +3302,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3253,7 +3396,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)); } @@ -3328,7 +3471,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, @@ -3338,19 +3483,21 @@ 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 .sidebar, GtkFileChooserDialog .source-list.sidebar.view, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { +MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: #3c4049; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar row, + GtkFileChooserDialog .source-list.sidebar.view .view, + GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, @@ -3359,13 +3506,13 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar row.image, + GtkFileChooserDialog .source-list.sidebar.view .view.image, + GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, @@ -3374,12 +3521,12 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar row.image, - MarlinViewWindow .source-list.sidebar.view .view.image, - MarlinViewWindow .source-list.sidebar.view row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar row.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, @@ -3388,86 +3535,85 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow .source-list.sidebar.view .separator { + MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { background-color: #d1d4d8; border: 1px solid rgba(0, 0, 0, 0.3); } - GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, + GtkFileChooserDialog .sidebar .scrollbar .trough, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, - MarlinViewWindow .sidebar .scrollbar .trough, - MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { + MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } - GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, + GtkFileChooserDialog .sidebar .scrollbar .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, - MarlinViewWindow .sidebar .scrollbar .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { + MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, + GtkFileChooserDialog .sidebar .scrollbar .slider:hover, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NautilusWindow .source-list.sidebar.view .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, - MarlinViewWindow .sidebar .scrollbar .slider:hover, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { + MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NautilusWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NautilusWindow .source-list.sidebar.view .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .source-list.sidebar.view .scrollbar .slider:insensitive, - MarlinViewWindow .sidebar .scrollbar .slider:insensitive, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:insensitive { + MarlinViewWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .source-list.sidebar.view .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, @@ -3476,21 +3622,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 { @@ -3498,8 +3650,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 { @@ -3588,7 +3742,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)); } @@ -3605,7 +3759,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)); } @@ -3622,21 +3776,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.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css index 5f90308..b1d1dcb 100644 --- a/common/gtk-3.0/3.16/gtk-contained.css +++ b/common/gtk-3.0/3.16/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 @@ .label.separator, .popover .label.separator, GtkPlacesSidebar.sidebar .label.view.separator { color: #5c616c; } + .label:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ 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 .label { padding: 6px 12px; } + GtkAssistant .sidebar .label.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkTextView { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkTextView { 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 @@ GtkTextView { .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 @@ GtkTextView { .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 @@ GtkTextView { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > .label, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > .label, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > .label, + .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 > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > .label: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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkTextView { *: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 @@ GtkTextView { 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; } @@ -918,12 +975,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 { @@ -951,6 +1010,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); @@ -979,31 +1039,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; @@ -1035,10 +1099,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; @@ -1070,12 +1136,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 { @@ -1085,8 +1154,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); @@ -1101,37 +1172,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; } @@ -1149,25 +1231,25 @@ GtkTreeView.view { border-top-color: rgba(0, 0, 0, 0.1); } GtkTreeView.view:selected { border-radius: 0; - border-left-color: #a8c9f0; + border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } GtkTreeView.view:insensitive { color: rgba(92, 97, 108, 0.55); } GtkTreeView.view:insensitive:selected { - color: #97beed; } + color: #97bfee; } 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 { @@ -1186,7 +1268,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1195,7 +1277,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; } @@ -1242,7 +1326,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; @@ -1266,11 +1350,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; @@ -1294,7 +1378,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; } @@ -1327,7 +1412,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 { @@ -1339,7 +1424,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 { @@ -1349,13 +1434,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; @@ -1379,10 +1464,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; @@ -1392,10 +1477,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; @@ -1405,10 +1490,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; @@ -1418,10 +1503,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); } @@ -1431,7 +1516,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 { @@ -1465,7 +1550,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; - background-color: #898d95; + background-color: #8a8e96; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { @@ -1477,13 +1562,14 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider { margin-left: 2px; margin-right: 2px; } - .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering { + .scrollbar.overlay-indicator.dragging, + .scrollbar.overlay-indicator.hovering { opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; - border: 1px none #dcdfe3; } + border: 1px none #dbdfe3; } .scrollbar .slider { - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar .slider:hover { background-color: #c7c9cd; } .scrollbar .slider:prelight:active { @@ -1520,7 +1606,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; - border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + border-image: linear-gradient(to bottom, #dbdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { @@ -1725,7 +1811,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); } /************ @@ -1752,7 +1842,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); @@ -1769,14 +1859,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; @@ -1798,7 +1888,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)); } @@ -1848,6 +1938,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1870,7 +1961,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1883,7 +1974,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; } /********* @@ -1891,7 +1988,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1909,7 +2006,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); } @@ -1949,16 +2046,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)); } @@ -1979,7 +2076,7 @@ GtkScrolledWindow GtkViewport.frame { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -2032,10 +2129,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 * @@ -2069,7 +2167,7 @@ GtkPaned { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { - background-color: #dcdfe3; } + background-color: #dbdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; @@ -2077,7 +2175,7 @@ GtkPaned.wide { GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } @@ -2150,36 +2248,50 @@ GtkInfoBar { box-shadow: none; } :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover { border-color: #ffffff; } + GtkColorSwatch.top { border-top-left-radius: 3px; border-top-right-radius: 3px; } + GtkColorSwatch.bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch.left, GtkColorSwatch:first-child, GtkColorSwatch:first-child .overlay { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } + GtkColorSwatch.right, GtkColorSwatch:last-child, GtkColorSwatch:last-child .overlay { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + GtkColorSwatch:only-child, GtkColorSwatch:only-child .overlay { border-radius: 3px; } -GtkColorSwatch:hover, GtkColorSwatch:hover:selected { + +GtkColorSwatch:hover, +GtkColorSwatch:hover:selected { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2)); } + GtkColorEditor GtkColorSwatch { border-radius: 3px; } GtkColorEditor GtkColorSwatch:hover { background-image: none; } + GtkColorSwatch.color-dark { color: white; outline-color: rgba(0, 0, 0, 0.3); } + GtkColorSwatch.color-light { color: black; outline-color: rgba(255, 255, 255, 0.5); } -GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected { + +GtkColorSwatch.overlay, +GtkColorSwatch.overlay:selected { border: 1px solid rgba(0, 0, 0, 0.15); } - GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover { + GtkColorSwatch.overlay:hover, + GtkColorSwatch.overlay:selected:hover { border-color: rgba(0, 0, 0, 0.25); } + GtkColorSwatch#add-color-button { border-style: solid; border-width: 1px; @@ -2252,6 +2364,7 @@ GtkVolumeButton.button { .titlebar.default-decoration .button.titlebutton { padding-top: 0px; padding-bottom: 0px; } + .header-bar .button.titlebutton, .titlebar .button.titlebutton { padding: 7px 4px; @@ -2266,25 +2379,25 @@ GtkVolumeButton.button { outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } - .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, - .titlebar .button.titlebutton:active, - .titlebar .button.titlebutton:checked { + .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; background-color: #5294E2; } - .header-bar .button.titlebutton.close, .header-bar .button.titlebutton.maximize, .header-bar .button.titlebutton.minimize, - .titlebar .button.titlebutton.close, - .titlebar .button.titlebutton.maximize, - .titlebar .button.titlebutton.minimize { + .header-bar .button.titlebutton.close, + .header-bar .button.titlebutton.maximize, + .header-bar .button.titlebutton.minimize, + .titlebar .button.titlebutton.close, .titlebar .button.titlebutton.maximize, .titlebar .button.titlebutton.minimize { color: transparent; background-color: transparent; background-position: center; background-repeat: no-repeat; } - .header-bar .button.titlebutton.close:backdrop, .header-bar .button.titlebutton.maximize:backdrop, .header-bar .button.titlebutton.minimize:backdrop, - .titlebar .button.titlebutton.close:backdrop, - .titlebar .button.titlebutton.maximize:backdrop, - .titlebar .button.titlebutton.minimize:backdrop { + .header-bar .button.titlebutton.close:backdrop, + .header-bar .button.titlebutton.maximize:backdrop, + .header-bar .button.titlebutton.minimize:backdrop, + .titlebar .button.titlebutton.close:backdrop, .titlebar .button.titlebutton.maximize:backdrop, .titlebar .button.titlebutton.minimize:backdrop { opacity: 1; } .header-bar .button.titlebutton.close, .titlebar .button.titlebutton.close { @@ -2323,7 +2436,12 @@ GtkVolumeButton.button { .titlebar .button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } -.view:selected, .view:selected:focus, .view:selected:hover, .label:selected, .label:selected:focus, .label:selected:hover, .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, .label:selected, +.label:selected:focus, +.label:selected:hover, .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; @@ -2345,6 +2463,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%; @@ -2353,6 +2472,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%; @@ -2361,6 +2481,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%; @@ -2378,6 +2499,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%); @@ -2386,6 +2508,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%); @@ -2394,6 +2517,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%); @@ -2403,7 +2527,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, @@ -2428,22 +2557,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; } +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 { +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; @@ -2457,8 +2582,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2476,13 +2603,19 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry { .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { color: #ffffff; } -.nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, +.nautilus-canvas-item.dim-label, +.nautilus-canvas-item.label.separator, +GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { - color: #a8abb1; } - .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dce9f9; } + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, + .nautilus-canvas-item.label.separator:selected, + .header-bar .nautilus-canvas-item.subtitle:selected, + .nautilus-canvas-item.dim-label:selected:focus, + .nautilus-canvas-item.label.separator:selected:focus, + .header-bar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } NautilusNotebook.notebook { background-color: #ffffff; } @@ -2511,14 +2644,14 @@ NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline- background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { - background-color: #eceef0; + background-color: #edeef0; border-color: #d0d5da; } 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); @@ -2551,7 +2684,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { /* Only normal state is handle */ .open-document-selector-path-label { - color: #adb0b5; + color: #aeb0b6; font-size: smaller; } .open-document-selector-path-label:selected { color: rgba(255, 255, 255, 0.9); } @@ -2565,11 +2698,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; @@ -2578,16 +2714,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, @@ -2597,7 +2734,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); @@ -2607,7 +2744,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; } @@ -2619,9 +2756,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 { @@ -2630,13 +2767,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); } @@ -2644,12 +2781,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; @@ -2665,14 +2804,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; } @@ -2702,7 +2844,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; } @@ -2798,7 +2940,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3000,7 +3142,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, @@ -3028,8 +3171,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 { @@ -3041,7 +3184,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; } @@ -3049,7 +3192,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; } @@ -3120,7 +3263,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3159,7 +3302,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3253,7 +3396,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)); } @@ -3328,7 +3471,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, @@ -3338,19 +3483,21 @@ 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 .sidebar, GtkFileChooserDialog .source-list.sidebar.view, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog .source-list.sidebar.view, NautilusWindow .sidebar, NautilusWindow .source-list.sidebar.view, NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { +MarlinViewWindow .sidebar, MarlinViewWindow .source-list.sidebar.view { background-color: rgba(60, 64, 73, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar row, GtkFileChooserDialog .source-list.sidebar.view .view, GtkFileChooserDialog .source-list.sidebar.view row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar row, + GtkFileChooserDialog .source-list.sidebar.view .view, + GtkFileChooserDialog .source-list.sidebar.view row, NautilusWindow .sidebar .view, NautilusWindow .sidebar row, NautilusWindow .source-list.sidebar.view .view, @@ -3359,13 +3506,13 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar row, MarlinViewWindow .source-list.sidebar.view .view, MarlinViewWindow .source-list.sidebar.view row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar row.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, GtkFileChooserDialog .source-list.sidebar.view row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar row.image, + GtkFileChooserDialog .source-list.sidebar.view .view.image, + GtkFileChooserDialog .source-list.sidebar.view row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar row.image, NautilusWindow .source-list.sidebar.view .view.image, @@ -3374,12 +3521,12 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.image, NemoWindow .source-list.sidebar.view .view.image, NemoWindow .source-list.sidebar.view row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar row.image, - MarlinViewWindow .source-list.sidebar.view .view.image, - MarlinViewWindow .source-list.sidebar.view row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar row.image, MarlinViewWindow .source-list.sidebar.view .view.image, MarlinViewWindow .source-list.sidebar.view row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar row.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar row.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, + GtkFileChooserDialog .source-list.sidebar.view row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar row.cell:selected, NautilusWindow .source-list.sidebar.view .view.cell:selected, @@ -3388,86 +3535,85 @@ MarlinViewWindow .source-list.sidebar.view { NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar row.cell:selected, MarlinViewWindow .source-list.sidebar.view .view.cell:selected, MarlinViewWindow .source-list.sidebar.view row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog .source-list.sidebar.view.frame, NautilusWindow .sidebar.frame, NautilusWindow .source-list.sidebar.view.frame, NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow .source-list.sidebar.view.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow .source-list.sidebar.view .separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow .source-list.sidebar.view .separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow .source-list.sidebar.view .separator { + MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NautilusWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { background-color: #d1d4d8; border: 1px solid rgba(0, 0, 0, 0.3); } - GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, + GtkFileChooserDialog .sidebar .scrollbar .trough, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, NautilusWindow .sidebar .scrollbar .trough, NautilusWindow .source-list.sidebar.view .scrollbar .trough, NemoWindow .sidebar .scrollbar .trough, NemoWindow .source-list.sidebar.view .scrollbar .trough, - MarlinViewWindow .sidebar .scrollbar .trough, - MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { + MarlinViewWindow .sidebar .scrollbar .trough, MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } - GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, + GtkFileChooserDialog .sidebar .scrollbar .slider, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, NautilusWindow .sidebar .scrollbar .slider, NautilusWindow .source-list.sidebar.view .scrollbar .slider, NemoWindow .sidebar .scrollbar .slider, NemoWindow .source-list.sidebar.view .scrollbar .slider, - MarlinViewWindow .sidebar .scrollbar .slider, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { + MarlinViewWindow .sidebar .scrollbar .slider, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, + GtkFileChooserDialog .sidebar .scrollbar .slider:hover, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, NautilusWindow .sidebar .scrollbar .slider:hover, NautilusWindow .source-list.sidebar.view .scrollbar .slider:hover, NemoWindow .sidebar .scrollbar .slider:hover, NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, - MarlinViewWindow .sidebar .scrollbar .slider:hover, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { + MarlinViewWindow .sidebar .scrollbar .slider:hover, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, NautilusWindow .sidebar .scrollbar .slider:prelight:active, NautilusWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, NemoWindow .sidebar .scrollbar .slider:prelight:active, NemoWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, + GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, NautilusWindow .sidebar .scrollbar .slider:insensitive, NautilusWindow .source-list.sidebar.view .scrollbar .slider:insensitive, NemoWindow .sidebar .scrollbar .slider:insensitive, NemoWindow .source-list.sidebar.view .scrollbar .slider:insensitive, - MarlinViewWindow .sidebar .scrollbar .slider:insensitive, - MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:insensitive { + MarlinViewWindow .sidebar .scrollbar .slider:insensitive, MarlinViewWindow .source-list.sidebar.view .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, @@ -3476,21 +3622,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 { @@ -3498,8 +3650,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 { @@ -3588,7 +3742,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)); } @@ -3605,7 +3759,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)); } @@ -3622,21 +3776,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.16/gulpfile.js b/common/gtk-3.0/3.16/gulpfile.js new file mode 100644 index 0000000..230ac9d --- /dev/null +++ b/common/gtk-3.0/3.16/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.16/package.json b/common/gtk-3.0/3.16/package.json new file mode 100644 index 0000000..b08961b --- /dev/null +++ b/common/gtk-3.0/3.16/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.16/parse-sass.sh b/common/gtk-3.0/3.16/parse-sass.sh deleted file mode 100755 index e9cda25..0000000 --- a/common/gtk-3.0/3.16/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.16/_applications.scss b/common/gtk-3.0/3.16/sass/_applications.scss similarity index 100% rename from common/gtk-3.0/3.16/_applications.scss rename to common/gtk-3.0/3.16/sass/_applications.scss diff --git a/common/gtk-3.0/3.16/_colors-public.scss b/common/gtk-3.0/3.16/sass/_colors-public.scss similarity index 93% rename from common/gtk-3.0/3.16/_colors-public.scss rename to common/gtk-3.0/3.16/sass/_colors-public.scss index 0590a00..60d3cbf 100644 --- a/common/gtk-3.0/3.16/_colors-public.scss +++ b/common/gtk-3.0/3.16/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.16/_colors.scss b/common/gtk-3.0/3.16/sass/_colors.scss similarity index 100% rename from common/gtk-3.0/3.16/_colors.scss rename to common/gtk-3.0/3.16/sass/_colors.scss diff --git a/common/gtk-3.0/3.16/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss similarity index 100% rename from common/gtk-3.0/3.16/_common.scss rename to common/gtk-3.0/3.16/sass/_common.scss diff --git a/common/gtk-3.0/3.16/_drawing.scss b/common/gtk-3.0/3.16/sass/_drawing.scss similarity index 100% rename from common/gtk-3.0/3.16/_drawing.scss rename to common/gtk-3.0/3.16/sass/_drawing.scss diff --git a/common/gtk-3.0/3.16/_granite.scss b/common/gtk-3.0/3.16/sass/_granite.scss similarity index 100% rename from common/gtk-3.0/3.16/_granite.scss rename to common/gtk-3.0/3.16/sass/_granite.scss diff --git a/common/gtk-3.0/3.16/_lightdm.scss b/common/gtk-3.0/3.16/sass/_lightdm.scss similarity index 100% rename from common/gtk-3.0/3.16/_lightdm.scss rename to common/gtk-3.0/3.16/sass/_lightdm.scss diff --git a/common/gtk-3.0/3.16/_transparent_widgets.scss b/common/gtk-3.0/3.16/sass/_transparent_widgets.scss similarity index 100% rename from common/gtk-3.0/3.16/_transparent_widgets.scss rename to common/gtk-3.0/3.16/sass/_transparent_widgets.scss diff --git a/common/gtk-3.0/3.16/_unity.scss b/common/gtk-3.0/3.16/sass/_unity.scss similarity index 100% rename from common/gtk-3.0/3.16/_unity.scss rename to common/gtk-3.0/3.16/sass/_unity.scss diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.scss b/common/gtk-3.0/3.16/sass/gtk-contained-dark.scss similarity index 100% rename from common/gtk-3.0/3.16/gtk-contained-dark.scss rename to common/gtk-3.0/3.16/sass/gtk-contained-dark.scss diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.scss b/common/gtk-3.0/3.16/sass/gtk-contained-darker.scss similarity index 100% rename from common/gtk-3.0/3.16/gtk-contained-darker.scss rename to common/gtk-3.0/3.16/sass/gtk-contained-darker.scss diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss b/common/gtk-3.0/3.16/sass/gtk-contained-solid-dark.scss similarity index 100% rename from common/gtk-3.0/3.16/gtk-contained-solid-dark.scss rename to common/gtk-3.0/3.16/sass/gtk-contained-solid-dark.scss diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss b/common/gtk-3.0/3.16/sass/gtk-contained-solid-darker.scss similarity index 100% rename from common/gtk-3.0/3.16/gtk-contained-solid-darker.scss rename to common/gtk-3.0/3.16/sass/gtk-contained-solid-darker.scss diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.scss b/common/gtk-3.0/3.16/sass/gtk-contained-solid.scss similarity index 100% rename from common/gtk-3.0/3.16/gtk-contained-solid.scss rename to common/gtk-3.0/3.16/sass/gtk-contained-solid.scss diff --git a/common/gtk-3.0/3.16/gtk-contained.scss b/common/gtk-3.0/3.16/sass/gtk-contained.scss similarity index 100% rename from common/gtk-3.0/3.16/gtk-contained.scss rename to common/gtk-3.0/3.16/sass/gtk-contained.scss