From 8aaf55c319f06160b14f402f012144b74baa8d01 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 17 Jul 2015 14:34:04 +0200 Subject: use libsass and update build system --- .gitignore | 1 + common/Makefile.am | 175 +- common/gnome-shell/3.14/dash/dash-placeholder.svg | 84 + common/gnome-shell/3.14/gnome-shell.css | 2 +- common/gnome-shell/3.14/misc/dash-placeholder.svg | 84 - common/gnome-shell/3.16/.nvmrc | 1 + common/gnome-shell/3.16/Gemfile | 3 - common/gnome-shell/3.16/Gemfile.lock | 10 - common/gnome-shell/3.16/_colors.scss | 58 - common/gnome-shell/3.16/_common.scss | 2231 --------------- common/gnome-shell/3.16/_drawing.scss | 140 - common/gnome-shell/3.16/dash/dash-placeholder.svg | 84 + common/gnome-shell/3.16/gnome-shell.css | 125 +- common/gnome-shell/3.16/gnome-shell.scss | 3 - common/gnome-shell/3.16/gulpfile.js | 18 + common/gnome-shell/3.16/misc/dash-placeholder.svg | 84 - common/gnome-shell/3.16/package.json | 7 + common/gnome-shell/3.16/parse-sass.sh | 3 - common/gnome-shell/3.16/sass/_colors.scss | 58 + common/gnome-shell/3.16/sass/_common.scss | 2231 +++++++++++++++ common/gnome-shell/3.16/sass/_drawing.scss | 140 + common/gnome-shell/3.16/sass/gnome-shell.scss | 3 + common/gtk-3.0/3.14/.nvmrc | 1 + common/gtk-3.0/3.14/Gemfile | 3 - common/gtk-3.0/3.14/Gemfile.lock | 10 - common/gtk-3.0/3.14/_applications.scss | 680 ----- common/gtk-3.0/3.14/_colors-public.scss | 77 - common/gtk-3.0/3.14/_colors.scss | 102 - common/gtk-3.0/3.14/_common.scss | 2733 ------------------- common/gtk-3.0/3.14/_drawing.scss | 377 --- common/gtk-3.0/3.14/_granite.scss | 214 -- common/gtk-3.0/3.14/_lightdm.scss | 141 - common/gtk-3.0/3.14/_transparent_widgets.scss | 237 -- common/gtk-3.0/3.14/_unity.scss | 56 - common/gtk-3.0/3.14/gtk-contained-dark.css | 650 +++-- common/gtk-3.0/3.14/gtk-contained-dark.scss | 18 - common/gtk-3.0/3.14/gtk-contained-darker.css | 753 +++--- common/gtk-3.0/3.14/gtk-contained-darker.scss | 18 - common/gtk-3.0/3.14/gtk-contained-solid-dark.css | 650 +++-- common/gtk-3.0/3.14/gtk-contained-solid-dark.scss | 18 - common/gtk-3.0/3.14/gtk-contained-solid-darker.css | 753 +++--- .../gtk-3.0/3.14/gtk-contained-solid-darker.scss | 18 - common/gtk-3.0/3.14/gtk-contained-solid.css | 755 +++--- common/gtk-3.0/3.14/gtk-contained-solid.scss | 18 - common/gtk-3.0/3.14/gtk-contained.css | 755 +++--- common/gtk-3.0/3.14/gtk-contained.scss | 18 - common/gtk-3.0/3.14/gulpfile.js | 18 + common/gtk-3.0/3.14/package.json | 7 + common/gtk-3.0/3.14/parse-sass.sh | 3 - common/gtk-3.0/3.14/sass/_applications.scss | 680 +++++ common/gtk-3.0/3.14/sass/_colors-public.scss | 77 + common/gtk-3.0/3.14/sass/_colors.scss | 102 + common/gtk-3.0/3.14/sass/_common.scss | 2733 +++++++++++++++++++ common/gtk-3.0/3.14/sass/_drawing.scss | 377 +++ common/gtk-3.0/3.14/sass/_granite.scss | 214 ++ common/gtk-3.0/3.14/sass/_lightdm.scss | 141 + common/gtk-3.0/3.14/sass/_transparent_widgets.scss | 237 ++ common/gtk-3.0/3.14/sass/_unity.scss | 56 + common/gtk-3.0/3.14/sass/gtk-contained-dark.scss | 18 + common/gtk-3.0/3.14/sass/gtk-contained-darker.scss | 18 + .../3.14/sass/gtk-contained-solid-dark.scss | 18 + .../3.14/sass/gtk-contained-solid-darker.scss | 18 + common/gtk-3.0/3.14/sass/gtk-contained-solid.scss | 18 + common/gtk-3.0/3.14/sass/gtk-contained.scss | 18 + common/gtk-3.0/3.16/.nvmrc | 1 + common/gtk-3.0/3.16/Gemfile | 3 - common/gtk-3.0/3.16/Gemfile.lock | 10 - common/gtk-3.0/3.16/_applications.scss | 728 ----- common/gtk-3.0/3.16/_colors-public.scss | 77 - common/gtk-3.0/3.16/_colors.scss | 102 - common/gtk-3.0/3.16/_common.scss | 2836 -------------------- common/gtk-3.0/3.16/_drawing.scss | 377 --- common/gtk-3.0/3.16/_granite.scss | 214 -- common/gtk-3.0/3.16/_lightdm.scss | 141 - common/gtk-3.0/3.16/_transparent_widgets.scss | 231 -- common/gtk-3.0/3.16/_unity.scss | 56 - common/gtk-3.0/3.16/gtk-contained-dark.css | 605 +++-- common/gtk-3.0/3.16/gtk-contained-dark.scss | 18 - common/gtk-3.0/3.16/gtk-contained-darker.css | 706 +++-- common/gtk-3.0/3.16/gtk-contained-darker.scss | 18 - common/gtk-3.0/3.16/gtk-contained-solid-dark.css | 605 +++-- common/gtk-3.0/3.16/gtk-contained-solid-dark.scss | 18 - common/gtk-3.0/3.16/gtk-contained-solid-darker.css | 706 +++-- .../gtk-3.0/3.16/gtk-contained-solid-darker.scss | 18 - common/gtk-3.0/3.16/gtk-contained-solid.css | 708 +++-- common/gtk-3.0/3.16/gtk-contained-solid.scss | 18 - common/gtk-3.0/3.16/gtk-contained.css | 708 +++-- common/gtk-3.0/3.16/gtk-contained.scss | 18 - common/gtk-3.0/3.16/gulpfile.js | 18 + common/gtk-3.0/3.16/package.json | 7 + common/gtk-3.0/3.16/parse-sass.sh | 3 - common/gtk-3.0/3.16/sass/_applications.scss | 728 +++++ common/gtk-3.0/3.16/sass/_colors-public.scss | 77 + common/gtk-3.0/3.16/sass/_colors.scss | 102 + common/gtk-3.0/3.16/sass/_common.scss | 2836 ++++++++++++++++++++ common/gtk-3.0/3.16/sass/_drawing.scss | 377 +++ common/gtk-3.0/3.16/sass/_granite.scss | 214 ++ common/gtk-3.0/3.16/sass/_lightdm.scss | 141 + common/gtk-3.0/3.16/sass/_transparent_widgets.scss | 231 ++ common/gtk-3.0/3.16/sass/_unity.scss | 56 + common/gtk-3.0/3.16/sass/gtk-contained-dark.scss | 18 + common/gtk-3.0/3.16/sass/gtk-contained-darker.scss | 18 + .../3.16/sass/gtk-contained-solid-dark.scss | 18 + .../3.16/sass/gtk-contained-solid-darker.scss | 18 + common/gtk-3.0/3.16/sass/gtk-contained-solid.scss | 18 + common/gtk-3.0/3.16/sass/gtk-contained.scss | 18 + 106 files changed, 17473 insertions(+), 15700 deletions(-) create mode 100644 .gitignore create mode 100755 common/gnome-shell/3.14/dash/dash-placeholder.svg delete mode 100755 common/gnome-shell/3.14/misc/dash-placeholder.svg create mode 100644 common/gnome-shell/3.16/.nvmrc delete mode 100644 common/gnome-shell/3.16/Gemfile delete mode 100644 common/gnome-shell/3.16/Gemfile.lock delete mode 100644 common/gnome-shell/3.16/_colors.scss delete mode 100644 common/gnome-shell/3.16/_common.scss delete mode 100644 common/gnome-shell/3.16/_drawing.scss create mode 100755 common/gnome-shell/3.16/dash/dash-placeholder.svg delete mode 100644 common/gnome-shell/3.16/gnome-shell.scss create mode 100644 common/gnome-shell/3.16/gulpfile.js delete mode 100755 common/gnome-shell/3.16/misc/dash-placeholder.svg create mode 100644 common/gnome-shell/3.16/package.json delete mode 100755 common/gnome-shell/3.16/parse-sass.sh create mode 100644 common/gnome-shell/3.16/sass/_colors.scss create mode 100644 common/gnome-shell/3.16/sass/_common.scss create mode 100644 common/gnome-shell/3.16/sass/_drawing.scss create mode 100644 common/gnome-shell/3.16/sass/gnome-shell.scss create mode 100644 common/gtk-3.0/3.14/.nvmrc delete mode 100644 common/gtk-3.0/3.14/Gemfile delete mode 100644 common/gtk-3.0/3.14/Gemfile.lock delete mode 100644 common/gtk-3.0/3.14/_applications.scss delete mode 100644 common/gtk-3.0/3.14/_colors-public.scss delete mode 100644 common/gtk-3.0/3.14/_colors.scss delete mode 100644 common/gtk-3.0/3.14/_common.scss delete mode 100644 common/gtk-3.0/3.14/_drawing.scss delete mode 100644 common/gtk-3.0/3.14/_granite.scss delete mode 100644 common/gtk-3.0/3.14/_lightdm.scss delete mode 100644 common/gtk-3.0/3.14/_transparent_widgets.scss delete mode 100644 common/gtk-3.0/3.14/_unity.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained-dark.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained-darker.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained-solid-dark.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained-solid-darker.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained-solid.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained.scss create mode 100644 common/gtk-3.0/3.14/gulpfile.js create mode 100644 common/gtk-3.0/3.14/package.json delete mode 100755 common/gtk-3.0/3.14/parse-sass.sh create mode 100644 common/gtk-3.0/3.14/sass/_applications.scss create mode 100644 common/gtk-3.0/3.14/sass/_colors-public.scss create mode 100644 common/gtk-3.0/3.14/sass/_colors.scss create mode 100644 common/gtk-3.0/3.14/sass/_common.scss create mode 100644 common/gtk-3.0/3.14/sass/_drawing.scss create mode 100644 common/gtk-3.0/3.14/sass/_granite.scss create mode 100644 common/gtk-3.0/3.14/sass/_lightdm.scss create mode 100644 common/gtk-3.0/3.14/sass/_transparent_widgets.scss create mode 100644 common/gtk-3.0/3.14/sass/_unity.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained-dark.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained-darker.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained-solid-dark.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained-solid-darker.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained-solid.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained.scss create mode 100644 common/gtk-3.0/3.16/.nvmrc delete mode 100644 common/gtk-3.0/3.16/Gemfile delete mode 100644 common/gtk-3.0/3.16/Gemfile.lock delete mode 100644 common/gtk-3.0/3.16/_applications.scss delete mode 100644 common/gtk-3.0/3.16/_colors-public.scss delete mode 100644 common/gtk-3.0/3.16/_colors.scss delete mode 100644 common/gtk-3.0/3.16/_common.scss delete mode 100644 common/gtk-3.0/3.16/_drawing.scss delete mode 100644 common/gtk-3.0/3.16/_granite.scss delete mode 100644 common/gtk-3.0/3.16/_lightdm.scss delete mode 100644 common/gtk-3.0/3.16/_transparent_widgets.scss delete mode 100644 common/gtk-3.0/3.16/_unity.scss delete mode 100644 common/gtk-3.0/3.16/gtk-contained-dark.scss delete mode 100644 common/gtk-3.0/3.16/gtk-contained-darker.scss delete mode 100644 common/gtk-3.0/3.16/gtk-contained-solid-dark.scss delete mode 100644 common/gtk-3.0/3.16/gtk-contained-solid-darker.scss delete mode 100644 common/gtk-3.0/3.16/gtk-contained-solid.scss delete mode 100644 common/gtk-3.0/3.16/gtk-contained.scss create mode 100644 common/gtk-3.0/3.16/gulpfile.js create mode 100644 common/gtk-3.0/3.16/package.json delete mode 100755 common/gtk-3.0/3.16/parse-sass.sh create mode 100644 common/gtk-3.0/3.16/sass/_applications.scss create mode 100644 common/gtk-3.0/3.16/sass/_colors-public.scss create mode 100644 common/gtk-3.0/3.16/sass/_colors.scss create mode 100644 common/gtk-3.0/3.16/sass/_common.scss create mode 100644 common/gtk-3.0/3.16/sass/_drawing.scss create mode 100644 common/gtk-3.0/3.16/sass/_granite.scss create mode 100644 common/gtk-3.0/3.16/sass/_lightdm.scss create mode 100644 common/gtk-3.0/3.16/sass/_transparent_widgets.scss create mode 100644 common/gtk-3.0/3.16/sass/_unity.scss create mode 100644 common/gtk-3.0/3.16/sass/gtk-contained-dark.scss create mode 100644 common/gtk-3.0/3.16/sass/gtk-contained-darker.scss create mode 100644 common/gtk-3.0/3.16/sass/gtk-contained-solid-dark.scss create mode 100644 common/gtk-3.0/3.16/sass/gtk-contained-solid-darker.scss create mode 100644 common/gtk-3.0/3.16/sass/gtk-contained-solid.scss create mode 100644 common/gtk-3.0/3.16/sass/gtk-contained.scss 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) - - cd $(ithemedir)/gtk-2.0 && rm -rf \ - assets-dark \ - gtkrc-darker \ - gtkrc-dark \ - *.sh \ - assets.svg \ - assets-dark.svg \ - assets.txt + $(MKDIR_P) $(ithemedir)/gtk-2.0 + + 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 - - cd $(ithemedarkerdir)/gtk-3.0 && rm -f \ - assets.svg \ - README \ - *.scss \ - *.sh \ - *.txt \ - Gemfile* \ - gtk-contained-solid.css - -if ENABLE_TRANSPARENCY - cd $(ithemedarkerdir)/gtk-3.0 && rm \ - gtk-contained-solid-darker.css \ - gtk-contained-solid-dark.css -endif # ENABLE_TRANSPARENCY + $(MKDIR_P) $(ithemedarkerdir)/gtk-3.0 - 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 \ + assets \ + gtk.css \ + gtk-dark.css \ + gtk-contained-dark.css \ + $(ithemedarkerdir)/gtk-3.0 + + 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 - - 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 + $(MKDIR_P) $(ithemedarkdir)/gtk-3.0 -if ENABLE_TRANSPARENCY - cd $(ithemedarkdir)/gtk-3.0 && rm \ - gtk-contained-solid-dark.css -endif # ENABLE_TRANSPARENCY + cd $(srcdir)/gtk-3.0/$(GNOME_VERSION) && cp -r --no-preserve=mode,ownership \ + assets \ + gtk.css \ + $(ithemedarkdir)/gtk-3.0 - 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/dash/dash-placeholder.svg b/common/gnome-shell/3.14/dash/dash-placeholder.svg new file mode 100755 index 0000000..cbae148 --- /dev/null +++ b/common/gnome-shell/3.14/dash/dash-placeholder.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + 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.14/misc/dash-placeholder.svg b/common/gnome-shell/3.14/misc/dash-placeholder.svg deleted file mode 100755 index cbae148..0000000 --- a/common/gnome-shell/3.14/misc/dash-placeholder.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - 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/_colors.scss b/common/gnome-shell/3.16/_colors.scss deleted file mode 100644 index ee3049c..0000000 --- a/common/gnome-shell/3.16/_colors.scss +++ /dev/null @@ -1,58 +0,0 @@ -// When color definition differs for dark and light variant, -// it gets @if ed depending on $variant - - -$base_color: #ffffff; -$text_color: #5c616c; -$bg_color: #f9fafb; -$fg_color: #5c616c; - -$selected_fg_color: #ffffff; -$selected_bg_color: #5294E2; -$selected_borders_color: darken($selected_bg_color, 20%); -$borders_color: darken($bg_color,9%); - -$link_color: darken($selected_bg_color,10%); -$link_visited_color: darken($selected_bg_color,20%); - -$selection_mode_bg: rgba(36, 80, 130, 0.95); -$warning_color: #F27835; -$error_color: #FC4138; -$success_color: #73d216; -$destructive_color: #F04A50; -$suggested_color: #9EA4B5; - -$osd_fg_color: #A8ADB5; -$osd_bg_color: transparentize(#3c4049, 0.05); -$osd_button_bg: darken($osd_bg_color, 3%); - -$osd_insensitive_bg_color: darken($osd_bg_color, 3%); -$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); -$osd_borders_color: transparentize(black, 0.3); - - -$tooltip_bg: $osd_bg_color; -$tooltip_fg: #edf5fb; -$tooltip_borders_color: transparentize(white, 0.9); - -//insensitive state derived colors -$insensitive_fg_color: transparentize($fg_color, 0.45); -$insensitive_bg_color: mix($bg_color, $base_color, 40%); - - -$entry_bg: $base_color; -$entry_border: #cfd6e6; -$entry_focus_border: $selected_bg_color; - -$button_bg: lighten($bg_color, 1%); -$button_border: $entry_border; - -$header_bg: transparentize(#e7e8eb, 0.05); -$header_fg: saturate(transparentize($fg_color, 0.2), 10%); - -$dark_sidebar_bg: $osd_bg_color; -$dark_sidebar_fg: $osd_fg_color; -$dark_sidebar_border: $dark_sidebar_bg; - -$panel_bg: darken($dark_sidebar_bg, 10%); -$panel_fg: $dark_sidebar_fg; diff --git a/common/gnome-shell/3.16/_common.scss b/common/gnome-shell/3.16/_common.scss deleted file mode 100644 index 9b17c8d..0000000 --- a/common/gnome-shell/3.16/_common.scss +++ /dev/null @@ -1,2231 +0,0 @@ -//This is the RIGHT PLACE to edit the stylesheet - -$panel-corner-radius: 0px; - -/* Copyright 2009, 2015 Red Hat, Inc. - * - * Portions adapted from Mx's data/style/default.css - * Copyright 2009 Intel Corporation - * - * This program is free software; you can redistribute it and/or modify it - * under the terms and conditions of the GNU Lesser General Public License, - * version 2.1, as published by the Free Software Foundation. - * - * This program is distributed in the hope it will be useful, but WITHOUT ANY - * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS - * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for - * more details. - * - * You should have received a copy of the GNU Lesser General Public License - * along with this program; if not, write to the Free Software Foundation, - * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. - */ - -// -// Globals -// -$font-size: 9; -$font-family: Cantarell, Sans-Serif; -$_bubble_bg_color: opacify($osd_bg_color,0.25); -$_bubble_fg_color: $osd_fg_color; -$_bubble_borders_color: transparentize($osd_fg_color,0.8); - -stage { - font-family: $font-family; - @include fontsize($font-size); - color: $fg_color; -} - -%reset_style { - background-color: transparent !important; - background-gradient-direction: none !important; - border: none !important; - border-radius: 0 !important; -} - -// -// Buttons -// -.button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 0; - border-radius: 2px; - - @include button(normal); - - &:focus { @include button(focus); } - - &:hover { @include button(hover); } - - &:hover:focus { @include button(focus-hover); } - - &:active, &:active:focus { @include button(active); } - - &:insensitive { @include button(insensitive); } -} - -// -// Entries -// -StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: $selected_bg_color; - selected-color: $selected_fg_color; - transition-duration: 300ms; - border-radius: 20px; - - @include entry(normal); - - &:focus, &:hover { @include entry(focus); } - - &:insensitive { @include entry(insensitive); } - - StIcon.capslock-warning { - icon-size: 16px; - warning-color: $warning_color; - padding: 0 4px; - } -} - -// -// Scrollbars -// -StScrollView { - &.vfade { -st-vfade-offset: 0px; } - &.hfade { -st-hfade-offset: 0px; } -} - -StScrollBar { - - padding: 8px; - - StScrollView & { - min-width: 5px; - min-height: 5px; - } - - StBin#trough { - background-color: transparentize($base_color, 0.9); - border-radius: 8px; - } - - StButton#vhandle, StButton#hhandle { - border-radius: 4px; - background-color: mix($fg_color, $bg_color, 40%); - border: 0px solid; - margin: 0px; - - &:hover { background-color: mix($fg_color, $bg_color, 30%); } - - &:active { background-color: $selected_bg_color; } - } -} - -// -// Slider -// -.slider { - -slider-height: 4px; - -slider-background-color: $button_border; //background of the trough - -slider-border-color: transparentize(black, 1); //trough border color - -slider-active-background-color: $selected_bg_color; //active trough fill - -slider-active-border-color: transparentize(black, 1); //active trough border - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -// -// Check Boxes -// -.check-box { - - StBoxLayout { spacing: .8em; } - - StBin { - width: 16px; - height: 16px; - background-image: url("checkbox/checkbox-unchecked.svg"); - } - - &:focus StBin { background-image: url("checkbox/checkbox-unchecked-focused.svg"); } - - &:checked StBin { background-image: url("checkbox/checkbox-checked.svg"); } - - &:focus:checked StBin { background-image: url("checkbox/checkbox-checked-focused.svg"); } -} - -// -// Switches -// -.toggle-switch { - width: 52px; - height: 24px; - background-size: contain; - - &-us, &-intl { - background-image: url("switch/switch-off.svg"); - - &:checked { background-image: url("switch/switch-on.svg"); } - } -} - -// -// Links -// -.shell-link { - color: $link_color; - - &:hover { color: lighten($link_color,10%); } -} - -// -// Modal Dialogs -// -.headline { font-size: 110%; } -.lightbox { background-color: black; } -.flashspot { background-color: white; } - -.modal-dialog { - border-radius: 3px; - color: $fg_color; - background-color: transparentize($bg_color, 1); - border: none; - border-image: url("misc/modal.svg") 10 10 10 10; - padding: 0 6px 6px 6px; - - > * { padding: 14px; } - - &-button-box { - spacing: 0px; - margin: 0px; - padding: 12px 24px; - background-color: opacify($osd_bg_color, 1); - border: solid 0px rgba(0,0,0,0.3); - border-top: 1px; - border-radius: 0px 0px 1px 1px; - - .button { - @include button(osd); - - &:hover { @include button(osd-hover); } - &:focus { color: $selected_bg_color; } - &:active { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } - } - } - - .run-dialog-entry { width: 23em; } - .run-dialog-error-box { - padding-top: 5px; - spacing: 5px; - } - - //.run-dialog-button-box { padding-top: 1em; } - .run-dialog-label { - @include fontsize($font-size * 1.1); - font-weight: normal; - color: $fg_color; - padding-bottom: .8em; - } -} - -//.button-dialog-button-box { -//} - -.show-processes-dialog-subject, -.mount-question-dialog-subject, -.end-session-dialog-subject { //this should be a generic header class - @include fontsize($font-size * 1.2); - font-weight: bold; - color: $fg_color; -} - -// -// End Session Dialog -// -.end-session-dialog { - spacing: 42px; - //border: 3px solid $_bubble_borders_color; - - &-list { - padding-top: 20px; - } - - &-layout { - padding-left: 17px; - &:rtl { padding-right: 17px; } - } - - &-description { - width: 28em; - padding-bottom: 10px; - &:rtl { - text-align: right; - } - } - - &-warning { - width: 28em; - color: $warning_color; - padding-top: 6px; - &:rtl { - text-align: right; - } - } - - &-logout-icon { - border: 0px solid transparent; - border-radius: 2px; - width: 48px; - height: 48px; - background-size: contain; - } - - &-shutdown-icon { - color: $fg_color; - width: 48px; - height: 48px; - } - - &-inhibitor-layout { - spacing: 16px; - max-height: 200px; - padding-right: 10px; - padding-left: 10px; - } - - &-session-list, &-app-list { - spacing: 1em; - } - - &-list-header { - font-weight: bold; - &:rtl { text-align: right; } - } - - &-app-list-item, &-session-list-item { - spacing: 1em; - } - - &-app-list-item-name, &-session-list-item-name { - font-weight: bold; - } - - &-app-list-item-description { - color: lighten($fg_color,5%); - @include fontsize($font-size * 0.9); - } - - // Shutdown Button - .button:last-child { - color: $selected_fg_color; - background-color: $destructive_color; - border-color: $destructive_color; - - &:hover { - color: $selected_fg_color; - background-color: lighten($destructive_color, 9%); - border-color: lighten($destructive_color, 9%); - } - &:active { - color: $selected_fg_color; - background-color: darken($destructive_color, 5%); - border-color: darken($destructive_color, 5%); - } - } -} - -// -// ShellMountOperation Dialogs -// -.shell-mount-operation-icon { icon-size: 48px; } - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - - &:rtl { - padding-left: 0px; - padding-right: 17px; - } -} - -.mount-question-dialog-subject { - max-width: 500px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; - - &:rtl { - padding-right: 17px; - } -} - -.show-processes-dialog-app-list { - @include fontsize($font-size * 1.1); - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; - - &:rtl { - padding-right: 49px; - padding-left: 32px; - } -} - -.show-processes-dialog-app-list-item { - color: darken($fg_color,10%); - &:hover { color: $fg_color; } - &:ltr { padding-right: 1em; } - &:rtl { padding-left: 1em; } -} - -.show-processes-dialog-app-list-item-icon { - &:ltr { padding-right: 17px; } - &:rtl { padding-left: 17px; } -} - -.show-processes-dialog-app-list-item-name { - @include fontsize($font-size * 1.1); -} - -// -// Password or Authentication Dialog -// -.prompt-dialog { - //this is the width of the entire modal popup - width: 500px; - //border: 3px solid $_bubble_borders_color; - - &-main-layout { - spacing: 24px; - padding: 10px; - } - - &-message-layout { - spacing: 16px; - } - - &-headline { - @include fontsize($font-size * 1.3); - font-weight: bold; - color: $fg_color; - } - - &-descritption:rtl { - text-align: right; - } - - &-password-box { - spacing: 1em; - padding-bottom: 1em; - } - - &-error-label { - @include fontsize($font-size); - color: $error_color; - padding-bottom: 8px; - } - - &-info-label { - @include fontsize($font-size); - padding-bottom: 8px; - } - - &-null-label { - @include fontsize($font-size); - padding-bottom: 8px; - } -} - -.hidden { - color: transparentize(black, 1); -} - -// -// Polkit Dialog -// -.polkit-dialog-user { - - &-layout { - padding-left: 10px; - spacing: 10px; - &:rtl { - padding-left: 0px; - padding-right: 10px; - } - } - - &-root-label { - color: $warning_color; - } - - &-user-icon { - border-radius: 2px; - background-size: contain; - width: 48px; - height: 48px; - } -} - -// -// Network Agent Dialog -// -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -// -// Popvers/Menus -// -.popup-menu { - min-width: 200px; - color: $fg_color; - border-image: url("menu/menu.svg") 10 10 35 14; - - .popup-menu-arrow { } //defined globally in the TOP BAR - .popup-sub-menu { - background: none; - box-shadow: none; - border-image: url("menu/submenu.svg") 8 8 2 2; - } - - .popup-menu-content { padding: 1em 0em 1em 0em; } - .popup-menu-item { - spacing: 12px; - - &:ltr { padding: .4em 3em .4em 0em; } - &:rtl { padding: .4em 0em .4em 3em; } - - &:checked { - background: none; - box-shadow: none; - font-weight: normal; - border-image: url("menu/submenu-open.svg") 8 8 2 2; - } - - &:active, &.selected { - color: $fg_color; - background-color: transparent; - border-image: url("menu/menu-hover.svg") 7 7 1 1; - } - - &:insensitive { - color: transparentize($fg_color, 0.5); - background: none; - } - } - - .popup-inactive-menu-item { //all icons and other graphical elements - color: $fg_color; - - &:insensitive { color: $insensitive_fg_color; } - } - //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is - &.panel-menu { - -boxpointer-gap: 0px; - margin-bottom: 1.75em; - } -} - -.popup-menu-ornament { - text-align: right; - margin-left: 10px; - width: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(0,0,0,0.0); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0,0,0,0.0); - -arrow-base: 0; - -arrow-rise: 0; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: $panel_bg; - -arrow-border-width: 1px; - -arrow-border-color: darken($panel_bg, 7%); - -arrow-base: 5; - -arrow-rise: 5; -} - -.popup-separator-menu-item { - //-margin-horizontal: 24px; - height: 2px; //not really the whole box - margin: 10px 0px; - background-color: transparent; - border: none; - border-image: url("menu/menu-separator.svg") 1 1 1 1; -} - -// Background menu -.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } - -// fallback menu -//- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled -// app menu inside the main app window itself rather than the top bar -// - -// -// OSD -// -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - margin: 32px; - min-width: 64px; - min-height: 64px; - - color: $selected_fg_color; - background: none; - border: none; - border-radius: 5px; - border-image: url("misc/osd.svg") 10 10 9 11; - -.osd-monitor-label { font-size: 3em; } - - .level { - padding: 0; - height: 4px; - background-color: transparentize(black, 0.5); - border-radius: 2px; - color: $selected_bg_color; - } -} - -.resize-popup { - color: $osd_fg_color; - background: none; - border: none; - border-radius: 5px; - border-image: url("misc/osd.svg") 10 10 9 11; - padding: 12px; -} - -// -// Alt Tab Switcher -// -.switcher-popup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - background: none; - border: none; - border-image: url("misc/bg.svg") 10 10 35 14; - border-radius: 3px; - padding: 20px; - - &-item-container { spacing: 8px; } - - .item-box { - padding: 8px; - border-radius: 2px; - - &:outlined { - padding: 6px; - border: 1px solid $selected_bg_color; - } - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: 1px solid $selected_bg_color; - - } - } - - .thumbnail-box { - padding: 2px; - spacing: 4px; - } - - .thumbnail { - width: 256px; - } - - .separator { - width: 1px; - background: transparentize($fg_color, 0.67); - } -} - -.switcher-arrow { - border-color: rgba(0,0,0,0); - color: $osd_fg_color; - - &:highlighted { - color: $selected_fg_color; - } -} - -.input-source-switcher-symbol { - font-size: 34pt; - width: 96px; - height: 96px; -} - -// -// Workspace Switcher -// -.workspace-switcher { - - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; - - &-group { padding: 12px; } - - &-container { - border-image: url("misc/bg.svg") 10 10 35 14; - border-radius: 3px; - padding: 20px; - padding-bottom: 24px; - } -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 30px; - background-color: $selected_bg_color; - background-size: 96px; - border-radius: 2px; - border: 1px solid $selected_bg_color; -} - -.ws-switcher-active-up { - background-image: url("misc/ws-switch-arrow-up.png"); -} - -.ws-switcher-active-down { - background-image: url("misc/ws-switch-arrow-down.png"); -} - -.ws-switcher-box { - height: 96px; - background-color: transparentize(black, 0.67); - border-color: transparentize(black, 0.67); - border-radius: 2px; -} - -// -// Tiled window previews -// -.tile-preview { - background-color: transparentize($selected_bg_color, 0.65); - border: 1px solid $selected_bg_color; - - &-left.on-primary { - border-radius: $panel-corner-radius 0 0 0; - } - - &-right.on-primary { - border-radius: 0 $panel-corner-radius 0 0; - } - - &-left.tile-preview-right.on-primary { - border-radius: $panel-corner-radius $panel-corner-radius 0 0; - } -} - -// -// Top Bar -// -#panel { - background-color: $panel_bg; - border-color: darken($panel_bg, 9%); - border-bottom-width: 1px; - font-weight: bold; - height: 2.1em; - min-height: 26px; - - &.unlock-screen, - &.login-screen, - &.lock-screen { - background-color: transparent; - border-image: none; - } - - &:overview { background-color: transparentize(darken($panel_bg,10%), 0.15); } - - #panelLeft, #panelCenter { // spacing between activities<>app menu and such - spacing: 8px; - } - - .panel-corner { - -panel-corner-radius: $panel-corner-radius; - -panel-corner-background-color: transparentize(black, 1); - -panel-corner-border-width: 0px; - -panel-corner-border-color: black; - - &:active, &:overview, &:focus { - -panel-corner-border-color: black; - } - - &.lock-screen, &.login-screen, &unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; - } - } - - .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: $selected_fg_color; - transition-duration: 100ms; - - .app-menu-icon { - width: 0; - height: 0; - margin-left: 4px; - margin-right: 4px; - } - - &:hover { - color: $selected_fg_color; - background-color: transparentize(black, 0.83); - } - - &:active, &:overview, &:focus, &:checked { - color: $selected_fg_color; - background-color: $selected_bg_color; - box-shadow: none; - - & > .system-status-icon { icon-shadow: none; } - } - - .system-status-icon { icon-size: 16px; padding: 0 8px; } - .unlock-screen &, - .login-screen &, - .lock-screen & { - color: lighten($fg_color, 10%); - &:focus, &:hover, &:active { color: lighten($fg_color, 10%); } - } - } - - .panel-status-indicators-box, - .panel-status-menu-box { - spacing: 2px; - } - - .screencast-indicator { color: red; } -} - -// Activities button -#panelActivities > *, -#panelActivities:hover > *, -#panelActivities:focus > *, -#panelActivities:active > *, -#panelActivities:overview > *, -#panel:overview #panelActivities.panel-button:active > *, -#panel:overview #panelActivities.panel-button:focus > * { - background-image: url("misc/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: 0 solid transparent !important; - text-shadow: 0 0 transparent !important; - transition-duration: 0ms !important; - box-shadow: none !important; - color: transparent; -} - - // a little unstructured mess: - - .system-switch-user-submenu-icon { - icon-size: 24px; - border: 1px solid transparentize($fg_color,0.6); - } - - #appMenu { - spinner-image: url("misc/process-working.svg"); - spacing: 4px; - - .label-shadow { color: transparent; } - } - - .aggregate-menu { - width: 360px; - .popup-menu-icon { padding: 0 4px; } - } - - .system-menu-action { - padding: 13px; - color: $fg_color; - border-radius: 32px; /* wish we could do 50% */ - border: 1px solid transparent; - - &:hover, &:focus { - transition-duration: 100ms; - padding: 13px; - color: $fg_color; - background-color: transparent; - border: 1px solid $selected_bg_color; - } - &:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: 1px solid $selected_bg_color; - } - - & > StIcon { icon-size: 16px; } - } - -// -// Calendar popover -// -#calendarArea { - padding: 0.75em 1.0em; -} - -.calendar { - margin-bottom: 1em; -} - -.calendar, -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 0 1.5em; -} - -.datemenu-calendar-column { spacing: 0.5em; } -.datemenu-displays-section { padding-bottom: 3em; } - -.datemenu-today-button, -.world-clocks-button, -.message-list-section-title { - border-radius: 3px; - padding: .4em; -} - -.message-list-section-list:ltr { - padding-left: .4em; -} - -.message-list-section-list:rtl { - padding-right: .4em; -} - -.datemenu-today-button, -.world-clocks-button, -.message-list-section-title { - padding: 7px 10px 7px 10px; - border: 1px solid transparentize($base_color, 1); - - &:hover, &:focus { - @include button(hover); - } - - &:active { - @include button(active); - } -} - -.datemenu-today-button .day-label { -} - -.datemenu-today-button .date-label { - font-size: 1.5em; -} - -.world-clocks-header, -.message-list-section-title { - color: transparentize($fg_color, 0.6); - font-weight: bold; -} - -.world-clocks-button:active .world-clocks-header { - color: $selected_fg_color; -} - -.world-clocks-grid { - spacing-rows: 0.4em; -} - -.calendar-month-label { - color: $fg_color; - font-weight: bold; - padding: 8px 0; - &:focus {} -} - -.pager-button { - color: transparent; - background-color: transparent; - width: 32px; - border-radius: 2px; - - &:focus, &:hover, &:active { background-color: transparent; } -} - -//arrow back -.calendar-change-month-back { - background-image: url("misc/calendar-arrow-left.svg"); - - &:focus, &:hover { background-image: url("misc/calendar-arrow-left-hover.svg"); } - - &:active { background-image: url("misc/calendar-arrow-left.svg"); } - - &:rtl { - background-image: url("misc/calendar-arrow-right.svg"); - - &:focus, &:hover { background-image: url("misc/calendar-arrow-right-hover.svg"); } - - &:active { background-image: url("misc/calendar-arrow-right.svg"); } - } -} - -//arrow forward -.calendar-change-month-forward { - background-image: url("misc/calendar-arrow-right.svg"); - - &:focus, &:hover { background-image: url("misc/calendar-arrow-right-hover.svg"); } - - &:active { background-image: url("misc/calendar-arrow-right.svg"); } - - &:rtl { - background-image: url("misc/calendar-arrow-left.svg"); - - &:focus, &:hover { background-image: url("misc/calendar-arrow-left-hover.svg"); } - - &:active { background-image: url("misc/calendar-arrow-left.svg"); } - } -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; - - &:hover, &:focus { background-color: transparentize(black, 0.9); } - - &:active { - color: $fg_color; - background-color: transparentize(black, 0.85); - border-width: 0; //avoid jumparound due to today - } - - &.calendar-day-heading { //day of week heading - color: transparentize($fg_color, 0.15); - margin-top: 1em; - font-size: 70%; - } -} - -.calendar-day { //border collapse hack - see calendar.js - border-width: 0; - color: transparentize($fg_color, 0.2); -} - -.calendar-day-top { border-top-width: 0; } - -.calendar-day-left { border-left-width: 0; } - -.calendar-work-day { - -} - -.calendar-nonwork-day { - color: $fg_color; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: $selected_fg_color; - background-color: $selected_bg_color; - border-width: 0; -} - -.calendar-day-with-events { - color: $selected_bg_color; - font-weight: bold; -} - -.calendar-today.calendar-day-with-events { color: $selected_fg_color; } - -.calendar-other-month-day { - color: transparentize($fg_color, 0.7); - opacity: 1; -} - -// -// Message list -// -.message-list { - width: 420px; -} - -.message-list-sections { - spacing: 1.5em; -} - -.message-list-section, -.message-list-section-list { - spacing: 0.7em; -} - -.message-list-section-title-box { - spacing: 0.4em; -} - -.message-list-section-close > StIcon { - icon-size: 16px; - border-radius: 8px; - color: $selected_fg_color; - background-color: transparentize($fg_color, 0.5); -} - -.message-list-section-close:hover > StIcon, -.message-list-section-close:focus > StIcon { - color: $selected_fg_color; - background-color: $fg_color; -} - -.message-list-section-close:active > StIcon { - color: $selected_fg_color; - background-color: $selected_bg_color; -} - -.message { - padding: 4px; - color: $fg_color; - background-color: $button_bg; - border: 1px solid $button_border; - - &:hover, &:focus { - color: $fg_color; - background-color: $button_bg; - border: 1px solid $selected_bg_color; - } - - &:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: 1px solid $selected_bg_color; - } -} - -.message-icon-bin { - padding: 8px 0px 8px 8px; - - &:rtl { padding: 8px 8px 8px 0px; } -} - -.message-icon-bin > StIcon { - icon-size: 48px; -} - -.message-secondary-bin { - color: transparentize($fg_color, 0.6); -} - -.message-secondary-bin > StIcon { - icon-size: 16px; -} - -.message-title { - font-weight: bold; - padding: 2px 0 2px 0; -} -.message-content { - padding: 8px; -} - - -// -//Activities Ripples -// -.ripple-box { - width: 52px; - height: 52px; - background-image: url("misc/corner-ripple-ltr.svg"); - background-size: contain; - - &:rtl { background-image: url("misc/corner-ripple-rtl.svg"); } -} - -// not really top bar only -.popup-menu-arrow { width: 16px; height: 16px; } -.popup-menu-icon { icon-size: 16px; } - - -// -//Close buttons -// -.window-close { - background-image: url("misc/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - - &:hover { - background-image: url("misc/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; - } - - &:active { - background-image: url("misc/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; - } -} - -.window-close { - -shell-close-overlap: 11px; -} - -// -// Network Dialogs -// -.nm-dialog { - max-height: 500px; - min-height: 450px; - min-width: 470px; - - &-content { spacing: 20px; } - - &-header-hbox { spacing: 10px; } - - &-airplane-box { spacing: 12px; } - - &-airplane-headline { - font-size: 1.1em; - font-weight: bold; - text-align: center; - } - - &-airplane-text { color: $fg_color; } - - &-header-icon { icon-size: 32px; } - - &-scroll-view { - border: 1px solid $borders_color; - border-radius: 2px; - background-color: $base_color; - } - - &-header { - font-weight: bold; - font-size: 1.2em; - } - - &-item { - font-size: 1em; - border-bottom: 0px solid; - padding: 12px; - spacing: 0px; - - &:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - - &-icons { spacing: .5em; } - - &-icon { icon-size: 16px; } -} - -.no-networks-label { color: $insensitive_fg_color; } - -.no-networks-box { spacing: 12px; } - -// -// Overview -// -#overview { spacing: 24px; } - -.overview-controls { padding-bottom: 32px; } - -.window-picker { //container around window thumbnails - -horizontal-spacing: 32px; - -vertical-spacing: 32px; - padding-left: 32px; - padding-right: 32px; - padding-bottom: 48px; - - &.external-monitor { padding: 32px; } -} - -.window-clone-border { - border: 3px solid transparentize($selected_bg_color, 0.2); - border-radius: 4px; - box-shadow: inset 0px 0px 0px 1px transparentize($selected_bg_color, 1); -} - -.window-caption, .window-caption:hover { - spacing: 25px; - color: $osd_fg_color; - background-color: transparentize(black, 0.3); - border-radius: 2px; - padding: 4px 12px; - -shell-caption-spacing: 12px; -} - -// -// Search Entry -// -.search-entry { - width: 320px; - padding: 7px 9px; - border-radius: 20px; - border: 1px solid transparentize(black, 0.75); - background-color: transparentize($entry_bg, 0.1); - - &:focus { - padding: 7px 9px; - } - - .search-entry-icon { - icon-size: 16px; - padding: 0 4px; - color: $fg_color; - } - - &:hover, &:focus { - color: $selected_fg_color; - caret-color: $selected_fg_color; - background-color: $selected_bg_color; - - .search-entry-icon { color: $selected_fg_color; } - } -} - -// -// Search Results -// -#searchResultsBin { max-width: 1000px; } - -#searchResultsContent { - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -// This should be equal to #searchResultsContent spacing -.search-section { spacing: 16px; } - -// This is the space between the provider icon and the results container -.search-section-content { spacing: 32px; } - -// "no results" -.search-statustext { - @extend %status_text; -} - -.list-search-results { spacing: 3px; } - -.search-section-separator { - background-color: transparentize(white, 0.8); - -margin-horizontal: 1.5em; - height: 1px; -} - -.list-search-result-content { spacing: 12px; padding: 12px; } - -.list-search-result-title { font-size: 1.5em; color: $selected_fg_color; } - -.list-search-result-description { color: darken($selected_fg_color, 20%); } - -.search-provider-icon { padding: 15px; } -.search-provider-icon-more { - width: 16px; - height: 16px; - background-image: url("misc/more-results.svg"); -} - -// -// Dash -// -#dash { - font-size: 1em; - color: $osd_fg_color; - background-color: transparentize($panel_bg, 0.08); - padding: 6px 0px 6px 0px; - border-color: transparentize(darken($panel_bg, 9%), 0.08); - border-radius: 0px 3px 3px 0px; - - .right &, - &:rtl { - padding: 6px 0px 6px 0px; - border-radius: 3px 0 0 3px; - } - - .bottom & { - padding: 0px 6px 0px 6px; - border-radius: 3px 3px 0 0; - } - - .top & { - padding: 0px 6px 0px 6px; - border-radius: 0 0 3px 3px; - } - - .placeholder { - background-image: url("misc/dash-placeholder.svg"); - background-size: contain; - height: 24px; - } - - .empty-dash-drop-target { - width: 24px; - height: 24px; - } -} - -.dash-item-container > StWidget { - padding: 0px 4px 0px 5px; - - .right &, &:rtl { padding: 0px 5px 0px 4px; } - .bottom & { padding: 4px 0px 5px 0px; } - .top & { padding: 5px 0px 4px 0px; } -} - -//osd tooltip -.dash-label { - border-radius: 3px; - padding: 4px 12px; - color: $selected_fg_color; - background-color: transparentize(black, 0.3); - text-align: center; - -x-offset: 3px; - - .bottom &, .top & { - -y-offset: 3px; - -x-offset: 0; - } -} - -// Dash Buttons -#dash .app-well-app { - - .overview-icon, - .right & .overview-icon, - .bottom & .overview-icon, - .top & .overview-icon { - padding: 10px; - } - - &:hover .overview-icon, - .right &:hover .overview-icon, - .bottom &:hover .overview-icon, - .top &:hover .overview-icon { - background-color: $selected_bg_color; - } - - &:active .overview-icon, - .right &:active .overview-icon, - .bottom &:active .overview-icon, - .top &:active .overview-icon { - box-shadow: none; - background-color: darken($selected_bg_color, 10%); - } - - &-running-dot { - width: 11px; - height: 2px; - margin-bottom: 6px; - background-color: $selected_bg_color; - } -} - -.show-apps { - - .overview-icon { - padding: 11px; - background-color: transparentize(black, 0.5); - border-radius: 2px; - border: 0px solid; - } - - &:hover .overview-icon { - background-color: transparentize(black, 0.3); - color: $selected_bg_color; - } - - &:active .overview-icon, - &:active .show-apps-icon, - &:checked .overview-icon, - &:checked .show-apps-icon { - color: $selected_fg_color; - background-color: $selected_bg_color; - box-shadow: none; - transition-duration: 0ms; - } -} - -// -// App Vault/Grid -// -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - - .overview-icon { icon-size: 96px; } -} - -//.app-display { spacing: 20px; } - -//favorties | all toggle container -.app-view-controls { padding-bottom: 32px; } - -//favorties | all toggle button -.app-view-control { - padding: 4px 32px; - - color: transparentize($selected_fg_color, 0.2); - background-color: transparentize(darken($panel_bg,10%), 0.15); - border-color: transparentize($osd_fg_color, 0.7); - - &:hover { - color: $selected_fg_color; - background-color: transparentize(darken($panel_bg,10%), 0.15); - border-color: $selected_bg_color; - } - &:checked { @include button(osd-active); } - - &:first-child:ltr, &:last-child:rtl { - border-radius: 2px 0 0 2px; - - - &:hover { } - } - &:last-child:ltr, &:first-child:rtl { - border-radius: 0 2px 2px 0; - - &:hover { } - } -} - -// -// Icon Tile -// -.search-provider-icon, -.list-search-result { - @extend %icon_tile; - - &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); } - - &:focus, &:selected, &:hover { - background-color: transparentize($osd_fg_color,.6); - transition-duration: 200ms; - } -} -.app-well-app, -.app-well-app.app-folder, -//.show-apps, -.grid-search-result { - - .overview-icon { - @extend %icon_tile; - } - - &:active .overview-icon, - &:checked .overview-icon { - background-color: transparentize(darken($osd_bg_color,10%),.1); - box-shadow: inset 0 0 $selected_bg_color; - } - - &:hover .overview-icon, - &:focus .overview-icon, - &:selected .overview-icon { - background-color: transparentize($osd_fg_color,.6); - transition-duration: 0ms; - border-image: none; - background-image: none; - } -} - -.app-well-app-running-dot { //running apps indicator - width: 20px; - height: 2px; - margin-bottom: 4px; - background-color: $selected_bg_color; -} - -%icon_tile { - color: $selected_fg_color; - border-radius: 2px; - padding: 6px; - border: 1px solid transparent; - transition-duration: 0ms; - text-align: center; -} - -// -// Collections -// -.app-well-app.app-folder { - - > .overview-icon { - background-color: transparentize(darken($panel_bg,10%), 0.15); - border: 1px solid transparentize($osd_fg_color, 0.7); - } - - &:hover > .overview-icon { - background-color: lighten($panel_bg, 10%); - } - - &:active > .overview-icon, &:checked > .overview-icon { - background-color: $selected_bg_color; - box-shadow: none; - } - - &:focus > .overview-icon { - background-color: $selected_bg_color; - } -} - -.app-folder-popup { //expanded collection - -arrow-border-radius: 2px; - -arrow-background-color: transparentize(darken($panel_bg,10%), 0.15); - -arrow-border-color: transparentize($osd_fg_color, 0.7); - -arrow-border-width: 1px; - -arrow-base: 5; - -arrow-rise: 5; -} -.app-folder-popup-bin { padding: 5px; } -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; - - .page-indicator-icon { - width: 18px; - height: 18px; - background-image: url(misc/page-indicator-inactive.svg); - } - - &:hover .page-indicator-icon { background-image: url(misc/page-indicator-hover.svg); } - &:active .page-indicator-icon { background-image: url(misc/page-indicator-active.svg); } - &:checked .page-indicator-icon, - &:checked:active { background-image: url(misc/page-indicator-checked.svg); } -} - -.no-frequent-applications-label { @extend %status_text; } - -.app-well-app > .overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 4px; -} - -// -// Workspace pager -// -.workspace-thumbnails { //container ala dash - visible-width: 40px; //amount visible before hover - spacing: 11px; - padding: 12px; - padding-right: 7px; - border-radius: 3px 0 0 3px; - background-color: transparentize($panel_bg, 0.08); - border-color: transparentize(darken($panel_bg, 9%), 0.08); - - &:rtl { - padding: 12px; - padding-left: 7px; - border-radius: 0 3px 3px 0; - } -} - -.workspace-thumbnail-indicator { - border: 4px solid transparentize($selected_bg_color, 0.2); - border-radius: 1px; - padding: 1px; -} - -//Some hacks I don't even -.search-display > StBoxLayout, -.all-apps, -.frequent-apps > StBoxLayout { - // horizontal padding to make sure scrollbars or dash don't overlap content - padding: 0px 88px 10px 88px; -} - -%status_text { - font-size: 2em; - font-weight: bold; - color: $fg_color; -} - -// -// Notifications & Message Tray -// -.url-highlighter { link-color: $link_color; } - -// Banners -.notification-banner, -.notification-banner:hover, -.notification-banner:focus { - font-size: 1em; - width: 34em; - margin: 5px; - padding: 10px; - border-radius: 2px; - color: $fg_color; - background-color: $bg_color; - border: 0px solid transparent; - box-shadow: 0 1px 5px transparentize(black, 0.8); - - .notification-icon { padding: 5px; } - - .notification-content { padding: 5px; spacing: 5px; } - - .secondary-icon { icon-size: 1.09em; } - - .notification-actions { - background-color: transparent; - padding: 2px 2px 0 2px; - spacing: 1px; - } - .notification-button { - padding: 4px 4px 5px; - @extend .button; - - &:first-child, &:last-child { - border-radius: 2px; - } - } -} - -.secondary-icon { icon-size: 1.09em; } - -// Chat Bubbles -.chat-body { spacing: 5px; } -.chat-response { margin: 5px; } -.chat-log-message { color: $fg_color; } -.chat-new-group { padding-top: 1em; } -.chat-received { - padding-left: 4px; - - &:rtl { padding-left: 0px; padding-right: 4px; } -} - -.chat-sent { - padding-left: 18pt; - color: $selected_bg_color; - - &:rtl { padding-left: 0; padding-right: 18pt; } -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: bold; - color: transparentize($fg_color, 0.4); - - &:rtl { padding-left: 0; padding-right: 4px; } -} - -.subscription-message { font-style: italic; } - -// Hotplug -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - - .hotplug-notification-item { - padding: 2px 10px; - &:focus { padding: 1px 71px 1px 11px; } - } - - .hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; - } - - .hotplug-resident-box { spacing: 8px; } - - .hotplug-resident-mount { - spacing: 8px; - border-radius: 4px; - &:hover { background-color: transparentize($bg_color,0.7); } - } - - .hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; - } - - .hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; - } - - .hotplug-resident-eject-icon { - icon-size: 16px; - } - - .hotplug-resident-eject-button { - padding: 7px; - border-radius: 5px; - color: pink; - } - -// Eeeky things - -$legacy_icon_size: 24px; - -.legacy-tray { - background-color: $panel_bg; - border-width: 0; - - &:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } - &:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } -} - -.legacy-tray-handle, -.legacy-tray-icon { - padding: 6px; - & StIcon { icon-size: $legacy_icon_size; } - &:hover, &:focus { background-color: transparentize($fg_color,0.9); } -} - -.legacy-tray-icon-box { - spacing: 12px; - &:ltr { padding-left: 12px; } - &:rtl { padding-right: 12px; } - & StButton { width: $legacy_icon_size; height: $legacy_icon_size } -} - -// Magnifier - -.magnifier-zoom-region { - border: 2px solid $selected_bg_color; - &.full-screen { border-width: 0; } -} - -// -// On-Screen Keyboard -// -#keyboard { - background-color: transparentize($panel_bg, 0.05); -} - - .keyboard-layout { - spacing: 10px; - padding: 10px; - } - - .keyboard-row { - spacing: 15px; - } - - .keyboard-key { - @include button(osd); - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - &:focus { @include button(focus); } - &:hover,&:checked { @include button(osd-hover); } - &:active { @include button(osd-active);} - &:grayed { //FIXME - background-color: $osd_bg_color; - color: $osd_fg_color; - border-color: $osd_borders_color; - } - } - - .keyboard-subkeys { //long press on a key popup - color: white; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: transparentize($panel_bg, 0.05); - -arrow-border-width: 0px; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - } - -// -// IBus Candidate Popup -// -.candidate-popup-content { - padding: 0.5em; - spacing: 0.3em; - color: $osd_fg_color; -} - - .candidate-index { - padding: 0 0.5em 0 0; - color: lighten($osd_fg_color, 10%); - } - - .candidate-box { - padding: 0.3em 0.5em 0.3em 0.5em; - border-radius: 4px; - color: $osd_fg_color; - &:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; } - } - - .candidate-page-button-box { - height: 2em; - .vertical & { padding-top: 0.5em; } - .horizontal & { padding-left: 0.5em; } - } - - .candidate-page-button { - padding: 4px; - } - - .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } - .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } - .candidate-page-button-icon { icon-size: 1em; } - -// -// Auth Dialogs & Screen Shield -// -.framed-user-icon { - background-size: contain; - border: 0px solid transparent; - color: $fg_color; - border-radius: 2px; - &:hover { - border-color: transparent; - color: lighten($osd_fg_color,30%); - } -} - -// -// Login Dialog -// -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog { - //reset - border: none; - background-color: transparent; - - .modal-dialog-button-box { spacing: 3px; } - .modal-dialog-button { - padding: 3px 18px; - &:default { - @include button(normal); - &:hover,&:focus { @include button(hover); } - &:active { @include button(active); } - &:insensitive { @include button(insensitive); } - } - } -} - - .login-dialog-logo-bin { padding: 24px 0px; } - .login-dialog-banner { color: darken($osd_fg_color,10%); } - .login-dialog-button-box { spacing: 5px; } - .login-dialog-message-warning { color: $warning_color; } - .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } - .login-dialog-user-selection-box { - padding: 100px 0px; - .login-dialog-not-listed-label { - padding-left: 2px; - .login-dialog-not-listed-button:focus &, - .login-dialog-not-listed-button:hover & { - color: $osd_fg_color; - } - } - } - .login-dialog-not-listed-label { - font-size: 90%; - font-weight: bold; - color: darken($osd_fg_color,30%); - padding-top: 1em; - } - - .login-dialog-user-list-view { -st-vfade-offset: 1em; } - .login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; - &:expanded .login-dialog-user-list-item:focus { background-color: $selected_bg_color; color: $selected_fg_color; } - &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; } - } - .login-dialog-user-list-item { - border-radius: 5px; - padding: .2em; - color: darken($osd_fg_color,30%); - &:ltr { padding-right: 1em; } - &:rtl { padding-left: 1em; } - &:hover { background-color: $selected_bg_color; color: $selected_fg_color; } - .login-dialog-timed-login-indicator { - height: 2px; - margin: 2px 0 0 0; - background-color: $osd_fg_color; - } - &:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; } - } - - .login-dialog-username, - .user-widget-label { - color: $osd_fg_color; - font-size: 120%; - font-weight: bold; - text-align: left; - padding-left: 15px; - } - .user-widget-label { - &:ltr { padding-left: 18px; } - &:rtl { padding-right: 18px; } - } - - .login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; - } - - .login-dialog-prompt-label { - color: darken($osd_fg_color, 20%); - font-size: 110%; - padding-top: 1em; - } - - .login-dialog-session-list-button StIcon { - icon-size: 1.25em; - } - - .login-dialog-session-list-button { - color: darken($osd_fg_color,30%); - &:hover,&:focus { color: $osd_fg_color; } - &:active { color: darken($osd_fg_color, 50%); } - } - -// -// Screen Shield -// -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4); -} - -.screen-shield-clock { - color: white; - text-shadow: 0px 1px 2px rgba(0,0,0,0.6); - font-weight: bold; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 72pt; - text-shadow: 0px 2px 2px rgba(0,0,0,0.4); -} - -.screen-shield-clock-date { font-size: 28pt; } - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; - .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; - } - - .notification, - .screen-shield-notification-source { - padding: 12px 6px; - border: 1px solid $_bubble_borders_color; - background-color: transparentize($osd_bg_color,0.5); - color: $_bubble_fg_color; - border-radius: 4px; - } - .notification { margin-right: 15px; } //compensate for space allocated to the scrollbar -} - - -.screen-shield-notification-label { - font-weight: bold; - padding: 0px 0px 0px 12px; -} - -.screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } - -#panel.lock-screen { background-color: transparentize($_bubble_bg_color, 0.5); } - -.screen-shield-background { //just the shadow, really - background: black; - box-shadow: 0px 2px 4px transparentize(black,0.6); -} - -#lockDialogGroup { - background: #2e3436 url(misc/noise-texture.png); - background-repeat: repeat; -} - -#screenShieldNotifications { - StButton#vhandle, StButton#hhandle { - background-color: transparentize($bg_color,0.7); - &:hover, &:focus { background-color: transparentize($bg_color,0.5); } - &:active { background-color: transparentize($selected_bg_color,0.5); } - } -} - -// -// Looking Glass -// -#LookingGlassDialog { - spacing: 4px; - padding: 8px 8px 10px 8px; - background-color: transparentize(black, 0.3); - border: 1px solid black; - border-image: url("misc/osd.svg") 10 10 9 11; - border-radius: 2px; - color: $osd_fg_color; - - & > #Toolbar { - padding: 3px; - border: 1px solid darken($osd_bg_color, 7%); - background-color: transparent; - border-radius: 0px; - } - .labels { spacing: 4px; } - .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: $osd_fg_color; - transition-duration: 100ms; - padding-left: .3em; - padding-right: .3em; - &:hover { - color: $selected_fg_color; - text-shadow: black 0px 2px 2px; - } - &:selected { - border-bottom-width: 0px; - color: $selected_bg_color; - text-shadow: black 0px 2px 2px; - } - } - StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } - StBoxLayout#ResultsArea { spacing: 4px; } -} - - .lg-dialog { - StEntry { - background-color: transparentize(black, 0.7); - color: $osd_fg_color; - selection-background-color: $selected_bg_color; - selected-color: $selected_fg_color; - border-color: transparentize($osd_fg_color, 0.7); - - &:focus { border-color: $selected_bg_color; } - } - .shell-link { - color: $link_color; - &:hover { color: lighten($link_color,10%); } - } - } - - .lg-completions-text { - font-size: .9em; - font-style: italic; - } - - .lg-obj-inspector-title { - spacing: 4px; - } - - .lg-obj-inspector-button { - border: 1px solid gray; - padding: 4px; - border-radius: 4px; - &:hover { border: 1px solid #ffffff; } - } - - #lookingGlassExtensions { padding: 4px; } - - .lg-extensions-list { - padding: 4px; - spacing: 6px; - } - - .lg-extension { - border: 1px solid $borders_color; - border-radius: 2px; - background-color: $bg_color; - padding: 4px; - } - - .lg-extension-name { - font-weight: bold; - } - - .lg-extension-meta { - spacing: 6px; - } - - #LookingGlassPropertyInspector { - background: transparentize(black, 0.3); - border: 1px solid grey; - border-radius: 2px; - padding: 6px; - } diff --git a/common/gnome-shell/3.16/_drawing.scss b/common/gnome-shell/3.16/_drawing.scss deleted file mode 100644 index 0e60551..0000000 --- a/common/gnome-shell/3.16/_drawing.scss +++ /dev/null @@ -1,140 +0,0 @@ -// Drawing mixins - -// generic drawing of more complex things - -// provide font size in rem, with px fallback -@mixin fontsize($size: 24, $base: 16) { - font-size: round($size) + pt; - //font-size: ($size / $base) * 1rem; -} - -// Entries - -@mixin entry($t, $dark:false) { -// -// Entries drawing function -// - //@extend %reset_style; - box-shadow: inset 0 0 transparentize($base_color, 1); - - @if $t==normal { - color: $text_color; - background-color: $entry_bg; - border: 1px solid $entry_border; - } - - @if $t==focus { - color: $fg_color; - background-color: $entry_bg; - border: 1px solid $selected_bg_color; - } - - @if $t==insensitive { - color: $insensitive_fg_color; - background-color: mix($entry_bg, $bg_color, 55%); - border-color: 1px solid mix($entry_border, $bg_color, 55%); - } -} - -// Buttons - -@mixin button($t) { -// -// Button drawing function -// - //@extend %reset_style; - - text-shadow: 0 1px transparentize($base_color, 1); - box-shadow: inset 0 0 transparentize($base_color, 1); - - @if $t==normal { - // - // normal button - // - color: $fg_color; - background-color: $button_bg; - border: 1px solid $button_border; - } - - @else if $t==focus { - // - // focused button - // - color: $fg_color; - background-color: $button_bg; - border: 1px solid $selected_bg_color; - } - - @else if $t==focus-hover { - // - // focused button - // - color: $selected_bg_color; - background-color: $button_bg; - border: 1px solid $selected_bg_color; - } - - @else if $t==hover { - // - // hovered button - // - color: $fg_color; - background-color: $button_bg; - border: 1px solid $selected_bg_color; - } - - @else if $t==active { - // - // pushed button - // - color: $selected_fg_color; - background-color: $selected_bg_color; - border: 1px solid $selected_bg_color; - } - - @else if $t==insensitive { - // - // insensitive button - // - color: $insensitive_fg_color; - border: 1px solid transparentize($button_border, 0.45); - background-color: transparentize($button_bg, 0.45); - } - - @else if $t==osd { - // - // normal osd button - // - color: lighten($osd_fg_color, 10%); - outline-color: transparentize($osd_fg_color, 0.7); - border-color: transparentize($osd_fg_color, 0.7); - background-color: darken($osd_bg_color, 5%); - } - - @else if $t==osd-hover { - // - // active osd button - // - color: $selected_fg_color; - border-color: $selected_bg_color; - background-color: darken($osd_bg_color, 5%); - } - - @else if $t==osd-active { - // - // active osd button - // - color: $selected_fg_color; - border-color: $selected_bg_color; - background-color: $selected_bg_color; - } - - @else if $t==osd-insensitive { - // - // insensitive osd button - // - color: $osd_insensitive_fg_color; - border-color: transparentize($osd_fg_color, 0.8); - background-image: $osd_insensitive_bg_color; - } -} diff --git a/common/gnome-shell/3.16/dash/dash-placeholder.svg b/common/gnome-shell/3.16/dash/dash-placeholder.svg new file mode 100755 index 0000000..cbae148 --- /dev/null +++ b/common/gnome-shell/3.16/dash/dash-placeholder.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + 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/gnome-shell.scss b/common/gnome-shell/3.16/gnome-shell.scss deleted file mode 100644 index 3418548..0000000 --- a/common/gnome-shell/3.16/gnome-shell.scss +++ /dev/null @@ -1,3 +0,0 @@ -@import "_colors"; //use gtk colors -@import "_drawing"; -@import "_common"; 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/misc/dash-placeholder.svg b/common/gnome-shell/3.16/misc/dash-placeholder.svg deleted file mode 100755 index cbae148..0000000 --- a/common/gnome-shell/3.16/misc/dash-placeholder.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - 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/sass/_colors.scss b/common/gnome-shell/3.16/sass/_colors.scss new file mode 100644 index 0000000..ee3049c --- /dev/null +++ b/common/gnome-shell/3.16/sass/_colors.scss @@ -0,0 +1,58 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + + +$base_color: #ffffff; +$text_color: #5c616c; +$bg_color: #f9fafb; +$fg_color: #5c616c; + +$selected_fg_color: #ffffff; +$selected_bg_color: #5294E2; +$selected_borders_color: darken($selected_bg_color, 20%); +$borders_color: darken($bg_color,9%); + +$link_color: darken($selected_bg_color,10%); +$link_visited_color: darken($selected_bg_color,20%); + +$selection_mode_bg: rgba(36, 80, 130, 0.95); +$warning_color: #F27835; +$error_color: #FC4138; +$success_color: #73d216; +$destructive_color: #F04A50; +$suggested_color: #9EA4B5; + +$osd_fg_color: #A8ADB5; +$osd_bg_color: transparentize(#3c4049, 0.05); +$osd_button_bg: darken($osd_bg_color, 3%); + +$osd_insensitive_bg_color: darken($osd_bg_color, 3%); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); +$osd_borders_color: transparentize(black, 0.3); + + +$tooltip_bg: $osd_bg_color; +$tooltip_fg: #edf5fb; +$tooltip_borders_color: transparentize(white, 0.9); + +//insensitive state derived colors +$insensitive_fg_color: transparentize($fg_color, 0.45); +$insensitive_bg_color: mix($bg_color, $base_color, 40%); + + +$entry_bg: $base_color; +$entry_border: #cfd6e6; +$entry_focus_border: $selected_bg_color; + +$button_bg: lighten($bg_color, 1%); +$button_border: $entry_border; + +$header_bg: transparentize(#e7e8eb, 0.05); +$header_fg: saturate(transparentize($fg_color, 0.2), 10%); + +$dark_sidebar_bg: $osd_bg_color; +$dark_sidebar_fg: $osd_fg_color; +$dark_sidebar_border: $dark_sidebar_bg; + +$panel_bg: darken($dark_sidebar_bg, 10%); +$panel_fg: $dark_sidebar_fg; diff --git a/common/gnome-shell/3.16/sass/_common.scss b/common/gnome-shell/3.16/sass/_common.scss new file mode 100644 index 0000000..a41b8d8 --- /dev/null +++ b/common/gnome-shell/3.16/sass/_common.scss @@ -0,0 +1,2231 @@ +//This is the RIGHT PLACE to edit the stylesheet + +$panel-corner-radius: 0px; + +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ + +// +// Globals +// +$font-size: 9; +$font-family: Cantarell, Sans-Serif; +$_bubble_bg_color: opacify($osd_bg_color,0.25); +$_bubble_fg_color: $osd_fg_color; +$_bubble_borders_color: transparentize($osd_fg_color,0.8); + +stage { + font-family: $font-family; + @include fontsize($font-size); + color: $fg_color; +} + +%reset_style { + background-color: transparent !important; + background-gradient-direction: none !important; + border: none !important; + border-radius: 0 !important; +} + +// +// Buttons +// +.button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + border-radius: 2px; + + @include button(normal); + + &:focus { @include button(focus); } + + &:hover { @include button(hover); } + + &:hover:focus { @include button(focus-hover); } + + &:active, &:active:focus { @include button(active); } + + &:insensitive { @include button(insensitive); } +} + +// +// Entries +// +StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: $selected_bg_color; + selected-color: $selected_fg_color; + transition-duration: 300ms; + border-radius: 20px; + + @include entry(normal); + + &:focus, &:hover { @include entry(focus); } + + &:insensitive { @include entry(insensitive); } + + StIcon.capslock-warning { + icon-size: 16px; + warning-color: $warning_color; + padding: 0 4px; + } +} + +// +// Scrollbars +// +StScrollView { + &.vfade { -st-vfade-offset: 0px; } + &.hfade { -st-hfade-offset: 0px; } +} + +StScrollBar { + + padding: 8px; + + StScrollView & { + min-width: 5px; + min-height: 5px; + } + + StBin#trough { + background-color: transparentize($base_color, 0.9); + border-radius: 8px; + } + + StButton#vhandle, StButton#hhandle { + border-radius: 4px; + background-color: mix($fg_color, $bg_color, 40%); + border: 0px solid; + margin: 0px; + + &:hover { background-color: mix($fg_color, $bg_color, 30%); } + + &:active { background-color: $selected_bg_color; } + } +} + +// +// Slider +// +.slider { + -slider-height: 4px; + -slider-background-color: $button_border; //background of the trough + -slider-border-color: transparentize(black, 1); //trough border color + -slider-active-background-color: $selected_bg_color; //active trough fill + -slider-active-border-color: transparentize(black, 1); //active trough border + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +// +// Check Boxes +// +.check-box { + + StBoxLayout { spacing: .8em; } + + StBin { + width: 16px; + height: 16px; + background-image: url("checkbox/checkbox-unchecked.svg"); + } + + &:focus StBin { background-image: url("checkbox/checkbox-unchecked-focused.svg"); } + + &:checked StBin { background-image: url("checkbox/checkbox-checked.svg"); } + + &:focus:checked StBin { background-image: url("checkbox/checkbox-checked-focused.svg"); } +} + +// +// Switches +// +.toggle-switch { + width: 52px; + height: 24px; + background-size: contain; + + &-us, &-intl { + background-image: url("switch/switch-off.svg"); + + &:checked { background-image: url("switch/switch-on.svg"); } + } +} + +// +// Links +// +.shell-link { + color: $link_color; + + &:hover { color: lighten($link_color,10%); } +} + +// +// Modal Dialogs +// +.headline { font-size: 110%; } +.lightbox { background-color: black; } +.flashspot { background-color: white; } + +.modal-dialog { + border-radius: 3px; + color: $fg_color; + background-color: transparentize($bg_color, 1); + border: none; + border-image: url("misc/modal.svg") 10 10 10 10; + padding: 0 6px 6px 6px; + + > * { padding: 14px; } + + &-button-box { + spacing: 0px; + margin: 0px; + padding: 12px 24px; + background-color: opacify($osd_bg_color, 1); + border: solid 0px rgba(0,0,0,0.3); + border-top: 1px; + border-radius: 0px 0px 1px 1px; + + .button { + @include button(osd); + + &:hover { @include button(osd-hover); } + &:focus { color: $selected_bg_color; } + &:active { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } + } + } + + .run-dialog-entry { width: 23em; } + .run-dialog-error-box { + padding-top: 5px; + spacing: 5px; + } + + //.run-dialog-button-box { padding-top: 1em; } + .run-dialog-label { + @include fontsize($font-size * 1.1); + font-weight: normal; + color: $fg_color; + padding-bottom: .8em; + } +} + +//.button-dialog-button-box { +//} + +.show-processes-dialog-subject, +.mount-question-dialog-subject, +.end-session-dialog-subject { //this should be a generic header class + @include fontsize($font-size * 1.2); + font-weight: bold; + color: $fg_color; +} + +// +// End Session Dialog +// +.end-session-dialog { + spacing: 42px; + //border: 3px solid $_bubble_borders_color; + + &-list { + padding-top: 20px; + } + + &-layout { + padding-left: 17px; + &:rtl { padding-right: 17px; } + } + + &-description { + width: 28em; + padding-bottom: 10px; + &:rtl { + text-align: right; + } + } + + &-warning { + width: 28em; + color: $warning_color; + padding-top: 6px; + &:rtl { + text-align: right; + } + } + + &-logout-icon { + border: 0px solid transparent; + border-radius: 2px; + width: 48px; + height: 48px; + background-size: contain; + } + + &-shutdown-icon { + color: $fg_color; + width: 48px; + height: 48px; + } + + &-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 10px; + padding-left: 10px; + } + + &-session-list, &-app-list { + spacing: 1em; + } + + &-list-header { + font-weight: bold; + &:rtl { text-align: right; } + } + + &-app-list-item, &-session-list-item { + spacing: 1em; + } + + &-app-list-item-name, &-session-list-item-name { + font-weight: bold; + } + + &-app-list-item-description { + color: lighten($fg_color,5%); + @include fontsize($font-size * 0.9); + } + + // Shutdown Button + .button:last-child { + color: $selected_fg_color; + background-color: $destructive_color; + border-color: $destructive_color; + + &:hover { + color: $selected_fg_color; + background-color: lighten($destructive_color, 9%); + border-color: lighten($destructive_color, 9%); + } + &:active { + color: $selected_fg_color; + background-color: darken($destructive_color, 5%); + border-color: darken($destructive_color, 5%); + } + } +} + +// +// ShellMountOperation Dialogs +// +.shell-mount-operation-icon { icon-size: 48px; } + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + + &:rtl { + padding-left: 0px; + padding-right: 17px; + } +} + +.mount-question-dialog-subject { + max-width: 500px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; + + &:rtl { + padding-right: 17px; + } +} + +.show-processes-dialog-app-list { + @include fontsize($font-size * 1.1); + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; + + &:rtl { + padding-right: 49px; + padding-left: 32px; + } +} + +.show-processes-dialog-app-list-item { + color: darken($fg_color,10%); + &:hover { color: $fg_color; } + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } +} + +.show-processes-dialog-app-list-item-icon { + &:ltr { padding-right: 17px; } + &:rtl { padding-left: 17px; } +} + +.show-processes-dialog-app-list-item-name { + @include fontsize($font-size * 1.1); +} + +// +// Password or Authentication Dialog +// +.prompt-dialog { + //this is the width of the entire modal popup + width: 500px; + //border: 3px solid $_bubble_borders_color; + + &-main-layout { + spacing: 24px; + padding: 10px; + } + + &-message-layout { + spacing: 16px; + } + + &-headline { + @include fontsize($font-size * 1.3); + font-weight: bold; + color: $fg_color; + } + + &-descritption:rtl { + text-align: right; + } + + &-password-box { + spacing: 1em; + padding-bottom: 1em; + } + + &-error-label { + @include fontsize($font-size); + color: $error_color; + padding-bottom: 8px; + } + + &-info-label { + @include fontsize($font-size); + padding-bottom: 8px; + } + + &-null-label { + @include fontsize($font-size); + padding-bottom: 8px; + } +} + +.hidden { + color: transparentize(black, 1); +} + +// +// Polkit Dialog +// +.polkit-dialog-user { + + &-layout { + padding-left: 10px; + spacing: 10px; + &:rtl { + padding-left: 0px; + padding-right: 10px; + } + } + + &-root-label { + color: $warning_color; + } + + &-user-icon { + border-radius: 2px; + background-size: contain; + width: 48px; + height: 48px; + } +} + +// +// Network Agent Dialog +// +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +// +// Popvers/Menus +// +.popup-menu { + min-width: 200px; + color: $fg_color; + border-image: url("menu/menu.svg") 10 10 35 14; + + .popup-menu-arrow { } //defined globally in the TOP BAR + .popup-sub-menu { + background: none; + box-shadow: none; + border-image: url("menu/submenu.svg") 8 8 2 2; + } + + .popup-menu-content { padding: 1em 0em 1em 0em; } + .popup-menu-item { + spacing: 12px; + + &:ltr { padding: .4em 3em .4em 0em; } + &:rtl { padding: .4em 0em .4em 3em; } + + &:checked { + background: none; + box-shadow: none; + font-weight: normal; + border-image: url("menu/submenu-open.svg") 8 8 2 2; + } + + &:active, &.selected { + color: $fg_color; + background-color: transparent; + border-image: url("menu/menu-hover.svg") 7 7 1 1; + } + + &:insensitive { + color: transparentize($fg_color, 0.5); + background: none; + } + } + + .popup-inactive-menu-item { //all icons and other graphical elements + color: $fg_color; + + &:insensitive { color: $insensitive_fg_color; } + } + //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is + &.panel-menu { + -boxpointer-gap: 0px; + margin-bottom: 1.75em; + } +} + +.popup-menu-ornament { + text-align: right; + margin-left: 10px; + width: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(0,0,0,0.0); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0,0,0,0.0); + -arrow-base: 0; + -arrow-rise: 0; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: $panel_bg; + -arrow-border-width: 1px; + -arrow-border-color: darken($panel_bg, 7%); + -arrow-base: 5; + -arrow-rise: 5; +} + +.popup-separator-menu-item { + //-margin-horizontal: 24px; + height: 2px; //not really the whole box + margin: 10px 0px; + background-color: transparent; + border: none; + border-image: url("menu/menu-separator.svg") 1 1 1 1; +} + +// Background menu +.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0px; } + +// fallback menu +//- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled +// app menu inside the main app window itself rather than the top bar +// + +// +// OSD +// +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + margin: 32px; + min-width: 64px; + min-height: 64px; + + color: $selected_fg_color; + background: none; + border: none; + border-radius: 5px; + border-image: url("misc/osd.svg") 10 10 9 11; + +.osd-monitor-label { font-size: 3em; } + + .level { + padding: 0; + height: 4px; + background-color: transparentize(black, 0.5); + border-radius: 2px; + color: $selected_bg_color; + } +} + +.resize-popup { + color: $osd_fg_color; + background: none; + border: none; + border-radius: 5px; + border-image: url("misc/osd.svg") 10 10 9 11; + padding: 12px; +} + +// +// Alt Tab Switcher +// +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + background: none; + border: none; + border-image: url("misc/bg.svg") 10 10 35 14; + border-radius: 3px; + padding: 20px; + + &-item-container { spacing: 8px; } + + .item-box { + padding: 8px; + border-radius: 2px; + + &:outlined { + padding: 6px; + border: 1px solid $selected_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 1px solid $selected_bg_color; + + } + } + + .thumbnail-box { + padding: 2px; + spacing: 4px; + } + + .thumbnail { + width: 256px; + } + + .separator { + width: 1px; + background: transparentize($fg_color, 0.67); + } +} + +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: $osd_fg_color; + + &:highlighted { + color: $selected_fg_color; + } +} + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +// +// Workspace Switcher +// +.workspace-switcher { + + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; + + &-group { padding: 12px; } + + &-container { + border-image: url("misc/bg.svg") 10 10 35 14; + border-radius: 3px; + padding: 20px; + padding-bottom: 24px; + } +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 30px; + background-color: $selected_bg_color; + background-size: 96px; + border-radius: 2px; + border: 1px solid $selected_bg_color; +} + +.ws-switcher-active-up { + background-image: url("misc/ws-switch-arrow-up.png"); +} + +.ws-switcher-active-down { + background-image: url("misc/ws-switch-arrow-down.png"); +} + +.ws-switcher-box { + height: 96px; + background-color: transparentize(black, 0.67); + border-color: transparentize(black, 0.67); + border-radius: 2px; +} + +// +// Tiled window previews +// +.tile-preview { + background-color: transparentize($selected_bg_color, 0.65); + border: 1px solid $selected_bg_color; + + &-left.on-primary { + border-radius: $panel-corner-radius 0 0 0; + } + + &-right.on-primary { + border-radius: 0 $panel-corner-radius 0 0; + } + + &-left.tile-preview-right.on-primary { + border-radius: $panel-corner-radius $panel-corner-radius 0 0; + } +} + +// +// Top Bar +// +#panel { + background-color: $panel_bg; + border-color: darken($panel_bg, 9%); + border-bottom-width: 1px; + font-weight: bold; + height: 2.1em; + min-height: 26px; + + &.unlock-screen, + &.login-screen, + &.lock-screen { + background-color: transparent; + border-image: none; + } + + &:overview { background-color: transparentize(darken($panel_bg,10%), 0.15); } + + #panelLeft, #panelCenter { // spacing between activities<>app menu and such + spacing: 8px; + } + + .panel-corner { + -panel-corner-radius: $panel-corner-radius; + -panel-corner-background-color: transparentize(black, 1); + -panel-corner-border-width: 0px; + -panel-corner-border-color: black; + + &:active, &:overview, &:focus { + -panel-corner-border-color: black; + } + + &.lock-screen, &.login-screen, &unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; + } + } + + .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: $selected_fg_color; + transition-duration: 100ms; + + .app-menu-icon { + width: 0; + height: 0; + margin-left: 4px; + margin-right: 4px; + } + + &:hover { + color: $selected_fg_color; + background-color: transparentize(black, 0.83); + } + + &:active, &:overview, &:focus, &:checked { + color: $selected_fg_color; + background-color: $selected_bg_color; + box-shadow: none; + + & > .system-status-icon { icon-shadow: none; } + } + + .system-status-icon { icon-size: 16px; padding: 0 8px; } + .unlock-screen &, + .login-screen &, + .lock-screen & { + color: lighten($fg_color, 10%); + &:focus, &:hover, &:active { color: lighten($fg_color, 10%); } + } + } + + .panel-status-indicators-box, + .panel-status-menu-box { + spacing: 2px; + } + + .screencast-indicator { color: red; } +} + +// Activities button +#panelActivities > *, +#panelActivities:hover > *, +#panelActivities:focus > *, +#panelActivities:active > *, +#panelActivities:overview > *, +#panel:overview #panelActivities.panel-button:active > *, +#panel:overview #panelActivities.panel-button:focus > * { + background-image: url("misc/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: 0 solid transparent !important; + text-shadow: 0 0 transparent !important; + transition-duration: 0ms !important; + box-shadow: none !important; + color: transparent; +} + + // a little unstructured mess: + + .system-switch-user-submenu-icon { + icon-size: 24px; + border: 1px solid transparentize($fg_color,0.6); + } + + #appMenu { + spinner-image: url("misc/process-working.svg"); + spacing: 4px; + + .label-shadow { color: transparent; } + } + + .aggregate-menu { + width: 360px; + .popup-menu-icon { padding: 0 4px; } + } + + .system-menu-action { + padding: 13px; + color: $fg_color; + border-radius: 32px; /* wish we could do 50% */ + border: 1px solid transparent; + + &:hover, &:focus { + transition-duration: 100ms; + padding: 13px; + color: $fg_color; + background-color: transparent; + border: 1px solid $selected_bg_color; + } + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 1px solid $selected_bg_color; + } + + & > StIcon { icon-size: 16px; } + } + +// +// Calendar popover +// +#calendarArea { + padding: 0.75em 1.0em; +} + +.calendar { + margin-bottom: 1em; +} + +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 1.5em; +} + +.datemenu-calendar-column { spacing: 0.5em; } +.datemenu-displays-section { padding-bottom: 3em; } + +.datemenu-today-button, +.world-clocks-button, +.message-list-section-title { + border-radius: 3px; + padding: .4em; +} + +.message-list-section-list:ltr { + padding-left: .4em; +} + +.message-list-section-list:rtl { + padding-right: .4em; +} + +.datemenu-today-button, +.world-clocks-button, +.message-list-section-title { + padding: 7px 10px 7px 10px; + border: 1px solid transparentize($base_color, 1); + + &:hover, &:focus { + @include button(hover); + } + + &:active { + @include button(active); + } +} + +.datemenu-today-button .day-label { +} + +.datemenu-today-button .date-label { + font-size: 1.5em; +} + +.world-clocks-header, +.message-list-section-title { + color: transparentize($fg_color, 0.6); + font-weight: bold; +} + +.world-clocks-button:active .world-clocks-header { + color: $selected_fg_color; +} + +.world-clocks-grid { + spacing-rows: 0.4em; +} + +.calendar-month-label { + color: $fg_color; + font-weight: bold; + padding: 8px 0; + &:focus {} +} + +.pager-button { + color: transparent; + background-color: transparent; + width: 32px; + border-radius: 2px; + + &:focus, &:hover, &:active { background-color: transparent; } +} + +//arrow back +.calendar-change-month-back { + background-image: url("misc/calendar-arrow-left.svg"); + + &:focus, &:hover { background-image: url("misc/calendar-arrow-left-hover.svg"); } + + &:active { background-image: url("misc/calendar-arrow-left.svg"); } + + &:rtl { + background-image: url("misc/calendar-arrow-right.svg"); + + &:focus, &:hover { background-image: url("misc/calendar-arrow-right-hover.svg"); } + + &:active { background-image: url("misc/calendar-arrow-right.svg"); } + } +} + +//arrow forward +.calendar-change-month-forward { + background-image: url("misc/calendar-arrow-right.svg"); + + &:focus, &:hover { background-image: url("misc/calendar-arrow-right-hover.svg"); } + + &:active { background-image: url("misc/calendar-arrow-right.svg"); } + + &:rtl { + background-image: url("misc/calendar-arrow-left.svg"); + + &:focus, &:hover { background-image: url("misc/calendar-arrow-left-hover.svg"); } + + &:active { background-image: url("misc/calendar-arrow-left.svg"); } + } +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; + + &:hover, &:focus { background-color: transparentize(black, 0.9); } + + &:active { + color: $fg_color; + background-color: transparentize(black, 0.85); + border-width: 0; //avoid jumparound due to today + } + + &.calendar-day-heading { //day of week heading + color: transparentize($fg_color, 0.15); + margin-top: 1em; + font-size: 70%; + } +} + +.calendar-day { //border collapse hack - see calendar.js + border-width: 0; + color: transparentize($fg_color, 0.2); +} + +.calendar-day-top { border-top-width: 0; } + +.calendar-day-left { border-left-width: 0; } + +.calendar-work-day { + +} + +.calendar-nonwork-day { + color: $fg_color; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: $selected_fg_color; + background-color: $selected_bg_color; + border-width: 0; +} + +.calendar-day-with-events { + color: $selected_bg_color; + font-weight: bold; +} + +.calendar-today.calendar-day-with-events { color: $selected_fg_color; } + +.calendar-other-month-day { + color: transparentize($fg_color, 0.7); + opacity: 1; +} + +// +// Message list +// +.message-list { + width: 420px; +} + +.message-list-sections { + spacing: 1.5em; +} + +.message-list-section, +.message-list-section-list { + spacing: 0.7em; +} + +.message-list-section-title-box { + spacing: 0.4em; +} + +.message-list-section-close > StIcon { + icon-size: 16px; + border-radius: 8px; + color: $selected_fg_color; + background-color: transparentize($fg_color, 0.5); +} + +.message-list-section-close:hover > StIcon, +.message-list-section-close:focus > StIcon { + color: $selected_fg_color; + background-color: $fg_color; +} + +.message-list-section-close:active > StIcon { + color: $selected_fg_color; + background-color: $selected_bg_color; +} + +.message { + padding: 4px; + color: $fg_color; + background-color: $button_bg; + border: 1px solid $button_border; + + &:hover, &:focus { + color: $fg_color; + background-color: $button_bg; + border: 1px solid $selected_bg_color; + } + + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 1px solid $selected_bg_color; + } +} + +.message-icon-bin { + padding: 8px 0px 8px 8px; + + &:rtl { padding: 8px 8px 8px 0px; } +} + +.message-icon-bin > StIcon { + icon-size: 48px; +} + +.message-secondary-bin { + color: transparentize($fg_color, 0.6); +} + +.message-secondary-bin > StIcon { + icon-size: 16px; +} + +.message-title { + font-weight: bold; + padding: 2px 0 2px 0; +} +.message-content { + padding: 8px; +} + + +// +//Activities Ripples +// +.ripple-box { + width: 52px; + height: 52px; + background-image: url("misc/corner-ripple-ltr.svg"); + background-size: contain; + + &:rtl { background-image: url("misc/corner-ripple-rtl.svg"); } +} + +// not really top bar only +.popup-menu-arrow { width: 16px; height: 16px; } +.popup-menu-icon { icon-size: 16px; } + + +// +//Close buttons +// +.window-close { + background-image: url("misc/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + + &:hover { + background-image: url("misc/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; + } + + &:active { + background-image: url("misc/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; + } +} + +.window-close { + -shell-close-overlap: 11px; +} + +// +// Network Dialogs +// +.nm-dialog { + max-height: 500px; + min-height: 450px; + min-width: 470px; + + &-content { spacing: 20px; } + + &-header-hbox { spacing: 10px; } + + &-airplane-box { spacing: 12px; } + + &-airplane-headline { + font-size: 1.1em; + font-weight: bold; + text-align: center; + } + + &-airplane-text { color: $fg_color; } + + &-header-icon { icon-size: 32px; } + + &-scroll-view { + border: 1px solid $borders_color; + border-radius: 2px; + background-color: $base_color; + } + + &-header { + font-weight: bold; + font-size: 1.2em; + } + + &-item { + font-size: 1em; + border-bottom: 0px solid; + padding: 12px; + spacing: 0px; + + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &-icons { spacing: .5em; } + + &-icon { icon-size: 16px; } +} + +.no-networks-label { color: $insensitive_fg_color; } + +.no-networks-box { spacing: 12px; } + +// +// Overview +// +#overview { spacing: 24px; } + +.overview-controls { padding-bottom: 32px; } + +.window-picker { //container around window thumbnails + -horizontal-spacing: 32px; + -vertical-spacing: 32px; + padding-left: 32px; + padding-right: 32px; + padding-bottom: 48px; + + &.external-monitor { padding: 32px; } +} + +.window-clone-border { + border: 3px solid transparentize($selected_bg_color, 0.2); + border-radius: 4px; + box-shadow: inset 0px 0px 0px 1px transparentize($selected_bg_color, 1); +} + +.window-caption, .window-caption:hover { + spacing: 25px; + color: $osd_fg_color; + background-color: transparentize(black, 0.3); + border-radius: 2px; + padding: 4px 12px; + -shell-caption-spacing: 12px; +} + +// +// Search Entry +// +.search-entry { + width: 320px; + padding: 7px 9px; + border-radius: 20px; + border: 1px solid transparentize(black, 0.75); + background-color: transparentize($entry_bg, 0.1); + + &:focus { + padding: 7px 9px; + } + + .search-entry-icon { + icon-size: 16px; + padding: 0 4px; + color: $fg_color; + } + + &:hover, &:focus { + color: $selected_fg_color; + caret-color: $selected_fg_color; + background-color: $selected_bg_color; + + .search-entry-icon { color: $selected_fg_color; } + } +} + +// +// Search Results +// +#searchResultsBin { max-width: 1000px; } + +#searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +// This should be equal to #searchResultsContent spacing +.search-section { spacing: 16px; } + +// This is the space between the provider icon and the results container +.search-section-content { spacing: 32px; } + +// "no results" +.search-statustext { + @extend %status_text; +} + +.list-search-results { spacing: 3px; } + +.search-section-separator { + background-color: transparentize(white, 0.8); + -margin-horizontal: 1.5em; + height: 1px; +} + +.list-search-result-content { spacing: 12px; padding: 12px; } + +.list-search-result-title { font-size: 1.5em; color: $selected_fg_color; } + +.list-search-result-description { color: darken($selected_fg_color, 20%); } + +.search-provider-icon { padding: 15px; } +.search-provider-icon-more { + width: 16px; + height: 16px; + background-image: url("misc/more-results.svg"); +} + +// +// Dash +// +#dash { + font-size: 1em; + color: $osd_fg_color; + background-color: transparentize($panel_bg, 0.08); + padding: 6px 0px 6px 0px; + border-color: transparentize(darken($panel_bg, 9%), 0.08); + border-radius: 0px 3px 3px 0px; + + .right &, + &:rtl { + padding: 6px 0px 6px 0px; + border-radius: 3px 0 0 3px; + } + + .bottom & { + padding: 0px 6px 0px 6px; + border-radius: 3px 3px 0 0; + } + + .top & { + padding: 0px 6px 0px 6px; + border-radius: 0 0 3px 3px; + } + + .placeholder { + background-image: url("dash/dash-placeholder.svg"); + background-size: contain; + height: 24px; + } + + .empty-dash-drop-target { + width: 24px; + height: 24px; + } +} + +.dash-item-container > StWidget { + padding: 0px 4px 0px 5px; + + .right &, &:rtl { padding: 0px 5px 0px 4px; } + .bottom & { padding: 4px 0px 5px 0px; } + .top & { padding: 5px 0px 4px 0px; } +} + +//osd tooltip +.dash-label { + border-radius: 3px; + padding: 4px 12px; + color: $selected_fg_color; + background-color: transparentize(black, 0.3); + text-align: center; + -x-offset: 3px; + + .bottom &, .top & { + -y-offset: 3px; + -x-offset: 0; + } +} + +// Dash Buttons +#dash .app-well-app { + + .overview-icon, + .right & .overview-icon, + .bottom & .overview-icon, + .top & .overview-icon { + padding: 10px; + } + + &:hover .overview-icon, + .right &:hover .overview-icon, + .bottom &:hover .overview-icon, + .top &:hover .overview-icon { + background-color: $selected_bg_color; + } + + &:active .overview-icon, + .right &:active .overview-icon, + .bottom &:active .overview-icon, + .top &:active .overview-icon { + box-shadow: none; + background-color: darken($selected_bg_color, 10%); + } + + &-running-dot { + width: 11px; + height: 2px; + margin-bottom: 6px; + background-color: $selected_bg_color; + } +} + +.show-apps { + + .overview-icon { + padding: 11px; + background-color: transparentize(black, 0.5); + border-radius: 2px; + border: 0px solid; + } + + &:hover .overview-icon { + background-color: transparentize(black, 0.3); + color: $selected_bg_color; + } + + &:active .overview-icon, + &:active .show-apps-icon, + &:checked .overview-icon, + &:checked .show-apps-icon { + color: $selected_fg_color; + background-color: $selected_bg_color; + box-shadow: none; + transition-duration: 0ms; + } +} + +// +// App Vault/Grid +// +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + + .overview-icon { icon-size: 96px; } +} + +//.app-display { spacing: 20px; } + +//favorties | all toggle container +.app-view-controls { padding-bottom: 32px; } + +//favorties | all toggle button +.app-view-control { + padding: 4px 32px; + + color: transparentize($selected_fg_color, 0.2); + background-color: transparentize(darken($panel_bg,10%), 0.15); + border-color: transparentize($osd_fg_color, 0.7); + + &:hover { + color: $selected_fg_color; + background-color: transparentize(darken($panel_bg,10%), 0.15); + border-color: $selected_bg_color; + } + &:checked { @include button(osd-active); } + + &:first-child:ltr, &:last-child:rtl { + border-radius: 2px 0 0 2px; + + + &:hover { } + } + &:last-child:ltr, &:first-child:rtl { + border-radius: 0 2px 2px 0; + + &:hover { } + } +} + +// +// Icon Tile +// +.search-provider-icon, +.list-search-result { + @extend %icon_tile; + + &:active, &:checked { background-color: transparentize(darken($osd_bg_color,10%),.1); } + + &:focus, &:selected, &:hover { + background-color: transparentize($osd_fg_color,.6); + transition-duration: 200ms; + } +} +.app-well-app, +.app-well-app.app-folder, +//.show-apps, +.grid-search-result { + + .overview-icon { + @extend %icon_tile; + } + + &:active .overview-icon, + &:checked .overview-icon { + background-color: transparentize(darken($osd_bg_color,10%),.1); + box-shadow: inset 0 0 $selected_bg_color; + } + + &:hover .overview-icon, + &:focus .overview-icon, + &:selected .overview-icon { + background-color: transparentize($osd_fg_color,.6); + transition-duration: 0ms; + border-image: none; + background-image: none; + } +} + +.app-well-app-running-dot { //running apps indicator + width: 20px; + height: 2px; + margin-bottom: 4px; + background-color: $selected_bg_color; +} + +%icon_tile { + color: $selected_fg_color; + border-radius: 2px; + padding: 6px; + border: 1px solid transparent; + transition-duration: 0ms; + text-align: center; +} + +// +// Collections +// +.app-well-app.app-folder { + + > .overview-icon { + background-color: transparentize(darken($panel_bg,10%), 0.15); + border: 1px solid transparentize($osd_fg_color, 0.7); + } + + &:hover > .overview-icon { + background-color: lighten($panel_bg, 10%); + } + + &:active > .overview-icon, &:checked > .overview-icon { + background-color: $selected_bg_color; + box-shadow: none; + } + + &:focus > .overview-icon { + background-color: $selected_bg_color; + } +} + +.app-folder-popup { //expanded collection + -arrow-border-radius: 2px; + -arrow-background-color: transparentize(darken($panel_bg,10%), 0.15); + -arrow-border-color: transparentize($osd_fg_color, 0.7); + -arrow-border-width: 1px; + -arrow-base: 5; + -arrow-rise: 5; +} +.app-folder-popup-bin { padding: 5px; } +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; + + .page-indicator-icon { + width: 18px; + height: 18px; + background-image: url(misc/page-indicator-inactive.svg); + } + + &:hover .page-indicator-icon { background-image: url(misc/page-indicator-hover.svg); } + &:active .page-indicator-icon { background-image: url(misc/page-indicator-active.svg); } + &:checked .page-indicator-icon, + &:checked:active { background-image: url(misc/page-indicator-checked.svg); } +} + +.no-frequent-applications-label { @extend %status_text; } + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; +} + +// +// Workspace pager +// +.workspace-thumbnails { //container ala dash + visible-width: 40px; //amount visible before hover + spacing: 11px; + padding: 12px; + padding-right: 7px; + border-radius: 3px 0 0 3px; + background-color: transparentize($panel_bg, 0.08); + border-color: transparentize(darken($panel_bg, 9%), 0.08); + + &:rtl { + padding: 12px; + padding-left: 7px; + border-radius: 0 3px 3px 0; + } +} + +.workspace-thumbnail-indicator { + border: 4px solid transparentize($selected_bg_color, 0.2); + border-radius: 1px; + padding: 1px; +} + +//Some hacks I don't even +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + // horizontal padding to make sure scrollbars or dash don't overlap content + padding: 0px 88px 10px 88px; +} + +%status_text { + font-size: 2em; + font-weight: bold; + color: $fg_color; +} + +// +// Notifications & Message Tray +// +.url-highlighter { link-color: $link_color; } + +// Banners +.notification-banner, +.notification-banner:hover, +.notification-banner:focus { + font-size: 1em; + width: 34em; + margin: 5px; + padding: 10px; + border-radius: 2px; + color: $fg_color; + background-color: $bg_color; + border: 0px solid transparent; + box-shadow: 0 1px 5px transparentize(black, 0.8); + + .notification-icon { padding: 5px; } + + .notification-content { padding: 5px; spacing: 5px; } + + .secondary-icon { icon-size: 1.09em; } + + .notification-actions { + background-color: transparent; + padding: 2px 2px 0 2px; + spacing: 1px; + } + .notification-button { + padding: 4px 4px 5px; + @extend .button; + + &:first-child, &:last-child { + border-radius: 2px; + } + } +} + +.secondary-icon { icon-size: 1.09em; } + +// Chat Bubbles +.chat-body { spacing: 5px; } +.chat-response { margin: 5px; } +.chat-log-message { color: $fg_color; } +.chat-new-group { padding-top: 1em; } +.chat-received { + padding-left: 4px; + + &:rtl { padding-left: 0px; padding-right: 4px; } +} + +.chat-sent { + padding-left: 18pt; + color: $selected_bg_color; + + &:rtl { padding-left: 0; padding-right: 18pt; } +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: bold; + color: transparentize($fg_color, 0.4); + + &:rtl { padding-left: 0; padding-right: 4px; } +} + +.subscription-message { font-style: italic; } + +// Hotplug +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + + .hotplug-notification-item { + padding: 2px 10px; + &:focus { padding: 1px 71px 1px 11px; } + } + + .hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; + } + + .hotplug-resident-box { spacing: 8px; } + + .hotplug-resident-mount { + spacing: 8px; + border-radius: 4px; + &:hover { background-color: transparentize($bg_color,0.7); } + } + + .hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; + } + + .hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; + } + + .hotplug-resident-eject-icon { + icon-size: 16px; + } + + .hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: pink; + } + +// Eeeky things + +$legacy_icon_size: 24px; + +.legacy-tray { + background-color: $panel_bg; + border-width: 0; + + &:ltr { border-radius: 0 2px 0 0; border-left-width: 0; } + &:rtl { border-radius: 2px 0 0 0; border-right-width: 0; } +} + +.legacy-tray-handle, +.legacy-tray-icon { + padding: 6px; + & StIcon { icon-size: $legacy_icon_size; } + &:hover, &:focus { background-color: transparentize($fg_color,0.9); } +} + +.legacy-tray-icon-box { + spacing: 12px; + &:ltr { padding-left: 12px; } + &:rtl { padding-right: 12px; } + & StButton { width: $legacy_icon_size; height: $legacy_icon_size } +} + +// Magnifier + +.magnifier-zoom-region { + border: 2px solid $selected_bg_color; + &.full-screen { border-width: 0; } +} + +// +// On-Screen Keyboard +// +#keyboard { + background-color: transparentize($panel_bg, 0.05); +} + + .keyboard-layout { + spacing: 10px; + padding: 10px; + } + + .keyboard-row { + spacing: 15px; + } + + .keyboard-key { + @include button(osd); + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + &:focus { @include button(focus); } + &:hover,&:checked { @include button(osd-hover); } + &:active { @include button(osd-active);} + &:grayed { //FIXME + background-color: $osd_bg_color; + color: $osd_fg_color; + border-color: $osd_borders_color; + } + } + + .keyboard-subkeys { //long press on a key popup + color: white; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: transparentize($panel_bg, 0.05); + -arrow-border-width: 0px; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + } + +// +// IBus Candidate Popup +// +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; + color: $osd_fg_color; +} + + .candidate-index { + padding: 0 0.5em 0 0; + color: lighten($osd_fg_color, 10%); + } + + .candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + border-radius: 4px; + color: $osd_fg_color; + &:selected,&:hover { background-color: $selected_bg_color; color: $selected_fg_color; } + } + + .candidate-page-button-box { + height: 2em; + .vertical & { padding-top: 0.5em; } + .horizontal & { padding-left: 0.5em; } + } + + .candidate-page-button { + padding: 4px; + } + + .candidate-page-button-previous { border-radius: 2px 0px 0px 2px; border-right-width: 0; } + .candidate-page-button-next { border-radius: 0px 2px 2px 0px; } + .candidate-page-button-icon { icon-size: 1em; } + +// +// Auth Dialogs & Screen Shield +// +.framed-user-icon { + background-size: contain; + border: 0px solid transparent; + color: $fg_color; + border-radius: 2px; + &:hover { + border-color: transparent; + color: lighten($osd_fg_color,30%); + } +} + +// +// Login Dialog +// +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog { + //reset + border: none; + background-color: transparent; + + .modal-dialog-button-box { spacing: 3px; } + .modal-dialog-button { + padding: 3px 18px; + &:default { + @include button(normal); + &:hover,&:focus { @include button(hover); } + &:active { @include button(active); } + &:insensitive { @include button(insensitive); } + } + } +} + + .login-dialog-logo-bin { padding: 24px 0px; } + .login-dialog-banner { color: darken($osd_fg_color,10%); } + .login-dialog-button-box { spacing: 5px; } + .login-dialog-message-warning { color: $warning_color; } + .login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } + .login-dialog-user-selection-box { + padding: 100px 0px; + .login-dialog-not-listed-label { + padding-left: 2px; + .login-dialog-not-listed-button:focus &, + .login-dialog-not-listed-button:hover & { + color: $osd_fg_color; + } + } + } + .login-dialog-not-listed-label { + font-size: 90%; + font-weight: bold; + color: darken($osd_fg_color,30%); + padding-top: 1em; + } + + .login-dialog-user-list-view { -st-vfade-offset: 1em; } + .login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; + &:expanded .login-dialog-user-list-item:focus { background-color: $selected_bg_color; color: $selected_fg_color; } + &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; } + } + .login-dialog-user-list-item { + border-radius: 5px; + padding: .2em; + color: darken($osd_fg_color,30%); + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } + &:hover { background-color: $selected_bg_color; color: $selected_fg_color; } + .login-dialog-timed-login-indicator { + height: 2px; + margin: 2px 0 0 0; + background-color: $osd_fg_color; + } + &:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; } + } + + .login-dialog-username, + .user-widget-label { + color: $osd_fg_color; + font-size: 120%; + font-weight: bold; + text-align: left; + padding-left: 15px; + } + .user-widget-label { + &:ltr { padding-left: 18px; } + &:rtl { padding-right: 18px; } + } + + .login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; + } + + .login-dialog-prompt-label { + color: darken($osd_fg_color, 20%); + font-size: 110%; + padding-top: 1em; + } + + .login-dialog-session-list-button StIcon { + icon-size: 1.25em; + } + + .login-dialog-session-list-button { + color: darken($osd_fg_color,30%); + &:hover,&:focus { color: $osd_fg_color; } + &:active { color: darken($osd_fg_color, 50%); } + } + +// +// Screen Shield +// +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4); +} + +.screen-shield-clock { + color: white; + text-shadow: 0px 1px 2px rgba(0,0,0,0.6); + font-weight: bold; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 72pt; + text-shadow: 0px 2px 2px rgba(0,0,0,0.4); +} + +.screen-shield-clock-date { font-size: 28pt; } + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; + .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; + } + + .notification, + .screen-shield-notification-source { + padding: 12px 6px; + border: 1px solid $_bubble_borders_color; + background-color: transparentize($osd_bg_color,0.5); + color: $_bubble_fg_color; + border-radius: 4px; + } + .notification { margin-right: 15px; } //compensate for space allocated to the scrollbar +} + + +.screen-shield-notification-label { + font-weight: bold; + padding: 0px 0px 0px 12px; +} + +.screen-shield-notification-count-text { padding: 0px 0px 0px 12px; } + +#panel.lock-screen { background-color: transparentize($_bubble_bg_color, 0.5); } + +.screen-shield-background { //just the shadow, really + background: black; + box-shadow: 0px 2px 4px transparentize(black,0.6); +} + +#lockDialogGroup { + background: #2e3436 url(misc/noise-texture.png); + background-repeat: repeat; +} + +#screenShieldNotifications { + StButton#vhandle, StButton#hhandle { + background-color: transparentize($bg_color,0.7); + &:hover, &:focus { background-color: transparentize($bg_color,0.5); } + &:active { background-color: transparentize($selected_bg_color,0.5); } + } +} + +// +// Looking Glass +// +#LookingGlassDialog { + spacing: 4px; + padding: 8px 8px 10px 8px; + background-color: transparentize(black, 0.3); + border: 1px solid black; + border-image: url("misc/osd.svg") 10 10 9 11; + border-radius: 2px; + color: $osd_fg_color; + + & > #Toolbar { + padding: 3px; + border: 1px solid darken($osd_bg_color, 7%); + background-color: transparent; + border-radius: 0px; + } + .labels { spacing: 4px; } + .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: $osd_fg_color; + transition-duration: 100ms; + padding-left: .3em; + padding-right: .3em; + &:hover { + color: $selected_fg_color; + text-shadow: black 0px 2px 2px; + } + &:selected { + border-bottom-width: 0px; + color: $selected_bg_color; + text-shadow: black 0px 2px 2px; + } + } + StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } + StBoxLayout#ResultsArea { spacing: 4px; } +} + + .lg-dialog { + StEntry { + background-color: transparentize(black, 0.7); + color: $osd_fg_color; + selection-background-color: $selected_bg_color; + selected-color: $selected_fg_color; + border-color: transparentize($osd_fg_color, 0.7); + + &:focus { border-color: $selected_bg_color; } + } + .shell-link { + color: $link_color; + &:hover { color: lighten($link_color,10%); } + } + } + + .lg-completions-text { + font-size: .9em; + font-style: italic; + } + + .lg-obj-inspector-title { + spacing: 4px; + } + + .lg-obj-inspector-button { + border: 1px solid gray; + padding: 4px; + border-radius: 4px; + &:hover { border: 1px solid #ffffff; } + } + + #lookingGlassExtensions { padding: 4px; } + + .lg-extensions-list { + padding: 4px; + spacing: 6px; + } + + .lg-extension { + border: 1px solid $borders_color; + border-radius: 2px; + background-color: $bg_color; + padding: 4px; + } + + .lg-extension-name { + font-weight: bold; + } + + .lg-extension-meta { + spacing: 6px; + } + + #LookingGlassPropertyInspector { + background: transparentize(black, 0.3); + border: 1px solid grey; + border-radius: 2px; + padding: 6px; + } diff --git a/common/gnome-shell/3.16/sass/_drawing.scss b/common/gnome-shell/3.16/sass/_drawing.scss new file mode 100644 index 0000000..0e60551 --- /dev/null +++ b/common/gnome-shell/3.16/sass/_drawing.scss @@ -0,0 +1,140 @@ +// Drawing mixins + +// generic drawing of more complex things + +// provide font size in rem, with px fallback +@mixin fontsize($size: 24, $base: 16) { + font-size: round($size) + pt; + //font-size: ($size / $base) * 1rem; +} + +// Entries + +@mixin entry($t, $dark:false) { +// +// Entries drawing function +// + //@extend %reset_style; + box-shadow: inset 0 0 transparentize($base_color, 1); + + @if $t==normal { + color: $text_color; + background-color: $entry_bg; + border: 1px solid $entry_border; + } + + @if $t==focus { + color: $fg_color; + background-color: $entry_bg; + border: 1px solid $selected_bg_color; + } + + @if $t==insensitive { + color: $insensitive_fg_color; + background-color: mix($entry_bg, $bg_color, 55%); + border-color: 1px solid mix($entry_border, $bg_color, 55%); + } +} + +// Buttons + +@mixin button($t) { +// +// Button drawing function +// + //@extend %reset_style; + + text-shadow: 0 1px transparentize($base_color, 1); + box-shadow: inset 0 0 transparentize($base_color, 1); + + @if $t==normal { + // + // normal button + // + color: $fg_color; + background-color: $button_bg; + border: 1px solid $button_border; + } + + @else if $t==focus { + // + // focused button + // + color: $fg_color; + background-color: $button_bg; + border: 1px solid $selected_bg_color; + } + + @else if $t==focus-hover { + // + // focused button + // + color: $selected_bg_color; + background-color: $button_bg; + border: 1px solid $selected_bg_color; + } + + @else if $t==hover { + // + // hovered button + // + color: $fg_color; + background-color: $button_bg; + border: 1px solid $selected_bg_color; + } + + @else if $t==active { + // + // pushed button + // + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 1px solid $selected_bg_color; + } + + @else if $t==insensitive { + // + // insensitive button + // + color: $insensitive_fg_color; + border: 1px solid transparentize($button_border, 0.45); + background-color: transparentize($button_bg, 0.45); + } + + @else if $t==osd { + // + // normal osd button + // + color: lighten($osd_fg_color, 10%); + outline-color: transparentize($osd_fg_color, 0.7); + border-color: transparentize($osd_fg_color, 0.7); + background-color: darken($osd_bg_color, 5%); + } + + @else if $t==osd-hover { + // + // active osd button + // + color: $selected_fg_color; + border-color: $selected_bg_color; + background-color: darken($osd_bg_color, 5%); + } + + @else if $t==osd-active { + // + // active osd button + // + color: $selected_fg_color; + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: transparentize($osd_fg_color, 0.8); + background-image: $osd_insensitive_bg_color; + } +} diff --git a/common/gnome-shell/3.16/sass/gnome-shell.scss b/common/gnome-shell/3.16/sass/gnome-shell.scss new file mode 100644 index 0000000..3418548 --- /dev/null +++ b/common/gnome-shell/3.16/sass/gnome-shell.scss @@ -0,0 +1,3 @@ +@import "_colors"; //use gtk colors +@import "_drawing"; +@import "_common"; 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/_applications.scss b/common/gtk-3.0/3.14/_applications.scss deleted file mode 100644 index f4b2c8d..0000000 --- a/common/gtk-3.0/3.14/_applications.scss +++ /dev/null @@ -1,680 +0,0 @@ -// -// Tab overrides -// -GeditNotebook.notebook, -ScratchMainWindow .notebook, -EphyNotebook.notebook, -MidoriNotebook .notebook, -TerminalWindow .notebook, -PantheonTerminalPantheonTerminalWindow .notebook { - - tab.reorderable-page.top, tab.top { - &:active, &.active-page, &.active-page:hover { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - } -} - -TerminalWindow .notebook, -PantheonTerminalPantheonTerminalWindow .notebook { - - tab.reorderable-page.top, tab.top { - padding-top: 7px; - border-top-width: 3px; - } - - &.header.top { - box-shadow: inset 0 1px opacify($header_border, 1), - inset 0 -1px $borders_color; - } -} - -// -// Evolution -// -// needed for webkit/GtkStyle/Evolution compatibility -GtkHTML { - background-color: $base_color; - color: $text_color; - - &:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - } -} - -// -// Sushi -// -// used by gnome-font-viewer and sushi -SushiFontWidget { - padding: 6px 12px; -} - -// -// GNOME Terminal -// -$terminal_bg: #2A2F36; -$terminal_fg: white; - -TerminalWindow { - .background { - background-color: transparent; - } - - .scrollbar { - &.vertical .slider { margin-left: 3px; } - &.trough { border-width: 0; } - } -} - -// -// Nautilus -// -NautilusCanvasViewContainer.view .entry { border-radius: 3px; } - -.nautilus-canvas-item { - border-radius: 2px; -} - -.nautilus-desktop.nautilus-canvas-item { - color: $selected_fg_color; - text-shadow: 1px 1px transparentize(black, 0.4); - - &:active { color: $fg_color; } - &:selected { color: $selected_fg_color; } -} - -NautilusNotebook.notebook { - background-color: $base_color; - - tab { - border-width: 0; - border-style: solid; - border-color: transparent; - background-color: transparent; - } -} - -//NautilusNotebook.notebook { -// background-color: $base_color; -//} - -NautilusQueryEditor .search-bar.toolbar { - padding: 5px; - box-shadow: none; - background-color: $base_color; -} - - -// -// Nemo -// -NemoIconViewContainer { @extend NautilusCanvasViewContainer.view } - -NemoWindow .sidebar .frame { - border-width: 0; -} - -NemoWindow GtkSeparator.separator.horizontal { - color: $borders_color; -} - -.nemo-desktop.nemo-canvas-item { - @extend .nautilus-desktop.nautilus-canvas-item; -} - -NemoWindow .primary-toolbar NemoPathBar.linked > .button { - @include button(header-hover); - - &:hover { border-color: $selected_bg_color; } - &:active, &:checked { @include button(header-active); } - - @extend %linked; -} - -// -// Gedit -// -.gedit-headerbar-paned { color: $header_border; } - -.open-document-selector-listbox-row { - border-bottom: 1px solid darken($bg_color, 5%); - padding: 6px 6px 6px 12px; - - .path-label { font-size: smaller; color: transparentize($fg_color, 0.3); } - &:selected .path-label { color: transparentize($selected_fg_color, 0.3); } -} - -.gedit-document-panel { - - .list-row .button { - color: transparent; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - padding: 4px; - & GtkImage { color: inherit; } - } - .prelight-row .button { - color: mix($bg_color, $fg_color, 35%); - } - .list-row .button:hover, - .prelight-row .button:hover { - color: lighten(red, 15%); - } - .prelight-row:selected .button:hover { - color: lighten(red, 20%); - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - &:active { color: $selected_fg_color; } - } - .prelight-row .button:active { - color: $fg_color; - } -} - -.gedit-document-panel-dragged-row { - border: 1px solid $borders_color; - background-color: darken($bg_color, 10%); - color: $fg_color; -} - -//.gedit-document-panel-placeholder-row { -//} - -GeditStatusbar { - border-top: 1px solid $borders_color; - background-color: $bg_color; -} - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:prelight.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; -} - - -GeditViewFrame .gedit-search-slider { @extend %search_slider } - -GeditFileBrowserWidget .toolbar { - border-bottom: 1px solid $borders_color; -} - -.gedit-search-entry-occurrences-tag { - color: transparentize($fg_color, 0.4); - margin: 2px; - padding: 2px; -} - -%search_slider { - background-color: lighten($bg_color, 2%); - padding: 6px; - border-color: $borders_color; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -// -// Gnome Builder -// - -GbSearchBox.linked { - - > GtkMenuButton.button:last-child:dir(ltr), - > GtkMenuButton.button:first-child:dir(rtl) { - padding: 0 10px; - - @include entry(header-normal); - - &:hover { @include entry(header-normal); border-color: $selected_bg_color; } - &:active, &:checked { @include entry(header-focus); } - &:insensitive { @include entry(header-insensitive); } - } - - > 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; - - &:hover { box-shadow: -1px 0 $selected_bg_color; } - } - > GtkMenuButton.button:first-child:dir(rtl) { - border-right-style: none; - border-radius: 14.5px 0 0 14.5px; - outline-radius: 12.5px 0 0 12.5px; - - &:hover { box-shadow: 1px 0 $selected_bg_color; } - } -} - -//Search entry that slides down from top of editor -GbEditorFrame .gb-search-slider { @extend %search_slider; padding: 2px; } - -.gb-search-entry-occurrences-tag { @extend .gedit-search-entry-occurrences-tag } - -GdTaggedEntry { color: $fg_color; } - -// Preferences sidebar style -.preferences.sidebar { - - GtkViewport { border: none; } - GtkListBox { background-color: $bg_color; } - GtkListBoxRow { padding: 10px; } -} - -// Preference page language style -GbPreferencesPageLanguage { - - GtkSearchEntry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - } - GtkScrolledWindow { border-top-width: 0; } -} - -// Command Bar styling -GtkBox.gb-command-bar-box { - border: none; - background-color: opacify($osd_bg_color, 1); - - GtkLabel { color: $osd_fg_color; } -} - -GtkEntry.gb-command-bar-entry.entry.flat, -GtkEntry.gb-command-bar-entry.entry.flat:focus { - font-family: Monospace; - color: $osd_fg_color; - background-image: none; - background-color: opacify($osd_bg_color, 1); - padding: 6px 6px 6px 6px; - border: none; - - &:selected, - &:selected:focus { - @extend %selected_items; - } -} - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; -} - -GtkScrolledWindow.gb-linked-scroller { - border-top: none; -} - -// Disable various animatinos that are enabled by default and really annoying -// to the overall flow of Builder. -GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { - transition: none; -} - -GbViewStack GtkBox.header.notebook, -GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid $borders_color; -} - -GbViewStack.focused GtkBox.header.notebook { - background-color: $bg_color; - - .button.dim-label { opacity: 1; } -} - -// -// Epiphany -// -EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it - color: $fg_color; -} - -// -// Gnome Documents -// -.documents-load-more.button { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 2px; -} - -.documents-collection-icon { - background-color: transparentize($fg_color, 0.7); - border-radius: 2px; -} - -.documents-favorite.button:active, -.documents-favorite.button:active:hover { - color: lighten($selected_bg_color, 20%); -} - -.documents-entry-tag { - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 2px; - border-width: 0; - margin: 2px; - padding: 4px; - - &:hover { background-color: lighten($selected_bg_color, 4%) } - &:active { background-color: darken($selected_bg_color, 4%) } - - .toolbar .linked &.button { - background: none; - border: none; - box-shadow: none; - icon-shadow: none; - - &:hover { color: transparentize($selected_fg_color, 0.3) } - } -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -// -// Totem -// -TotemGrilo.vertical GdMainView.frame { - border-width: 0; -} - -// -// Synapse -// -SynapseGuiViewDefault *:selected { background-color: $selected_bg_color; } - -// -// Fallback Mode/Budgie Panel -// -.gnome-panel-menu-bar, -PanelApplet > GtkMenuBar.menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: $panel_fg; - background-image: linear-gradient(to bottom, $panel_bg); -} - -PanelApplet .button, PanelApplet .button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: $panel_fg; -} - -PanelApplet .button:hover { - color: lighten($panel_fg, 10%); - background-color: transparentize(black, 0.83); - border-color: transparentize(black, 0.83); -} - -PanelApplet .button:active, PanelApplet .button:active:backdrop, -PanelApplet .button:checked, PanelApplet .button:checked:backdrop { - background-clip: padding-box; - color: $selected_fg_color; - background-color: transparentize(black, 0.75); - border-radius: 0; - border-color: transparentize(black, 0.75); - box-shadow: inset 0 -2px $selected_bg_color; -} - -PanelApplet:hover { - color: $selected_fg_color; -} - -PanelApplet:active, -PanelApplet:hover:active { - color: $selected_bg_color; -} - -WnckPager { - color: mix($panel_fg, black, 50%); - &:selected { color: $selected_bg_color } -} - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; -} - -ClockBox { - color: $panel_fg; -} - -// Xfce Panel -.xfce4-panel.panel { - background-color: $panel_bg; - - .button.flat { - color: $panel_fg; - background-color: transparentize($panel_bg, 1); - border-radius: 0; - - &:hover { - border: none; - background-color: lighten($panel_bg, 10%); - } - &:active, &:checked { - color: $selected_bg_color; - border: none; - background-color: darken($panel_bg, 7%); - } - } -} - -// -// Floating Bar -// -.floating-bar { - background-color: $selected_bg_color; - color: $selected_fg_color; - - &.top { border-radius: 0 0 2px 2px; } - &.right { border-radius: 2px 0 0 2px; } - &.bottom { border-radius: 2px 2px 0 0; } - &.left { border-radius: 0 2px 2px 0; } - - .button { - -GtkButton-image-spacing: 0; - -GtkButton-inner-border: 0; - - background-color: transparent; - box-shadow: none; - border: none; - } -} - -// Elementary Apps - -// -// Birdie -// -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; -} - -// -// Marlin / Pantheon Files -// -MarlinViewWindow GtkIconView.view:selected, -MarlinViewWindow GtkIconView.view:selected:focus, -MarlinViewWindow GtkIconView.view:selected:hover, -MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, -MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -MarlinViewWindow *:selected, -MarlinViewWindow *:selected:focus { - color: $selected_fg_color; - background-color: $selected_bg_color; - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - border-radius: 14.5px; - @include entry(header-normal); - - &:focus { @include entry(header-focus) } - - &:insensitive { @include entry(header-insensitive) } - - &:active, &:checked { - color: $selected_bg_color; - } -} - -// -// Gala -// -.gala-notification { - border: 1px solid if($variant=='light', rgba(0, 0, 0, 0.35), $borders_color); - border-radius: 3px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, $base_color); - background-color: transparent; - - .title, .label { - color: $fg_color; - } -} - -// -// Wingpanel -// -.panel { - background-color: transparent; - color: white; - font-weight: bold; - text-shadow: 0 1px 2px transparentize(black, 0.4); - icon-shadow: 0 1px 2px transparentize(black, 0.4); -} - -.panel-shadow { - background-image: none; - background-color: transparent; -} - -.panel .menu { - box-shadow: none; -} - -.panel .menu .menuitem { - font-weight: normal; - text-shadow: none; - icon-shadow: none; -} - -.panel .menubar > .menuitem { padding: 3px 6px; } - -.panel .menubar > .menuitem:hover { background-color: transparent; } - -.panel .window-frame.menu.csd, -.panel .window-frame.popup.csd { - box-shadow: none; -} - -.panel .menu .window-frame.menu.csd, -.panel .menu .window-frame.popup.csd { - box-shadow: 0 0 0 1px transparentize(black, 0.8), - 0 10px 20px transparentize(black, 0.81), - 0 6px 6px transparentize(black, 0.77); -} - -.composited-indicator { - background-color: transparent; - color: white; - text-shadow: 0 1px 2px transparentize(black, 0.4); - icon-shadow: 0 1px 2px transparentize(black, 0.4); -} - -.composited-indicator > GtkWidget > GtkWidget:first-child { - padding: 0 2px; -} - -.panel-app-button > GtkWidget > GtkWidget:first-child { - padding: 0 2px 0 4px; -} - -.composited-indicator.menuitem:active, -.composited-indicator.menuitem:prelight { - border-style: none; - background-image: none; - box-shadow: none; -} - -.composited-indicator > .popup > .menu { - padding-top: 8px; - padding-bottom: 8px; -} - -.panel .menu .spinner, -.menu .spinner { opacity: 1 } // Fixes sound indicator buttons - -// -// Wingpanel Popover -// -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - - text-shadow: none; - icon-shadow: none; - - .menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - icon-shadow: none; - border: solid transparent; - border-width: 1px 0; - - GtkLabel, GtkImage { padding: 0 3px; } - - &:hover, &:active { - background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); - border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); - border-width: 1px 0; - } - *:insensitive { color: $insensitive_fg_color; } - } -} - -// -// Pantheon Terminal -// -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; -} - -// -// Switchboard -// -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: $fg_color; -} diff --git a/common/gtk-3.0/3.14/_colors-public.scss b/common/gtk-3.0/3.14/_colors-public.scss deleted file mode 100644 index 0590a00..0000000 --- a/common/gtk-3.0/3.14/_colors-public.scss +++ /dev/null @@ -1,77 +0,0 @@ -//apps rely on some named colors to be exported -/* GTK NAMED COLORS */ - -// Sass thinks we're using the colors in the variables as strings and may shoot -// warning, it's innocuous and can be defeated by using "" + $var -@define-color theme_fg_color #{"" + $fg_color}; -@define-color theme_text_color #{"" + $text_color}; -@define-color theme_bg_color #{"" + $bg_color}; -@define-color theme_base_color #{"" + $base_color}; -@define-color theme_selected_bg_color #{"" + $selected_bg_color}; -@define-color theme_selected_fg_color #{"" + $selected_fg_color}; -@define-color fg_color #{"" + $fg_color}; -@define-color text_color #{"" + $text_color}; -@define-color bg_color #{"" + $bg_color}; -@define-color base_color #{"" + $base_color}; -@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_base_color #{"" + $base_color}; -@define-color theme_unfocused_fg_color #{"" + $fg_color}; -@define-color theme_unfocused_text_color #{"" + $text_color}; -@define-color theme_unfocused_bg_color #{"" + $bg_color}; -@define-color theme_unfocused_base_color #{"" + $base_color}; -@define-color borders #{"" + $borders_color}; -@define-color unfocused_borders #{"" + $borders_color}; - -@define-color warning_color #{"" + $warning_color}; -@define-color error_color #{"" + $error_color}; -@define-color success_color #{"" + $success_color}; -@define-color placeholder_text_color #A8A8A8; - -//WM -$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_bg #{"" + opacify($header_bg, 1)}; -@define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; - -@define-color wm_highlight #{"" + $wm_highlight}; -@define-color wm_shadow alpha(black, 0.35); - -//WM Buttons - -// Close -@define-color wm_button_close_bg #{"" + $wm_button_close_bg}; -@define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; -@define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; - -@define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; -@define-color wm_icon_close_hover_bg #{"" + $wm_icon_close_hover_bg}; -@define-color wm_icon_close_active_bg #{"" + $wm_icon_close_active_bg}; - -// Minimize, Maximize -@define-color wm_button_bg #{"" + $wm_button_bg}; -@define-color wm_button_unfocused_bg #{"" + $wm_button_unfocused_bg}; -@define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; -@define-color wm_button_active_bg #{"" + $wm_button_active_bg}; - -@define-color wm_button_border #{"" + $wm_button_border}; -@define-color wm_button_unfocused_border #{"" + $wm_button_unfocused_border}; -@define-color wm_button_hover_border #{"" + $wm_button_hover_border}; -@define-color wm_button_active_border #{"" + $wm_button_active_border}; - -@define-color wm_icon_bg #{"" + $wm_icon_bg}; -@define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; -@define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; -@define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; - - -//FIXME this is really an API - -@define-color content_view_bg #{"" + $base_color}; - diff --git a/common/gtk-3.0/3.14/_colors.scss b/common/gtk-3.0/3.14/_colors.scss deleted file mode 100644 index c32b223..0000000 --- a/common/gtk-3.0/3.14/_colors.scss +++ /dev/null @@ -1,102 +0,0 @@ -// When color definition differs for dark and light variant, -// it gets @if ed depending on $variant - - -$base_color: if($variant =='light', #ffffff, #383C45); -$text_color: if($variant == 'light', #5c616c, #D3DAE3); -$bg_color: if($variant =='light', #F5F6F7, #444852); -$fg_color: if($variant =='light', #5c616c, #D3DAE3); - -$selected_fg_color: #ffffff; -$selected_bg_color: #5294E2; -$selected_borders_color: darken($selected_bg_color, 20%); -$borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,10%)); - -$link_color: if($variant == 'light', darken($selected_bg_color,10%), - lighten($selected_bg_color,20%)); -$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), - lighten($selected_bg_color,10%)); - -$selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); -$warning_color: #F27835; -$error_color: #FC4138; -$success_color: #73d216; -$destructive_color: #F04A50; -$suggested_color: #4DADD4; - -$osd_fg_color: #A8ADB5; -$osd_bg_color: transparentize(#3c4049, 0.05); -$osd_button_bg: darken($osd_bg_color, 3%); - -$osd_insensitive_bg_color: darken($osd_bg_color, 3%); -$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); -$osd_borders_color: transparentize(black, 0.3); - - -$tooltip_bg: $osd_bg_color; -$tooltip_fg: #edf5fb; -$tooltip_borders_color: transparentize(white, 0.9); - -//insensitive state derived colors -$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); -$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); - - -$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); -$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); -$entry_focus_border: $selected_bg_color; - -$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); -$button_border: $entry_border; - -$header_bg: red; -@if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } -@if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } -@if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343b, 0.03); } -@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343b; } - -//$header_bg: if(($darker == 'true' or $variant == 'dark') and $transparency == 'true', transparentize(#2f343b, 0.03), #2f343b); - -$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); - -$header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)); - -$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); -$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); - -$dark_sidebar_bg: if($transparency == 'true' and $variant == 'light', $osd_bg_color, opacify($osd_bg_color, 1)); -@if $variant==dark { $dark_sidebar_bg: if($transparency == 'true', lighten($osd_bg_color, 4%), lighten(opacify($osd_bg_color, 1), 4%)); } - -$dark_sidebar_fg: $osd_fg_color; -$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 10%)); - -$panel_bg: darken($osd_bg_color, 10%); -$panel_fg: $dark_sidebar_fg; - - -//WM Buttons - -// Close -$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f37076, #e45e65); -$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f79da1, #f48085); -$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #ef4048, #e6262f); - -$wm_icon_close_bg: $selected_fg_color; -$wm_icon_close_hover_bg: $selected_fg_color; -$wm_icon_close_active_bg: $selected_fg_color; - -// Minimize, Maximize -$wm_button_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); -$wm_button_unfocused_bg: if($variant == 'light' and $darker == 'false', #f6f7f8, #2a3035); -$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); -$wm_button_active_bg: $selected_bg_color; - -$wm_button_border: if($variant == 'light' and $darker == 'false', #d8dae0, #191C21); -$wm_button_unfocused_border: if($variant == 'light' and $darker == 'false', #dddee2, #1F2328); -$wm_button_hover_border: $selected_bg_color; -$wm_button_active_border: $selected_bg_color; - -$wm_icon_bg: if($variant == 'light' and $darker == 'false', #8d93a4, #939ca8); -$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #b8bcc7, #686f78); -$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #70788d, #afb8c5); -$wm_icon_active_bg: $selected_fg_color; diff --git a/common/gtk-3.0/3.14/_common.scss b/common/gtk-3.0/3.14/_common.scss deleted file mode 100644 index 977da07..0000000 --- a/common/gtk-3.0/3.14/_common.scss +++ /dev/null @@ -1,2733 +0,0 @@ -@function gtkalpha($c,$a) { - @return unquote("alpha(#{$c},#{$a})"); -} - -$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); -$asset_suffix: if($variant=='dark', '-dark', ''); // use dark assets in dark variant -$darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); - -* { - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: $error_color; - -GtkPaned-handle-size: 1; - - -GtkCheckButton-indicator-size: 16; - -GtkCheckMenuItem-indicator-size: 16; - - // The size for scrollbars. The slider is 2px smaller, but we keep it - // up so that the whole area is sensitive to button presses for the - // slider. The stepper button is larger in both directions, the slider - // only in the width - - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - - -GtkToolItemGroup-expander-size: 11; - -GtkExpander-expander-size: 16; - -GtkTreeView-expander-size: 11; - - -GtkTreeView-horizontal-separator: 4; - - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - - -GtkWidget-link-color: $link_color; - -GtkWidget-visited-link-color: $link_visited_color; - - -GtkWidget-focus-padding: 2; // FIXME: do we still need these? - -GtkWidget-focus-line-width: 1; // - - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - - -GtkStatusbar-shadow-type: none; - - // We use the outline properties to signal the focus properties - // to the adwaita engine: using real CSS properties is faster, - // and we don't use any outlines for now. - - outline-color: transparentize($fg_color, 0.7); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - outline-radius: 2px; -} - - -/*************** - * Base States * - ***************/ - -.background { - color: $fg_color; - background-color: transparentize($bg_color, 0.001); // without this headerbar transparency doesn't seem to work -} - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ - -*:insensitive { - -gtk-image-effect: dim; -} - -.gtkstyle-fallback { - background-color: $bg_color; - color: $fg_color; - &:prelight { - background-color: lighten($bg_color, 10%); - color: $fg_color; - } - &:active { - background-color: darken($bg_color, 10%); - color: $fg_color; - } - &:insensitive { - background-color: $insensitive_bg_color; - color: $insensitive_fg_color; - } - &:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -.view { - color: $text_color; - background-color: $base_color; - - &:selected, - &:selected:focus, - &:selected:hover { - @extend %selected_items; - } - &.dim-label { - color: transparentize($text_color, 0.45); - - &:selected, &:selected:focus { - color: transparentize($selected_fg_color, 0.35); - text-shadow: none; - } - } -} - -.rubberband { - border: 1px solid $selected_bg_color; - background-color: transparentize($selected_bg_color,0.8); -} - -GtkLabel { - &.separator { - color: $fg_color; - @extend .dim-label; - } - &:selected, - &:selected:focus, - &:selected:hover { - @extend %selected_items; - } - &:insensitive { - color: $insensitive_fg_color; - } -} - -.dim-label { - opacity: 0.55; -} - -GtkAssistant { - .sidebar { - background-color: $base_color; - border-top: 1px solid $borders_color; - &:dir(ltr) { border-right: 1px solid $borders_color; } - &:dir(rtl) { border-left: 1px solid $borders_color; } - } - &.csd .sidebar { border-top-style: none; } - .sidebar GtkLabel { - padding: 6px 12px; - } - .sidebar GtkLabel.highlight { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -GtkTextView { // This will get overridden by .view, needed by gedit line numbers - background-color: mix($bg_color, $base_color, 50%); -} - -GtkFlowBox .grid-child { - padding: 3px; - border-radius: 3px; - &:selected { - @extend %selected_items; - outline-offset: -2px; - } -} - -%osd, .osd { - color: $osd_fg_color; - border: none; - background-color: $osd_bg_color; - background-clip: padding-box; - outline-color: transparentize($osd_fg_color, 0.7); - box-shadow: none; -} - -/********************** - * Spinner Animations * - **********************/ - -@keyframes spin { - to { -gtk-icon-transform: rotate(1turn); } -} - -.spinner { - background-image: none; - background-color: blue; - opacity: 0; // non spinning spinner makes no sense - -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); - - &:active { - opacity: 1; - animation: spin 1s linear infinite; - - &:insensitive { - opacity: 0.5; - } - } -} - -/**************** - * Text Entries * - ****************/ - -.entry { - border: 1px solid; - padding: 5px 8px 6px; - - border-radius: 15px; - transition: all 200ms $ease-out-quad; - @include entry(normal); - - .header-bar & { padding: 6px 11px; } - - //&.image { // icons inside the entry - // &.left { padding-left: 0; } - // &.right { padding-right: 0; } - //} - &.image { padding-left: 3px; padding-right: 3px; } - - &.flat, &.flat:focus { - padding: 2px; - @include entry(normal); - border: none; - border-radius: 0; - } - - &:focus { - background-clip: border-box; - @include entry(focus); - } - - &:insensitive { @include entry(insensitive); } - - &:selected, - &:selected:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - &.progressbar { - margin: 2px 12px; - border-radius: 0; - border-width: 0 0 2px; - border-color: $selected_bg_color; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; - } - - .linked > & { //FIXME: use same buttons linking logic and template - &:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - &:dir(rtl) { border-right-style: none;} - } - &:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; - &:dir(rtl) { border-left-style: solid; } - } - } - - &.error { - color: white; - border-color: $error_color; - background-image: linear-gradient(to bottom, mix($error_color, $base_color, 80%)); - &:focus { - background-image: linear-gradient(to bottom, $error_color); - color: white; - } - &:selected, &:selected:focus { - background-color: white; - color: $error_color; - } - } - - &.warning { - color: white; - border-color: $warning_color; - background-image: linear-gradient(to bottom, mix($warning_color, $base_color, 80%)); - &:focus { - background-image: linear-gradient(to bottom, $warning_color); - color: white; - } - &:selected, &:selected:focus { - background-color: white; - color: $warning_color; - } - } - - &.image { // entry icons colors - color: mix($fg_color,$base_color,80%); - &:hover { color: $fg_color; } - &:active { color: $selected_bg_color; } - } - - .linked.vertical > & { //FIXME comment stuff and make the whole thing smarter. - border-bottom-color: mix($borders_color, $base_color, 30%); - box-shadow: none; - @extend %linked_vertical; - - &:focus { - border-color: $selected_bg_color; - box-shadow: 0 -1px 0 0 $selected_bg_color; - @extend %linked_vertical; - } - - &:insensitive { - border-bottom-color: mix($borders_color, $base_color, 30%); - @extend %linked_vertical; - } - - &:first-child { - border-bottom-color: mix($borders_color, $base_color, 30%); - - &:focus { - border-bottom-color: $selected_bg_color; - box-shadow: none; - } - - &:insensitive { - border-bottom-color: mix($borders_color, $base_color, 30%); - @extend %linked_vertical:first-child; - } - } - - &:last-child { - border-bottom-color: rgba(0,0,0,0.14); - &:focus { - border-bottom-color: $selected_bg_color; - box-shadow: 0 -1px 0 0 $selected_bg_color; - @extend %linked_vertical:last-child; - } - - &:insensitive { - border-bottom-color: rgba(0,0,0,0.14); - @extend %linked_vertical:last-child; - - } - } - } - - .osd & { - @include entry(osd); - &:focus { @include entry(osd-focus); } - &:insensitive { @include entry(osd-insensitive); } - } -} - -/*********** - * Buttons * - ***********/ - -// stuff for .needs-attention -$_dot_color: $selected_bg_color; - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.01, - to($_dot_color), - to(transparent)); - } - to { - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.5, - to($selected_bg_color), - to(transparent)); - } -} - - -.button { - $_button_transition: all 200ms $ease-out-quad; - - transition: $_button_transition; - border: 1px solid; - border-radius: 3px; - padding: 5px 8px; - - .header-bar & { padding: 6px 11px; } - - @include button(normal); - - &.flat { - @include button(undecorated); - background-color: transparentize($bg_color, 1); - // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set - // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but - // it won't fade out when the pointer leave the button allocation area. To make the transition more evident - // in this case the duration is increased. - transition: none; - &:hover { - transition: $_button_transition; - transition-duration: 350ms; - &:active { transition: $_button_transition; } - } - } - &:hover { - @include button(hover); - -gtk-image-effect: highlight; - } - &:active, &:checked { - background-clip: border-box; - @include button(active); - transition-duration: 50ms; - } - - //Webkitgtk workaround start - &:active { color: $fg_color; } - &:active:hover, &:checked { color: $selected_fg_color; } - //Webkitgtk workaround end - - &.flat:insensitive { - @include button(undecorated); - } - &:insensitive { - @include button(insensitive); - &:active, &:checked { - @include button(insensitive-active); - } - } - // big standalone buttons like in Documents pager - &.osd { - outline-color: transparentize($osd_fg_color, 0.7); - - @include button(osd); - background-color: $osd_bg_color; - - &.image-button { padding: 10px; } - - &:hover { @include button(osd-hover); border-color: transparentize($osd_fg_color, 0.7)} - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } - } - - //overlay / OSD style - .osd & { - @include button(osd); - // there's a problem with sass which prevents it to extend the linked - // placeholder as expected, it should just be "@extend %linked;", the - // placeholder is basically replicated here - // - // Workaround START - border-radius: 0; - border-left-style: none; - border-right-style: none; - - &:dir(rtl) { - border-radius: 0; - border-right-style: none; - border-left-style: none - } - &:first-child { - border-radius: 3px 0 0 3px; - border-left-style: solid; - } - &:last-child { - border-radius: 0 3px 3px 0; - border-right-style: solid; - - &:dir(rtl) { border-left-style: solid; } - } - &:only-child { - border-radius: 3px; - border-style: solid; - } - // Workaround END - &:hover { - @include button(osd-hover); - @extend %linked; - } - &:active, &:checked { - @include button(osd-active); - @extend %linked; - } - &:insensitive { - @include button(osd-insensitive); - @extend %linked; - } - - &.flat { - @include button(undecorated); - box-shadow: none; - &:hover { - @include button(osd-hover); - } - &:insensitive { - @include button(osd-insensitive); - background-image: none; - } - &:active, &:checked { - @include button(osd-active); - } - } - } - // Suggested and Destructive Action buttons - @each $b_type, $b_color in (suggested-action, $suggested_color), - (destructive-action, $destructive_color) { - &.#{$b_type} { - @include button(suggested_destructive, $b_color); - - &.flat { - @include button(undecorated); - color: $b_color; - outline-color: transparentize($b_color, 0.7); - } - &:hover { - @include button(suggested_destructive, lighten($b_color, 10%)); - } - &:active, &:checked { - @include button(suggested_destructive, darken($b_color, 10%)); - } - &.flat:insensitive { - @include button(undecorated); - color: transparentize($b_color, 0.35); - } - &:insensitive { opacity: 0.75; } - } - } - - &.image-button { padding: 8px; } - - .header-bar &.image-button { padding: 6px 9px; } - - &.text-button { - padding-left: 16px; - padding-right: 16px; - } - - .header-bar &.text-button { padding: 6px 16px; } - - &.text-button.image-button { - // those buttons needs uneven horizontal padding, we want the icon side - // to have the image-button padding, while the text side the text-button - // one, so we're adding the missing padding to the label depending on - // its position inside the button - padding: 4px 8px 5px; // same as .button - GtkLabel:first-child { padding-left: 8px; } - GtkLabel:last-child { padding-right: 8px; } - } - - .header-bar &.text-button.image-button { padding: 6px 16px; } - - .stack-switcher > & { - // to position the needs attention dot, padding is added to the button - // child, a label needs just lateral padding while an icon needs vertical - // padding added too. - - outline-offset: -3px; // needs to be set or it gets overridden by GtkRadioButton outline-offset - - > GtkLabel { - padding-left: 6px; // label padding - padding-right: 6px; // - } - > GtkImage { - padding-left: 6px; - padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; - } - - .header-bar > GtkLabel { padding: 6px 10px; } - - &.text-button { padding: 5px 10px; } - - .header-bar &.text-button { padding: 6px 10px; } - - &.image-button { padding: 1px 3px; } - - &.needs-attention > GtkLabel, - &.needs-attention > GtkImage { @extend %needs_attention; } - &.needs-attention:active > GtkLabel, - &.needs-attention:active > GtkImage, - &.needs-attention:checked > GtkLabel, - &.needs-attention:checked > GtkImage { - animation: none; - background-image: none; - } - } - - %needs_attention { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.5, - to($_dot_color), - to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - @if $variant == 'light' { background-position: right 3px, right 4px; } - @else { background-position: right 3px, right 2px; } - &:dir(rtl) { - @if $variant == 'light' { background-position: left 3px, left 4px; } - @else { background-position: left 3px, left 2px; } - } - } - - //inline-toolbar buttons - .inline-toolbar &, .inline-toolbar &:backdrop { - border-radius: 2px; - border-width: 1px; - @extend %linked; - } - - .linked > &, - .linked > &:hover, - .linked > &:active, - .linked > &:checked { @extend %linked; } - - .linked.vertical > &, - .linked.vertical > &:hover, - .linked.vertical > &:active, - .linked.vertical > &:checked { @extend %linked_vertical; } -} - -// all the following is for the +|- buttons on inline toolbars, that way -// should really be deprecated... -.inline-toolbar GtkToolButton > .button { // redefining the button look is - // needed since those are flat... - @include button(normal); - &:hover { @include button(hover); } - &:active, - &:checked{ @include button(active); } - &:insensitive { @include button(insensitive); } - &:insensitive:active, - &:insensitive:checked { @include button(insensitive-active); } -} - -// More inline toolbar buttons -.inline-toolbar.toolbar GtkToolButton { - & > .button.flat { @extend %linked_middle; } - &:dir(rtl) > .button.flat { @extend %linked_middle:dir(rtl); } - &:first-child > .button.flat { @extend %linked:first-child; } - &:last-child > .button.flat { @extend %linked:last-child; } - &:last-child:dir(rtl) > .button.flat { @extend %linked:last-child:dir(rtl); } - &:only-child > .button.flat { @extend %linked:only-child; } -} - -%linked_middle { - border-radius: 0; - border-left-style: none; - border-right-style: none; - - &:hover { - box-shadow: inset 1px 0 $selected_bg_color, inset -1px 0 $selected_bg_color; - } - - &:dir(rtl) { - border-radius: 0; // needed when including %linked_middle:dir(rtl) - } -} - -%linked { - @extend %linked_middle; - - &:first-child { - border-radius: 3px 0 0 3px; - border-left-style: solid; - - &:hover { box-shadow: inset -1px 0 $selected_bg_color; } - } - &:last-child { - border-radius: 0 3px 3px 0; - border-right-style: solid; - - &:hover { box-shadow: inset 1px 0 $selected_bg_color; } - - &:dir(rtl) { border-bottom-left-radius: 0; } - - } - &:only-child { - border-radius: 3px; - border-style: solid; - - &:hover { box-shadow: none; } - } -} - -%linked_vertical_middle { - border-style: solid; - border-bottom-style: none; - border-top-style: none; - border-radius: 0; - - &:hover { box-shadow: inset 0 1px $selected_bg_color, inset 0 -1px $selected_bg_color; } -} - -%linked_vertical{ - @extend %linked_vertical_middle; - - &:first-child { - border-radius: 3px 3px 0 0; - border-top-style: solid; - - &:hover { box-shadow: inset 0 -1px $selected_bg_color; } - } - &:last-child { - border-radius: 0 0 3px 3px; - border-bottom-style: solid; - - &:hover { box-shadow: inset 0 1px $selected_bg_color; } - } - &:only-child { - border-radius: 3px; - border-style: solid; - - &:hover { box-shadow: none; } - } -} - -%undecorated_button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -/* menu buttons */ -.menuitem.button.flat { - transition: none; - @extend %undecorated_button; - outline-offset: -1px; - border-radius: 2px; - - &:hover { background-color: mix($fg_color,$bg_color,5%); } - &:selected, &:checked, &:active { - @extend %selected_items; - } -} - -/********* - * Links * - *********/ - -*:link { - color: $link_color; - &:visited { - color: $link_visited_color; - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } - } - &:hover { - color: lighten($link_color,10%); - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } - } - &:active { - color: $link_color; - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } - } - &:selected, *:selected & { - color: mix($selected_fg_color, $selected_bg_color, 80%); - } -} - -.button:link, .button:visited { - @extend %undecorated_button; - @extend *:link; - &:hover, &:active, &:checked { - @extend %undecorated_button; - } -} - -/***************** - * GtkSpinButton * - *****************/ - -.spinbutton { - border-radius: 3px; - - .button { - background-image: none; - border: 1px solid transparentize($borders_color,0.4); - border-style: none none none solid; - color: mix($fg_color,$base_color,95%); - border-radius: 0; - box-shadow: none; - // padding-left: 6px; - // padding-right: 6px; - &:dir(rtl) { border-style: none solid none none; } - &:first-child { color: red; } - &:hover { - color: $selected_bg_color; - } - &:insensitive { - color: $insensitive_fg_color; - } - &:active { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - -// .osd & { -// .button { -// @include button(undecorated); -// color: $osd_fg_color; -// border-style: none none none solid; -// border-color: transparentize($osd_borders_color, 0.3); -// border-radius: 0; -// box-shadow: none; -// &:dir(rtl) { border-style: none solid none none; } -// &:hover { -// @include button(undecorated); -// color: $osd_fg_color; -// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); -// background-color: transparentize($osd_fg_color, 0.9); -// box-shadow: none; -// } -// &:insensitive { -// @include button(undecorated); -// color: $osd_insensitive_fg_color; -// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); -// box-shadow: none; -// } -// &:last-child { border-radius: 0 2px 2px 0; } -// &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } -// } -// } - - &.vertical, &.vertical:dir(rtl) { - .button { - &:first-child { - @extend %top_button; - @include button(normal); - &:active { - @extend %top_button; - @include button(active); - } - &:hover { - @extend %top_button; - @include button(hover); - } - &:insensitive { - @extend %top_button; - @include button(insensitive); - } - } - &:last-child { - @extend %bottom_button; - @include button(normal); - &:active { - @extend %bottom_button; - @include button(active); - } - &:hover { - @extend %bottom_button; - @include button(hover); - } - &:insensitive { - @extend %bottom_button; - @include button(insensitive); - } - } - } - &.entry { - // we should remove the bottom edge hilight here, but seems - // like buttons are on top of it so it doesn't show up - border-radius: 0; - padding-left: 5px; - padding-right: 5px; - } - %top_button { - border-radius: 2px 2px 0 0; - border-style: solid solid none solid; - } - %bottom_button { - border-radius: 0 0 2px 2px; - border-style: none solid solid solid; - } - } - GtkTreeView & { - &.entry, &.entry:focus { - padding: 1px; - border-width: 1px 0; - border-color: $selected_bg_color; - border-radius: 0; - box-shadow: none; - } - } -} - -/************** - * ComboBoxes * - **************/ -GtkComboBox { - > .button { padding-top: 3px; padding-bottom: 4px; } // Otherwise combos - // are bigger then - // buttons - -GtkComboBox-arrow-scaling: 0.5; - -GtkComboBox-shadow-type: none; - - &:insensitive { - color: $insensitive_fg_color; - } - - .separator.vertical { - // always disable separators - -GtkWidget-wide-separators: true; - } - - &.combobox-entry .entry { - @extend %linked; - - border-right-style: none; - &:dir(rtl) { border-left-style: none; } - } - - &.combobox-entry .button { - @extend %linked; - - color: transparentize($fg_color, 0.4); - background-color: $button_border; - border-color: $button_border; - - &:hover { - background-color: lighten($button_border, 5%); - border-color: $selected_bg_color; - box-shadow: -1px 0 $selected_bg_color; - } - - &:active, &:checked { @include button(active); } - - &:insensitive { opacity: 0.5 } - } -} - -.linked > GtkComboBox > .button { - // the combo is a composite widget so the way we do button linking doesn't - // work, special case needed. See - // https://bugzilla.gnome.org/show_bug.cgi?id=733979 - &:dir(ltr) { @extend %linked_middle; } // specificity bump - &:dir(rtl) { @extend %linked_middle:dir(rtl); } -} -.linked > GtkComboBox:first-child > .button { - @extend %linked:first-child; -} -.linked > GtkComboBox:last-child > .button { - @extend %linked:last-child; -} -.linked > GtkComboBox:only-child > .button { - @extend %linked:only-child; -} -.linked.vertical > GtkComboBoxText > .button, -.linked.vertical > GtkComboBox > .button { @extend %linked_vertical_middle; } -.linked.vertical > GtkComboBoxText:first-child > .button, -.linked.vertical > GtkComboBox:first-child > .button { @extend %linked_vertical:first-child; } -.linked.vertical > GtkComboBoxText:last-child > .button, -.linked.vertical > GtkComboBox:last-child > .button { @extend %linked_vertical:last-child; } -.linked.vertical > GtkComboBoxText:only-child > .button, -.linked.vertical > GtkComboBox:only-child > .button { @extend %linked_vertical:only-child; } - -/************ - * Toolbars * - ************/ -.toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: $bg_color; - .osd &, &.osd { - padding: 7px; - border: none; - border-radius: 4px; - background-color: $osd_bg_color; - } -} - -.primary-toolbar { - color: $header_fg; - background-color: opacify($header_bg, 1); - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, opacify($header_bg, 1), - darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - - .separator { @extend %header_separator; } - - @extend %header_widgets; -} - -.inline-toolbar { - @extend .toolbar; - background-color: darken($bg_color, 3%); - border-style: solid; - border-color: $borders_color; - border-width: 0 1px 1px; - padding: 3px; - border-radius: 0 0 3px 3px; -} - -.search-bar { - background-color: $bg_color; - border-style: solid; - border-color: $borders_color; - border-width: 0 0 1px; - padding: 3px; - //box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); -} - -.action-bar { background-color: darken($bg_color, 3%) } - -/*************** - * Header bars * - ***************/ - -.header-bar { - padding: 7px 7px 6px 7px; - - border-width: 0 0 1px; - border-style: solid; - border-radius: 0; - border-color: $header_border; - - color: $header_fg; - background-color: opacify($header_bg, 1); - - .csd & { background-color: $header_bg; } // Transparent header-bars only in csd windows - - &:backdrop { - color: transparentize($header_fg, 0.3); - background-color: opacify($header_bg_backdrop, 1); - - .csd & { background-color: $header_bg_backdrop; } // Transparent header-bars only in csd windows - } - - .title { - padding: 0px 12px; - } - - .subtitle { - font-size: smaller; - padding: 0 12px; - @extend .dim-label; - } - - // Selectionmode - &.selection-mode, - &.titlebar.selection-mode { - color: $selected_fg_color; - background-color: $selection_mode_bg; - border-color: darken($selection_mode_bg, 4%); - box-shadow: none; - - &:backdrop { - background-color: $selection_mode_bg; - color: transparentize($selected_fg_color, 0.4); - } - - .subtitle:link { @extend *:link:selected; } - - .button { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 1); - - &.flat { - @include button(undecorated); - color: $selected_fg_color; - background-color: transparentize($selected_fg_color, 1); - } - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: transparentize($selected_fg_color, 0.95); - border-color: transparentize($selected_fg_color, 0.5); - } - &:active, &:checked { - color: $selection_mode_bg; - outline-color: transparentize($selection_mode_bg, 0.7); - background-color: $selected_fg_color; - border-color: $selected_fg_color; - } - &:insensitive { - color: transparentize($selected_fg_color, 0.6); - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 1); - - &:active, &:checked { - color: transparentize($selection_mode_bg, 0.6); - background-color: transparentize($selected_fg_color, 0.85); - border-color: transparentize($selected_fg_color, 0.85); - } - } - } - - .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; - GtkArrow { -GtkArrow-arrow-scaling: 1; } - .arrow { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } - } - .maximized & { background-color: opacify($selection_mode_bg, 1); } - } - - .tiled &, .tiled &:backdrop, - .maximized &, .maximized &:backdrop { - border-radius: 0; // squared corners when the window is max'd or tiled - } - - .maximized & { - background-color: opacify($header_bg, 1); - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - } -} - -.titlebar { - padding-left: 7px; - padding-right: 7px; - border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); - color: $header_fg; - background-color: opacify($header_bg, 1); - box-shadow: inset 0 1px lighten($header_bg, 3%); - - .csd & { background-color: $header_bg; } - - &:backdrop { - color: transparentize($header_fg, 0.3); - background-color: opacify($header_bg_backdrop, 1); - - .csd & { background-color: $header_bg_backdrop; } - } - - .maximized & { - background-color: opacify($header_bg, 1); - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - } -} - -.titlebar .titlebar, -.titlebar .titlebar:backdrop { background-color: transparent; } - -// Only extending .header-bar avoids some problems (Gnome Documents searchbar) -.header-bar { - .header-bar-separator, - & > GtkBox > .separator.vertical { @extend %header_separator; } - - @extend %header_widgets; -} - -%header_separator { - -GtkWidget-wide-separators: true; - -GtkWidget-separator-width: 1px; - border-width: 0 1px; - border-image: linear-gradient(to bottom, - transparentize($header_fg, 1) 25%, - transparentize($header_fg, 0.65) 25%, - transparentize($header_fg, 0.65) 75%, - transparentize($header_fg, 1) 75%) 0 1/0 1px stretch; - - &:backdrop { opacity: 0.6; } -} - -%header_widgets { - // Header-bar Entries - .entry { - @include entry(header-normal); - - &:backdrop { opacity: 0.85; } - - &:focus { - @include entry(header-focus); - - &.image { color: $selected_fg_color; } - } - &:insensitive { @include entry(header-insensitive); } - - &:selected:focus { - background-color: $selected_fg_color; - color: $selected_bg_color; - } - - &.progressbar { - border-color: $selected_bg_color; - background-image: none; - background-color: transparent; - } - } - - // Header-bar Buttons - .button { - - @include button(header-normal); - - &:backdrop { opacity: 0.7; } - - &:hover { @include button(header-hover); } - &:active, &:checked { @include button(header-active); } - &:insensitive { @include button(header-insensitive); } - &:insensitive:active, &:insensitive:checked { @include button(header-insensitive-active); } - } - - .linked > .button { border-radius: 3px; border-style: solid} - - .linked > .button:hover { box-shadow: none; } - - .linked.stack-switcher > .button, - .linked.path-bar > .button { - @include button(header-hover); - - &:hover { border-color: $selected_bg_color; } - &:active, &:checked { @include button(header-active); } - - @extend %linked; - } - - // Header-bar Suggested and Destructive Action buttons - @each $b_type, $b_color in (suggested-action, $suggested_color), - (destructive-action, $destructive_color) { - .button.#{$b_type} { - @include button(suggested_destructive, $b_color); - - &.flat { - @include button(undecorated); - color: $b_color; - outline-color: transparentize($b_color, 0.7); - } - &:hover { - @include button(suggested_destructive, lighten($b_color, 10%)); - } - &:active, &:checked { - @include button(suggested_destructive, darken($b_color, 10%)); - } - &.flat:insensitive { - @include button(undecorated); - color: transparentize($b_color, 0.35); - } - &:insensitive { opacity: 0.75; } - } - .button.#{$b_type}:backdrop, - .button.#{$b_type}:backdrop { - opacity: 0.8; - } - } - - // Header-bar Spinbuttons - & .spinbutton { - - &:focus .button { color: $selected_fg_color; } - - .button { - color: $header_fg; - - &:hover { background-color: rgba(255,255,255,0.1); border-color: transparent; } - &:insensitive { color: transparentize($header_fg, 0.3); } - &:active { background-color: rgba(0,0,0,0.1); } - } - } - - // Header-bar ComboBoxes - & GtkComboBox{ - &:insensitive { color: transparentize($header_fg, 0.6); } - - &.combobox-entry .button { - @include entry(header-normal); - - &:hover { @include entry(header-focus); } - &:insensitive { @include entry(header-insensitive); } - } - } - - // Header-bar Switches - GtkSwitch { - &:backdrop { opacity: 0.75; } - } - - GtkProgressBar { - - &.trough { background-color: transparentize($header_fg, 0.65); } - - &:backdrop { opacity: 0.75; } - } - - // Header-bar Scale - .scale { - - &:backdrop { opacity: 0.75; } - - &.trough { - background-image: linear-gradient(to bottom, transparentize($header_fg, 0.65)); - - &:insensitive { background-image: linear-gradient(to bottom, transparentize($header_fg, 0.7)); } - } - &.slider { - background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 90%), darken($header_bg, 4%))); - - &:insensitive { - background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 40%), darken($header_bg, 1%))); - - @if $darker=='true' { border-color: mix($header_bg, $selected_bg_color, 60%); } - } - } - } -} - -/************ - * Pathbars * - ************/ - -.path-bar .button { - //padding: 5px 6px 6px; - &:first-child { padding-left: 8px; } - &:last-child { padding-right: 8px; } - &:only-child { - padding-left: 12px; - padding-right: 12px; - } - - // the following is for spacing the icon and the label inside the home button - GtkLabel:last-child { padding-left: 2px; } - GtkLabel:first-child { padding-right: 2px; } - GtkLabel:only-child { padding-right: 0; padding-left: 0; } - //GtkImage { padding-top: 1px; } -} - -/************** - * Tree Views * - **************/ -GtkTreeView.view { // treeview grid lines and expanders, unfortunatelly - // the tree lines color can't be set - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-color: transparentize($fg_color, 0.8); // this is actually the line color - // :selected is ignored hence no style for it - - &.dnd { - border-style: solid none; - border-width: 1px; - border-color: mix($fg_color, $selected_bg_color, 50%); - } - - &.expander { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } - - color: mix($fg_color, $base_color, 50%); - - &:hover { color: $fg_color; } - - &:selected { - color: mix($selected_fg_color, $selected_bg_color, 70%); - &:hover { color: $selected_fg_color; } - } - - &:checked { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } - } - - &.progressbar { // progress bar in treeviews - color: $selected_fg_color; - border-radius: 3px; - - &:selected { - color: $selected_bg_color; - box-shadow: none; - background-color: $selected_fg_color; - } - } - - &.trough, &.trough:selected { // progress bar trough in treeviews - color: $fg_color; - background-color: $button_border; - border-radius: 3px; - border-width: 0; - } -} - -column-header { - .button { - @extend %column_header_button; - $_column_header_color: mix($fg_color,$base_color,80%); - color: $_column_header_color; - background-color: $base_color; - &:hover { - @extend %column_header_button; - color: $selected_bg_color; - box-shadow: none; - transition: none; //I shouldn't need this - } - &:active { - @extend %column_header_button; - color: $fg_color; - transition: none; //I shouldn't need this - } - &.dnd { - @extend column-header.button.dnd; - } - } - &:last-child .button, - &:last-child.button { //treeview-like derived widgets in Banshee and Evolution - border-right-style: none; - border-image: none; - } -} - -column-header.button.dnd { // for treeview-like derive widgets - transition: none; - color: $selected_bg_color; - box-shadow: inset 1px 1px 0 1px $selected_bg_color, - inset -1px 0 0 1px $selected_bg_color, - inset 1px 1px $base_color, inset -1px 0 $base_color;; - &:active { @extend column-header.button.dnd; } - &:selected { @extend column-header.button.dnd; } - &:hover { @extend column-header.button.dnd; } -} - -%column_header_button { - padding: 3px 6px; - background-image: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, - transparentize(if($variant == 'light', black, white), 1) 20%, - transparentize(if($variant == 'light', black, white), 0.89) 20%, - transparentize(if($variant == 'light', black, white), 0.89) 80%, - transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; - - &:active { background-color: $base_color; } - &:insensitive { - border-color: $bg_color; - background-image: none; - } -} - -/********* - * Menus * - *********/ -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - background-color: opacify($header_bg, 1); - color: $header_fg; - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - - & > .menuitem { - padding: 6px 8px; - border: solid transparent; - border-width: 0; - - &:hover { //Seems like it :hover even with keyboard focus - background-color: $selected_bg_color; - color: $selected_fg_color; - } - &:insensitive { - color: transparentize($header_fg, 0.6); - border-color: transparent; - } - } -} - -.menu, .popup { - margin: 4px; - padding: 0; - border-radius: 0; - background-color: $base_color; - border: 1px solid $borders_color; - - .csd & { - padding: 4px 0px; - border-radius: 3px; - border: none; - } - - .menuitem { - padding: 5px; - &:hover { - color: $fg_color; - background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); - border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); - border-width: 1px 0 1px 0; - } - &:insensitive { - color: $insensitive_fg_color; - } - - &.separator { color: transparentize($base_color, 1); } - - //submenu indicators - &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } - &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } - } - &.button { // overlow buttons - @extend %undecorated_button; - border-style: none; - border-radius: 0; - &.top { border-bottom: 1px solid mix($fg_color, $base_color, 10%); } - &.bottom { border-top: 1px solid mix($fg_color, $base_color, 10%); } - &:hover { background-color: mix($fg_color, $base_color, 10%); } - &:insensitive { - color: transparent; - background-color: transparent; - border-color: transparent ; - } - } -} - -.menuitem .accelerator { color: gtkalpha(currentColor,0.55); } - -/************ - * Popovers * - ************/ - -.popover { - margin: 10px; - padding: 2px; - border: 1px solid darken($borders_color, 5%); - border-radius: 3px; - background-clip: border-box; - background-color: $base_color; - - box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); - - & .separator { color: transparentize($base_color, 1); } - GtkLabel.separator { @extend GtkLabel.separator; } // Noice - - > .list, - > .view, - > .toolbar, - &.osd > .toolbar { - border-style: none; - background-color: transparent; - } - &.osd { @extend %osd; } -} - -//touch selection handlebars for the Popover.osd above -.entry.cursor-handle, -.cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; - &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } - &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } -} - -/***************** - * Notebooks and * - * Tabs * - *****************/ - -.notebook { - // Through me you go to the grief wracked city; - // Through me you go to everlasting pain; - // Through me you go a pass among lost souls. - // ... - // Abandon all hope — Ye Who Enter Here - padding: 0; - background-color: $base_color; - -GtkNotebook-initial-gap: 4; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0; - transition: all 200ms $ease-out-quad; - - &.frame { - border: 1px solid $borders_color; - // FIXME doesn't work - &.top { border-top-width: 0; } - &.bottom { border-bottom-width: 0; } - &.right { border-right-width: 0; } - &.left { border-left-width: 0; } - } - &.header { - // FIXME: double borders in some case, can't fix it w/o a class tho - // FIXME: doesn't work on dark var - background-color: $bg_color; - - // this is the shading of the header behind the tabs - &.frame { - border: 0px solid $borders_color; - &.top { border-bottom-width: 0; } - &.bottom { border-top-width: 0; } - &.right { border-left-width: 0; } - &.left { border-right-width: 0; } - } - - $_header_border: $borders_color; - &.top { - box-shadow: inset 0 -1px $_header_border; // border - } - &.bottom { - box-shadow: inset 0 1px $_header_border; - } - &.right { - box-shadow: inset 1px 0 $_header_border; - } - &.left { - box-shadow: inset -1px 0 $_header_border; - } - } - tab { - border-width: 0; - border-style: solid; - border-color: transparent; - background-color: transparent; - outline-color: transparent; - - outline-offset: 0; - - // tab sizing - $vpadding: 4px; - $hpadding: 15px; - - //FIXME: we get double border in some cases, not considering the broken - //notebook content frame... - &.top, &.bottom { padding: $vpadding $hpadding; } - &.left, &.right { padding: $vpadding $hpadding; } - - &.reorderable-page { - &.top, &.bottom { - padding-left: 12px; // for a nicer close button - padding-right: 12px; // placement - //border-left-width: 1px; - //border-right-width: 1px; - } - &.left, &.right { - //border-bottom-width: 1px; - //border-top-width: 1px; - } - } - @each $_tab in (top, bottom, right, left) { - &.reorderable-page.#{$_tab}, &.#{$_tab} { - - @if $_tab==top or $_tab==bottom { - padding-#{$_tab}: $vpadding + 2; - } - @else if $_tab==left or $_tab==right { - padding-#{$_tab}: $hpadding + 2; - } - - @if $_tab==top { border-radius: 3.5px 2px 0 0; } - @else if $_tab==bottom { border-radius: 0 0 2px 3.5px; } - @else if $_tab==left { border-radius: 3.5px 0 0 3.5px; } - @else if $_tab==right { border-radius: 0 3.5px 3.5px 0; } - - border-width: 0; - border-#{$_tab}-width: 2px; - border-color: transparent; - background-color: transparentize($base_color, 1); - - &:hover, &.prelight-page { - background-color: transparentize($base_color, 0.5); - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - &:active, &.active-page, &.active-page:hover { - background-color: $base_color; - - @if $_tab==top { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $base_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - @else if $_tab==bottom { - box-shadow: inset 0 -1px $base_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - @else if $_tab==left { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $base_color; - } - @else if $_tab==right { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $base_color, - inset -1px 0 $borders_color; - } - } - } - } - GtkLabel { //tab text - padding: 0 2px; // needed for a nicer focus ring - color: $insensitive_fg_color; - } - .prelight-page GtkLabel, GtkLabel.prelight-page { - // prelight tab text - color: mix($fg_color, $insensitive_fg_color, 50%); - } - .active-page GtkLabel, GtkLabel.active-page { - // active tab text - color: $fg_color; - } - .button { //tab close button - padding: 0; - @extend %undecorated_button; - color: mix($bg_color, $fg_color, 35%); - - &:hover { - color: lighten(red, 15%); - } - &:active { - color: $selected_bg_color; - } - & > GtkImage { // this is a hack which makes tabs grow - padding: 2px; - } - } - } - &.arrow { - color: $insensitive_fg_color; - &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } - &:active { color: $fg_color; } - &:insensitive { - color: transparentize($insensitive_fg_color,0.7); - } - } -} - -/************** - * Scrollbars * - **************/ - -.scrollbar { - background-clip: padding-box; - background-image: none; - border-style: solid; - -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkRange-slider-width: 11; - -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. - // sadly can't be in '.slider' - // where it belongs - - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; - .button { - border: none; - } - &.trough { @extend .scrollbars-junction; } - &.slider { - border-radius: 20px; - border: 3px solid transparent; //margin :/ - background-color: mix($bg_color, $fg_color, 60%); - &:hover { - background-color: mix($bg_color, $fg_color, 30%); - } - &:prelight:active { - background-color: $selected_bg_color; - } - &.fine-tune { - border-width: 4px; - &:prelight:active { - background-color: $selected_bg_color; - } - } - &:insensitive { - background-color: transparent; - } - } -} - -.scrollbars-junction, -.scrollbars-junction.frame { // the small square between two scrollbars - border-color: transparent; - background-color: $base_color; -} - -/********** - * Switch * - **********/ -GtkSwitch { - font: 1; - -GtkSwitch-slider-width: 41; - outline-color: transparent; - - &.trough, &.slider { - background-size: 52px 24px; - background-repeat: no-repeat; - background-position: right center; - color: transparent; - border-color: transparent; - border-image: none; - border-style: none; - box-shadow: none; - - &:dir(rtl) { background-position: left center; } - } -} - -@each $i,$j in ('',''), ('.list-row:selected ','-selected') { - - @each $k,$l in ('',''), - (':active','-active'), - (':insensitive','-insensitive'), - (':active:insensitive','-active-insensitive') { - - // load switch troughs from .png files in assets directory - - #{$i}GtkSwitch.trough#{$k} { - background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); - } - - .list-row:selected GtkSwitch.trough#{$k} { - background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); - } - - .header-bar GtkSwitch.trough#{$k}, - .primary-toolbar GtkSwitch.trough#{$k} { - background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); - } - - // load switch sliders from .png files in assets directory - - //#{$i}GtkSwitch.slider#{$k} { - // background-image: -gtk-scaled(url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}.png"),url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}@2.png")); - //} - } -} - -/************************* - * Check and Radio items * - *************************/ - -// draw regular check and radio items using our PNG assets -// all assets are rendered from assets.svg. never add pngs directly - -@each $w,$a in ('check', 'checkbox'), - ('radio','radio') { - - //standard checks and radios - @each $s,$as in ('','-unchecked'), - (':insensitive','-unchecked-insensitive'), - (':inconsistent', '-mixed'), - (':inconsistent:insensitive', '-mixed-insensitive'), - (':checked', '-checked'), - (':checked:insensitive','-checked-insensitive') { - .#{$w}#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), - url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); - } - // the borders of checks and radios are - // too similar in luminosity to the selected background color, hence - // we need special casing. - GtkTreeView.view.#{$w}#{$s}:selected, - .list-row:selected .#{$w}#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), - url("assets/#{$a}#{$as}-selected@2.png")); - } - } -} - -//selection-mode -@each $s,$as in ('','-selectionmode'), - (':checked', '-checked-selectionmode') { - GtkIconView.view.check#{$s}, - GtkFlowBox.view.check#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), - url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); - background-color: transparent; - } -} - -GtkCheckButton.text-button, GtkRadioButton.text-button { - // this is for a nice focus on check and radios text - padding: 1px 2px 4px; - outline-offset: 0; - &:insensitive, - &:insensitive:active, - &:insensitive:inconsistent { - // set insensitive color, which is overriden otherwise - color: $insensitive_fg_color; - } -} - -/************ - * GtkScale * - ************/ -.scale { - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; - -GtkRange-trough-border: 0; - outline-offset: -1px; - outline-radius: 2px; - //@include _shadows(_button_shadow(normal)); - - &.trough { margin: 5px; } - &.fine-tune { - &.trough { border-radius: 5px; margin: 3px; } - } - &.slider { - background-clip: border-box; - background-image: linear-gradient(to bottom, $entry_bg); - border: 1px solid $selected_bg_color; - border-radius: 50%; - box-shadow: none; - - &:hover { - background-image: linear-gradient(to bottom, $selected_bg_color); - border-color: $selected_bg_color; - } - &:insensitive { - background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); - border-color: mix($selected_bg_color, $bg_color, 55%); - } - &:active { - background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); - border-color: darken($selected_bg_color, 10%); - } - //OSD sliders - .osd & { - background-image: linear-gradient(to bottom, $osd_bg_color); - border-color: $selected_bg_color; - - &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); } - &:active { - background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); - border-color: darken($selected_bg_color, 10%); - } - } - //selected list-row sliders - .list-row:selected & { - background-image: linear-gradient(to bottom, $selected_fg_color); - border-color: $selected_fg_color; - - &:hover { - background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 85%)); - border-color: mix($selected_fg_color, $selected_bg_color, 85%); - } - &:active { - background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 50%)); - border-color: mix($selected_fg_color, $selected_bg_color, 50%); - } - &:insensitive{ - background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); - border-color: mix($selected_fg_color, $selected_bg_color, 55%); - } - } - } - &.trough { - - $_scale_trough_bg: if($variant == 'light', $button_border, darken($base_color, 4%)); - - border: none; - border-radius: 2.5px; - background-image: linear-gradient(to bottom, $_scale_trough_bg); - &.highlight { - background-image: linear-gradient(to bottom, $selected_bg_color); - - &:insensitive { - background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); - } - } - &:insensitive { - background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45)); - } - - //OSD troughs - .osd & { - background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%)); - outline-color: transparentize($osd_fg_color, 0.8); - &.highlight { - background-image: none; - background-image: linear-gradient(to bottom, $selected_bg_color); - } - &:insensitive { } - } - // troughs in selected list-rows - .list-row:selected & { - background-image: linear-gradient(to bottom, transparentize(black, 0.8)); - - &.highlight { - background-image: linear-gradient(to bottom, $selected_fg_color); - - &:insensitive { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } - } - &:insensitive { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } - } - } -} - -/***************** - * Progress bars * - *****************/ - -GtkProgressBar { - padding: 0; - font-size: smaller; - color: transparentize($fg_color, 0.3); - //@include _shadows(_button_shadow(normal)); - - &.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 0; - -GtkProgressBar-min-horizontal-bar-height: 3; - } -} - -// moving bit -.progressbar { - background-color: $selected_bg_color; - border: none; - border-radius: 3px; - box-shadow: none; //needed for clipping - &.left.right { - - } - &.osd { - background-color: $selected_bg_color; - } -} - -.osd .scale.progressbar { - background-color: $selected_bg_color; -} - -// background -GtkProgressBar.trough { - border: none; - border-radius: 3px; - background-color: if($variant == 'light', $button_border, darken($base_color, 4%)); - - &.osd { - border-style: none; - background-color: transparent; - box-shadow: none; - //FIXME: there is a margin on top - } -} - -/************* - * Level Bar * - *************/ - -GtkLevelBar { - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 3; -} - -GtkLevelBar.vertical { - -GtkLevelBar-min-block-width: 3; - -GtkLevelBar-min-block-height: 34; -} - -.level-bar { - &.trough { - @extend GtkProgressBar.trough; - padding: 3px; - border-radius: 4px; - } - &.fill-block { - // FIXME: it would be nice to set make fill blocks bigger, but we'd need - // :nth-child working on discrete indicators - border: 1px solid $selected_bg_color; - background-color: $selected_bg_color; - border-radius: 2px; - - &.indicator-discrete { - &.horizontal { margin: 0 1px; } - &.vertical { margin: 1px 0; } - } - &.level-high { - border-color: $success_color; - background-color: $success_color; - } - &.level-low { - border-color: $warning_color; - background-color: $warning_color; - } - &.empty-fill-block { - background-color: transparentize($fg_color,0.8); - border-color: transparentize($fg_color,0.8); - } - } -} - - -/********** - * Frames * - **********/ -.frame { - border: 1px solid $borders_color; - &.flat { border-style: none; } - padding: 0; - &.action-bar { - padding: 6px; - border-width: 1px 0 0; - } -} - -GtkScrolledWindow { - GtkViewport.frame { // avoid double borders when viewport inside - // scrolled window - border-style: none; - } -} - -//vbox and hbox separators -.separator { - // always disable separators - // -GtkWidget-wide-separators: true; - color: transparentize(black, 0.9); - - // Font and File button separators - GtkFileChooserButton &, - GtkFontButton &, - GtkFileChooserButton &.vertical, - GtkFontButton &.vertical { - // always disable separators - -GtkWidget-wide-separators: true; - } -} - -/********* - * Lists * - *********/ - -.list, .list-row { - background-color: $base_color; - border-color: $borders_color; -} - -.list-row, -.grid-child { - padding: 2px; -} - -.list-row.button { - @extend %undecorated_button; - background-color: transparentize(black, 1); // for the transition - border-style: none; // I need no borders here - border-radius: 0; // and no rounded corners - box-shadow: none; // and no box-shadow - &:hover { - background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); - } - &:active { - color: $fg_color; - } - &:selected { - &:active { color: $selected_fg_color; } - &:hover { background-color: mix(black, $selected_bg_color, 10%); } - &:insensitive { - color: transparentize($selected_fg_color, 0.3); - background-color: transparentize($selected_bg_color, 0.3); - GtkLabel { color: inherit; } - } - } -} - -.list-row:selected { - @extend %selected_items; - .button { @extend %selected-button } -} - -// transition -.list-row, list-row.button { - transition: all 300ms $ease-out-quad; - &:hover { transition: none; } -} - -/********************* - * App Notifications * - *********************/ - -.app-notification, -.app-notification.frame { - @extend %osd; - padding: 10px; - background-color: $osd_bg_color; - background-clip: border-box; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; - border-color: darken($osd_bg_color, 10%); - - .button { - @include button(osd); - &.flat { - @extend %undecorated_button; - border-color: transparentize($selected_bg_color, 1); - &:insensitive { @extend %undecorated_button; } - } - &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); - } - } -} - -/************* - * Expanders * - *************/ - -GtkExpander { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } - &:hover { color: lighten($fg_color,30%); } //only lightens the arrow - &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } -} - -/************ - * Calendar * - ***********/ -GtkCalendar { - color: $fg_color; - border: 1px solid $borders_color; - border-radius: 3px; - padding: 2px; - - &:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 1.5px; - } - &.header { - color: $fg_color; - border: none; - border-radius: 0; - } - &.button, &.button:focus { - color: transparentize($fg_color,0.55); - box-shadow: none; - border: none; - &:hover { - color: $fg_color; - } - } - &.highlight { color: gtkalpha(currentColor,0.55); } -} - -/*********** - * Dialogs * - ***********/ -.message-dialog .dialog-action-area .button { - padding: 8px; -} - -.message-dialog { // Message Dialog styling - -GtkDialog-button-spacing: 0; - - .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } - - &.csd { // rounded bottom border styling for csd version - &.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; - } - .dialog-action-area .button { - padding: 8px; - border-radius: 0; - - @extend %middle_button; - - &:hover, &:active, &:insensitive { - @extend %middle_button; - } - - &:focus { - color: $selected_bg_color; - - &:active, &:checked { color: $selected_fg_color; } - } - -// @each $b_type, $b_color in (suggested-action, $selected_bg_color), -// (destructive-action, $destructive_color) { -// &.#{$b_type} { -// @include button(normal, $b_color, white, $edge:none); -// @extend %middle_button; -// &:hover { -// @include button(hover, $b_color, white, $edge:none); -// @extend %middle_button; -// } -// &:active { -// @include button(active, $b_color, white, $edge:none); -// @extend %middle_button; -// } -// &:insensitive { -// @include button(insensitive, $edge:none); -// @extend %middle_button; -// } -// } -// } - &:first-child{ @extend %first_button; } - &:last-child { @extend %last_button; } - } - %middle_button { - border-right-style: none; - border-bottom-style: none; - } - %last_button { - border-bottom-right-radius: 3px; - } - %first_button { - border-left-style: none; - border-bottom-left-radius: 3px; - } - } -} - -GtkFileChooserDialog { - .search-bar { - background-color: $bg_color; - border-color: $borders_color; - box-shadow: none; - } - .dialog-action-box { - border-top: 1px solid $borders_color; - } -} - -/*********** - * Sidebar * - ***********/ -.sidebar { - border: none; - background-color: $bg_color; - - .scrollbar { - &.trough { - background-color: transparent; - border-width: 2px; - border-color: transparent; - } - } - &:selected { - background-color: $selected_bg_color; - } -} - -// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color -GtkPlacesSidebar.sidebar .view { - - color: $fg_color; - background-color: transparent; - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - &.separator { @extend .separator; } -} - -.sidebar-item { - padding: 10px 4px; - > GtkLabel { - padding-left: 6px; - padding-right: 6px; - } - &.needs-attention > GtkLabel { - @extend %needs_attention; - background-size: 6px 6px, 0 0; - } -} - -GtkPaned { - // This is actually the invisible area of the paned separator, not a margin... - margin: 0 8px 8px 0; //drag area of the separator - &:dir(rtl) { - margin-right: 0; - margin-left: 8px; - } -} - -.pane-separator { - //FIXME abusing a background-image to get rid of the handle decoration - //I'd like something better... - background-image: linear-gradient(to bottom, $borders_color); -} - -/************** - * GtkInfoBar * - **************/ -GtkInfoBar { - border-style: none; - - .button { @extend %selected-button } -} - -.info, -.question, -.warning, -.error, -GtkInfoBar { - background-color: $selected_bg_color; - color: $selected_fg_color; -} - - -// -// Buttons on selected backgrounds -// -%selected-button { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 0.5); - - &.flat { - @include button(undecorated); - color: $selected_fg_color; - background-color: transparentize($selected_fg_color, 1); - } - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: transparentize($selected_fg_color, 0.8); - border-color: transparentize($selected_fg_color, 0.2); - } - &:active, &:active:hover, &:checked { - color: $selected_bg_color; - outline-color: transparentize($selected_bg_color, 0.7); - background-color: $selected_fg_color; - border-color: $selected_fg_color; - } - &:insensitive { - color: transparentize($selected_fg_color, 0.6); - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 0.8); - - &:active, &:checked { - color: transparentize($selected_bg_color, 0.6); - background-color: transparentize($selected_fg_color, 0.8); - border-color: transparentize($selected_fg_color, 0.8); - } - } -} - -/************ - * Tooltips * - ************/ -.tooltip { - &.background { - // background-color needs to be set this way otherwise it gets drawn twice - // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. - background-color: $tooltip_bg; - background-clip: padding-box; - } - - color: $tooltip_fg; - border-radius: 2px; - - &.window-frame.csd { - background-color: transparent; - } -} - -.tooltip * { //Yeah this is ugly - padding: 4px; - background-color: transparent; - color: inherit; // just to be sure -} - -/***************** - * Color Chooser * - *****************/ - -GtkColorSwatch { - border: none; - box-shadow: inset 0 1px 1px transparentize(black, 0.6); - - &.color-light { - &:hover { - background-image: linear-gradient(to bottom, - transparentize(white, 0.6)); - } - } - &.color-dark { - &:hover { - background-image: linear-gradient(to bottom, - transparentize(white, 0.8)); - } - } - - &:hover { - border-color: transparentize(black, 0.5); - } - - &.top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; - } - &.bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - } - &.left, &:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - &.right, &:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - &:only-child { - border-radius: 3px; - } - &.color-active-badge { - border-width: 2px; - &:hover { background-image: none; } - &.color-light, &.color-light:hover { - color: transparentize(black,0.7); - border-color: transparentize(black,0.7); - } - &.color-dark, &.color-dark:hover { - color: transparentize(white,0.5); - border-color: transparentize(white,0.5); - } - } -} -GtkColorChooserWidget #add-color-button { - border-color: mix($borders_color,$bg_color,50%); - background-color: mix($borders_color,$bg_color,50%); - color: $bg_color; - box-shadow: none; - &:hover { - border-color: $borders_color; - background-color: $borders_color; - } -} - -GtkColorButton.button { - padding: 4px; // Uniform padding on the GtkColorButton - - GtkColorSwatch { border-radius: 0; } -} - -/******** - * Misc * - ********/ -.scale-popup .button { // +/- buttons on GtkVolumeButton popup - padding: 6px; - &:hover { - @include button(hover); - } -} - -GtkVolumeButton.button { padding: 8px; } - -/********************** - * Window Decorations * - *********************/ - -.window-frame { - border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); - // lamefun trick to get rounded borders regardless of CSD use - border-width: 0px; - - // this needs to be transparent - // see bug #722563 - $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); - - box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), - 0 4px 8px 1px if($darker == 'false', opacify($_wm_border, 0.1), opacify($_wm_border, 0.15)); - - /* this is used for the resize cursor area */ - margin: 10px; - - &:backdrop { - box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), - 0 4px 5px 2px if($darker == 'false', $_wm_border, opacify($_wm_border, 0.15)); - } - &.tiled { - border-radius: 0; - } - &.csd { - &.popup, &.menu { - border-radius: 3px; - box-shadow: 0 3px 6px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.1)), - 0 0 0 1px if($variant == 'light', $_wm_border, darken($base_color, 10%)); - } - &.tooltip { - border-radius: 2px; - box-shadow: 0 1px 3px 1px $_wm_border; - } - &.message-dialog { border-radius: 3px; } - } -} - -// -// Titlebuttons -// - -.header-bar, .titlebar, -.header-bar.selection-mode, .titlebar.selection-mode { - - .button.titlebutton { - padding: 7px 4px; - - @include button(undecorated); - background-color: transparentize($header_bg, 1); - border-width: 0; - - color: transparent; - background-position: center; - background-repeat: no-repeat; - - &:backdrop { opacity: 1; } - } - - // Minimize - - .right .button.titlebutton:nth-last-child(3), - .right:dir(rtl) .button.titlebutton:nth-child(3), - .left .button.titlebutton:nth-child(3), - .left:dir(rtl) .button.titlebutton:nth-last-child(3) { - background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); - - &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); } - &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); } - &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); } -} - - // Maximize - - .right .button.titlebutton:nth-last-child(2), - .right:dir(rtl) .button.titlebutton:nth-child(2), - .left .button.titlebutton:nth-child(2), - .left:dir(rtl) .button.titlebutton:nth-last-child(2) { - background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); - - &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); } - &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); } - &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); } -} - - // Close - - .right .button.titlebutton:last-child, - .right:dir(rtl) .button.titlebutton:first-child, - .left .button.titlebutton:first-child, - .left:dir(rtl) .button.titlebutton:last-child { - background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); - - &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } - &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } - &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } - } -} - -// Fallback menubutton -.header-bar .left GtkMenuButton.button.titlebutton:first-child, -.header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, -.header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, -.header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, -.titlebar .left GtkMenuButton.button.titlebutton:first-child, -.titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, -.titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, -.titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { - - padding: 4px 6px 4px 6px; - - - @include button(undecorated); - - &:hover { - - } - &:active, &:checked { - - } - &:backdrop { } -} - - -// catch all extend :) - -%selected_items { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); -} - -/* Decouple the font of context menus from their entry/textview */ -.touch-selection, -.context-menu { - font: initial; -} - -.monospace { - font: Monospace; -} - -// -// Overshoot -// -// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. -// This draws a box on top of the content, the size changes programmatically. -.overshoot { - &.top { @include overshoot(top); } - &.bottom { @include overshoot(bottom); } - &.left { @include overshoot(left); } - &.right { @include overshoot(right); } -} - -// -// Undershoot -// -// Overflow indication, works similarly to the overshoot, the size if fixed tho. -.undershoot { - &.top { @include undershoot(top); } - &.bottom { @include undershoot(bottom); } - &.left { @include undershoot(left); } - &.right { @include undershoot(right); } -} diff --git a/common/gtk-3.0/3.14/_drawing.scss b/common/gtk-3.0/3.14/_drawing.scss deleted file mode 100644 index 378e5d9..0000000 --- a/common/gtk-3.0/3.14/_drawing.scss +++ /dev/null @@ -1,377 +0,0 @@ -// Drawing mixins - -// generic drawing of more complex things - -@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { -// -// Helper function to stack up to 4 box-shadows; -// - - @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } - @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } - @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } - @else { box-shadow: $shadow1; } -} - -// Entries - -@mixin entry($t) { -// -// Entries drawing function -// -// $t: entry type -// - - @if $t==normal { - // - // normal entry - // - color: $text_color; - border-color: $entry_border; - background-color: $entry_bg; - background-image: linear-gradient(to bottom, $entry_bg); - } - - @if $t==focus { - // - // focused entry - // - color: $text_color; - border-color: $selected_bg_color; - background-color: $entry_bg; - background-image: linear-gradient(to bottom, $entry_bg); - } - - @if $t==insensitive { - // - // insensitive entry - // - color: $insensitive_fg_color; - border-color: transparentize($entry_border, 0.45); - background-color: transparentize($entry_bg, 0.45); - background-image: linear-gradient(to bottom, transparentize($entry_bg, 0.45)); - } - - $_header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 4%), 0.1), transparentize($base_color, 0.1)); - $_header_entry_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 10%), transparentize($header_fg, 0.7)); - - @if $t==header-normal { - // - // normal header-bar entry - // - - color: $header_fg; - border-color: $_header_entry_border; - background-image: linear-gradient(to bottom, $_header_entry_bg); - background-color: transparent; - - &.image, &.image:hover { color: inherit; } - } - - @if $t==header-focus { - // - // focused header-bar entry - // - color: $selected_fg_color; - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, $selected_bg_color); - } - - @if $t==header-insensitive { - // - // insensitive header-bar entry - // - color: transparentize($header_fg, 0.45); - background-image: linear-gradient(to bottom, transparentize($_header_entry_bg, 0.35)); - } - - @else if $t==osd { - // - // normal osd button - // - color: $osd_fg_color; - border-color: transparentize($osd_fg_color, 0.7); - background-color: transparent; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-focus { - // - // active osd button - // - color: $selected_bg_color; - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-insensitive { - // - // insensitive osd button - // - color: $osd_insensitive_fg_color; - border-color: transparentize($osd_fg_color, 0.8); - background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); - } -} - -// Buttons - -@mixin button($t, $actionb_color:red) { -// -// Button drawing function -// -// $t: button type, -// $actionb_color: used for destructive and suggested action buttons - - @if $t==normal { - // - // normal button - // - color: $fg_color; - outline-color: transparentize($fg_color, 0.7); - border-color: $button_border; - background-color: $button_bg; - } - - @else if $t==hover { - // - // hovered button - // - color: $fg_color; - outline-color: transparentize($fg_color, 0.7); - border-color: $selected_bg_color; - background-color: $button_bg; - } - - @else if $t==active { - // - // pushed button - // - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $selected_bg_color; - background-color: $selected_bg_color; - } - - @else if $t==insensitive { - // - // insensitive button - // - color: $insensitive_fg_color; - border-color: transparentize($button_border, 0.45); - background-color: transparentize($button_bg, 0.45); - - > GtkLabel { color: inherit; } - } - - @else if $t==insensitive-active { - // - // insensitive pushed button - // - color: transparentize($selected_fg_color, 0.45); - border-color: transparentize($selected_bg_color, 0.45); - background-color: transparentize($selected_bg_color, 0.45); - - opacity: 0.6; - - > GtkLabel { color: inherit; } - } - - $_header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 3%), 0.1), transparentize($button_bg, 0.1)); - $_header_button_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 8%), transparentize($header_fg, 0.7)); - - @if $t==header-normal { - // - // normal header-bar button - // - color: $header_fg; - outline-color: transparentize($header_fg, 0.7); - outline-offset: -3px; - background-color: transparentize($header_bg, 1); - border-color: transparentize($header_bg, 1); - } - - @else if $t==header-hover { - // - // hovered header-bar button - // - color: $header_fg; - outline-color: transparentize($header_fg, 0.7); - border-color: $_header_button_border; - background-color: $_header_button_bg; - } - - @else if $t==header-active { - // - // pushed header-bar button - // - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $selected_bg_color; - background-color: $selected_bg_color; - } - - @else if $t==header-insensitive { - // - // insensitive header-bar button - // - color: transparentize($header_fg, 0.45); - background-color: transparentize($header_bg, 1); - border-color: transparentize($header_bg, 1); - - > GtkLabel { color: inherit; } - } - - @else if $t==header-insensitive-active { - // - // header-bar insensitive pushed button - // - color: transparentize($selected_fg_color, 0.25); - border-color: transparentize($selected_bg_color, 0.35); - background-color: transparentize($selected_bg_color, 0.35); - } - - @else if $t==osd { - // - // normal osd button - // - color: $osd_fg_color; - outline-color: transparentize($osd_fg_color, 0.7); - border-color: transparentize($osd_fg_color, 0.7); - background-color: transparent; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-hover { - // - // active osd button - // - color: $selected_bg_color; - outline-color: transparentize($osd_fg_color, 0.7); - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-active { - // - // active osd button - // - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, $selected_bg_color); - } - - @else if $t==osd-insensitive { - // - // insensitive osd button - // - color: $osd_insensitive_fg_color; - border-color: transparentize($osd_fg_color, 0.8); - background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); - } - - @else if $t==suggested_destructive { - // - // suggested or destructive action buttons - // - background-clip: border-box; - - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: $actionb_color; - border-color: $actionb_color; - } - - @else if $t==undecorated { - // - // reset - // - border-color: transparent; - background-color: transparent; - background-image: none; - } -} - -// -// Overshoot -// -@mixin overshoot($p, $c:$selected_bg_color) { -// $p: position -// $c: base color -// -// possible $p values: -// top, bottom, right, left -// - - $_big_gradient_length: 60%; - - $_position: center top; - $_big_gradient_size: 100% $_big_gradient_length; - - @if $p==bottom { - $_position: center bottom; - } - - @else if $p==right { - $_position: right center; - $_big_gradient_size: $_big_gradient_length 100%; - } - - @else if $p==left { - $_position: left center; - $_big_gradient_size: $_big_gradient_length 100%; - } - - background-image: -gtk-gradient(radial, - $_position, 0, - $_position, 0.6, - from(transparentize($c, 0.8)), - to(transparentize($c, 1))); - - background-size: $_big_gradient_size; - background-repeat: no-repeat; - background-position: $_position; - - background-color: transparent; // reset some properties to be sure to not inherit them somehow - border: none; // - box-shadow: none; // -} - -// -// Undershoot -// -@mixin undershoot($p) { -// $p: position -// -// possible $p values: -// top, bottom, right, left -// - - $_undershoot_color_dark: transparentize(black, 0.8); - $_undershoot_color_light: transparentize(white, 0.8); - - $_gradient_dir: left; - $_dash_bg_size: 10px 1px; - $_gradient_repeat: repeat-x; - $_bg_pos: center $p; - - background-color: transparent; // shouldn't be needed, but better to be sure; - - @if ($p == left) or ($p == right) { - $_gradient_dir: top; - $_dash_bg_size: 1px 10px; - $_gradient_repeat: repeat-y; - $_bg_pos: $p center; - } - - background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%); - - padding-#{$p}: 1px; - background-size: $_dash_bg_size; - background-repeat: $_gradient_repeat; - background-origin: content-box; - background-position: $_bg_pos; -} diff --git a/common/gtk-3.0/3.14/_granite.scss b/common/gtk-3.0/3.14/_granite.scss deleted file mode 100644 index 1e53c7f..0000000 --- a/common/gtk-3.0/3.14/_granite.scss +++ /dev/null @@ -1,214 +0,0 @@ -// Granite Widgets - -// -// Overlay Bar -// -.overlay-bar { - background-color: $selected_bg_color; - border-color: $selected_bg_color; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; - - GtkLabel { color: $selected_fg_color; } -} - -// -// Thin Pane Separator -// -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid $borders_color; - border-right: 1px solid $borders_color; - -} - -// avoid borders when a viewport is -// packed into a Static Notebook, or Popover -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -// -// Help Button -// -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -// -// Secondary Toolbars -// -.secondary-toolbar.toolbar { - padding: 3px; - border-bottom: 1px solid $borders_color; - - .button { padding: 0 3px 0 3px; } -} - -// -// Bottom Toolbars -// -.bottom-toolbar.toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: $borders_color; - background-color: $bg_color; - - .button { padding: 2px 3px 2px 3px; } -} - -// -// Sidebar & Source List -// -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: $bg_color; - color: $fg_color; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:prelight { - background-color: lighten($bg_color, 5%); -} - -.source-list.view:selected, -.source-list.view:prelight:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; -} - -.source-list .scrollbar.trough, -.source-list .scrollbars-junction { - border-image: none; - border-color: transparent; - background-color: $bg_color; - background-image: none; -} - -.source-list.badge, -.source-list.badge:prelight, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:prelight:selected { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:prelight:selected { - background-color: $selected_fg_color; - color: $selected_bg_color; -} - -// -// Expander -// -.source-list.category-expander { - color: $fg_color; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -// -// Welcome -// -GraniteWidgetsWelcome { - background-color: $base_color; -} - -GraniteWidgetsWelcome GtkLabel { - color: mix($fg_color, $bg_color, 50%); - font: open sans 11; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: transparentize($fg_color, 0.2); -} - -// -// Help Button -// -.help_button { - border-radius: 0; -} - -// -// Popover -// -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - - border: 1px solid transparentize(black, 0.7); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, $base_color); - border: 1px solid transparentize(black, 0.7); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -// -// Text Styles -// -.h1 { font: open sans 24px; } -.h2 { font: open sans light 18px; } -.h3 { font: open sans 11px; } -.h4, -.category-label { - color: mix($bg_color, $text_color, 30%); - font-weight: 600; - text-shadow: 0 1px transparentize(white, 0.4); -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4{ - padding-left: 6px; -} diff --git a/common/gtk-3.0/3.14/_lightdm.scss b/common/gtk-3.0/3.14/_lightdm.scss deleted file mode 100644 index 9b14d09..0000000 --- a/common/gtk-3.0/3.14/_lightdm.scss +++ /dev/null @@ -1,141 +0,0 @@ -/* the panel widget at the top */ -#panel_window { - background-color: $panel_bg; - color: $panel_fg; - font: bold; - box-shadow: inset 0 -1px darken($panel_bg, 7%); - - /* the menubars/menus of the panel, i.e. indicators */ - .menubar, - .menubar > .menuitem { - background-color: transparent; - color: $panel_fg; - font: bold; - } - - .menubar .menuitem:insensitive { - color: darken($panel_fg, 20%); - - GtkLabel { color: inherit; } - } - .menubar .menu .menuitem { font: normal; } -} - -/* the login window */ -#login_window, -#shutdown_dialog, -#restart_dialog { - font: normal; - border-style: none; - background-color: transparent; - color: $fg_color; -} - -/* the top half of the login-window, in GtkDialog terms, the content */ -#content_frame { - padding-bottom: 14px; - background-color: transparentize($bg_color, 0.05); - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -#content_frame .button { - @include button(normal); - - &:hover { @include button(hover); } - &:active, &:checked { @include button(active); } - &:insensitive { @include button(insensitive); } -} - -/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: $osd_bg_color; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -#buttonbox_frame .button{ - @include button(osd); - - &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } -} - -#login_window #user_combobox { - color: $fg_color; - font: 13px; - - .menu { font: normal; } - .arrow {} -} - -/* the user's avatar box */ -#user_image { - padding: 3px; - border-radius: 3px; -} - -/* the border around the user's avatar box */ -#user_image_border {} - -/* the shutdown button */ -#shutdown_button.button { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $destructive_color; - background-color: $destructive_color; - background-image: none; - background-clip: border-box; - - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: lighten($destructive_color, 9%); - background-color: lighten($destructive_color, 9%); - background-image: none; - } - &:active, &:checked { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: darken($destructive_color, 7%); - background-color: darken($destructive_color, 7%); - background-image: none; - } -} - -/* the restart button */ -#restart_button.button { - $_restart_bg: #51CF74; - - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $_restart_bg; - background-color: $_restart_bg; - background-image: none; - background-clip: border-box; - - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: lighten($_restart_bg, 9%); - background-color: lighten($_restart_bg, 9%); - background-image: none; - } - &:active, &:checked { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: darken($_restart_bg, 7%); - background-color: darken($_restart_bg, 7%); - background-image: none; - } -} - -/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ -#greeter_infobar { - border-bottom-width: 0; - font: bold; -} diff --git a/common/gtk-3.0/3.14/_transparent_widgets.scss b/common/gtk-3.0/3.14/_transparent_widgets.scss deleted file mode 100644 index 16bf819..0000000 --- a/common/gtk-3.0/3.14/_transparent_widgets.scss +++ /dev/null @@ -1,237 +0,0 @@ -.titlebar .separator { - color: $header_border; //fixes separator in gnome-tweak-tool -} - -NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar - -GtkFileChooserDialog *, -NautilusWindow *, -NemoWindow { - -GtkPaned-handle-size: 0; -} - -@if $variant==dark { - GtkFileChooserDialog, - NautilusWindow , - NemoWindow { - .sidebar { border-right: 1px solid $dark_sidebar_border; } - - .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } - } -} - -// Dark transparent sidebars -GtkFileChooserDialog, -NautilusWindow, -NemoWindow, -MarlinViewWindow { - - &.csd.background, - .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } - - GtkBox.sidebar { background-color: transparent; } - - .sidebar, MarlinPlacesSidebar, NemoPlacesSidebar { - background-color: $dark_sidebar_bg; - - .view, .source-list.sidebar row { - background-color: transparent; - color: $dark_sidebar_fg; - - &.image { color: transparentize($dark_sidebar_fg, 0.4); } - - &.cell:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - - &.frame { - color: $dark_sidebar_fg; - } - - .separator { color: transparent; } - - .scrollbar { - - &.trough { background-color: transparent; border-color: transparent; } - - &.slider { - border-radius: 20px; - border: 3px solid transparent; //margin :/ - background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); - &:hover { - background-color: lighten($dark_sidebar_fg, 20%); - } - &:prelight:active { - background-color: $selected_bg_color; - } - &.fine-tune { - border-width: 4px; - &:prelight:active { - background-color: $selected_bg_color; - } - } - &:insensitive { - background-color: transparent; - } - } - } - } - &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } - - .pane-separator { background-color: $dark_sidebar_border; } -} - -GtkFileChooserDialog { - - &.background.csd, .background { background-color: $dark_sidebar_bg } - .sidebar { background-color: transparent } - - // Yeah, this is ugly, but prevents a transparent background in the image preview box - GtkPaned > .vertical > .horizontal { background-color: $bg_color; } - - // fix for non gnome environments - .dialog-action-box { background-color: $bg_color } - - .dialog-vbox > .frame { - color: $dark_sidebar_fg; - border-color: transparent; - } - .action-bar.frame { - background-color: transparent; - border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); - } - - .action-bar.frame, - .dialog-vbox > .frame { - - .button { @extend %dark_sidebar_button; } - .entry { @extend %dark_sidebar_entry; } - - GtkLabel, GtkComboBox { color: $dark_sidebar_fg; } - } -} - -// Gedit sidebar -GeditWindow.background.csd { - background-color: transparent; - - .pane-separator, - .pane-separator:hover { background-color: $dark_sidebar_border; } - - .titlebar .pane-separator, - &.maximized .titlebar .pane-separator, - .titlebar .pane-separator:backdrop, - &.maximized .titlebar .pane-separator:backdrop { background-color: $header_border; } -} - -.gedit-bottom-panel-paned { background-color: $base_color; } - -.gedit-document-panel { - background-color: $dark_sidebar_bg; - - .maximized & { background-color: opacify($dark_sidebar_bg, 1); } - - .list-row { color: $dark_sidebar_fg; } - - .list-row { - background-color: transparentize($dark_sidebar_fg, 1); - border: solid transparentize($dark_sidebar_fg, 1); - border-width: 3px 2px 3px 2px; - } - .list-row:hover { - border: solid transparentize($dark_sidebar_fg, 0.85); - border-width: 3px 2px 3px 2px; - background-color: transparentize($dark_sidebar_fg, 0.85); - } - .list-row:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: solid $selected_bg_color; - border-width: 3px 2px 3px 2px; - - .button { color: $selected_fg_color; } - } - .list-row:selected, .list-row:selected:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: solid $selected_bg_color; - border-width: 3px 2px 3px 2px; - } - .prelight-row .button:active { - color: $dark_sidebar_fg; - } -} - -GeditWindow.background.csd GeditFileBrowserWidget { - background-color: $dark_sidebar_bg; - - .maximized & { background-color: opacify($dark_sidebar_bg, 1); } - - .scrollbar { - - &.trough { background-color: transparent; border-color: transparent; } - - &.slider { - border-radius: 20px; - border: 3px solid transparent; //margin :/ - background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); - &:hover { - background-color: lighten($dark_sidebar_fg, 20%); - } - &:prelight:active { - background-color: $selected_bg_color; - } - &.fine-tune { - border-width: 4px; - &:prelight:active { - background-color: $selected_bg_color; - } - } - &:insensitive { - background-color: transparent; - } - } - } - - .scrollbars-junction, - .scrollbars-junction.frame { // the small square between two scrollbars - border-color: transparent; - background-color: transparent; - } - - .horizontal { - background-color: transparent; - border-color: darken($dark_sidebar_bg, 7%); - - .button { @extend %dark_sidebar_button; } - GtkComboBox { color: $dark_sidebar_fg; } - } -} - -GeditWindow.background.csd GeditFileBrowserView.view { - - background-color: transparent; - color: $dark_sidebar_fg; - - &.expander { - color: $dark_sidebar_fg; - &:hover { color: $selected_bg_color; } - } -} - -%dark_sidebar_button { - @include button(osd); - - &:hover { @include button(osd-hover) } - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } -} - -%dark_sidebar_entry { - @include entry(osd); - - &:focus { @include entry(osd-focus) } - &:insensitive { @include entry(osd-insensitive); } -} diff --git a/common/gtk-3.0/3.14/_unity.scss b/common/gtk-3.0/3.14/_unity.scss deleted file mode 100644 index d88377a..0000000 --- a/common/gtk-3.0/3.14/_unity.scss +++ /dev/null @@ -1,56 +0,0 @@ -// Decorations -UnityDecoration { - -UnityDecoration-extents: 28px 1 1 1; - -UnityDecoration-input-extents: 10px; - - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 3px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); - -UnityDecoration-inactive-shadow-radius: 7px; - - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: $selected_bg_color; - - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; - - &.top { - border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 6px 0 6px; - - background-image: linear-gradient(to bottom, opacify($header_bg, 1)); - color: $header_fg; // The foreground color will be used to paint the text - - box-shadow: inset 0 1px lighten($header_bg, 3%); - - &:backdrop { - border-bottom-width: 0; - background-image: linear-gradient(to bottom, opacify($header_bg_backdrop, 1)); - color: transparentize($header_fg, 0.3); - } - } - &.left, &.right, &.bottom, - &.left:backdrop, &.right:backdrop, &.bottom:backdrop { - background-image: linear-gradient(to bottom, if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); - } -} - -// Panel Style -UnityPanelWidget, -.unity-panel { - background-image: linear-gradient(to bottom, opacify($panel_bg, 1)); - color: lighten($panel_fg, 20%); - box-shadow: none; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: $selected_bg_color; - border-bottom: none; -} 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-dark.scss b/common/gtk-3.0/3.14/gtk-contained-dark.scss deleted file mode 100644 index f47d7b5..0000000 --- a/common/gtk-3.0/3.14/gtk-contained-dark.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'dark'; -$darker: 'false'; -$transparency: 'true'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.css b/common/gtk-3.0/3.14/gtk-contained-darker.css index 4e8ead9..be39081 100644 --- a/common/gtk-3.0/3.14/gtk-contained-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-darker.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } - .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, + GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } - .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), - .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), + GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), + .header-bar .linked.stack-switcher > .button:dir(rtl), + .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, -.primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, +.header-bar .linked.stack-switcher > .button:first-child, +.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } - .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, - .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, + .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, + .header-bar .linked.stack-switcher > .button:first-child:hover, + .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, -.primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, +.header-bar .linked.stack-switcher > .button:last-child, +.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } - .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, - .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, + .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, + .header-bar .linked.stack-switcher > .button:last-child:hover, + .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), - .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), + .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), + .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), + .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, -.primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, +.header-bar .linked.stack-switcher > .button:only-child, +.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } - .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, - .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, + .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, + .header-bar .linked.stack-switcher > .button:only-child:hover, + .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #32383f; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343b; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } + .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button { + +.primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(29, 32, 36, 0.97); background-color: rgba(40, 44, 50, 0.87); } - .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover { + .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(24, 27, 31, 0.97); @@ -1094,38 +1165,49 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(207, 218, 231, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.97)); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(45, 49, 56, 0.97)); - border-color: rgba(61, 91, 128, 0.982); } + border-color: rgba(62, 92, 128, 0.982); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1143,16 +1225,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1171,7 +1253,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1180,7 +1262,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1227,7 +1311,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1251,11 +1335,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1280,7 +1364,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1313,7 +1398,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1325,7 +1410,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1335,13 +1420,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1365,10 +1450,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1378,10 +1463,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1391,10 +1476,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1404,10 +1489,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1417,7 +1502,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1452,9 +1537,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1464,9 +1549,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1669,7 +1754,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1696,7 +1785,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1713,14 +1802,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1742,7 +1831,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1792,6 +1881,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1814,7 +1904,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1827,7 +1917,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1835,7 +1931,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1853,7 +1949,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1893,16 +1989,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1923,7 +2019,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1976,10 +2072,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2016,7 +2113,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2117,13 +2214,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2180,6 +2277,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2195,13 +2293,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2214,14 +2313,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2253,6 +2351,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2268,13 +2367,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2287,14 +2387,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2326,6 +2425,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2341,13 +2441,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2360,14 +2461,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2413,7 +2513,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2435,6 +2540,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2443,6 +2549,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2451,6 +2558,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2468,6 +2576,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2476,6 +2585,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2484,6 +2594,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2493,7 +2604,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2518,22 +2634,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #1f2227, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #1f2227, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2547,8 +2659,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2583,7 +2697,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); @@ -2619,11 +2733,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2632,16 +2749,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2651,7 +2769,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2661,7 +2779,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2673,9 +2791,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(24, 27, 31, 0.97); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2684,13 +2802,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2698,12 +2816,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2719,14 +2839,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2756,7 +2879,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2852,7 +2975,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3054,7 +3177,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #32383f); color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(31, 34, 39, 0.97)); } UnityPanelWidget, @@ -3082,8 +3206,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3095,7 +3219,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3103,7 +3227,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3132,8 +3256,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3175,7 +3298,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3214,7 +3337,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3308,7 +3431,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3383,7 +3506,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3393,27 +3518,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: rgba(60, 64, 73, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3426,15 +3556,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3447,14 +3577,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3467,136 +3597,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3605,21 +3726,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: rgba(60, 64, 73, 0.95); } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(44, 47, 53, 0.95); } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3627,8 +3754,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: rgba(60, 64, 73, 0.95); } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: rgba(31, 34, 39, 0.97); } .gedit-bottom-panel-paned { @@ -3684,9 +3813,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3725,7 +3854,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3742,7 +3871,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3759,21 +3888,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; -@define-color borders #dcdfe3; -@define-color unfocused_borders #dcdfe3; +@define-color borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343b; @define-color wm_bg_unfocused #32383f; @define-color wm_highlight #363c44; diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.scss b/common/gtk-3.0/3.14/gtk-contained-darker.scss deleted file mode 100644 index 63166d2..0000000 --- a/common/gtk-3.0/3.14/gtk-contained-darker.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'light'; -$darker: 'true'; -$transparency: 'true'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; 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-dark.scss b/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss deleted file mode 100644 index 157292d..0000000 --- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'dark'; -$darker: 'false'; -$transparency: 'false'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css index 6e604b8..836d203 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } - .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, + GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } - .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), - .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), + GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), + .header-bar .linked.stack-switcher > .button:dir(rtl), + .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, -.primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, +.header-bar .linked.stack-switcher > .button:first-child, +.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } - .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, - .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, + .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, + .header-bar .linked.stack-switcher > .button:first-child:hover, + .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, -.primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, +.header-bar .linked.stack-switcher > .button:last-child, +.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } - .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, - .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, + .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, + .header-bar .linked.stack-switcher > .button:last-child:hover, + .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), - .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), + .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), + .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), + .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, -.primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, +.header-bar .linked.stack-switcher > .button:only-child, +.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } - .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, - .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, + .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, + .header-bar .linked.stack-switcher > .button:only-child:hover, + .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #32383f; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343b; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } + .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button { + +.primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: #1d2024; background-color: rgba(40, 44, 50, 0.9); } - .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover { + .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: #181b1f; @@ -1094,38 +1165,49 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(207, 218, 231, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #262a30); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #2d3138); - border-color: #3d5a7d; } + border-color: #3d5a7e; } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1143,16 +1225,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1171,7 +1253,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1180,7 +1262,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1227,7 +1311,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1251,11 +1335,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1280,7 +1364,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1313,7 +1398,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1325,7 +1410,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1335,13 +1420,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1365,10 +1450,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1378,10 +1463,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1391,10 +1476,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1404,10 +1489,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1417,7 +1502,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1452,9 +1537,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1464,9 +1549,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1669,7 +1754,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1696,7 +1785,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1713,14 +1802,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1742,7 +1831,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1792,6 +1881,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1814,7 +1904,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1827,7 +1917,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1835,7 +1931,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1853,7 +1949,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1893,16 +1989,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1923,7 +2019,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1976,10 +2072,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2016,7 +2113,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2117,13 +2214,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2180,6 +2277,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2195,13 +2293,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2214,14 +2313,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2253,6 +2351,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2268,13 +2367,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2287,14 +2387,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2326,6 +2425,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2341,13 +2441,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2360,14 +2461,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2413,7 +2513,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2435,6 +2540,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2443,6 +2549,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2451,6 +2558,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2468,6 +2576,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2476,6 +2585,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2484,6 +2594,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2493,7 +2604,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2518,22 +2634,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #1f2227, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #1f2227, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2547,8 +2659,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2583,7 +2697,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); @@ -2619,11 +2733,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2632,16 +2749,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2651,7 +2769,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2661,7 +2779,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2673,9 +2791,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: #181b1f; background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2684,13 +2802,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2698,12 +2816,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2719,14 +2839,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2756,7 +2879,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2852,7 +2975,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3054,7 +3177,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #32383f); color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, #1f2227); } UnityPanelWidget, @@ -3082,8 +3206,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3095,7 +3219,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3103,7 +3227,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3132,8 +3256,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3175,7 +3298,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3214,7 +3337,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3308,7 +3431,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3383,7 +3506,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3393,27 +3518,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: #3c4049; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3426,15 +3556,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3447,14 +3577,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3467,136 +3597,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3605,21 +3726,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: #3c4049; } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #2c2f35; } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3627,8 +3754,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: #3c4049; } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: #1f2227; } .gedit-bottom-panel-paned { @@ -3684,9 +3813,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3725,7 +3854,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3742,7 +3871,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3759,21 +3888,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; -@define-color borders #dcdfe3; -@define-color unfocused_borders #dcdfe3; +@define-color borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343b; @define-color wm_bg_unfocused #32383f; @define-color wm_highlight #363c44; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss b/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss deleted file mode 100644 index 03ba34b..0000000 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'light'; -$darker: 'true'; -$transparency: 'false'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.css b/common/gtk-3.0/3.14/gtk-contained-solid.css index 6147204..3436176 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } - .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, + GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } - .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), - .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), + GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), + .header-bar .linked.stack-switcher > .button:dir(rtl), + .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, -.primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, +.header-bar .linked.stack-switcher > .button:first-child, +.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } - .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, - .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, + .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, + .header-bar .linked.stack-switcher > .button:first-child:hover, + .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, -.primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, +.header-bar .linked.stack-switcher > .button:last-child, +.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } - .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, - .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, + .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, + .header-bar .linked.stack-switcher > .button:last-child:hover, + .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), - .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), + .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), + .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), + .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, -.primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, +.header-bar .linked.stack-switcher > .button:only-child, +.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } - .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, - .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, + .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, + .header-bar .linked.stack-switcher > .button:only-child:hover, + .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #eff0f2; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } + .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button { + +.primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } - .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover { + .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); @@ -1094,37 +1165,48 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { - background-image: linear-gradient(to bottom, #fcfcfd); } + background-image: linear-gradient(to bottom, #fdfdfd); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #f0f1f3); } + background-image: linear-gradient(to bottom, #f1f1f3); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1142,16 +1224,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1170,7 +1252,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1179,7 +1261,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1226,7 +1310,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1250,11 +1334,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1279,7 +1363,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1312,7 +1397,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1324,7 +1409,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1334,13 +1419,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1364,10 +1449,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1377,10 +1462,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1390,10 +1475,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1403,10 +1488,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1416,7 +1501,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1451,9 +1536,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1463,9 +1548,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1668,7 +1753,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1695,7 +1784,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1712,14 +1801,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1741,7 +1830,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1791,6 +1880,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1813,7 +1903,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1826,7 +1916,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1834,7 +1930,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1852,7 +1948,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1892,16 +1988,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1922,7 +2018,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1975,10 +2071,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2015,7 +2112,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2116,13 +2213,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2179,6 +2276,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2194,13 +2292,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2213,14 +2312,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2252,6 +2350,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2267,13 +2366,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2286,14 +2386,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2325,6 +2424,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2340,13 +2440,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2359,14 +2460,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2412,7 +2512,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2434,6 +2539,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2442,6 +2548,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2450,6 +2557,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2467,6 +2575,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2475,6 +2584,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2483,6 +2593,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2492,7 +2603,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2517,22 +2633,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2546,8 +2658,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2582,7 +2696,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); @@ -2618,11 +2732,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2631,16 +2748,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2650,7 +2768,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2660,7 +2778,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2672,9 +2790,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2683,13 +2801,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2697,12 +2815,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2718,14 +2838,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2755,7 +2878,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2851,7 +2974,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3053,7 +3176,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #eff0f2); color: rgba(82, 93, 118, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, @@ -3081,8 +3205,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3094,7 +3218,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3102,7 +3226,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3131,8 +3255,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3174,7 +3297,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3213,7 +3336,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3307,7 +3430,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3382,7 +3505,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3392,27 +3517,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: #3c4049; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3425,15 +3555,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3446,14 +3576,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3466,136 +3596,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3604,21 +3725,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: #3c4049; } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #2c2f35; } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3626,8 +3753,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: #3c4049; } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: #d4d5db; } .gedit-bottom-panel-paned { @@ -3683,9 +3812,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3724,7 +3853,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3741,7 +3870,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3758,21 +3887,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; -@define-color borders #dcdfe3; -@define-color unfocused_borders #dcdfe3; +@define-color borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(82, 93, 118, 0.8); -@define-color wm_unfocused_title alpha(rgba(82, 93, 118, 0.8), 0.7); +@define-color wm_title alpha(#525d76, 0.8); +@define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.scss b/common/gtk-3.0/3.14/gtk-contained-solid.scss deleted file mode 100644 index 347cf2c..0000000 --- a/common/gtk-3.0/3.14/gtk-contained-solid.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'light'; -$darker: 'false'; -$transparency: 'false'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css index ae853f7..b245b74 100644 --- a/common/gtk-3.0/3.14/gtk-contained.css +++ b/common/gtk-3.0/3.14/gtk-contained.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + .button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, +.linked > .button:hover, +.linked > .button:active, +.linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } - .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, + GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } - .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), - .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), + GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), + .header-bar .linked.stack-switcher > .button:dir(rtl), + .primary-toolbar .linked.path-bar > .button:dir(rtl), .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, -.primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, +.header-bar .linked.stack-switcher > .button:first-child, +.primary-toolbar .linked.path-bar > .button:first-child, .header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } - .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, - .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, + .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, + .header-bar .linked.stack-switcher > .button:first-child:hover, + .primary-toolbar .linked.path-bar > .button:first-child:hover, .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, -.primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, +.header-bar .linked.stack-switcher > .button:last-child, +.primary-toolbar .linked.path-bar > .button:last-child, .header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } - .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, - .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, + .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, + .header-bar .linked.stack-switcher > .button:last-child:hover, + .primary-toolbar .linked.path-bar > .button:last-child:hover, .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), - .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), + .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), + .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), + .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, -.primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, +.header-bar .linked.stack-switcher > .button:only-child, +.primary-toolbar .linked.path-bar > .button:only-child, .header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } - .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, - .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, + .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, + .header-bar .linked.stack-switcher > .button:only-child:hover, + .primary-toolbar .linked.path-bar > .button:only-child:hover, .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, +.linked.vertical > .button:hover, +.linked.vertical > .button:active, +.linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #eff0f2; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.titlebar.selection-mode .button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.selection-mode .button.flat { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.titlebar.selection-mode .button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.5); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: rgba(82, 148, 226, 0.95); outline-color: rgba(82, 148, 226, 0.25); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.selection-mode .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; border-width: 0 1px; border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } - .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); background-color: rgba(82, 148, 226, 0.65); } + .primary-toolbar .linked > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button { + +.primary-toolbar .linked.stack-switcher > .button, +.header-bar .linked.stack-switcher > .button, +.primary-toolbar .linked.path-bar > .button, .header-bar .linked.path-bar > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); background-color: rgba(251, 251, 252, 0.9); } - .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, - .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover { + .primary-toolbar .linked.stack-switcher > .button:hover, + .header-bar .linked.stack-switcher > .button:hover, + .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); @@ -1094,37 +1165,48 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { - background-image: linear-gradient(to bottom, rgba(252, 252, 253, 0.995)); } + background-image: linear-gradient(to bottom, rgba(253, 253, 253, 0.995)); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, rgba(241, 241, 243, 0.97)); } + background-image: linear-gradient(to bottom, rgba(241, 242, 243, 0.97)); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1142,16 +1224,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1170,7 +1252,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1179,7 +1261,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1226,7 +1310,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1250,11 +1334,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1279,7 +1363,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1312,7 +1397,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1324,7 +1409,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1334,13 +1419,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1364,10 +1449,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1377,10 +1462,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1390,10 +1475,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1403,10 +1488,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1416,7 +1501,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1451,9 +1536,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1463,9 +1548,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1668,7 +1753,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1695,7 +1784,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1712,14 +1801,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1741,7 +1830,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1791,6 +1880,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1813,7 +1903,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1826,7 +1916,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1834,7 +1930,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1852,7 +1948,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1892,16 +1988,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1922,7 +2018,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1975,10 +2071,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2015,7 +2112,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2116,13 +2213,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2179,6 +2276,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2194,13 +2292,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2213,14 +2312,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2252,6 +2350,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2267,13 +2366,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2286,14 +2386,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2325,6 +2424,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2340,13 +2440,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2359,14 +2460,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2412,7 +2512,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2434,6 +2539,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2442,6 +2548,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2450,6 +2557,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2467,6 +2575,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2475,6 +2584,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2483,6 +2593,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2492,7 +2603,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2517,22 +2633,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2546,8 +2658,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2582,7 +2696,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); @@ -2618,11 +2732,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2631,16 +2748,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2650,7 +2768,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2660,7 +2778,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2672,9 +2790,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2683,13 +2801,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2697,12 +2815,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { box-shadow: -1px 0 #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2718,14 +2838,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2755,7 +2878,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2851,7 +2974,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3053,7 +3176,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #eff0f2); color: rgba(82, 93, 118, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, @@ -3081,8 +3205,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3094,7 +3218,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3102,7 +3226,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3131,8 +3255,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3174,7 +3297,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3213,7 +3336,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3307,7 +3430,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3382,7 +3505,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3392,27 +3517,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: rgba(60, 64, 73, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3425,15 +3555,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3446,14 +3576,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3466,136 +3596,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3604,21 +3725,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: rgba(60, 64, 73, 0.95); } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(44, 47, 53, 0.95); } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3626,8 +3753,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: rgba(60, 64, 73, 0.95); } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: rgba(212, 213, 219, 0.95); } .gedit-bottom-panel-paned { @@ -3683,9 +3812,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3724,7 +3853,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3741,7 +3870,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3758,21 +3887,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c, 0.5); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; -@define-color borders #dcdfe3; -@define-color unfocused_borders #dcdfe3; +@define-color borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(82, 93, 118, 0.8); -@define-color wm_unfocused_title alpha(rgba(82, 93, 118, 0.8), 0.7); +@define-color wm_title alpha(#525d76, 0.8); +@define-color wm_unfocused_title alpha(#525d76, 0.5); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #eff0f2; diff --git a/common/gtk-3.0/3.14/gtk-contained.scss b/common/gtk-3.0/3.14/gtk-contained.scss deleted file mode 100644 index c45d673..0000000 --- a/common/gtk-3.0/3.14/gtk-contained.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'light'; -$darker: 'false'; -$transparency: 'true'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; 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/sass/_applications.scss b/common/gtk-3.0/3.14/sass/_applications.scss new file mode 100644 index 0000000..f4b2c8d --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_applications.scss @@ -0,0 +1,680 @@ +// +// Tab overrides +// +GeditNotebook.notebook, +ScratchMainWindow .notebook, +EphyNotebook.notebook, +MidoriNotebook .notebook, +TerminalWindow .notebook, +PantheonTerminalPantheonTerminalWindow .notebook { + + tab.reorderable-page.top, tab.top { + &:active, &.active-page, &.active-page:hover { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + } +} + +TerminalWindow .notebook, +PantheonTerminalPantheonTerminalWindow .notebook { + + tab.reorderable-page.top, tab.top { + padding-top: 7px; + border-top-width: 3px; + } + + &.header.top { + box-shadow: inset 0 1px opacify($header_border, 1), + inset 0 -1px $borders_color; + } +} + +// +// Evolution +// +// needed for webkit/GtkStyle/Evolution compatibility +GtkHTML { + background-color: $base_color; + color: $text_color; + + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +// +// Sushi +// +// used by gnome-font-viewer and sushi +SushiFontWidget { + padding: 6px 12px; +} + +// +// GNOME Terminal +// +$terminal_bg: #2A2F36; +$terminal_fg: white; + +TerminalWindow { + .background { + background-color: transparent; + } + + .scrollbar { + &.vertical .slider { margin-left: 3px; } + &.trough { border-width: 0; } + } +} + +// +// Nautilus +// +NautilusCanvasViewContainer.view .entry { border-radius: 3px; } + +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-desktop.nautilus-canvas-item { + color: $selected_fg_color; + text-shadow: 1px 1px transparentize(black, 0.4); + + &:active { color: $fg_color; } + &:selected { color: $selected_fg_color; } +} + +NautilusNotebook.notebook { + background-color: $base_color; + + tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + } +} + +//NautilusNotebook.notebook { +// background-color: $base_color; +//} + +NautilusQueryEditor .search-bar.toolbar { + padding: 5px; + box-shadow: none; + background-color: $base_color; +} + + +// +// Nemo +// +NemoIconViewContainer { @extend NautilusCanvasViewContainer.view } + +NemoWindow .sidebar .frame { + border-width: 0; +} + +NemoWindow GtkSeparator.separator.horizontal { + color: $borders_color; +} + +.nemo-desktop.nemo-canvas-item { + @extend .nautilus-desktop.nautilus-canvas-item; +} + +NemoWindow .primary-toolbar NemoPathBar.linked > .button { + @include button(header-hover); + + &:hover { border-color: $selected_bg_color; } + &:active, &:checked { @include button(header-active); } + + @extend %linked; +} + +// +// Gedit +// +.gedit-headerbar-paned { color: $header_border; } + +.open-document-selector-listbox-row { + border-bottom: 1px solid darken($bg_color, 5%); + padding: 6px 6px 6px 12px; + + .path-label { font-size: smaller; color: transparentize($fg_color, 0.3); } + &:selected .path-label { color: transparentize($selected_fg_color, 0.3); } +} + +.gedit-document-panel { + + .list-row .button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; + & GtkImage { color: inherit; } + } + .prelight-row .button { + color: mix($bg_color, $fg_color, 35%); + } + .list-row .button:hover, + .prelight-row .button:hover { + color: lighten(red, 15%); + } + .prelight-row:selected .button:hover { + color: lighten(red, 20%); + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + &:active { color: $selected_fg_color; } + } + .prelight-row .button:active { + color: $fg_color; + } +} + +.gedit-document-panel-dragged-row { + border: 1px solid $borders_color; + background-color: darken($bg_color, 10%); + color: $fg_color; +} + +//.gedit-document-panel-placeholder-row { +//} + +GeditStatusbar { + border-top: 1px solid $borders_color; + background-color: $bg_color; +} + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:prelight.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; +} + + +GeditViewFrame .gedit-search-slider { @extend %search_slider } + +GeditFileBrowserWidget .toolbar { + border-bottom: 1px solid $borders_color; +} + +.gedit-search-entry-occurrences-tag { + color: transparentize($fg_color, 0.4); + margin: 2px; + padding: 2px; +} + +%search_slider { + background-color: lighten($bg_color, 2%); + padding: 6px; + border-color: $borders_color; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +// +// Gnome Builder +// + +GbSearchBox.linked { + + > GtkMenuButton.button:last-child:dir(ltr), + > GtkMenuButton.button:first-child:dir(rtl) { + padding: 0 10px; + + @include entry(header-normal); + + &:hover { @include entry(header-normal); border-color: $selected_bg_color; } + &:active, &:checked { @include entry(header-focus); } + &:insensitive { @include entry(header-insensitive); } + } + + > 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; + + &:hover { box-shadow: -1px 0 $selected_bg_color; } + } + > GtkMenuButton.button:first-child:dir(rtl) { + border-right-style: none; + border-radius: 14.5px 0 0 14.5px; + outline-radius: 12.5px 0 0 12.5px; + + &:hover { box-shadow: 1px 0 $selected_bg_color; } + } +} + +//Search entry that slides down from top of editor +GbEditorFrame .gb-search-slider { @extend %search_slider; padding: 2px; } + +.gb-search-entry-occurrences-tag { @extend .gedit-search-entry-occurrences-tag } + +GdTaggedEntry { color: $fg_color; } + +// Preferences sidebar style +.preferences.sidebar { + + GtkViewport { border: none; } + GtkListBox { background-color: $bg_color; } + GtkListBoxRow { padding: 10px; } +} + +// Preference page language style +GbPreferencesPageLanguage { + + GtkSearchEntry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + GtkScrolledWindow { border-top-width: 0; } +} + +// Command Bar styling +GtkBox.gb-command-bar-box { + border: none; + background-color: opacify($osd_bg_color, 1); + + GtkLabel { color: $osd_fg_color; } +} + +GtkEntry.gb-command-bar-entry.entry.flat, +GtkEntry.gb-command-bar-entry.entry.flat:focus { + font-family: Monospace; + color: $osd_fg_color; + background-image: none; + background-color: opacify($osd_bg_color, 1); + padding: 6px 6px 6px 6px; + border: none; + + &:selected, + &:selected:focus { + @extend %selected_items; + } +} + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; +} + +GtkScrolledWindow.gb-linked-scroller { + border-top: none; +} + +// Disable various animatinos that are enabled by default and really annoying +// to the overall flow of Builder. +GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { + transition: none; +} + +GbViewStack GtkBox.header.notebook, +GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbViewStack.focused GtkBox.header.notebook { + background-color: $bg_color; + + .button.dim-label { opacity: 1; } +} + +// +// Epiphany +// +EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it + color: $fg_color; +} + +// +// Gnome Documents +// +.documents-load-more.button { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px; +} + +.documents-collection-icon { + background-color: transparentize($fg_color, 0.7); + border-radius: 2px; +} + +.documents-favorite.button:active, +.documents-favorite.button:active:hover { + color: lighten($selected_bg_color, 20%); +} + +.documents-entry-tag { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; + + &:hover { background-color: lighten($selected_bg_color, 4%) } + &:active { background-color: darken($selected_bg_color, 4%) } + + .toolbar .linked &.button { + background: none; + border: none; + box-shadow: none; + icon-shadow: none; + + &:hover { color: transparentize($selected_fg_color, 0.3) } + } +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +// +// Totem +// +TotemGrilo.vertical GdMainView.frame { + border-width: 0; +} + +// +// Synapse +// +SynapseGuiViewDefault *:selected { background-color: $selected_bg_color; } + +// +// Fallback Mode/Budgie Panel +// +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: $panel_fg; + background-image: linear-gradient(to bottom, $panel_bg); +} + +PanelApplet .button, PanelApplet .button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: $panel_fg; +} + +PanelApplet .button:hover { + color: lighten($panel_fg, 10%); + background-color: transparentize(black, 0.83); + border-color: transparentize(black, 0.83); +} + +PanelApplet .button:active, PanelApplet .button:active:backdrop, +PanelApplet .button:checked, PanelApplet .button:checked:backdrop { + background-clip: padding-box; + color: $selected_fg_color; + background-color: transparentize(black, 0.75); + border-radius: 0; + border-color: transparentize(black, 0.75); + box-shadow: inset 0 -2px $selected_bg_color; +} + +PanelApplet:hover { + color: $selected_fg_color; +} + +PanelApplet:active, +PanelApplet:hover:active { + color: $selected_bg_color; +} + +WnckPager { + color: mix($panel_fg, black, 50%); + &:selected { color: $selected_bg_color } +} + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; +} + +ClockBox { + color: $panel_fg; +} + +// Xfce Panel +.xfce4-panel.panel { + background-color: $panel_bg; + + .button.flat { + color: $panel_fg; + background-color: transparentize($panel_bg, 1); + border-radius: 0; + + &:hover { + border: none; + background-color: lighten($panel_bg, 10%); + } + &:active, &:checked { + color: $selected_bg_color; + border: none; + background-color: darken($panel_bg, 7%); + } + } +} + +// +// Floating Bar +// +.floating-bar { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &.top { border-radius: 0 0 2px 2px; } + &.right { border-radius: 2px 0 0 2px; } + &.bottom { border-radius: 2px 2px 0 0; } + &.left { border-radius: 0 2px 2px 0; } + + .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + background-color: transparent; + box-shadow: none; + border: none; + } +} + +// Elementary Apps + +// +// Birdie +// +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; +} + +// +// Marlin / Pantheon Files +// +MarlinViewWindow GtkIconView.view:selected, +MarlinViewWindow GtkIconView.view:selected:focus, +MarlinViewWindow GtkIconView.view:selected:hover, +MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, +MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +MarlinViewWindow *:selected, +MarlinViewWindow *:selected:focus { + color: $selected_fg_color; + background-color: $selected_bg_color; + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + border-radius: 14.5px; + @include entry(header-normal); + + &:focus { @include entry(header-focus) } + + &:insensitive { @include entry(header-insensitive) } + + &:active, &:checked { + color: $selected_bg_color; + } +} + +// +// Gala +// +.gala-notification { + border: 1px solid if($variant=='light', rgba(0, 0, 0, 0.35), $borders_color); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, $base_color); + background-color: transparent; + + .title, .label { + color: $fg_color; + } +} + +// +// Wingpanel +// +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px transparentize(black, 0.4); + icon-shadow: 0 1px 2px transparentize(black, 0.4); +} + +.panel-shadow { + background-image: none; + background-color: transparent; +} + +.panel .menu { + box-shadow: none; +} + +.panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + icon-shadow: none; +} + +.panel .menubar > .menuitem { padding: 3px 6px; } + +.panel .menubar > .menuitem:hover { background-color: transparent; } + +.panel .window-frame.menu.csd, +.panel .window-frame.popup.csd { + box-shadow: none; +} + +.panel .menu .window-frame.menu.csd, +.panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px transparentize(black, 0.8), + 0 10px 20px transparentize(black, 0.81), + 0 6px 6px transparentize(black, 0.77); +} + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px transparentize(black, 0.4); + icon-shadow: 0 1px 2px transparentize(black, 0.4); +} + +.composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.composited-indicator.menuitem:active, +.composited-indicator.menuitem:prelight { + border-style: none; + background-image: none; + box-shadow: none; +} + +.composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; +} + +.panel .menu .spinner, +.menu .spinner { opacity: 1 } // Fixes sound indicator buttons + +// +// Wingpanel Popover +// +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + + text-shadow: none; + icon-shadow: none; + + .menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + icon-shadow: none; + border: solid transparent; + border-width: 1px 0; + + GtkLabel, GtkImage { padding: 0 3px; } + + &:hover, &:active { + background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); + border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); + border-width: 1px 0; + } + *:insensitive { color: $insensitive_fg_color; } + } +} + +// +// Pantheon Terminal +// +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; +} + +// +// Switchboard +// +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: $fg_color; +} diff --git a/common/gtk-3.0/3.14/sass/_colors-public.scss b/common/gtk-3.0/3.14/sass/_colors-public.scss new file mode 100644 index 0000000..60d3cbf --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_colors-public.scss @@ -0,0 +1,77 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var +@define-color theme_fg_color #{"" + $fg_color}; +@define-color theme_text_color #{"" + $text_color}; +@define-color theme_bg_color #{"" + $bg_color}; +@define-color theme_base_color #{"" + $base_color}; +@define-color theme_selected_bg_color #{"" + $selected_bg_color}; +@define-color theme_selected_fg_color #{"" + $selected_fg_color}; +@define-color fg_color #{"" + $fg_color}; +@define-color text_color #{"" + $text_color}; +@define-color bg_color #{"" + $bg_color}; +@define-color base_color #{"" + $base_color}; +@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 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}; +@define-color theme_unfocused_bg_color #{"" + $bg_color}; +@define-color theme_unfocused_base_color #{"" + $base_color}; +@define-color borders #{"" + $borders_color}; +@define-color unfocused_borders #{"" + $borders_color}; + +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; +@define-color success_color #{"" + $success_color}; +@define-color placeholder_text_color #A8A8A8; + +//WM +$wm_highlight: lighten(opacify($header_bg, 1), 3%); +$wm_bg_unfocused: opacify($header_bg_backdrop, 1); + +@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}; + +@define-color wm_highlight #{"" + $wm_highlight}; +@define-color wm_shadow alpha(black, 0.35); + +//WM Buttons + +// Close +@define-color wm_button_close_bg #{"" + $wm_button_close_bg}; +@define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; +@define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; + +@define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; +@define-color wm_icon_close_hover_bg #{"" + $wm_icon_close_hover_bg}; +@define-color wm_icon_close_active_bg #{"" + $wm_icon_close_active_bg}; + +// Minimize, Maximize +@define-color wm_button_bg #{"" + $wm_button_bg}; +@define-color wm_button_unfocused_bg #{"" + $wm_button_unfocused_bg}; +@define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; +@define-color wm_button_active_bg #{"" + $wm_button_active_bg}; + +@define-color wm_button_border #{"" + $wm_button_border}; +@define-color wm_button_unfocused_border #{"" + $wm_button_unfocused_border}; +@define-color wm_button_hover_border #{"" + $wm_button_hover_border}; +@define-color wm_button_active_border #{"" + $wm_button_active_border}; + +@define-color wm_icon_bg #{"" + $wm_icon_bg}; +@define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; +@define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; +@define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; + + +//FIXME this is really an API + +@define-color content_view_bg #{"" + $base_color}; + diff --git a/common/gtk-3.0/3.14/sass/_colors.scss b/common/gtk-3.0/3.14/sass/_colors.scss new file mode 100644 index 0000000..c32b223 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_colors.scss @@ -0,0 +1,102 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + + +$base_color: if($variant =='light', #ffffff, #383C45); +$text_color: if($variant == 'light', #5c616c, #D3DAE3); +$bg_color: if($variant =='light', #F5F6F7, #444852); +$fg_color: if($variant =='light', #5c616c, #D3DAE3); + +$selected_fg_color: #ffffff; +$selected_bg_color: #5294E2; +$selected_borders_color: darken($selected_bg_color, 20%); +$borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,10%)); + +$link_color: if($variant == 'light', darken($selected_bg_color,10%), + lighten($selected_bg_color,20%)); +$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), + lighten($selected_bg_color,10%)); + +$selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); +$warning_color: #F27835; +$error_color: #FC4138; +$success_color: #73d216; +$destructive_color: #F04A50; +$suggested_color: #4DADD4; + +$osd_fg_color: #A8ADB5; +$osd_bg_color: transparentize(#3c4049, 0.05); +$osd_button_bg: darken($osd_bg_color, 3%); + +$osd_insensitive_bg_color: darken($osd_bg_color, 3%); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); +$osd_borders_color: transparentize(black, 0.3); + + +$tooltip_bg: $osd_bg_color; +$tooltip_fg: #edf5fb; +$tooltip_borders_color: transparentize(white, 0.9); + +//insensitive state derived colors +$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); +$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); + + +$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); +$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); +$entry_focus_border: $selected_bg_color; + +$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); +$button_border: $entry_border; + +$header_bg: red; +@if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } +@if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } +@if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343b, 0.03); } +@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343b; } + +//$header_bg: if(($darker == 'true' or $variant == 'dark') and $transparency == 'true', transparentize(#2f343b, 0.03), #2f343b); + +$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); + +$header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)); + +$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); +$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); + +$dark_sidebar_bg: if($transparency == 'true' and $variant == 'light', $osd_bg_color, opacify($osd_bg_color, 1)); +@if $variant==dark { $dark_sidebar_bg: if($transparency == 'true', lighten($osd_bg_color, 4%), lighten(opacify($osd_bg_color, 1), 4%)); } + +$dark_sidebar_fg: $osd_fg_color; +$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 10%)); + +$panel_bg: darken($osd_bg_color, 10%); +$panel_fg: $dark_sidebar_fg; + + +//WM Buttons + +// Close +$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f37076, #e45e65); +$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f79da1, #f48085); +$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #ef4048, #e6262f); + +$wm_icon_close_bg: $selected_fg_color; +$wm_icon_close_hover_bg: $selected_fg_color; +$wm_icon_close_active_bg: $selected_fg_color; + +// Minimize, Maximize +$wm_button_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); +$wm_button_unfocused_bg: if($variant == 'light' and $darker == 'false', #f6f7f8, #2a3035); +$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); +$wm_button_active_bg: $selected_bg_color; + +$wm_button_border: if($variant == 'light' and $darker == 'false', #d8dae0, #191C21); +$wm_button_unfocused_border: if($variant == 'light' and $darker == 'false', #dddee2, #1F2328); +$wm_button_hover_border: $selected_bg_color; +$wm_button_active_border: $selected_bg_color; + +$wm_icon_bg: if($variant == 'light' and $darker == 'false', #8d93a4, #939ca8); +$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #b8bcc7, #686f78); +$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #70788d, #afb8c5); +$wm_icon_active_bg: $selected_fg_color; diff --git a/common/gtk-3.0/3.14/sass/_common.scss b/common/gtk-3.0/3.14/sass/_common.scss new file mode 100644 index 0000000..977da07 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_common.scss @@ -0,0 +1,2733 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$asset_suffix: if($variant=='dark', '-dark', ''); // use dark assets in dark variant +$darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + -GtkPaned-handle-size: 1; + + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_visited_color; + + -GtkWidget-focus-padding: 2; // FIXME: do we still need these? + -GtkWidget-focus-line-width: 1; // + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + -GtkStatusbar-shadow-type: none; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-color: transparentize($fg_color, 0.7); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + outline-radius: 2px; +} + + +/*************** + * Base States * + ***************/ + +.background { + color: $fg_color; + background-color: transparentize($bg_color, 0.001); // without this headerbar transparency doesn't seem to work +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +*:insensitive { + -gtk-image-effect: dim; +} + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + &:prelight { + background-color: lighten($bg_color, 10%); + color: $fg_color; + } + &:active { + background-color: darken($bg_color, 10%); + color: $fg_color; + } + &:insensitive { + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +.view { + color: $text_color; + background-color: $base_color; + + &:selected, + &:selected:focus, + &:selected:hover { + @extend %selected_items; + } + &.dim-label { + color: transparentize($text_color, 0.45); + + &:selected, &:selected:focus { + color: transparentize($selected_fg_color, 0.35); + text-shadow: none; + } + } +} + +.rubberband { + border: 1px solid $selected_bg_color; + background-color: transparentize($selected_bg_color,0.8); +} + +GtkLabel { + &.separator { + color: $fg_color; + @extend .dim-label; + } + &:selected, + &:selected:focus, + &:selected:hover { + @extend %selected_items; + } + &:insensitive { + color: $insensitive_fg_color; + } +} + +.dim-label { + opacity: 0.55; +} + +GtkAssistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + } + &.csd .sidebar { border-top-style: none; } + .sidebar GtkLabel { + padding: 6px 12px; + } + .sidebar GtkLabel.highlight { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +GtkTextView { // This will get overridden by .view, needed by gedit line numbers + background-color: mix($bg_color, $base_color, 50%); +} + +GtkFlowBox .grid-child { + padding: 3px; + border-radius: 3px; + &:selected { + @extend %selected_items; + outline-offset: -2px; + } +} + +%osd, .osd { + color: $osd_fg_color; + border: none; + background-color: $osd_bg_color; + background-clip: padding-box; + outline-color: transparentize($osd_fg_color, 0.7); + box-shadow: none; +} + +/********************** + * Spinner Animations * + **********************/ + +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +.spinner { + background-image: none; + background-color: blue; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:active { + opacity: 1; + animation: spin 1s linear infinite; + + &:insensitive { + opacity: 0.5; + } + } +} + +/**************** + * Text Entries * + ****************/ + +.entry { + border: 1px solid; + padding: 5px 8px 6px; + + border-radius: 15px; + transition: all 200ms $ease-out-quad; + @include entry(normal); + + .header-bar & { padding: 6px 11px; } + + //&.image { // icons inside the entry + // &.left { padding-left: 0; } + // &.right { padding-right: 0; } + //} + &.image { padding-left: 3px; padding-right: 3px; } + + &.flat, &.flat:focus { + padding: 2px; + @include entry(normal); + border: none; + border-radius: 0; + } + + &:focus { + background-clip: border-box; + @include entry(focus); + } + + &:insensitive { @include entry(insensitive); } + + &:selected, + &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &.progressbar { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + } + + .linked > & { //FIXME: use same buttons linking logic and template + &:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + &:dir(rtl) { border-right-style: none;} + } + &:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; + &:dir(rtl) { border-left-style: solid; } + } + } + + &.error { + color: white; + border-color: $error_color; + background-image: linear-gradient(to bottom, mix($error_color, $base_color, 80%)); + &:focus { + background-image: linear-gradient(to bottom, $error_color); + color: white; + } + &:selected, &:selected:focus { + background-color: white; + color: $error_color; + } + } + + &.warning { + color: white; + border-color: $warning_color; + background-image: linear-gradient(to bottom, mix($warning_color, $base_color, 80%)); + &:focus { + background-image: linear-gradient(to bottom, $warning_color); + color: white; + } + &:selected, &:selected:focus { + background-color: white; + color: $warning_color; + } + } + + &.image { // entry icons colors + color: mix($fg_color,$base_color,80%); + &:hover { color: $fg_color; } + &:active { color: $selected_bg_color; } + } + + .linked.vertical > & { //FIXME comment stuff and make the whole thing smarter. + border-bottom-color: mix($borders_color, $base_color, 30%); + box-shadow: none; + @extend %linked_vertical; + + &:focus { + border-color: $selected_bg_color; + box-shadow: 0 -1px 0 0 $selected_bg_color; + @extend %linked_vertical; + } + + &:insensitive { + border-bottom-color: mix($borders_color, $base_color, 30%); + @extend %linked_vertical; + } + + &:first-child { + border-bottom-color: mix($borders_color, $base_color, 30%); + + &:focus { + border-bottom-color: $selected_bg_color; + box-shadow: none; + } + + &:insensitive { + border-bottom-color: mix($borders_color, $base_color, 30%); + @extend %linked_vertical:first-child; + } + } + + &:last-child { + border-bottom-color: rgba(0,0,0,0.14); + &:focus { + border-bottom-color: $selected_bg_color; + box-shadow: 0 -1px 0 0 $selected_bg_color; + @extend %linked_vertical:last-child; + } + + &:insensitive { + border-bottom-color: rgba(0,0,0,0.14); + @extend %linked_vertical:last-child; + + } + } + } + + .osd & { + @include entry(osd); + &:focus { @include entry(osd-focus); } + &:insensitive { @include entry(osd-insensitive); } + } +} + +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +$_dot_color: $selected_bg_color; + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + + +.button { + $_button_transition: all 200ms $ease-out-quad; + + transition: $_button_transition; + border: 1px solid; + border-radius: 3px; + padding: 5px 8px; + + .header-bar & { padding: 6px 11px; } + + @include button(normal); + + &.flat { + @include button(undecorated); + background-color: transparentize($bg_color, 1); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + &:hover { + transition: $_button_transition; + transition-duration: 350ms; + &:active { transition: $_button_transition; } + } + } + &:hover { + @include button(hover); + -gtk-image-effect: highlight; + } + &:active, &:checked { + background-clip: border-box; + @include button(active); + transition-duration: 50ms; + } + + //Webkitgtk workaround start + &:active { color: $fg_color; } + &:active:hover, &:checked { color: $selected_fg_color; } + //Webkitgtk workaround end + + &.flat:insensitive { + @include button(undecorated); + } + &:insensitive { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active); + } + } + // big standalone buttons like in Documents pager + &.osd { + outline-color: transparentize($osd_fg_color, 0.7); + + @include button(osd); + background-color: $osd_bg_color; + + &.image-button { padding: 10px; } + + &:hover { @include button(osd-hover); border-color: transparentize($osd_fg_color, 0.7)} + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } + } + + //overlay / OSD style + .osd & { + @include button(osd); + // there's a problem with sass which prevents it to extend the linked + // placeholder as expected, it should just be "@extend %linked;", the + // placeholder is basically replicated here + // + // Workaround START + border-radius: 0; + border-left-style: none; + border-right-style: none; + + &:dir(rtl) { + border-radius: 0; + border-right-style: none; + border-left-style: none + } + &:first-child { + border-radius: 3px 0 0 3px; + border-left-style: solid; + } + &:last-child { + border-radius: 0 3px 3px 0; + border-right-style: solid; + + &:dir(rtl) { border-left-style: solid; } + } + &:only-child { + border-radius: 3px; + border-style: solid; + } + // Workaround END + &:hover { + @include button(osd-hover); + @extend %linked; + } + &:active, &:checked { + @include button(osd-active); + @extend %linked; + } + &:insensitive { + @include button(osd-insensitive); + @extend %linked; + } + + &.flat { + @include button(undecorated); + box-shadow: none; + &:hover { + @include button(osd-hover); + } + &:insensitive { + @include button(osd-insensitive); + background-image: none; + } + &:active, &:checked { + @include button(osd-active); + } + } + } + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(suggested_destructive, $b_color); + + &.flat { + @include button(undecorated); + color: $b_color; + outline-color: transparentize($b_color, 0.7); + } + &:hover { + @include button(suggested_destructive, lighten($b_color, 10%)); + } + &:active, &:checked { + @include button(suggested_destructive, darken($b_color, 10%)); + } + &.flat:insensitive { + @include button(undecorated); + color: transparentize($b_color, 0.35); + } + &:insensitive { opacity: 0.75; } + } + } + + &.image-button { padding: 8px; } + + .header-bar &.image-button { padding: 6px 9px; } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + .header-bar &.text-button { padding: 6px 16px; } + + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + padding: 4px 8px 5px; // same as .button + GtkLabel:first-child { padding-left: 8px; } + GtkLabel:last-child { padding-right: 8px; } + } + + .header-bar &.text-button.image-button { padding: 6px 16px; } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -3px; // needs to be set or it gets overridden by GtkRadioButton outline-offset + + > GtkLabel { + padding-left: 6px; // label padding + padding-right: 6px; // + } + > GtkImage { + padding-left: 6px; + padding-right: 6px; + padding-top: 5px; + padding-bottom: 5px; + } + + .header-bar > GtkLabel { padding: 6px 10px; } + + &.text-button { padding: 5px 10px; } + + .header-bar &.text-button { padding: 6px 10px; } + + &.image-button { padding: 1px 3px; } + + &.needs-attention > GtkLabel, + &.needs-attention > GtkImage { @extend %needs_attention; } + &.needs-attention:active > GtkLabel, + &.needs-attention:active > GtkImage, + &.needs-attention:checked > GtkLabel, + &.needs-attention:checked > GtkImage { + animation: none; + background-image: none; + } + } + + %needs_attention { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + @if $variant == 'light' { background-position: right 3px, right 4px; } + @else { background-position: right 3px, right 2px; } + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + @else { background-position: left 3px, left 2px; } + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: 2px; + border-width: 1px; + @extend %linked; + } + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked { @extend %linked_vertical; } +} + +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +.inline-toolbar GtkToolButton > .button { // redefining the button look is + // needed since those are flat... + @include button(normal); + &:hover { @include button(hover); } + &:active, + &:checked{ @include button(active); } + &:insensitive { @include button(insensitive); } + &:insensitive:active, + &:insensitive:checked { @include button(insensitive-active); } +} + +// More inline toolbar buttons +.inline-toolbar.toolbar GtkToolButton { + & > .button.flat { @extend %linked_middle; } + &:dir(rtl) > .button.flat { @extend %linked_middle:dir(rtl); } + &:first-child > .button.flat { @extend %linked:first-child; } + &:last-child > .button.flat { @extend %linked:last-child; } + &:last-child:dir(rtl) > .button.flat { @extend %linked:last-child:dir(rtl); } + &:only-child > .button.flat { @extend %linked:only-child; } +} + +%linked_middle { + border-radius: 0; + border-left-style: none; + border-right-style: none; + + &:hover { + box-shadow: inset 1px 0 $selected_bg_color, inset -1px 0 $selected_bg_color; + } + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_middle:dir(rtl) + } +} + +%linked { + @extend %linked_middle; + + &:first-child { + border-radius: 3px 0 0 3px; + border-left-style: solid; + + &:hover { box-shadow: inset -1px 0 $selected_bg_color; } + } + &:last-child { + border-radius: 0 3px 3px 0; + border-right-style: solid; + + &:hover { box-shadow: inset 1px 0 $selected_bg_color; } + + &:dir(rtl) { border-bottom-left-radius: 0; } + + } + &:only-child { + border-radius: 3px; + border-style: solid; + + &:hover { box-shadow: none; } + } +} + +%linked_vertical_middle { + border-style: solid; + border-bottom-style: none; + border-top-style: none; + border-radius: 0; + + &:hover { box-shadow: inset 0 1px $selected_bg_color, inset 0 -1px $selected_bg_color; } +} + +%linked_vertical{ + @extend %linked_vertical_middle; + + &:first-child { + border-radius: 3px 3px 0 0; + border-top-style: solid; + + &:hover { box-shadow: inset 0 -1px $selected_bg_color; } + } + &:last-child { + border-radius: 0 0 3px 3px; + border-bottom-style: solid; + + &:hover { box-shadow: inset 0 1px $selected_bg_color; } + } + &:only-child { + border-radius: 3px; + border-style: solid; + + &:hover { box-shadow: none; } + } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +/* menu buttons */ +.menuitem.button.flat { + transition: none; + @extend %undecorated_button; + outline-offset: -1px; + border-radius: 2px; + + &:hover { background-color: mix($fg_color,$bg_color,5%); } + &:selected, &:checked, &:active { + @extend %selected_items; + } +} + +/********* + * Links * + *********/ + +*:link { + color: $link_color; + &:visited { + color: $link_visited_color; + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + &:hover { + color: lighten($link_color,10%); + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } + } + &:active { + color: $link_color; + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + } + &:selected, *:selected & { + color: mix($selected_fg_color, $selected_bg_color, 80%); + } +} + +.button:link, .button:visited { + @extend %undecorated_button; + @extend *:link; + &:hover, &:active, &:checked { + @extend %undecorated_button; + } +} + +/***************** + * GtkSpinButton * + *****************/ + +.spinbutton { + border-radius: 3px; + + .button { + background-image: none; + border: 1px solid transparentize($borders_color,0.4); + border-style: none none none solid; + color: mix($fg_color,$base_color,95%); + border-radius: 0; + box-shadow: none; + // padding-left: 6px; + // padding-right: 6px; + &:dir(rtl) { border-style: none solid none none; } + &:first-child { color: red; } + &:hover { + color: $selected_bg_color; + } + &:insensitive { + color: $insensitive_fg_color; + } + &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + +// .osd & { +// .button { +// @include button(undecorated); +// color: $osd_fg_color; +// border-style: none none none solid; +// border-color: transparentize($osd_borders_color, 0.3); +// border-radius: 0; +// box-shadow: none; +// &:dir(rtl) { border-style: none solid none none; } +// &:hover { +// @include button(undecorated); +// color: $osd_fg_color; +// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); +// background-color: transparentize($osd_fg_color, 0.9); +// box-shadow: none; +// } +// &:insensitive { +// @include button(undecorated); +// color: $osd_insensitive_fg_color; +// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); +// box-shadow: none; +// } +// &:last-child { border-radius: 0 2px 2px 0; } +// &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } +// } +// } + + &.vertical, &.vertical:dir(rtl) { + .button { + &:first-child { + @extend %top_button; + @include button(normal); + &:active { + @extend %top_button; + @include button(active); + } + &:hover { + @extend %top_button; + @include button(hover); + } + &:insensitive { + @extend %top_button; + @include button(insensitive); + } + } + &:last-child { + @extend %bottom_button; + @include button(normal); + &:active { + @extend %bottom_button; + @include button(active); + } + &:hover { + @extend %bottom_button; + @include button(hover); + } + &:insensitive { + @extend %bottom_button; + @include button(insensitive); + } + } + } + &.entry { + // we should remove the bottom edge hilight here, but seems + // like buttons are on top of it so it doesn't show up + border-radius: 0; + padding-left: 5px; + padding-right: 5px; + } + %top_button { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; + } + %bottom_button { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; + } + } + GtkTreeView & { + &.entry, &.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: $selected_bg_color; + border-radius: 0; + box-shadow: none; + } + } +} + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + > .button { padding-top: 3px; padding-bottom: 4px; } // Otherwise combos + // are bigger then + // buttons + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + + &:insensitive { + color: $insensitive_fg_color; + } + + .separator.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } + + &.combobox-entry .entry { + @extend %linked; + + border-right-style: none; + &:dir(rtl) { border-left-style: none; } + } + + &.combobox-entry .button { + @extend %linked; + + color: transparentize($fg_color, 0.4); + background-color: $button_border; + border-color: $button_border; + + &:hover { + background-color: lighten($button_border, 5%); + border-color: $selected_bg_color; + box-shadow: -1px 0 $selected_bg_color; + } + + &:active, &:checked { @include button(active); } + + &:insensitive { opacity: 0.5 } + } +} + +.linked > GtkComboBox > .button { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr) { @extend %linked_middle; } // specificity bump + &:dir(rtl) { @extend %linked_middle:dir(rtl); } +} +.linked > GtkComboBox:first-child > .button { + @extend %linked:first-child; +} +.linked > GtkComboBox:last-child > .button { + @extend %linked:last-child; +} +.linked > GtkComboBox:only-child > .button { + @extend %linked:only-child; +} +.linked.vertical > GtkComboBoxText > .button, +.linked.vertical > GtkComboBox > .button { @extend %linked_vertical_middle; } +.linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > GtkComboBox:first-child > .button { @extend %linked_vertical:first-child; } +.linked.vertical > GtkComboBoxText:last-child > .button, +.linked.vertical > GtkComboBox:last-child > .button { @extend %linked_vertical:last-child; } +.linked.vertical > GtkComboBoxText:only-child > .button, +.linked.vertical > GtkComboBox:only-child > .button { @extend %linked_vertical:only-child; } + +/************ + * Toolbars * + ************/ +.toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: $bg_color; + .osd &, &.osd { + padding: 7px; + border: none; + border-radius: 4px; + background-color: $osd_bg_color; + } +} + +.primary-toolbar { + color: $header_fg; + background-color: opacify($header_bg, 1); + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, opacify($header_bg, 1), + darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + + .separator { @extend %header_separator; } + + @extend %header_widgets; +} + +.inline-toolbar { + @extend .toolbar; + background-color: darken($bg_color, 3%); + border-style: solid; + border-color: $borders_color; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; +} + +.search-bar { + background-color: $bg_color; + border-style: solid; + border-color: $borders_color; + border-width: 0 0 1px; + padding: 3px; + //box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); +} + +.action-bar { background-color: darken($bg_color, 3%) } + +/*************** + * Header bars * + ***************/ + +.header-bar { + padding: 7px 7px 6px 7px; + + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: $header_border; + + color: $header_fg; + background-color: opacify($header_bg, 1); + + .csd & { background-color: $header_bg; } // Transparent header-bars only in csd windows + + &:backdrop { + color: transparentize($header_fg, 0.3); + background-color: opacify($header_bg_backdrop, 1); + + .csd & { background-color: $header_bg_backdrop; } // Transparent header-bars only in csd windows + } + + .title { + padding: 0px 12px; + } + + .subtitle { + font-size: smaller; + padding: 0 12px; + @extend .dim-label; + } + + // Selectionmode + &.selection-mode, + &.titlebar.selection-mode { + color: $selected_fg_color; + background-color: $selection_mode_bg; + border-color: darken($selection_mode_bg, 4%); + box-shadow: none; + + &:backdrop { + background-color: $selection_mode_bg; + color: transparentize($selected_fg_color, 0.4); + } + + .subtitle:link { @extend *:link:selected; } + + .button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 1); + + &.flat { + @include button(undecorated); + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + } + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 0.95); + border-color: transparentize($selected_fg_color, 0.5); + } + &:active, &:checked { + color: $selection_mode_bg; + outline-color: transparentize($selection_mode_bg, 0.7); + background-color: $selected_fg_color; + border-color: $selected_fg_color; + } + &:insensitive { + color: transparentize($selected_fg_color, 0.6); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 1); + + &:active, &:checked { + color: transparentize($selection_mode_bg, 0.6); + background-color: transparentize($selected_fg_color, 0.85); + border-color: transparentize($selected_fg_color, 0.85); + } + } + } + + .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; + GtkArrow { -GtkArrow-arrow-scaling: 1; } + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + .maximized & { background-color: opacify($selection_mode_bg, 1); } + } + + .tiled &, .tiled &:backdrop, + .maximized &, .maximized &:backdrop { + border-radius: 0; // squared corners when the window is max'd or tiled + } + + .maximized & { + background-color: opacify($header_bg, 1); + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } +} + +.titlebar { + padding-left: 7px; + padding-right: 7px; + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + color: $header_fg; + background-color: opacify($header_bg, 1); + box-shadow: inset 0 1px lighten($header_bg, 3%); + + .csd & { background-color: $header_bg; } + + &:backdrop { + color: transparentize($header_fg, 0.3); + background-color: opacify($header_bg_backdrop, 1); + + .csd & { background-color: $header_bg_backdrop; } + } + + .maximized & { + background-color: opacify($header_bg, 1); + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } +} + +.titlebar .titlebar, +.titlebar .titlebar:backdrop { background-color: transparent; } + +// Only extending .header-bar avoids some problems (Gnome Documents searchbar) +.header-bar { + .header-bar-separator, + & > GtkBox > .separator.vertical { @extend %header_separator; } + + @extend %header_widgets; +} + +%header_separator { + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 1px; + border-width: 0 1px; + border-image: linear-gradient(to bottom, + transparentize($header_fg, 1) 25%, + transparentize($header_fg, 0.65) 25%, + transparentize($header_fg, 0.65) 75%, + transparentize($header_fg, 1) 75%) 0 1/0 1px stretch; + + &:backdrop { opacity: 0.6; } +} + +%header_widgets { + // Header-bar Entries + .entry { + @include entry(header-normal); + + &:backdrop { opacity: 0.85; } + + &:focus { + @include entry(header-focus); + + &.image { color: $selected_fg_color; } + } + &:insensitive { @include entry(header-insensitive); } + + &:selected:focus { + background-color: $selected_fg_color; + color: $selected_bg_color; + } + + &.progressbar { + border-color: $selected_bg_color; + background-image: none; + background-color: transparent; + } + } + + // Header-bar Buttons + .button { + + @include button(header-normal); + + &:backdrop { opacity: 0.7; } + + &:hover { @include button(header-hover); } + &:active, &:checked { @include button(header-active); } + &:insensitive { @include button(header-insensitive); } + &:insensitive:active, &:insensitive:checked { @include button(header-insensitive-active); } + } + + .linked > .button { border-radius: 3px; border-style: solid} + + .linked > .button:hover { box-shadow: none; } + + .linked.stack-switcher > .button, + .linked.path-bar > .button { + @include button(header-hover); + + &:hover { border-color: $selected_bg_color; } + &:active, &:checked { @include button(header-active); } + + @extend %linked; + } + + // Header-bar Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + .button.#{$b_type} { + @include button(suggested_destructive, $b_color); + + &.flat { + @include button(undecorated); + color: $b_color; + outline-color: transparentize($b_color, 0.7); + } + &:hover { + @include button(suggested_destructive, lighten($b_color, 10%)); + } + &:active, &:checked { + @include button(suggested_destructive, darken($b_color, 10%)); + } + &.flat:insensitive { + @include button(undecorated); + color: transparentize($b_color, 0.35); + } + &:insensitive { opacity: 0.75; } + } + .button.#{$b_type}:backdrop, + .button.#{$b_type}:backdrop { + opacity: 0.8; + } + } + + // Header-bar Spinbuttons + & .spinbutton { + + &:focus .button { color: $selected_fg_color; } + + .button { + color: $header_fg; + + &:hover { background-color: rgba(255,255,255,0.1); border-color: transparent; } + &:insensitive { color: transparentize($header_fg, 0.3); } + &:active { background-color: rgba(0,0,0,0.1); } + } + } + + // Header-bar ComboBoxes + & GtkComboBox{ + &:insensitive { color: transparentize($header_fg, 0.6); } + + &.combobox-entry .button { + @include entry(header-normal); + + &:hover { @include entry(header-focus); } + &:insensitive { @include entry(header-insensitive); } + } + } + + // Header-bar Switches + GtkSwitch { + &:backdrop { opacity: 0.75; } + } + + GtkProgressBar { + + &.trough { background-color: transparentize($header_fg, 0.65); } + + &:backdrop { opacity: 0.75; } + } + + // Header-bar Scale + .scale { + + &:backdrop { opacity: 0.75; } + + &.trough { + background-image: linear-gradient(to bottom, transparentize($header_fg, 0.65)); + + &:insensitive { background-image: linear-gradient(to bottom, transparentize($header_fg, 0.7)); } + } + &.slider { + background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 90%), darken($header_bg, 4%))); + + &:insensitive { + background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 40%), darken($header_bg, 1%))); + + @if $darker=='true' { border-color: mix($header_bg, $selected_bg_color, 60%); } + } + } + } +} + +/************ + * Pathbars * + ************/ + +.path-bar .button { + //padding: 5px 6px 6px; + &:first-child { padding-left: 8px; } + &:last-child { padding-right: 8px; } + &:only-child { + padding-left: 12px; + padding-right: 12px; + } + + // the following is for spacing the icon and the label inside the home button + GtkLabel:last-child { padding-left: 2px; } + GtkLabel:first-child { padding-right: 2px; } + GtkLabel:only-child { padding-right: 0; padding-left: 0; } + //GtkImage { padding-top: 1px; } +} + +/************** + * Tree Views * + **************/ +GtkTreeView.view { // treeview grid lines and expanders, unfortunatelly + // the tree lines color can't be set + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-color: transparentize($fg_color, 0.8); // this is actually the line color + // :selected is ignored hence no style for it + + &.dnd { + border-style: solid none; + border-width: 1px; + border-color: mix($fg_color, $selected_bg_color, 50%); + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($fg_color, $base_color, 50%); + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + &:hover { color: $selected_fg_color; } + } + + &:checked { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + + &.progressbar { // progress bar in treeviews + color: $selected_fg_color; + border-radius: 3px; + + &:selected { + color: $selected_bg_color; + box-shadow: none; + background-color: $selected_fg_color; + } + } + + &.trough, &.trough:selected { // progress bar trough in treeviews + color: $fg_color; + background-color: $button_border; + border-radius: 3px; + border-width: 0; + } +} + +column-header { + .button { + @extend %column_header_button; + $_column_header_color: mix($fg_color,$base_color,80%); + color: $_column_header_color; + background-color: $base_color; + &:hover { + @extend %column_header_button; + color: $selected_bg_color; + box-shadow: none; + transition: none; //I shouldn't need this + } + &:active { + @extend %column_header_button; + color: $fg_color; + transition: none; //I shouldn't need this + } + &.dnd { + @extend column-header.button.dnd; + } + } + &:last-child .button, + &:last-child.button { //treeview-like derived widgets in Banshee and Evolution + border-right-style: none; + border-image: none; + } +} + +column-header.button.dnd { // for treeview-like derive widgets + transition: none; + color: $selected_bg_color; + box-shadow: inset 1px 1px 0 1px $selected_bg_color, + inset -1px 0 0 1px $selected_bg_color, + inset 1px 1px $base_color, inset -1px 0 $base_color;; + &:active { @extend column-header.button.dnd; } + &:selected { @extend column-header.button.dnd; } + &:hover { @extend column-header.button.dnd; } +} + +%column_header_button { + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, + transparentize(if($variant == 'light', black, white), 1) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 80%, + transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; + + &:active { background-color: $base_color; } + &:insensitive { + border-color: $bg_color; + background-image: none; + } +} + +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: opacify($header_bg, 1); + color: $header_fg; + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + + & > .menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; + + &:hover { //Seems like it :hover even with keyboard focus + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:insensitive { + color: transparentize($header_fg, 0.6); + border-color: transparent; + } + } +} + +.menu, .popup { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: $base_color; + border: 1px solid $borders_color; + + .csd & { + padding: 4px 0px; + border-radius: 3px; + border: none; + } + + .menuitem { + padding: 5px; + &:hover { + color: $fg_color; + background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); + border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); + border-width: 1px 0 1px 0; + } + &:insensitive { + color: $insensitive_fg_color; + } + + &.separator { color: transparentize($base_color, 1); } + + //submenu indicators + &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } + } + &.button { // overlow buttons + @extend %undecorated_button; + border-style: none; + border-radius: 0; + &.top { border-bottom: 1px solid mix($fg_color, $base_color, 10%); } + &.bottom { border-top: 1px solid mix($fg_color, $base_color, 10%); } + &:hover { background-color: mix($fg_color, $base_color, 10%); } + &:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +.menuitem .accelerator { color: gtkalpha(currentColor,0.55); } + +/************ + * Popovers * + ************/ + +.popover { + margin: 10px; + padding: 2px; + border: 1px solid darken($borders_color, 5%); + border-radius: 3px; + background-clip: border-box; + background-color: $base_color; + + box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); + + & .separator { color: transparentize($base_color, 1); } + GtkLabel.separator { @extend GtkLabel.separator; } // Noice + + > .list, + > .view, + > .toolbar, + &.osd > .toolbar { + border-style: none; + background-color: transparent; + } + &.osd { @extend %osd; } +} + +//touch selection handlebars for the Popover.osd above +.entry.cursor-handle, +.cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } + &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } +} + +/***************** + * Notebooks and * + * Tabs * + *****************/ + +.notebook { + // Through me you go to the grief wracked city; + // Through me you go to everlasting pain; + // Through me you go a pass among lost souls. + // ... + // Abandon all hope — Ye Who Enter Here + padding: 0; + background-color: $base_color; + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms $ease-out-quad; + + &.frame { + border: 1px solid $borders_color; + // FIXME doesn't work + &.top { border-top-width: 0; } + &.bottom { border-bottom-width: 0; } + &.right { border-right-width: 0; } + &.left { border-left-width: 0; } + } + &.header { + // FIXME: double borders in some case, can't fix it w/o a class tho + // FIXME: doesn't work on dark var + background-color: $bg_color; + + // this is the shading of the header behind the tabs + &.frame { + border: 0px solid $borders_color; + &.top { border-bottom-width: 0; } + &.bottom { border-top-width: 0; } + &.right { border-left-width: 0; } + &.left { border-right-width: 0; } + } + + $_header_border: $borders_color; + &.top { + box-shadow: inset 0 -1px $_header_border; // border + } + &.bottom { + box-shadow: inset 0 1px $_header_border; + } + &.right { + box-shadow: inset 1px 0 $_header_border; + } + &.left { + box-shadow: inset -1px 0 $_header_border; + } + } + tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + outline-color: transparent; + + outline-offset: 0; + + // tab sizing + $vpadding: 4px; + $hpadding: 15px; + + //FIXME: we get double border in some cases, not considering the broken + //notebook content frame... + &.top, &.bottom { padding: $vpadding $hpadding; } + &.left, &.right { padding: $vpadding $hpadding; } + + &.reorderable-page { + &.top, &.bottom { + padding-left: 12px; // for a nicer close button + padding-right: 12px; // placement + //border-left-width: 1px; + //border-right-width: 1px; + } + &.left, &.right { + //border-bottom-width: 1px; + //border-top-width: 1px; + } + } + @each $_tab in (top, bottom, right, left) { + &.reorderable-page.#{$_tab}, &.#{$_tab} { + + @if $_tab==top or $_tab==bottom { + padding-#{$_tab}: $vpadding + 2; + } + @else if $_tab==left or $_tab==right { + padding-#{$_tab}: $hpadding + 2; + } + + @if $_tab==top { border-radius: 3.5px 2px 0 0; } + @else if $_tab==bottom { border-radius: 0 0 2px 3.5px; } + @else if $_tab==left { border-radius: 3.5px 0 0 3.5px; } + @else if $_tab==right { border-radius: 0 3.5px 3.5px 0; } + + border-width: 0; + border-#{$_tab}-width: 2px; + border-color: transparent; + background-color: transparentize($base_color, 1); + + &:hover, &.prelight-page { + background-color: transparentize($base_color, 0.5); + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + &:active, &.active-page, &.active-page:hover { + background-color: $base_color; + + @if $_tab==top { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $base_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + @else if $_tab==bottom { + box-shadow: inset 0 -1px $base_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + @else if $_tab==left { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $base_color; + } + @else if $_tab==right { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $base_color, + inset -1px 0 $borders_color; + } + } + } + } + GtkLabel { //tab text + padding: 0 2px; // needed for a nicer focus ring + color: $insensitive_fg_color; + } + .prelight-page GtkLabel, GtkLabel.prelight-page { + // prelight tab text + color: mix($fg_color, $insensitive_fg_color, 50%); + } + .active-page GtkLabel, GtkLabel.active-page { + // active tab text + color: $fg_color; + } + .button { //tab close button + padding: 0; + @extend %undecorated_button; + color: mix($bg_color, $fg_color, 35%); + + &:hover { + color: lighten(red, 15%); + } + &:active { + color: $selected_bg_color; + } + & > GtkImage { // this is a hack which makes tabs grow + padding: 2px; + } + } + } + &.arrow { + color: $insensitive_fg_color; + &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } + &:active { color: $fg_color; } + &:insensitive { + color: transparentize($insensitive_fg_color,0.7); + } + } +} + +/************** + * Scrollbars * + **************/ + +.scrollbar { + background-clip: padding-box; + background-image: none; + border-style: solid; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 11; + -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. + // sadly can't be in '.slider' + // where it belongs + + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; + .button { + border: none; + } + &.trough { @extend .scrollbars-junction; } + &.slider { + border-radius: 20px; + border: 3px solid transparent; //margin :/ + background-color: mix($bg_color, $fg_color, 60%); + &:hover { + background-color: mix($bg_color, $fg_color, 30%); + } + &:prelight:active { + background-color: $selected_bg_color; + } + &.fine-tune { + border-width: 4px; + &:prelight:active { + background-color: $selected_bg_color; + } + } + &:insensitive { + background-color: transparent; + } + } +} + +.scrollbars-junction, +.scrollbars-junction.frame { // the small square between two scrollbars + border-color: transparent; + background-color: $base_color; +} + +/********** + * Switch * + **********/ +GtkSwitch { + font: 1; + -GtkSwitch-slider-width: 41; + outline-color: transparent; + + &.trough, &.slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; + + &:dir(rtl) { background-position: left center; } + } +} + +@each $i,$j in ('',''), ('.list-row:selected ','-selected') { + + @each $k,$l in ('',''), + (':active','-active'), + (':insensitive','-insensitive'), + (':active:insensitive','-active-insensitive') { + + // load switch troughs from .png files in assets directory + + #{$i}GtkSwitch.trough#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); + } + + .list-row:selected GtkSwitch.trough#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); + } + + .header-bar GtkSwitch.trough#{$k}, + .primary-toolbar GtkSwitch.trough#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); + } + + // load switch sliders from .png files in assets directory + + //#{$i}GtkSwitch.slider#{$k} { + // background-image: -gtk-scaled(url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}.png"),url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}@2.png")); + //} + } +} + +/************************* + * Check and Radio items * + *************************/ + +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + //standard checks and radios + @each $s,$as in ('','-unchecked'), + (':insensitive','-unchecked-insensitive'), + (':inconsistent', '-mixed'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:insensitive','-checked-insensitive') { + .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + } + // the borders of checks and radios are + // too similar in luminosity to the selected background color, hence + // we need special casing. + GtkTreeView.view.#{$w}#{$s}:selected, + .list-row:selected .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), + url("assets/#{$a}#{$as}-selected@2.png")); + } + } +} + +//selection-mode +@each $s,$as in ('','-selectionmode'), + (':checked', '-checked-selectionmode') { + GtkIconView.view.check#{$s}, + GtkFlowBox.view.check#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), + url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); + background-color: transparent; + } +} + +GtkCheckButton.text-button, GtkRadioButton.text-button { + // this is for a nice focus on check and radios text + padding: 1px 2px 4px; + outline-offset: 0; + &:insensitive, + &:insensitive:active, + &:insensitive:inconsistent { + // set insensitive color, which is overriden otherwise + color: $insensitive_fg_color; + } +} + +/************ + * GtkScale * + ************/ +.scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + outline-radius: 2px; + //@include _shadows(_button_shadow(normal)); + + &.trough { margin: 5px; } + &.fine-tune { + &.trough { border-radius: 5px; margin: 3px; } + } + &.slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, $entry_bg); + border: 1px solid $selected_bg_color; + border-radius: 50%; + box-shadow: none; + + &:hover { + background-image: linear-gradient(to bottom, $selected_bg_color); + border-color: $selected_bg_color; + } + &:insensitive { + background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); + border-color: mix($selected_bg_color, $bg_color, 55%); + } + &:active { + background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); + border-color: darken($selected_bg_color, 10%); + } + //OSD sliders + .osd & { + background-image: linear-gradient(to bottom, $osd_bg_color); + border-color: $selected_bg_color; + + &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); } + &:active { + background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); + border-color: darken($selected_bg_color, 10%); + } + } + //selected list-row sliders + .list-row:selected & { + background-image: linear-gradient(to bottom, $selected_fg_color); + border-color: $selected_fg_color; + + &:hover { + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 85%)); + border-color: mix($selected_fg_color, $selected_bg_color, 85%); + } + &:active { + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 50%)); + border-color: mix($selected_fg_color, $selected_bg_color, 50%); + } + &:insensitive{ + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); + border-color: mix($selected_fg_color, $selected_bg_color, 55%); + } + } + } + &.trough { + + $_scale_trough_bg: if($variant == 'light', $button_border, darken($base_color, 4%)); + + border: none; + border-radius: 2.5px; + background-image: linear-gradient(to bottom, $_scale_trough_bg); + &.highlight { + background-image: linear-gradient(to bottom, $selected_bg_color); + + &:insensitive { + background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); + } + } + &:insensitive { + background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45)); + } + + //OSD troughs + .osd & { + background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%)); + outline-color: transparentize($osd_fg_color, 0.8); + &.highlight { + background-image: none; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + &:insensitive { } + } + // troughs in selected list-rows + .list-row:selected & { + background-image: linear-gradient(to bottom, transparentize(black, 0.8)); + + &.highlight { + background-image: linear-gradient(to bottom, $selected_fg_color); + + &:insensitive { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } + } + &:insensitive { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } + } + } +} + +/***************** + * Progress bars * + *****************/ + +GtkProgressBar { + padding: 0; + font-size: smaller; + color: transparentize($fg_color, 0.3); + //@include _shadows(_button_shadow(normal)); + + &.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; + } +} + +// moving bit +.progressbar { + background-color: $selected_bg_color; + border: none; + border-radius: 3px; + box-shadow: none; //needed for clipping + &.left.right { + + } + &.osd { + background-color: $selected_bg_color; + } +} + +.osd .scale.progressbar { + background-color: $selected_bg_color; +} + +// background +GtkProgressBar.trough { + border: none; + border-radius: 3px; + background-color: if($variant == 'light', $button_border, darken($base_color, 4%)); + + &.osd { + border-style: none; + background-color: transparent; + box-shadow: none; + //FIXME: there is a margin on top + } +} + +/************* + * Level Bar * + *************/ + +GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; +} + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; +} + +.level-bar { + &.trough { + @extend GtkProgressBar.trough; + padding: 3px; + border-radius: 4px; + } + &.fill-block { + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + border: 1px solid $selected_bg_color; + background-color: $selected_bg_color; + border-radius: 2px; + + &.indicator-discrete { + &.horizontal { margin: 0 1px; } + &.vertical { margin: 1px 0; } + } + &.level-high { + border-color: $success_color; + background-color: $success_color; + } + &.level-low { + border-color: $warning_color; + background-color: $warning_color; + } + &.empty-fill-block { + background-color: transparentize($fg_color,0.8); + border-color: transparentize($fg_color,0.8); + } + } +} + + +/********** + * Frames * + **********/ +.frame { + border: 1px solid $borders_color; + &.flat { border-style: none; } + padding: 0; + &.action-bar { + padding: 6px; + border-width: 1px 0 0; + } +} + +GtkScrolledWindow { + GtkViewport.frame { // avoid double borders when viewport inside + // scrolled window + border-style: none; + } +} + +//vbox and hbox separators +.separator { + // always disable separators + // -GtkWidget-wide-separators: true; + color: transparentize(black, 0.9); + + // Font and File button separators + GtkFileChooserButton &, + GtkFontButton &, + GtkFileChooserButton &.vertical, + GtkFontButton &.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } +} + +/********* + * Lists * + *********/ + +.list, .list-row { + background-color: $base_color; + border-color: $borders_color; +} + +.list-row, +.grid-child { + padding: 2px; +} + +.list-row.button { + @extend %undecorated_button; + background-color: transparentize(black, 1); // for the transition + border-style: none; // I need no borders here + border-radius: 0; // and no rounded corners + box-shadow: none; // and no box-shadow + &:hover { + background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); + } + &:active { + color: $fg_color; + } + &:selected { + &:active { color: $selected_fg_color; } + &:hover { background-color: mix(black, $selected_bg_color, 10%); } + &:insensitive { + color: transparentize($selected_fg_color, 0.3); + background-color: transparentize($selected_bg_color, 0.3); + GtkLabel { color: inherit; } + } + } +} + +.list-row:selected { + @extend %selected_items; + .button { @extend %selected-button } +} + +// transition +.list-row, list-row.button { + transition: all 300ms $ease-out-quad; + &:hover { transition: none; } +} + +/********************* + * App Notifications * + *********************/ + +.app-notification, +.app-notification.frame { + @extend %osd; + padding: 10px; + background-color: $osd_bg_color; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: darken($osd_bg_color, 10%); + + .button { + @include button(osd); + &.flat { + @extend %undecorated_button; + border-color: transparentize($selected_bg_color, 1); + &:insensitive { @extend %undecorated_button; } + } + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); + } + } +} + +/************* + * Expanders * + *************/ + +GtkExpander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + &:hover { color: lighten($fg_color,30%); } //only lightens the arrow + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } +} + +/************ + * Calendar * + ***********/ +GtkCalendar { + color: $fg_color; + border: 1px solid $borders_color; + border-radius: 3px; + padding: 2px; + + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 1.5px; + } + &.header { + color: $fg_color; + border: none; + border-radius: 0; + } + &.button, &.button:focus { + color: transparentize($fg_color,0.55); + box-shadow: none; + border: none; + &:hover { + color: $fg_color; + } + } + &.highlight { color: gtkalpha(currentColor,0.55); } +} + +/*********** + * Dialogs * + ***********/ +.message-dialog .dialog-action-area .button { + padding: 8px; +} + +.message-dialog { // Message Dialog styling + -GtkDialog-button-spacing: 0; + + .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } + + &.csd { // rounded bottom border styling for csd version + &.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; + } + .dialog-action-area .button { + padding: 8px; + border-radius: 0; + + @extend %middle_button; + + &:hover, &:active, &:insensitive { + @extend %middle_button; + } + + &:focus { + color: $selected_bg_color; + + &:active, &:checked { color: $selected_fg_color; } + } + +// @each $b_type, $b_color in (suggested-action, $selected_bg_color), +// (destructive-action, $destructive_color) { +// &.#{$b_type} { +// @include button(normal, $b_color, white, $edge:none); +// @extend %middle_button; +// &:hover { +// @include button(hover, $b_color, white, $edge:none); +// @extend %middle_button; +// } +// &:active { +// @include button(active, $b_color, white, $edge:none); +// @extend %middle_button; +// } +// &:insensitive { +// @include button(insensitive, $edge:none); +// @extend %middle_button; +// } +// } +// } + &:first-child{ @extend %first_button; } + &:last-child { @extend %last_button; } + } + %middle_button { + border-right-style: none; + border-bottom-style: none; + } + %last_button { + border-bottom-right-radius: 3px; + } + %first_button { + border-left-style: none; + border-bottom-left-radius: 3px; + } + } +} + +GtkFileChooserDialog { + .search-bar { + background-color: $bg_color; + border-color: $borders_color; + box-shadow: none; + } + .dialog-action-box { + border-top: 1px solid $borders_color; + } +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + background-color: $bg_color; + + .scrollbar { + &.trough { + background-color: transparent; + border-width: 2px; + border-color: transparent; + } + } + &:selected { + background-color: $selected_bg_color; + } +} + +// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color +GtkPlacesSidebar.sidebar .view { + + color: $fg_color; + background-color: transparent; + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &.separator { @extend .separator; } +} + +.sidebar-item { + padding: 10px 4px; + > GtkLabel { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > GtkLabel { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } +} + +GtkPaned { + // This is actually the invisible area of the paned separator, not a margin... + margin: 0 8px 8px 0; //drag area of the separator + &:dir(rtl) { + margin-right: 0; + margin-left: 8px; + } +} + +.pane-separator { + //FIXME abusing a background-image to get rid of the handle decoration + //I'd like something better... + background-image: linear-gradient(to bottom, $borders_color); +} + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-style: none; + + .button { @extend %selected-button } +} + +.info, +.question, +.warning, +.error, +GtkInfoBar { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + + +// +// Buttons on selected backgrounds +// +%selected-button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.5); + + &.flat { + @include button(undecorated); + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + } + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 0.8); + border-color: transparentize($selected_fg_color, 0.2); + } + &:active, &:active:hover, &:checked { + color: $selected_bg_color; + outline-color: transparentize($selected_bg_color, 0.7); + background-color: $selected_fg_color; + border-color: $selected_fg_color; + } + &:insensitive { + color: transparentize($selected_fg_color, 0.6); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.8); + + &:active, &:checked { + color: transparentize($selected_bg_color, 0.6); + background-color: transparentize($selected_fg_color, 0.8); + border-color: transparentize($selected_fg_color, 0.8); + } + } +} + +/************ + * Tooltips * + ************/ +.tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: $tooltip_bg; + background-clip: padding-box; + } + + color: $tooltip_fg; + border-radius: 2px; + + &.window-frame.csd { + background-color: transparent; + } +} + +.tooltip * { //Yeah this is ugly + padding: 4px; + background-color: transparent; + color: inherit; // just to be sure +} + +/***************** + * Color Chooser * + *****************/ + +GtkColorSwatch { + border: none; + box-shadow: inset 0 1px 1px transparentize(black, 0.6); + + &.color-light { + &:hover { + background-image: linear-gradient(to bottom, + transparentize(white, 0.6)); + } + } + &.color-dark { + &:hover { + background-image: linear-gradient(to bottom, + transparentize(white, 0.8)); + } + } + + &:hover { + border-color: transparentize(black, 0.5); + } + + &.top { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + &.bottom { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + &.left, &:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + &.right, &:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + &:only-child { + border-radius: 3px; + } + &.color-active-badge { + border-width: 2px; + &:hover { background-image: none; } + &.color-light, &.color-light:hover { + color: transparentize(black,0.7); + border-color: transparentize(black,0.7); + } + &.color-dark, &.color-dark:hover { + color: transparentize(white,0.5); + border-color: transparentize(white,0.5); + } + } +} +GtkColorChooserWidget #add-color-button { + border-color: mix($borders_color,$bg_color,50%); + background-color: mix($borders_color,$bg_color,50%); + color: $bg_color; + box-shadow: none; + &:hover { + border-color: $borders_color; + background-color: $borders_color; + } +} + +GtkColorButton.button { + padding: 4px; // Uniform padding on the GtkColorButton + + GtkColorSwatch { border-radius: 0; } +} + +/******** + * Misc * + ********/ +.scale-popup .button { // +/- buttons on GtkVolumeButton popup + padding: 6px; + &:hover { + @include button(hover); + } +} + +GtkVolumeButton.button { padding: 8px; } + +/********************** + * Window Decorations * + *********************/ + +.window-frame { + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); + + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), + 0 4px 8px 1px if($darker == 'false', opacify($_wm_border, 0.1), opacify($_wm_border, 0.15)); + + /* this is used for the resize cursor area */ + margin: 10px; + + &:backdrop { + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), + 0 4px 5px 2px if($darker == 'false', $_wm_border, opacify($_wm_border, 0.15)); + } + &.tiled { + border-radius: 0; + } + &.csd { + &.popup, &.menu { + border-radius: 3px; + box-shadow: 0 3px 6px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.1)), + 0 0 0 1px if($variant == 'light', $_wm_border, darken($base_color, 10%)); + } + &.tooltip { + border-radius: 2px; + box-shadow: 0 1px 3px 1px $_wm_border; + } + &.message-dialog { border-radius: 3px; } + } +} + +// +// Titlebuttons +// + +.header-bar, .titlebar, +.header-bar.selection-mode, .titlebar.selection-mode { + + .button.titlebutton { + padding: 7px 4px; + + @include button(undecorated); + background-color: transparentize($header_bg, 1); + border-width: 0; + + color: transparent; + background-position: center; + background-repeat: no-repeat; + + &:backdrop { opacity: 1; } + } + + // Minimize + + .right .button.titlebutton:nth-last-child(3), + .right:dir(rtl) .button.titlebutton:nth-child(3), + .left .button.titlebutton:nth-child(3), + .left:dir(rtl) .button.titlebutton:nth-last-child(3) { + background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); + + &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); } + &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); } + &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); } +} + + // Maximize + + .right .button.titlebutton:nth-last-child(2), + .right:dir(rtl) .button.titlebutton:nth-child(2), + .left .button.titlebutton:nth-child(2), + .left:dir(rtl) .button.titlebutton:nth-last-child(2) { + background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); + + &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); } + &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); } + &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); } +} + + // Close + + .right .button.titlebutton:last-child, + .right:dir(rtl) .button.titlebutton:first-child, + .left .button.titlebutton:first-child, + .left:dir(rtl) .button.titlebutton:last-child { + background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); + + &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } + &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } + &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } + } +} + +// Fallback menubutton +.header-bar .left GtkMenuButton.button.titlebutton:first-child, +.header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, +.header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, +.header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, +.titlebar .left GtkMenuButton.button.titlebutton:first-child, +.titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, +.titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, +.titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { + + padding: 4px 6px 4px 6px; + + + @include button(undecorated); + + &:hover { + + } + &:active, &:checked { + + } + &:backdrop { } +} + + +// catch all extend :) + +%selected_items { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); +} + +/* Decouple the font of context menus from their entry/textview */ +.touch-selection, +.context-menu { + font: initial; +} + +.monospace { + font: Monospace; +} + +// +// Overshoot +// +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This draws a box on top of the content, the size changes programmatically. +.overshoot { + &.top { @include overshoot(top); } + &.bottom { @include overshoot(bottom); } + &.left { @include overshoot(left); } + &.right { @include overshoot(right); } +} + +// +// Undershoot +// +// Overflow indication, works similarly to the overshoot, the size if fixed tho. +.undershoot { + &.top { @include undershoot(top); } + &.bottom { @include undershoot(bottom); } + &.left { @include undershoot(left); } + &.right { @include undershoot(right); } +} diff --git a/common/gtk-3.0/3.14/sass/_drawing.scss b/common/gtk-3.0/3.14/sass/_drawing.scss new file mode 100644 index 0000000..378e5d9 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_drawing.scss @@ -0,0 +1,377 @@ +// Drawing mixins + +// generic drawing of more complex things + +@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +// +// Helper function to stack up to 4 box-shadows; +// + + @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } + @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } + @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } + @else { box-shadow: $shadow1; } +} + +// Entries + +@mixin entry($t) { +// +// Entries drawing function +// +// $t: entry type +// + + @if $t==normal { + // + // normal entry + // + color: $text_color; + border-color: $entry_border; + background-color: $entry_bg; + background-image: linear-gradient(to bottom, $entry_bg); + } + + @if $t==focus { + // + // focused entry + // + color: $text_color; + border-color: $selected_bg_color; + background-color: $entry_bg; + background-image: linear-gradient(to bottom, $entry_bg); + } + + @if $t==insensitive { + // + // insensitive entry + // + color: $insensitive_fg_color; + border-color: transparentize($entry_border, 0.45); + background-color: transparentize($entry_bg, 0.45); + background-image: linear-gradient(to bottom, transparentize($entry_bg, 0.45)); + } + + $_header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 4%), 0.1), transparentize($base_color, 0.1)); + $_header_entry_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 10%), transparentize($header_fg, 0.7)); + + @if $t==header-normal { + // + // normal header-bar entry + // + + color: $header_fg; + border-color: $_header_entry_border; + background-image: linear-gradient(to bottom, $_header_entry_bg); + background-color: transparent; + + &.image, &.image:hover { color: inherit; } + } + + @if $t==header-focus { + // + // focused header-bar entry + // + color: $selected_fg_color; + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + + @if $t==header-insensitive { + // + // insensitive header-bar entry + // + color: transparentize($header_fg, 0.45); + background-image: linear-gradient(to bottom, transparentize($_header_entry_bg, 0.35)); + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + border-color: transparentize($osd_fg_color, 0.7); + background-color: transparent; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-focus { + // + // active osd button + // + color: $selected_bg_color; + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: transparentize($osd_fg_color, 0.8); + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + } +} + +// Buttons + +@mixin button($t, $actionb_color:red) { +// +// Button drawing function +// +// $t: button type, +// $actionb_color: used for destructive and suggested action buttons + + @if $t==normal { + // + // normal button + // + color: $fg_color; + outline-color: transparentize($fg_color, 0.7); + border-color: $button_border; + background-color: $button_bg; + } + + @else if $t==hover { + // + // hovered button + // + color: $fg_color; + outline-color: transparentize($fg_color, 0.7); + border-color: $selected_bg_color; + background-color: $button_bg; + } + + @else if $t==active { + // + // pushed button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + + @else if $t==insensitive { + // + // insensitive button + // + color: $insensitive_fg_color; + border-color: transparentize($button_border, 0.45); + background-color: transparentize($button_bg, 0.45); + + > GtkLabel { color: inherit; } + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: transparentize($selected_fg_color, 0.45); + border-color: transparentize($selected_bg_color, 0.45); + background-color: transparentize($selected_bg_color, 0.45); + + opacity: 0.6; + + > GtkLabel { color: inherit; } + } + + $_header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 3%), 0.1), transparentize($button_bg, 0.1)); + $_header_button_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 8%), transparentize($header_fg, 0.7)); + + @if $t==header-normal { + // + // normal header-bar button + // + color: $header_fg; + outline-color: transparentize($header_fg, 0.7); + outline-offset: -3px; + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + } + + @else if $t==header-hover { + // + // hovered header-bar button + // + color: $header_fg; + outline-color: transparentize($header_fg, 0.7); + border-color: $_header_button_border; + background-color: $_header_button_bg; + } + + @else if $t==header-active { + // + // pushed header-bar button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + + @else if $t==header-insensitive { + // + // insensitive header-bar button + // + color: transparentize($header_fg, 0.45); + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + + > GtkLabel { color: inherit; } + } + + @else if $t==header-insensitive-active { + // + // header-bar insensitive pushed button + // + color: transparentize($selected_fg_color, 0.25); + border-color: transparentize($selected_bg_color, 0.35); + background-color: transparentize($selected_bg_color, 0.35); + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + outline-color: transparentize($osd_fg_color, 0.7); + border-color: transparentize($osd_fg_color, 0.7); + background-color: transparent; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-hover { + // + // active osd button + // + color: $selected_bg_color; + outline-color: transparentize($osd_fg_color, 0.7); + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-active { + // + // active osd button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: transparentize($osd_fg_color, 0.8); + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + } + + @else if $t==suggested_destructive { + // + // suggested or destructive action buttons + // + background-clip: border-box; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: $actionb_color; + border-color: $actionb_color; + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + } +} + +// +// Overshoot +// +@mixin overshoot($p, $c:$selected_bg_color) { +// $p: position +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// + + $_big_gradient_length: 60%; + + $_position: center top; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + } + + @else if $p==right { + $_position: right center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + background-image: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($c, 0.8)), + to(transparentize($c, 1))); + + background-size: $_big_gradient_size; + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +// +// Undershoot +// +@mixin undershoot($p) { +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_undershoot_color_dark: transparentize(black, 0.8); + $_undershoot_color_light: transparentize(white, 0.8); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($p == left) or ($p == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$p}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; +} diff --git a/common/gtk-3.0/3.14/sass/_granite.scss b/common/gtk-3.0/3.14/sass/_granite.scss new file mode 100644 index 0000000..1e53c7f --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_granite.scss @@ -0,0 +1,214 @@ +// Granite Widgets + +// +// Overlay Bar +// +.overlay-bar { + background-color: $selected_bg_color; + border-color: $selected_bg_color; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; + + GtkLabel { color: $selected_fg_color; } +} + +// +// Thin Pane Separator +// +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid $borders_color; + border-right: 1px solid $borders_color; + +} + +// avoid borders when a viewport is +// packed into a Static Notebook, or Popover +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +// +// Help Button +// +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +// +// Secondary Toolbars +// +.secondary-toolbar.toolbar { + padding: 3px; + border-bottom: 1px solid $borders_color; + + .button { padding: 0 3px 0 3px; } +} + +// +// Bottom Toolbars +// +.bottom-toolbar.toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: $borders_color; + background-color: $bg_color; + + .button { padding: 2px 3px 2px 3px; } +} + +// +// Sidebar & Source List +// +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: $bg_color; + color: $fg_color; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:prelight { + background-color: lighten($bg_color, 5%); +} + +.source-list.view:selected, +.source-list.view:prelight:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; +} + +.source-list .scrollbar.trough, +.source-list .scrollbars-junction { + border-image: none; + border-color: transparent; + background-color: $bg_color; + background-image: none; +} + +.source-list.badge, +.source-list.badge:prelight, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:prelight:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:prelight:selected { + background-color: $selected_fg_color; + color: $selected_bg_color; +} + +// +// Expander +// +.source-list.category-expander { + color: $fg_color; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +// +// Welcome +// +GraniteWidgetsWelcome { + background-color: $base_color; +} + +GraniteWidgetsWelcome GtkLabel { + color: mix($fg_color, $bg_color, 50%); + font: open sans 11; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: transparentize($fg_color, 0.2); +} + +// +// Help Button +// +.help_button { + border-radius: 0; +} + +// +// Popover +// +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + + border: 1px solid transparentize(black, 0.7); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, $base_color); + border: 1px solid transparentize(black, 0.7); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +// +// Text Styles +// +.h1 { font: open sans 24px; } +.h2 { font: open sans light 18px; } +.h3 { font: open sans 11px; } +.h4, +.category-label { + color: mix($bg_color, $text_color, 30%); + font-weight: 600; + text-shadow: 0 1px transparentize(white, 0.4); +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4{ + padding-left: 6px; +} diff --git a/common/gtk-3.0/3.14/sass/_lightdm.scss b/common/gtk-3.0/3.14/sass/_lightdm.scss new file mode 100644 index 0000000..9b14d09 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_lightdm.scss @@ -0,0 +1,141 @@ +/* the panel widget at the top */ +#panel_window { + background-color: $panel_bg; + color: $panel_fg; + font: bold; + box-shadow: inset 0 -1px darken($panel_bg, 7%); + + /* the menubars/menus of the panel, i.e. indicators */ + .menubar, + .menubar > .menuitem { + background-color: transparent; + color: $panel_fg; + font: bold; + } + + .menubar .menuitem:insensitive { + color: darken($panel_fg, 20%); + + GtkLabel { color: inherit; } + } + .menubar .menu .menuitem { font: normal; } +} + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: transparentize($bg_color, 0.05); + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +#content_frame .button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:insensitive { @include button(insensitive); } +} + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: $osd_bg_color; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +#buttonbox_frame .button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font: 13px; + + .menu { font: normal; } + .arrow {} +} + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; +} + +/* the border around the user's avatar box */ +#user_image_border {} + +/* the shutdown button */ +#shutdown_button.button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $destructive_color; + background-color: $destructive_color; + background-image: none; + background-clip: border-box; + + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($destructive_color, 9%); + background-color: lighten($destructive_color, 9%); + background-image: none; + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($destructive_color, 7%); + background-color: darken($destructive_color, 7%); + background-image: none; + } +} + +/* the restart button */ +#restart_button.button { + $_restart_bg: #51CF74; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $_restart_bg; + background-color: $_restart_bg; + background-image: none; + background-clip: border-box; + + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($_restart_bg, 9%); + background-color: lighten($_restart_bg, 9%); + background-image: none; + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($_restart_bg, 7%); + background-color: darken($_restart_bg, 7%); + background-image: none; + } +} + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; +} diff --git a/common/gtk-3.0/3.14/sass/_transparent_widgets.scss b/common/gtk-3.0/3.14/sass/_transparent_widgets.scss new file mode 100644 index 0000000..16bf819 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_transparent_widgets.scss @@ -0,0 +1,237 @@ +.titlebar .separator { + color: $header_border; //fixes separator in gnome-tweak-tool +} + +NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar + +GtkFileChooserDialog *, +NautilusWindow *, +NemoWindow { + -GtkPaned-handle-size: 0; +} + +@if $variant==dark { + GtkFileChooserDialog, + NautilusWindow , + NemoWindow { + .sidebar { border-right: 1px solid $dark_sidebar_border; } + + .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } + } +} + +// Dark transparent sidebars +GtkFileChooserDialog, +NautilusWindow, +NemoWindow, +MarlinViewWindow { + + &.csd.background, + .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } + + GtkBox.sidebar { background-color: transparent; } + + .sidebar, MarlinPlacesSidebar, NemoPlacesSidebar { + background-color: $dark_sidebar_bg; + + .view, .source-list.sidebar row { + background-color: transparent; + color: $dark_sidebar_fg; + + &.image { color: transparentize($dark_sidebar_fg, 0.4); } + + &.cell:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &.frame { + color: $dark_sidebar_fg; + } + + .separator { color: transparent; } + + .scrollbar { + + &.trough { background-color: transparent; border-color: transparent; } + + &.slider { + border-radius: 20px; + border: 3px solid transparent; //margin :/ + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + &:hover { + background-color: lighten($dark_sidebar_fg, 20%); + } + &:prelight:active { + background-color: $selected_bg_color; + } + &.fine-tune { + border-width: 4px; + &:prelight:active { + background-color: $selected_bg_color; + } + } + &:insensitive { + background-color: transparent; + } + } + } + } + &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } + + .pane-separator { background-color: $dark_sidebar_border; } +} + +GtkFileChooserDialog { + + &.background.csd, .background { background-color: $dark_sidebar_bg } + .sidebar { background-color: transparent } + + // Yeah, this is ugly, but prevents a transparent background in the image preview box + GtkPaned > .vertical > .horizontal { background-color: $bg_color; } + + // fix for non gnome environments + .dialog-action-box { background-color: $bg_color } + + .dialog-vbox > .frame { + color: $dark_sidebar_fg; + border-color: transparent; + } + .action-bar.frame { + background-color: transparent; + border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); + } + + .action-bar.frame, + .dialog-vbox > .frame { + + .button { @extend %dark_sidebar_button; } + .entry { @extend %dark_sidebar_entry; } + + GtkLabel, GtkComboBox { color: $dark_sidebar_fg; } + } +} + +// Gedit sidebar +GeditWindow.background.csd { + background-color: transparent; + + .pane-separator, + .pane-separator:hover { background-color: $dark_sidebar_border; } + + .titlebar .pane-separator, + &.maximized .titlebar .pane-separator, + .titlebar .pane-separator:backdrop, + &.maximized .titlebar .pane-separator:backdrop { background-color: $header_border; } +} + +.gedit-bottom-panel-paned { background-color: $base_color; } + +.gedit-document-panel { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + .list-row { color: $dark_sidebar_fg; } + + .list-row { + background-color: transparentize($dark_sidebar_fg, 1); + border: solid transparentize($dark_sidebar_fg, 1); + border-width: 3px 2px 3px 2px; + } + .list-row:hover { + border: solid transparentize($dark_sidebar_fg, 0.85); + border-width: 3px 2px 3px 2px; + background-color: transparentize($dark_sidebar_fg, 0.85); + } + .list-row:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + + .button { color: $selected_fg_color; } + } + .list-row:selected, .list-row:selected:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + } + .prelight-row .button:active { + color: $dark_sidebar_fg; + } +} + +GeditWindow.background.csd GeditFileBrowserWidget { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + .scrollbar { + + &.trough { background-color: transparent; border-color: transparent; } + + &.slider { + border-radius: 20px; + border: 3px solid transparent; //margin :/ + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + &:hover { + background-color: lighten($dark_sidebar_fg, 20%); + } + &:prelight:active { + background-color: $selected_bg_color; + } + &.fine-tune { + border-width: 4px; + &:prelight:active { + background-color: $selected_bg_color; + } + } + &:insensitive { + background-color: transparent; + } + } + } + + .scrollbars-junction, + .scrollbars-junction.frame { // the small square between two scrollbars + border-color: transparent; + background-color: transparent; + } + + .horizontal { + background-color: transparent; + border-color: darken($dark_sidebar_bg, 7%); + + .button { @extend %dark_sidebar_button; } + GtkComboBox { color: $dark_sidebar_fg; } + } +} + +GeditWindow.background.csd GeditFileBrowserView.view { + + background-color: transparent; + color: $dark_sidebar_fg; + + &.expander { + color: $dark_sidebar_fg; + &:hover { color: $selected_bg_color; } + } +} + +%dark_sidebar_button { + @include button(osd); + + &:hover { @include button(osd-hover) } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +%dark_sidebar_entry { + @include entry(osd); + + &:focus { @include entry(osd-focus) } + &:insensitive { @include entry(osd-insensitive); } +} diff --git a/common/gtk-3.0/3.14/sass/_unity.scss b/common/gtk-3.0/3.14/sass/_unity.scss new file mode 100644 index 0000000..d88377a --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_unity.scss @@ -0,0 +1,56 @@ +// Decorations +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; + + &.top { + border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + + background-image: linear-gradient(to bottom, opacify($header_bg, 1)); + color: $header_fg; // The foreground color will be used to paint the text + + box-shadow: inset 0 1px lighten($header_bg, 3%); + + &:backdrop { + border-bottom-width: 0; + background-image: linear-gradient(to bottom, opacify($header_bg_backdrop, 1)); + color: transparentize($header_fg, 0.3); + } + } + &.left, &.right, &.bottom, + &.left:backdrop, &.right:backdrop, &.bottom:backdrop { + background-image: linear-gradient(to bottom, if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); + } +} + +// Panel Style +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, opacify($panel_bg, 1)); + color: lighten($panel_fg, 20%); + box-shadow: none; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: $selected_bg_color; + border-bottom: none; +} diff --git a/common/gtk-3.0/3.14/sass/gtk-contained-dark.scss b/common/gtk-3.0/3.14/sass/gtk-contained-dark.scss new file mode 100644 index 0000000..f47d7b5 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained-dark.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'dark'; +$darker: 'false'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.14/sass/gtk-contained-darker.scss b/common/gtk-3.0/3.14/sass/gtk-contained-darker.scss new file mode 100644 index 0000000..63166d2 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained-darker.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'light'; +$darker: 'true'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.14/sass/gtk-contained-solid-dark.scss b/common/gtk-3.0/3.14/sass/gtk-contained-solid-dark.scss new file mode 100644 index 0000000..157292d --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained-solid-dark.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'dark'; +$darker: 'false'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.14/sass/gtk-contained-solid-darker.scss b/common/gtk-3.0/3.14/sass/gtk-contained-solid-darker.scss new file mode 100644 index 0000000..03ba34b --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained-solid-darker.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'light'; +$darker: 'true'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.14/sass/gtk-contained-solid.scss b/common/gtk-3.0/3.14/sass/gtk-contained-solid.scss new file mode 100644 index 0000000..347cf2c --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained-solid.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'light'; +$darker: 'false'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.14/sass/gtk-contained.scss b/common/gtk-3.0/3.14/sass/gtk-contained.scss new file mode 100644 index 0000000..c45d673 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'light'; +$darker: 'false'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; 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/_applications.scss b/common/gtk-3.0/3.16/_applications.scss deleted file mode 100644 index 09680e1..0000000 --- a/common/gtk-3.0/3.16/_applications.scss +++ /dev/null @@ -1,728 +0,0 @@ -// -// Tab overrides -// -GeditNotebook.notebook, -ScratchMainWindow .notebook, -EphyNotebook.notebook, -MidoriNotebook .notebook, -TerminalWindow .notebook, -PantheonTerminalPantheonTerminalWindow .notebook { - - tab.reorderable-page.top, tab.top { - &:active, &.active-page, &.active-page:hover { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - } -} - -TerminalWindow .notebook, -PantheonTerminalPantheonTerminalWindow .notebook { - - tab.reorderable-page.top, tab.top { - padding-top: 7px; - border-top-width: 3px; - } - - &.header.top { - box-shadow: inset 0 1px opacify($header_border, 1), - inset 0 -1px $borders_color; - } -} - -// -// Evolution -// -// needed for webkit/GtkStyle/Evolution compatibility -GtkHTML { - background-color: $base_color; - color: $text_color; - - &:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - } -} - -// -// Sushi -// -// used by gnome-font-viewer and sushi -SushiFontWidget { - padding: 6px 12px; -} - -// -// GNOME Terminal -// -$terminal_bg: #2A2F36; -$terminal_fg: white; - -TerminalWindow { - .background { - background-color: transparent; - } - - .scrollbar { - &.vertical .slider { margin-left: 3px; } - &.trough { border-width: 0; } - } -} - -// -// Nautilus -// -NautilusCanvasViewContainer.view .entry { border-radius: 3px; } - -.nautilus-canvas-item { - border-radius: 2px; -} - -.nautilus-desktop.nautilus-canvas-item { - color: $selected_fg_color; - text-shadow: 1px 1px transparentize(black, 0.4); - - &:active { color: $fg_color; } - &:selected { color: $selected_fg_color; } -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: mix($fg_color, $bg_color, 50%); - - &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); } -} - -NautilusNotebook.notebook { - background-color: $base_color; - - tab { - border-width: 0; - border-style: solid; - border-color: transparent; - background-color: transparent; - } -} - -NautilusQueryEditor .search-bar.toolbar { - padding: 5px; - box-shadow: none; - background-color: $base_color; -} - -.nautilus-circular-button { - border-radius: 50%; - outline-radius: 50%; -} - -$disk_space_unknown: transparentize($fg_color, 0.5); -$disk_space_used: transparentize($selected_bg_color, 0.2); -$disk_space_free: darken($bg_color, 3%); - -.disk-space-display { - border-style: solid; - border-width: 1px; - - &.unknown { - background-color: $disk_space_unknown; - border-color: darken($disk_space_unknown, 10%); - } - &.used { - background-color: $disk_space_used; - border-color: darken($disk_space_used, 10%); - } - &.free { - background-color: $disk_space_free; - border-color: darken($disk_space_free, 10%); - } -} - -// -// Nemo -// -NemoIconViewContainer { @extend NautilusCanvasViewContainer.view } - -NemoWindow .sidebar .frame { - border-width: 0; -} - -NemoWindow GtkSeparator.separator.horizontal { - color: $borders_color; -} - -.nemo-desktop.nemo-canvas-item { - @extend .nautilus-desktop.nautilus-canvas-item; -} - -NemoWindow .primary-toolbar NemoPathBar.linked > .button { - @include button(header-hover); - - &:hover { border-color: $selected_bg_color; } - &:active, &:checked { @include button(header-active); } - - @extend %linked; -} - -// -// Gedit -// -.gedit-headerbar-paned { color: $header_border; } - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: $base_color; // disable borders, making them transparent doesn't work for some reason - - &:prelight { - background-color: transparentize(black, 0.95); - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - } -} - -/* Only normal state is handle */ -.open-document-selector-name-label { - color: $fg_color; -} - -/* Only normal state is handle */ -.open-document-selector-path-label { - color: mix($fg_color, $base_color, 50%); - font-size: smaller; - - &:selected { color: transparentize($selected_fg_color, 0.1); } -} - -.gedit-document-panel { - - .list-row .button { - color: transparent; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - padding: 4px; - & GtkImage { color: inherit; } - } - .prelight-row .button { - color: mix($bg_color, $fg_color, 35%); - } - .list-row .button:hover, - .prelight-row .button:hover { - color: lighten(red, 15%); - } - .prelight-row:selected .button:hover { - color: lighten(red, 20%); - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - &:active { color: $selected_fg_color; } - } - .prelight-row .button:active { - color: $fg_color; - } -} - -.gedit-document-panel-dragged-row { - border: 1px solid $borders_color; - background-color: darken($bg_color, 10%); - color: $fg_color; -} - -//.gedit-document-panel-placeholder-row { -//} - -GeditStatusbar { - border-top: 1px solid $borders_color; - background-color: $bg_color; -} - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:prelight.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; -} - - -GeditViewFrame .gedit-search-slider { @extend %search_slider } - -GeditFileBrowserWidget .toolbar { - border-bottom: 1px solid $borders_color; -} - -.gedit-search-entry-occurrences-tag { - color: transparentize($fg_color, 0.4); - margin: 2px; - padding: 2px; -} - -%search_slider { - background-color: lighten($bg_color, 2%); - padding: 6px; - border-color: $borders_color; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -// -// Gnome Builder -// - -GbSearchBox.linked { - - > GtkMenuButton.button:last-child:dir(ltr), - > GtkMenuButton.button:first-child:dir(rtl) { - padding: 0 10px; - - @include entry(header-normal); - - &:hover { @include entry(header-normal); border-color: $selected_bg_color; } - &:active, &:checked { @include entry(header-focus); } - &:insensitive { @include entry(header-insensitive); } - } - - > 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; - - &:hover { box-shadow: -1px 0 $selected_bg_color; } - } - > GtkMenuButton.button:first-child:dir(rtl) { - border-right-style: none; - border-radius: 14.5px 0 0 14.5px; - outline-radius: 12.5px 0 0 12.5px; - - &:hover { box-shadow: 1px 0 $selected_bg_color; } - } -} - -//Search entry that slides down from top of editor -GbEditorFrame .gb-search-slider { @extend %search_slider; padding: 2px; } - -.gb-search-entry-occurrences-tag { @extend .gedit-search-entry-occurrences-tag } - -GdTaggedEntry { color: $fg_color; } - -// Preferences sidebar style -.preferences.sidebar { - - GtkViewport { border: none; } - GtkListBox { background-color: $bg_color; } - GtkListBoxRow { padding: 10px; } -} - -// Preference page language style -GbPreferencesPageLanguage { - - GtkSearchEntry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - } - GtkScrolledWindow { border-top-width: 0; } -} - -// Command Bar styling -GtkBox.gb-command-bar-box { - border: none; - background-color: opacify($osd_bg_color, 1); - - GtkLabel { color: $osd_fg_color; } -} - -GtkEntry.gb-command-bar-entry.entry.flat, -GtkEntry.gb-command-bar-entry.entry.flat:focus { - font-family: Monospace; - color: $osd_fg_color; - background-image: none; - background-color: opacify($osd_bg_color, 1); - padding: 6px 6px 6px 6px; - border: none; - - &:selected, - &:selected:focus { - @extend %selected_items; - } -} - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; -} - -GtkScrolledWindow.gb-linked-scroller { - border-top: none; -} - -// Disable various animatinos that are enabled by default and really annoying -// to the overall flow of Builder. -GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { - transition: none; -} - -GbViewStack GtkBox.header.notebook, -GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid $borders_color; -} - -GbViewStack.focused GtkBox.header.notebook { - background-color: $bg_color; - - .button.dim-label { opacity: 1; } -} - -// -// Epiphany -// -EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it - color: $fg_color; -} - -// -// Gnome Documents -// -.documents-load-more.button { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 2px; -} - -.documents-collection-icon { - background-color: transparentize($fg_color, 0.7); - border-radius: 2px; -} - -.documents-favorite.button:active, -.documents-favorite.button:active:hover { - color: lighten($selected_bg_color, 20%); -} - -.documents-entry-tag { - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 2px; - border-width: 0; - margin: 2px; - padding: 4px; - - &:hover { background-color: lighten($selected_bg_color, 4%) } - &:active { background-color: darken($selected_bg_color, 4%) } - - .toolbar .linked &.button { - background: none; - border: none; - box-shadow: none; - icon-shadow: none; - - &:hover { color: transparentize($selected_fg_color, 0.3) } - } -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -// -// Totem -// -TotemGrilo.vertical GdMainView.frame { - border-width: 0; -} - -// -// Synapse -// -SynapseGuiViewDefault *:selected { background-color: $selected_bg_color; } - -// -// Fallback Mode/Budgie Panel -// -.gnome-panel-menu-bar, -PanelApplet > GtkMenuBar.menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: $panel_fg; - background-image: linear-gradient(to bottom, $panel_bg); -} - -PanelApplet .button, PanelApplet .button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: $panel_fg; -} - -PanelApplet .button:hover { - color: lighten($panel_fg, 10%); - background-color: transparentize(black, 0.83); - border-color: transparentize(black, 0.83); -} - -PanelApplet .button:active, PanelApplet .button:active:backdrop, -PanelApplet .button:checked, PanelApplet .button:checked:backdrop { - background-clip: padding-box; - color: $selected_fg_color; - background-color: transparentize(black, 0.75); - border-radius: 0; - border-color: transparentize(black, 0.75); - box-shadow: inset 0 -2px $selected_bg_color; -} - -PanelApplet:hover { - color: $selected_fg_color; -} - -PanelApplet:active, -PanelApplet:hover:active { - color: $selected_bg_color; -} - -WnckPager { - color: mix($panel_fg, black, 50%); - &:selected { color: $selected_bg_color } -} - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; -} - -ClockBox { - color: $panel_fg; -} - -// Xfce Panel -.xfce4-panel.panel { - background-color: $panel_bg; - - .button.flat { - color: $panel_fg; - background-color: transparentize($panel_bg, 1); - border-radius: 0; - - &:hover { - border: none; - background-color: lighten($panel_bg, 10%); - } - &:active, &:checked { - color: $selected_bg_color; - border: none; - background-color: darken($panel_bg, 7%); - } - } -} - -// -// Floating Bar -// -.floating-bar { - background-color: $selected_bg_color; - color: $selected_fg_color; - - &.top { border-radius: 0 0 2px 2px; } - &.right { border-radius: 2px 0 0 2px; } - &.bottom { border-radius: 2px 2px 0 0; } - &.left { border-radius: 0 2px 2px 0; } - - .button { - -GtkButton-image-spacing: 0; - -GtkButton-inner-border: 0; - - background-color: transparent; - box-shadow: none; - border: none; - } -} - -// Elementary Apps - -// -// Birdie -// -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; -} - -// -// Marlin / Pantheon Files -// -MarlinViewWindow GtkIconView.view:selected, -MarlinViewWindow GtkIconView.view:selected:focus, -MarlinViewWindow GtkIconView.view:selected:hover, -MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, -MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -MarlinViewWindow *:selected, -MarlinViewWindow *:selected:focus { - color: $selected_fg_color; - background-color: $selected_bg_color; - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - border-radius: 14.5px; - @include entry(header-normal); - - &:focus { @include entry(header-focus) } - - &:insensitive { @include entry(header-insensitive) } - - &:active, &:checked { - color: $selected_bg_color; - } -} - -// -// Gala -// -.gala-notification { - border: 1px solid if($variant=='light', rgba(0, 0, 0, 0.35), $borders_color); - border-radius: 3px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, $base_color); - background-color: transparent; - - .title, .label { - color: $fg_color; - } -} - -// -// Wingpanel -// -.panel { - background-color: transparent; - color: white; - font-weight: bold; - text-shadow: 0 1px 2px transparentize(black, 0.4); - icon-shadow: 0 1px 2px transparentize(black, 0.4); -} - -.panel-shadow { - background-image: none; - background-color: transparent; -} - -.panel .menu { - box-shadow: none; -} - -.panel .menu .menuitem { - font-weight: normal; - text-shadow: none; - icon-shadow: none; -} - -.panel .menubar > .menuitem { padding: 3px 6px; } - -.panel .menubar > .menuitem:hover { background-color: transparent; } - -.panel .window-frame.menu.csd, -.panel .window-frame.popup.csd { - box-shadow: none; -} - -.panel .menu .window-frame.menu.csd, -.panel .menu .window-frame.popup.csd { - box-shadow: 0 0 0 1px transparentize(black, 0.8), - 0 10px 20px transparentize(black, 0.81), - 0 6px 6px transparentize(black, 0.77); -} - -.composited-indicator { - background-color: transparent; - color: white; - text-shadow: 0 1px 2px transparentize(black, 0.4); - icon-shadow: 0 1px 2px transparentize(black, 0.4); -} - -.composited-indicator > GtkWidget > GtkWidget:first-child { - padding: 0 2px; -} - -.panel-app-button > GtkWidget > GtkWidget:first-child { - padding: 0 2px 0 4px; -} - -.composited-indicator.menuitem:active, -.composited-indicator.menuitem:prelight { - border-style: none; - background-image: none; - box-shadow: none; -} - -.composited-indicator > .popup > .menu { - padding-top: 8px; - padding-bottom: 8px; -} - -.panel .menu .spinner, -.menu .spinner { opacity: 1 } // Fixes sound indicator buttons - -// -// Wingpanel Popover -// -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - - text-shadow: none; - icon-shadow: none; - - .menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - icon-shadow: none; - border: solid transparent; - border-width: 1px 0; - - GtkLabel, GtkImage { padding: 0 3px; } - - &:hover, &:active { - background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); - border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); - border-width: 1px 0; - } - *:insensitive { color: $insensitive_fg_color; } - } -} - -// -// Pantheon Terminal -// -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; -} - -// -// Switchboard -// -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: $fg_color; -} diff --git a/common/gtk-3.0/3.16/_colors-public.scss b/common/gtk-3.0/3.16/_colors-public.scss deleted file mode 100644 index 0590a00..0000000 --- a/common/gtk-3.0/3.16/_colors-public.scss +++ /dev/null @@ -1,77 +0,0 @@ -//apps rely on some named colors to be exported -/* GTK NAMED COLORS */ - -// Sass thinks we're using the colors in the variables as strings and may shoot -// warning, it's innocuous and can be defeated by using "" + $var -@define-color theme_fg_color #{"" + $fg_color}; -@define-color theme_text_color #{"" + $text_color}; -@define-color theme_bg_color #{"" + $bg_color}; -@define-color theme_base_color #{"" + $base_color}; -@define-color theme_selected_bg_color #{"" + $selected_bg_color}; -@define-color theme_selected_fg_color #{"" + $selected_fg_color}; -@define-color fg_color #{"" + $fg_color}; -@define-color text_color #{"" + $text_color}; -@define-color bg_color #{"" + $bg_color}; -@define-color base_color #{"" + $base_color}; -@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_base_color #{"" + $base_color}; -@define-color theme_unfocused_fg_color #{"" + $fg_color}; -@define-color theme_unfocused_text_color #{"" + $text_color}; -@define-color theme_unfocused_bg_color #{"" + $bg_color}; -@define-color theme_unfocused_base_color #{"" + $base_color}; -@define-color borders #{"" + $borders_color}; -@define-color unfocused_borders #{"" + $borders_color}; - -@define-color warning_color #{"" + $warning_color}; -@define-color error_color #{"" + $error_color}; -@define-color success_color #{"" + $success_color}; -@define-color placeholder_text_color #A8A8A8; - -//WM -$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_bg #{"" + opacify($header_bg, 1)}; -@define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; - -@define-color wm_highlight #{"" + $wm_highlight}; -@define-color wm_shadow alpha(black, 0.35); - -//WM Buttons - -// Close -@define-color wm_button_close_bg #{"" + $wm_button_close_bg}; -@define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; -@define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; - -@define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; -@define-color wm_icon_close_hover_bg #{"" + $wm_icon_close_hover_bg}; -@define-color wm_icon_close_active_bg #{"" + $wm_icon_close_active_bg}; - -// Minimize, Maximize -@define-color wm_button_bg #{"" + $wm_button_bg}; -@define-color wm_button_unfocused_bg #{"" + $wm_button_unfocused_bg}; -@define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; -@define-color wm_button_active_bg #{"" + $wm_button_active_bg}; - -@define-color wm_button_border #{"" + $wm_button_border}; -@define-color wm_button_unfocused_border #{"" + $wm_button_unfocused_border}; -@define-color wm_button_hover_border #{"" + $wm_button_hover_border}; -@define-color wm_button_active_border #{"" + $wm_button_active_border}; - -@define-color wm_icon_bg #{"" + $wm_icon_bg}; -@define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; -@define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; -@define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; - - -//FIXME this is really an API - -@define-color content_view_bg #{"" + $base_color}; - diff --git a/common/gtk-3.0/3.16/_colors.scss b/common/gtk-3.0/3.16/_colors.scss deleted file mode 100644 index c32b223..0000000 --- a/common/gtk-3.0/3.16/_colors.scss +++ /dev/null @@ -1,102 +0,0 @@ -// When color definition differs for dark and light variant, -// it gets @if ed depending on $variant - - -$base_color: if($variant =='light', #ffffff, #383C45); -$text_color: if($variant == 'light', #5c616c, #D3DAE3); -$bg_color: if($variant =='light', #F5F6F7, #444852); -$fg_color: if($variant =='light', #5c616c, #D3DAE3); - -$selected_fg_color: #ffffff; -$selected_bg_color: #5294E2; -$selected_borders_color: darken($selected_bg_color, 20%); -$borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,10%)); - -$link_color: if($variant == 'light', darken($selected_bg_color,10%), - lighten($selected_bg_color,20%)); -$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), - lighten($selected_bg_color,10%)); - -$selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); -$warning_color: #F27835; -$error_color: #FC4138; -$success_color: #73d216; -$destructive_color: #F04A50; -$suggested_color: #4DADD4; - -$osd_fg_color: #A8ADB5; -$osd_bg_color: transparentize(#3c4049, 0.05); -$osd_button_bg: darken($osd_bg_color, 3%); - -$osd_insensitive_bg_color: darken($osd_bg_color, 3%); -$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); -$osd_borders_color: transparentize(black, 0.3); - - -$tooltip_bg: $osd_bg_color; -$tooltip_fg: #edf5fb; -$tooltip_borders_color: transparentize(white, 0.9); - -//insensitive state derived colors -$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); -$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); - - -$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); -$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); -$entry_focus_border: $selected_bg_color; - -$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); -$button_border: $entry_border; - -$header_bg: red; -@if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } -@if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } -@if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343b, 0.03); } -@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343b; } - -//$header_bg: if(($darker == 'true' or $variant == 'dark') and $transparency == 'true', transparentize(#2f343b, 0.03), #2f343b); - -$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); - -$header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)); - -$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); -$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); - -$dark_sidebar_bg: if($transparency == 'true' and $variant == 'light', $osd_bg_color, opacify($osd_bg_color, 1)); -@if $variant==dark { $dark_sidebar_bg: if($transparency == 'true', lighten($osd_bg_color, 4%), lighten(opacify($osd_bg_color, 1), 4%)); } - -$dark_sidebar_fg: $osd_fg_color; -$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 10%)); - -$panel_bg: darken($osd_bg_color, 10%); -$panel_fg: $dark_sidebar_fg; - - -//WM Buttons - -// Close -$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f37076, #e45e65); -$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f79da1, #f48085); -$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #ef4048, #e6262f); - -$wm_icon_close_bg: $selected_fg_color; -$wm_icon_close_hover_bg: $selected_fg_color; -$wm_icon_close_active_bg: $selected_fg_color; - -// Minimize, Maximize -$wm_button_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); -$wm_button_unfocused_bg: if($variant == 'light' and $darker == 'false', #f6f7f8, #2a3035); -$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); -$wm_button_active_bg: $selected_bg_color; - -$wm_button_border: if($variant == 'light' and $darker == 'false', #d8dae0, #191C21); -$wm_button_unfocused_border: if($variant == 'light' and $darker == 'false', #dddee2, #1F2328); -$wm_button_hover_border: $selected_bg_color; -$wm_button_active_border: $selected_bg_color; - -$wm_icon_bg: if($variant == 'light' and $darker == 'false', #8d93a4, #939ca8); -$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #b8bcc7, #686f78); -$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #70788d, #afb8c5); -$wm_icon_active_bg: $selected_fg_color; diff --git a/common/gtk-3.0/3.16/_common.scss b/common/gtk-3.0/3.16/_common.scss deleted file mode 100644 index 5469eb6..0000000 --- a/common/gtk-3.0/3.16/_common.scss +++ /dev/null @@ -1,2836 +0,0 @@ -@function gtkalpha($c,$a) { - @return unquote("alpha(#{$c},#{$a})"); -} - -$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); -$asset_suffix: if($variant=='dark', '-dark', ''); // use dark assets in dark variant -$darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); - -* { - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: $error_color; - -GtkPaned-handle-size: 1; - - -GtkCheckButton-indicator-size: 16; - -GtkCheckMenuItem-indicator-size: 16; - - // The size for scrollbars. The slider is 2px smaller, but we keep it - // up so that the whole area is sensitive to button presses for the - // slider. The stepper button is larger in both directions, the slider - // only in the width - - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - - -GtkToolItemGroup-expander-size: 11; - -GtkExpander-expander-size: 16; - -GtkTreeView-expander-size: 11; - - -GtkTreeView-horizontal-separator: 4; - - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - - -GtkWidget-link-color: $link_color; - -GtkWidget-visited-link-color: $link_visited_color; - - -GtkWidget-focus-padding: 2; // FIXME: do we still need these? - -GtkWidget-focus-line-width: 1; // - - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - - -GtkStatusbar-shadow-type: none; - - // We use the outline properties to signal the focus properties - // to the adwaita engine: using real CSS properties is faster, - // and we don't use any outlines for now. - - outline-color: transparentize($fg_color, 0.7); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - outline-radius: 2px; -} - - -/*************** - * Base States * - ***************/ - -.background { - color: $fg_color; - background-color: transparentize($bg_color, 0.001); // without this headerbar transparency doesn't seem to work -} - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ - -*:insensitive { - -gtk-image-effect: dim; -} - -.gtkstyle-fallback { - background-color: $bg_color; - color: $fg_color; - &:prelight { - background-color: lighten($bg_color, 10%); - color: $fg_color; - } - &:active { - background-color: darken($bg_color, 10%); - color: $fg_color; - } - &:insensitive { - background-color: $insensitive_bg_color; - color: $insensitive_fg_color; - } - &:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -.view { - color: $text_color; - background-color: $base_color; - - &:selected, - &:selected:focus, - &:selected:hover { - @extend %selected_items; - } - &.dim-label { - color: transparentize($text_color, 0.45); - - &:selected, &:selected:focus { - color: transparentize($selected_fg_color, 0.35); - text-shadow: none; - } - } -} - -.rubberband { - border: 1px solid $selected_bg_color; - background-color: transparentize($selected_bg_color,0.8); -} - -.label { - &.separator { - color: $fg_color; - @extend .dim-label; - } - &:selected, - &:selected:focus, - &:selected:hover { - @extend %selected_items; - } - &:insensitive { - color: $insensitive_fg_color; - } -} - -.dim-label { - opacity: 0.55; -} - -GtkAssistant { - .sidebar { - background-color: $base_color; - border-top: 1px solid $borders_color; - &:dir(ltr) { border-right: 1px solid $borders_color; } - &:dir(rtl) { border-left: 1px solid $borders_color; } - } - &.csd .sidebar { border-top-style: none; } - .sidebar .label { - padding: 6px 12px; - } - .sidebar .label.highlight { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -GtkTextView { // This will get overridden by .view, needed by gedit line numbers - background-color: mix($bg_color, $base_color, 50%); -} - -.grid-child { - padding: 3px; - border-radius: 3px; - &:selected { - @extend %selected_items; - outline-offset: -2px; - } -} - -%osd, .osd { - color: $osd_fg_color; - border: none; - background-color: $osd_bg_color; - background-clip: padding-box; - outline-color: transparentize($osd_fg_color, 0.7); - box-shadow: none; -} - -/********************** - * Spinner Animations * - **********************/ - -@keyframes spin { - to { -gtk-icon-transform: rotate(1turn); } -} - -.spinner { - background-image: none; - background-color: blue; - opacity: 0; // non spinning spinner makes no sense - -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); - - &:active { - opacity: 1; - animation: spin 1s linear infinite; - - &:insensitive { - opacity: 0.5; - } - } -} - -/**************** - * Text Entries * - ****************/ - -.entry { - border: 1px solid; - padding: 5px 8px 6px; - - border-radius: 15px; - transition: all 200ms $ease-out-quad; - @include entry(normal); - - .header-bar & { padding: 6px 11px; } - - //&.image { // icons inside the entry - // &.left { padding-left: 0; } - // &.right { padding-right: 0; } - //} - &.image { padding-left: 3px; padding-right: 3px; } - - &.flat, &.flat:focus { - padding: 2px; - @include entry(normal); - border: none; - border-radius: 0; - } - - &:focus { - background-clip: border-box; - @include entry(focus); - } - - &:insensitive { @include entry(insensitive); } - - &:selected, - &:selected:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - &.progressbar { - margin: 2px 12px; - border-radius: 0; - border-width: 0 0 2px; - border-color: $selected_bg_color; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; - } - - .linked > & { //FIXME: use same buttons linking logic and template - &:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - &:dir(rtl) { border-right-style: none;} - } - &:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; - &:dir(rtl) { border-left-style: solid; } - } - } - - &.error { - color: white; - border-color: $error_color; - background-image: linear-gradient(to bottom, mix($error_color, $base_color, 80%)); - &:focus { - background-image: linear-gradient(to bottom, $error_color); - color: white; - } - &:selected, &:selected:focus { - background-color: white; - color: $error_color; - } - } - - &.warning { - color: white; - border-color: $warning_color; - background-image: linear-gradient(to bottom, mix($warning_color, $base_color, 80%)); - &:focus { - background-image: linear-gradient(to bottom, $warning_color); - color: white; - } - &:selected, &:selected:focus { - background-color: white; - color: $warning_color; - } - } - - &.image { // entry icons colors - color: mix($fg_color,$base_color,80%); - &:hover { color: $fg_color; } - &:active { color: $selected_bg_color; } - } - - .linked.vertical > & { //FIXME comment stuff and make the whole thing smarter. - border-bottom-color: mix($borders_color, $base_color, 30%); - box-shadow: none; - @extend %linked_vertical; - - &:focus { - border-color: $selected_bg_color; - box-shadow: 0 -1px 0 0 $selected_bg_color; - @extend %linked_vertical; - } - - &:insensitive { - border-bottom-color: mix($borders_color, $base_color, 30%); - @extend %linked_vertical; - } - - &:first-child { - border-bottom-color: mix($borders_color, $base_color, 30%); - - &:focus { - border-bottom-color: $selected_bg_color; - box-shadow: none; - } - - &:insensitive { - border-bottom-color: mix($borders_color, $base_color, 30%); - @extend %linked_vertical:first-child; - } - } - - &:last-child { - border-bottom-color: rgba(0,0,0,0.14); - &:focus { - border-bottom-color: $selected_bg_color; - box-shadow: 0 -1px 0 0 $selected_bg_color; - @extend %linked_vertical:last-child; - } - - &:insensitive { - border-bottom-color: rgba(0,0,0,0.14); - @extend %linked_vertical:last-child; - - } - } - } - - .osd & { - @include entry(osd); - &:focus { @include entry(osd-focus); } - &:insensitive { @include entry(osd-insensitive); } - } -} - -/*********** - * Buttons * - ***********/ - -// stuff for .needs-attention -$_dot_color: $selected_bg_color; - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.01, - to($_dot_color), - to(transparent)); - } - to { - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.5, - to($selected_bg_color), - to(transparent)); - } -} - - -.button { - $_button_transition: all 200ms $ease-out-quad; - - transition: $_button_transition; - border: 1px solid; - border-radius: 3px; - padding: 5px 8px; - - .header-bar & { padding: 6px 11px; } - - @include button(normal); - - &.flat { - @include button(undecorated); - background-color: transparentize($bg_color, 1); - // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set - // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but - // it won't fade out when the pointer leave the button allocation area. To make the transition more evident - // in this case the duration is increased. - transition: none; - &:hover { - transition: $_button_transition; - transition-duration: 350ms; - &:active { transition: $_button_transition; } - } - } - &:hover { - @include button(hover); - -gtk-image-effect: highlight; - } - &:active, &:checked { - background-clip: border-box; - @include button(active); - transition-duration: 50ms; - } - - //Webkitgtk workaround start - &:active { color: $fg_color; } - &:active:hover, &:checked { color: $selected_fg_color; } - //Webkitgtk workaround end - - &.flat:insensitive { - @include button(undecorated); - } - &:insensitive { - @include button(insensitive); - &:active, &:checked { - @include button(insensitive-active); - } - } - // big standalone buttons like in Documents pager - &.osd { - outline-color: transparentize($osd_fg_color, 0.7); - - @include button(osd); - background-color: $osd_bg_color; - - &.image-button { padding: 10px; } - - &:hover { @include button(osd-hover); border-color: transparentize($osd_fg_color, 0.7)} - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } - } - - //overlay / OSD style - .osd & { - @include button(osd); - // there's a problem with sass which prevents it to extend the linked - // placeholder as expected, it should just be "@extend %linked;", the - // placeholder is basically replicated here - // - // Workaround START - border-radius: 0; - border-left-style: none; - border-right-style: none; - - &:dir(rtl) { - border-radius: 0; - border-right-style: none; - border-left-style: none - } - &:first-child { - border-radius: 3px 0 0 3px; - border-left-style: solid; - } - &:last-child { - border-radius: 0 3px 3px 0; - border-right-style: solid; - - &:dir(rtl) { border-left-style: solid; } - } - &:only-child { - border-radius: 3px; - border-style: solid; - } - // Workaround END - &:hover { - @include button(osd-hover); - @extend %linked; - } - &:active, &:checked { - @include button(osd-active); - @extend %linked; - } - &:insensitive { - @include button(osd-insensitive); - @extend %linked; - } - - &.flat { - @include button(undecorated); - box-shadow: none; - &:hover { - @include button(osd-hover); - } - &:insensitive { - @include button(osd-insensitive); - background-image: none; - } - &:active, &:checked { - @include button(osd-active); - } - } - } - // Suggested and Destructive Action buttons - @each $b_type, $b_color in (suggested-action, $suggested_color), - (destructive-action, $destructive_color) { - &.#{$b_type} { - @include button(suggested_destructive, $b_color); - - &.flat { - @include button(undecorated); - color: $b_color; - outline-color: transparentize($b_color, 0.7); - } - &:hover { - @include button(suggested_destructive, lighten($b_color, 10%)); - } - &:active, &:checked { - @include button(suggested_destructive, darken($b_color, 10%)); - } - &.flat:insensitive { - @include button(undecorated); - color: transparentize($b_color, 0.35); - } - &:insensitive { opacity: 0.75; } - } - } - - &.image-button { padding: 8px; } - - .header-bar &.image-button { padding: 6px 9px; } - - &.text-button { - padding-left: 16px; - padding-right: 16px; - } - - .header-bar &.text-button { padding: 6px 16px; } - - &.text-button.image-button { - // those buttons needs uneven horizontal padding, we want the icon side - // to have the image-button padding, while the text side the text-button - // one, so we're adding the missing padding to the label depending on - // its position inside the button - padding: 4px 8px 5px; // same as .button - GtkLabel:first-child { padding-left: 8px; } - GtkLabel:last-child { padding-right: 8px; } - } - - .header-bar &.text-button.image-button { padding: 6px 16px; } - - .stack-switcher > & { - // to position the needs attention dot, padding is added to the button - // child, a label needs just lateral padding while an icon needs vertical - // padding added too. - - outline-offset: -3px; // needs to be set or it gets overridden by GtkRadioButton outline-offset - - > GtkLabel { - padding-left: 6px; // label padding - padding-right: 6px; // - } - > GtkImage { - padding-left: 6px; - padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; - } - - .header-bar > GtkLabel { padding: 6px 10px; } - - &.text-button { padding: 5px 10px; } - - .header-bar &.text-button { padding: 6px 10px; } - - &.image-button { padding: 1px 3px; } - - &.needs-attention > .label, - &.needs-attention > GtkImage { @extend %needs_attention; } - &.needs-attention:active > .label, - &.needs-attention:active > GtkImage, - &.needs-attention:checked > .label, - &.needs-attention:checked > GtkImage { - animation: none; - background-image: none; - } - } - - %needs_attention { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.5, - to($_dot_color), - to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - @if $variant == 'light' { background-position: right 3px, right 4px; } - @else { background-position: right 3px, right 2px; } - &:dir(rtl) { - @if $variant == 'light' { background-position: left 3px, left 4px; } - @else { background-position: left 3px, left 2px; } - } - } - - //inline-toolbar buttons - .inline-toolbar &, .inline-toolbar &:backdrop { - border-radius: 2px; - border-width: 1px; - @extend %linked; - } - - .linked > &, - .linked > &:hover, - .linked > &:active, - .linked > &:checked { @extend %linked; } - - .linked.vertical > &, - .linked.vertical > &:hover, - .linked.vertical > &:active, - .linked.vertical > &:checked { @extend %linked_vertical; } -} - -// all the following is for the +|- buttons on inline toolbars, that way -// should really be deprecated... -.inline-toolbar GtkToolButton > .button { // redefining the button look is - // needed since those are flat... - @include button(normal); - &:hover { @include button(hover); } - &:active, - &:checked{ @include button(active); } - &:insensitive { @include button(insensitive); } - &:insensitive:active, - &:insensitive:checked { @include button(insensitive-active); } -} - -// More inline toolbar buttons -.inline-toolbar.toolbar GtkToolButton { - & > .button.flat { @extend %linked_middle; } - &:dir(rtl) > .button.flat { @extend %linked_middle:dir(rtl); } - &:first-child > .button.flat { @extend %linked:first-child; } - &:last-child > .button.flat { @extend %linked:last-child; } - &:last-child:dir(rtl) > .button.flat { @extend %linked:last-child:dir(rtl); } - &:only-child > .button.flat { @extend %linked:only-child; } -} - -%linked_middle { - border-radius: 0; - border-left-style: none; - border-right-style: none; - - &:hover { - box-shadow: inset 1px 0 $selected_bg_color, inset -1px 0 $selected_bg_color; - } - - &:dir(rtl) { - border-radius: 0; // needed when including %linked_middle:dir(rtl) - } -} - -%linked { - @extend %linked_middle; - - &:first-child { - border-radius: 3px 0 0 3px; - border-left-style: solid; - - &:hover { box-shadow: inset -1px 0 $selected_bg_color; } - } - &:last-child { - border-radius: 0 3px 3px 0; - border-right-style: solid; - - &:hover { box-shadow: inset 1px 0 $selected_bg_color; } - - &:dir(rtl) { border-bottom-left-radius: 0; } - - } - &:only-child { - border-radius: 3px; - border-style: solid; - - &:hover { box-shadow: none; } - } -} - -%linked_vertical_middle { - border-style: solid; - border-bottom-style: none; - border-top-style: none; - border-radius: 0; - - &:hover { box-shadow: inset 0 1px $selected_bg_color, inset 0 -1px $selected_bg_color; } -} - -%linked_vertical{ - @extend %linked_vertical_middle; - - &:first-child { - border-radius: 3px 3px 0 0; - border-top-style: solid; - - &:hover { box-shadow: inset 0 -1px $selected_bg_color; } - } - &:last-child { - border-radius: 0 0 3px 3px; - border-bottom-style: solid; - - &:hover { box-shadow: inset 0 1px $selected_bg_color; } - } - &:only-child { - border-radius: 3px; - border-style: solid; - - &:hover { box-shadow: none; } - } -} - -%undecorated_button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -/* menu buttons */ -.menuitem.button.flat { - transition: none; - @extend %undecorated_button; - outline-offset: -1px; - border-radius: 2px; - - &:hover { background-color: mix($fg_color,$bg_color,5%); } - &:selected, &:checked, &:active { - @extend %selected_items; - } -} - -/********* - * Links * - *********/ - -*:link { - color: $link_color; - &:visited { - color: $link_visited_color; - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } - } - &:hover { - color: lighten($link_color,10%); - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } - } - &:active { - color: $link_color; - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } - } - &:selected, *:selected & { - color: mix($selected_fg_color, $selected_bg_color, 80%); - } -} - -.button:link, .button:visited { - @extend %undecorated_button; - @extend *:link; - &:hover, &:active, &:checked { - @extend %undecorated_button; - } -} - -/***************** - * GtkSpinButton * - *****************/ - -.spinbutton { - border-radius: 3px; - - .button { - background-image: none; - border: 1px solid transparentize($borders_color,0.4); - border-style: none none none solid; - color: mix($fg_color,$base_color,95%); - border-radius: 0; - box-shadow: none; - // padding-left: 6px; - // padding-right: 6px; - &:dir(rtl) { border-style: none solid none none; } - &:first-child { color: red; } - &:hover { - color: $selected_bg_color; - } - &:insensitive { - color: $insensitive_fg_color; - } - &:active { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - -// .osd & { -// .button { -// @include button(undecorated); -// color: $osd_fg_color; -// border-style: none none none solid; -// border-color: transparentize($osd_borders_color, 0.3); -// border-radius: 0; -// box-shadow: none; -// &:dir(rtl) { border-style: none solid none none; } -// &:hover { -// @include button(undecorated); -// color: $osd_fg_color; -// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); -// background-color: transparentize($osd_fg_color, 0.9); -// box-shadow: none; -// } -// &:insensitive { -// @include button(undecorated); -// color: $osd_insensitive_fg_color; -// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); -// box-shadow: none; -// } -// &:last-child { border-radius: 0 2px 2px 0; } -// &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } -// } -// } - - &.vertical, &.vertical:dir(rtl) { - .button { - &:first-child { - @extend %top_button; - @include button(normal); - &:active { - @extend %top_button; - @include button(active); - } - &:hover { - @extend %top_button; - @include button(hover); - } - &:insensitive { - @extend %top_button; - @include button(insensitive); - } - } - &:last-child { - @extend %bottom_button; - @include button(normal); - &:active { - @extend %bottom_button; - @include button(active); - } - &:hover { - @extend %bottom_button; - @include button(hover); - } - &:insensitive { - @extend %bottom_button; - @include button(insensitive); - } - } - } - &.entry { - // we should remove the bottom edge hilight here, but seems - // like buttons are on top of it so it doesn't show up - border-radius: 0; - padding-left: 5px; - padding-right: 5px; - } - %top_button { - border-radius: 2px 2px 0 0; - border-style: solid solid none solid; - } - %bottom_button { - border-radius: 0 0 2px 2px; - border-style: none solid solid solid; - } - } - GtkTreeView & { - &.entry, &.entry:focus { - padding: 1px; - border-width: 1px 0; - border-color: $selected_bg_color; - border-radius: 0; - box-shadow: none; - } - } -} - -/************** - * ComboBoxes * - **************/ -GtkComboBox { - > .button { padding-top: 3px; padding-bottom: 4px; } // Otherwise combos - // are bigger then - // buttons - -GtkComboBox-arrow-scaling: 0.5; - -GtkComboBox-shadow-type: none; - - &:insensitive { - color: $insensitive_fg_color; - } - - .separator.vertical { - // always disable separators - -GtkWidget-wide-separators: true; - } - - &.combobox-entry .entry { - @extend %linked; - - border-right-style: none; - &:dir(rtl) { border-left-style: none; } - } - - &.combobox-entry .button { - @extend %linked; - - color: transparentize($fg_color, 0.4); - background-color: $button_border; - border-color: $button_border; - - &:hover { - background-color: lighten($button_border, 5%); - border-color: $selected_bg_color; - box-shadow: -1px 0 $selected_bg_color; - } - - &:active, &:checked { @include button(active); } - - &:insensitive { opacity: 0.5 } - } -} - -.linked > GtkComboBox > .button { - // the combo is a composite widget so the way we do button linking doesn't - // work, special case needed. See - // https://bugzilla.gnome.org/show_bug.cgi?id=733979 - &:dir(ltr) { @extend %linked_middle; } // specificity bump - &:dir(rtl) { @extend %linked_middle:dir(rtl); } -} -.linked > GtkComboBox:first-child > .button { - @extend %linked:first-child; -} -.linked > GtkComboBox:last-child > .button { - @extend %linked:last-child; -} -.linked > GtkComboBox:only-child > .button { - @extend %linked:only-child; -} -.linked.vertical > GtkComboBoxText > .button, -.linked.vertical > GtkComboBox > .button { @extend %linked_vertical_middle; } -.linked.vertical > GtkComboBoxText:first-child > .button, -.linked.vertical > GtkComboBox:first-child > .button { @extend %linked_vertical:first-child; } -.linked.vertical > GtkComboBoxText:last-child > .button, -.linked.vertical > GtkComboBox:last-child > .button { @extend %linked_vertical:last-child; } -.linked.vertical > GtkComboBoxText:only-child > .button, -.linked.vertical > GtkComboBox:only-child > .button { @extend %linked_vertical:only-child; } - -/************ - * Toolbars * - ************/ -.toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: $bg_color; - .osd &, &.osd { - padding: 7px; - border: none; - border-radius: 4px; - background-color: $osd_bg_color; - } -} - -.primary-toolbar { - color: $header_fg; - background-color: opacify($header_bg, 1); - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, opacify($header_bg, 1), - darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - - .separator { @extend %header_separator; } - - @extend %header_widgets; -} - -.inline-toolbar { - @extend .toolbar; - background-color: darken($bg_color, 3%); - border-style: solid; - border-color: $borders_color; - border-width: 0 1px 1px; - padding: 3px; - border-radius: 0 0 3px 3px; -} - -.search-bar { - background-color: $bg_color; - border-style: solid; - border-color: $borders_color; - border-width: 0 0 1px; - padding: 3px; - //box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); -} - -.action-bar { background-color: darken($bg_color, 3%) } - -/*************** - * Header bars * - ***************/ - -.header-bar { - padding: 7px 7px 6px 7px; - - border-width: 0 0 1px; - border-style: solid; - border-radius: 0; - border-color: $header_border; - - color: $header_fg; - background-color: opacify($header_bg, 1); - - .csd & { background-color: $header_bg; } // Transparent header-bars only in csd windows - - &:backdrop { - color: transparentize($header_fg, 0.3); - background-color: opacify($header_bg_backdrop, 1); - - .csd & { background-color: $header_bg_backdrop; } // Transparent header-bars only in csd windows - } - - .title { - padding: 0px 12px; - } - - .subtitle { - font-size: smaller; - padding: 0 12px; - @extend .dim-label; - } - - // Selectionmode - &.selection-mode, - &.titlebar.selection-mode { - color: $selected_fg_color; - background-color: $selection_mode_bg; - border-color: darken($selection_mode_bg, 4%); - box-shadow: none; - - &:backdrop { - background-color: $selection_mode_bg; - color: transparentize($selected_fg_color, 0.4); - } - - .subtitle:link { @extend *:link:selected; } - - .button { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 1); - - &.flat { - @include button(undecorated); - color: $selected_fg_color; - background-color: transparentize($selected_fg_color, 1); - } - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: transparentize($selected_fg_color, 0.95); - border-color: transparentize($selected_fg_color, 0.5); - } - &:active, &:checked { - color: $selection_mode_bg; - outline-color: transparentize($selection_mode_bg, 0.7); - background-color: $selected_fg_color; - border-color: $selected_fg_color; - } - &:insensitive { - color: transparentize($selected_fg_color, 0.6); - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 1); - - &:active, &:checked { - color: transparentize($selection_mode_bg, 0.6); - background-color: transparentize($selected_fg_color, 0.85); - border-color: transparentize($selected_fg_color, 0.85); - } - } - } - - .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; - GtkArrow { -GtkArrow-arrow-scaling: 1; } - .arrow { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } - } - .maximized & { background-color: opacify($selection_mode_bg, 1); } - } - - .tiled &, .tiled &:backdrop, - .maximized &, .maximized &:backdrop { - border-radius: 0; // squared corners when the window is max'd or tiled - } - - .maximized & { - background-color: opacify($header_bg, 1); - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - } - - &.default-decoration { - padding-top: 5px; // less padding for ssd - padding-bottom: 5px; // - background-color: opacify($header_bg, 1); - border-bottom-width: 0; - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - } -} - -.titlebar { - padding-left: 7px; - padding-right: 7px; - border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); - color: $header_fg; - background-color: opacify($header_bg, 1); - box-shadow: inset 0 1px lighten($header_bg, 3%); - - .csd & { background-color: $header_bg; } - - &:backdrop { - color: transparentize($header_fg, 0.3); - background-color: opacify($header_bg_backdrop, 1); - - .csd & { background-color: $header_bg_backdrop; } - } - - .maximized & { - background-color: opacify($header_bg, 1); - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - } -} - -.titlebar .titlebar, -.titlebar .titlebar:backdrop { background-color: transparent; } - -// Only extending .header-bar avoids some problems (Gnome Documents searchbar) -.header-bar { - .header-bar-separator, - & > GtkBox > .separator.vertical { @extend %header_separator; } - - @extend %header_widgets; -} - -%header_separator { - -GtkWidget-wide-separators: true; - -GtkWidget-separator-width: 1px; - border-width: 0 1px; - border-image: linear-gradient(to bottom, - transparentize($header_fg, 1) 25%, - transparentize($header_fg, 0.65) 25%, - transparentize($header_fg, 0.65) 75%, - transparentize($header_fg, 1) 75%) 0 1/0 1px stretch; - - &:backdrop { opacity: 0.6; } -} - -%header_widgets { - // Header-bar Entries - .entry { - @include entry(header-normal); - - &:backdrop { opacity: 0.85; } - - &:focus { - @include entry(header-focus); - - &.image { color: $selected_fg_color; } - } - &:insensitive { @include entry(header-insensitive); } - - &:selected:focus { - background-color: $selected_fg_color; - color: $selected_bg_color; - } - - &.progressbar { - border-color: $selected_bg_color; - background-image: none; - background-color: transparent; - } - } - - // Header-bar Buttons - .button { - - @include button(header-normal); - - &:backdrop { opacity: 0.7; } - - &:hover { @include button(header-hover); } - &:active, &:checked { @include button(header-active); } - &:insensitive { @include button(header-insensitive); } - &:insensitive:active, &:insensitive:checked { @include button(header-insensitive-active); } - } - - .linked > .button { border-radius: 3px; border-style: solid} - - .linked > .button:hover { box-shadow: none; } - - .linked.stack-switcher > .button, - .linked.path-bar > .button { - @include button(header-hover); - - &:hover { border-color: $selected_bg_color; } - &:active, &:checked { @include button(header-active); } - - @extend %linked; - } - - // Header-bar Suggested and Destructive Action buttons - @each $b_type, $b_color in (suggested-action, $suggested_color), - (destructive-action, $destructive_color) { - .button.#{$b_type} { - @include button(suggested_destructive, $b_color); - - &.flat { - @include button(undecorated); - color: $b_color; - outline-color: transparentize($b_color, 0.7); - } - &:hover { - @include button(suggested_destructive, lighten($b_color, 10%)); - } - &:active, &:checked { - @include button(suggested_destructive, darken($b_color, 10%)); - } - &.flat:insensitive { - @include button(undecorated); - color: transparentize($b_color, 0.35); - } - &:insensitive { opacity: 0.75; } - } - .button.#{$b_type}:backdrop, - .button.#{$b_type}:backdrop { - opacity: 0.8; - } - } - - // Header-bar Spinbuttons - & .spinbutton { - - &:focus .button { color: $selected_fg_color; } - - .button { - color: $header_fg; - - &:hover { background-color: rgba(255,255,255,0.1); border-color: transparent; } - &:insensitive { color: transparentize($header_fg, 0.3); } - &:active { background-color: rgba(0,0,0,0.1); } - } - } - - // Header-bar ComboBoxes - & GtkComboBox{ - &:insensitive { color: transparentize($header_fg, 0.6); } - - &.combobox-entry .button { - @include entry(header-normal); - - &:hover { @include entry(header-focus); } - &:insensitive { @include entry(header-insensitive); } - } - } - - // Header-bar Switches - GtkSwitch { - &:backdrop { opacity: 0.75; } - } - - GtkProgressBar { - - &.trough { background-color: transparentize($header_fg, 0.65); } - - &:backdrop { opacity: 0.75; } - } - - // Header-bar Scale - .scale { - - &:backdrop { opacity: 0.75; } - - &.trough { - background-image: linear-gradient(to bottom, transparentize($header_fg, 0.65)); - - &:insensitive { background-image: linear-gradient(to bottom, transparentize($header_fg, 0.7)); } - } - &.slider { - background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 90%), darken($header_bg, 4%))); - - &:insensitive { - background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 40%), darken($header_bg, 1%))); - - @if $darker=='true' { border-color: mix($header_bg, $selected_bg_color, 60%); } - } - } - } -} - -/************ - * Pathbars * - ************/ - -.path-bar .button { - //padding: 5px 6px 6px; - &:first-child { padding-left: 8px; } - &:last-child { padding-right: 8px; } - &:only-child { - padding-left: 12px; - padding-right: 12px; - } - - // the following is for spacing the icon and the label inside the home button - GtkLabel:last-child { padding-left: 2px; } - GtkLabel:first-child { padding-right: 2px; } - GtkLabel:only-child { padding-right: 0; padding-left: 0; } - //GtkImage { padding-top: 1px; } -} - -/************** - * Tree Views * - **************/ -GtkTreeView.view { // treeview grid lines and expanders, unfortunatelly - // the tree lines color can't be set - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - - border-left-color: transparentize($fg_color, 0.85); // this is actually the tree lines color, - border-top-color: transparentize(black, 0.9); // while this is the grid lines color, better then nothing - - &:selected { - border-radius: 0; - border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); - border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly - } - - &:insensitive { - color: $insensitive_fg_color; - &:selected { - color: mix($selected_fg_color, $selected_bg_color, 40%); - } - } - - &.dnd { - border-style: solid none; - border-width: 1px; - border-color: mix($fg_color, $selected_bg_color, 50%); - } - - &.expander { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } - - color: mix($fg_color, $base_color, 50%); - - &:hover { color: $fg_color; } - - &:selected { - color: mix($selected_fg_color, $selected_bg_color, 70%); - &:hover { color: $selected_fg_color; } - } - - &:checked { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } - } - - &.progressbar { // progress bar in treeviews - color: $selected_fg_color; - border-radius: 3px; - - &:selected { - color: $selected_bg_color; - box-shadow: none; - background-color: $selected_fg_color; - } - } - &.trough, &.trough:selected { // progress bar trough in treeviews - color: $fg_color; - background-color: $button_border; - border-radius: 3px; - border-width: 0; - } -} - -column-header { - .button { - @extend %column_header_button; - $_column_header_color: mix($fg_color,$base_color,80%); - color: $_column_header_color; - background-color: $base_color; - &:hover { - @extend %column_header_button; - color: $selected_bg_color; - box-shadow: none; - transition: none; //I shouldn't need this - } - &:active { - @extend %column_header_button; - color: $fg_color; - transition: none; //I shouldn't need this - } - &.dnd { - @extend column-header.button.dnd; - } - } - &:last-child .button, - &:last-child.button { //treeview-like derived widgets in Banshee and Evolution - border-right-style: none; - border-image: none; - } -} - -column-header.button.dnd { // for treeview-like derive widgets - transition: none; - color: $selected_bg_color; - box-shadow: inset 1px 1px 0 1px $selected_bg_color, - inset -1px 0 0 1px $selected_bg_color, - inset 1px 1px $base_color, inset -1px 0 $base_color;; - &:active { @extend column-header.button.dnd; } - &:selected { @extend column-header.button.dnd; } - &:hover { @extend column-header.button.dnd; } -} - -%column_header_button { - padding: 3px 6px; - background-image: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, - transparentize(if($variant == 'light', black, white), 1) 20%, - transparentize(if($variant == 'light', black, white), 0.89) 20%, - transparentize(if($variant == 'light', black, white), 0.89) 80%, - transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; - - &:active { background-color: $base_color; } - &:insensitive { - border-color: $bg_color; - background-image: none; - } -} - -/********* - * Menus * - *********/ -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - background-color: opacify($header_bg, 1); - color: $header_fg; - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - - & > .menuitem { - padding: 6px 8px; - border: solid transparent; - border-width: 0; - - &:hover { //Seems like it :hover even with keyboard focus - background-color: $selected_bg_color; - color: $selected_fg_color; - } - &:insensitive { - color: transparentize($header_fg, 0.6); - border-color: transparent; - } - } -} - -.menu, .popup { - margin: 4px; - padding: 0; - border-radius: 0; - background-color: $base_color; - border: 1px solid $borders_color; - - .csd & { - padding: 4px 0px; - border-radius: 3px; - border: none; - } - - .menuitem { - padding: 5px; - &:hover { - color: $fg_color; - background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); - border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); - border-width: 1px 0 1px 0; - } - &:insensitive { - color: $insensitive_fg_color; - } - - &.separator { color: transparentize($base_color, 1); } - - //submenu indicators - &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } - &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } - } - &.button { // overlow buttons - @extend %undecorated_button; - border-style: none; - border-radius: 0; - &.top { border-bottom: 1px solid mix($fg_color, $base_color, 10%); } - &.bottom { border-top: 1px solid mix($fg_color, $base_color, 10%); } - &:hover { background-color: mix($fg_color, $base_color, 10%); } - &:insensitive { - color: transparent; - background-color: transparent; - border-color: transparent ; - } - } -} - -.menuitem .accelerator { color: gtkalpha(currentColor,0.55); } - -/************ - * Popovers * - ************/ - -.popover { - padding: 2px; - border: 1px solid darken($borders_color, 5%); - border-radius: 3px; - background-clip: border-box; - background-color: $base_color; - - box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); - - & .separator { color: transparentize($base_color, 1); } - .label.separator { @extend .label.separator; } // Noice - - > .list, - > .view, - > .toolbar, - &.osd > .toolbar { - border-style: none; - background-color: transparent; - } - &.osd { @extend %osd; } -} - -//touch selection handlebars for the Popover.osd above -.entry.cursor-handle, -.cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; - &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } - &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } -} - -/***************** - * Notebooks and * - * Tabs * - *****************/ - -.notebook { - // Through me you go to the grief wracked city; - // Through me you go to everlasting pain; - // Through me you go a pass among lost souls. - // ... - // Abandon all hope — Ye Who Enter Here - padding: 0; - background-color: $base_color; - -GtkNotebook-initial-gap: 4; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0; - transition: all 200ms $ease-out-quad; - - &.frame { - border: 1px solid $borders_color; - // FIXME doesn't work - &.top { border-top-width: 0; } - &.bottom { border-bottom-width: 0; } - &.right { border-right-width: 0; } - &.left { border-left-width: 0; } - } - &.header { - // FIXME: double borders in some case, can't fix it w/o a class tho - // FIXME: doesn't work on dark var - background-color: $bg_color; - - // this is the shading of the header behind the tabs - &.frame { - border: 0px solid $borders_color; - &.top { border-bottom-width: 0; } - &.bottom { border-top-width: 0; } - &.right { border-left-width: 0; } - &.left { border-right-width: 0; } - } - - $_header_border: $borders_color; - &.top { - box-shadow: inset 0 -1px $_header_border; // border - } - &.bottom { - box-shadow: inset 0 1px $_header_border; - } - &.right { - box-shadow: inset 1px 0 $_header_border; - } - &.left { - box-shadow: inset -1px 0 $_header_border; - } - } - tab { - border-width: 0; - border-style: solid; - border-color: transparent; - background-color: transparent; - outline-color: transparent; - - outline-offset: 0; - - // tab sizing - $vpadding: 4px; - $hpadding: 15px; - - //FIXME: we get double border in some cases, not considering the broken - //notebook content frame... - &.top, &.bottom { padding: $vpadding $hpadding; } - &.left, &.right { padding: $vpadding $hpadding; } - - &.reorderable-page { - &.top, &.bottom { - padding-left: 12px; // for a nicer close button - padding-right: 12px; // placement - } - } - @each $_tab in (top, bottom, right, left) { - &.reorderable-page.#{$_tab}, &.#{$_tab} { - - @if $_tab==top or $_tab==bottom { - padding-#{$_tab}: $vpadding + 2; - } - @else if $_tab==left or $_tab==right { - padding-#{$_tab}: $hpadding + 2; - } - - @if $_tab==top { border-radius: 3.5px 2px 0 0; } - @else if $_tab==bottom { border-radius: 0 0 2px 3.5px; } - @else if $_tab==left { border-radius: 3.5px 0 0 3.5px; } - @else if $_tab==right { border-radius: 0 3.5px 3.5px 0; } - - border-width: 0; - border-#{$_tab}-width: 2px; - border-color: transparent; - background-color: transparentize($base_color, 1); - - &:hover, &.prelight-page { - background-color: transparentize($base_color, 0.5); - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - &:active, &.active-page, &.active-page:hover { - background-color: $base_color; - - @if $_tab==top { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $base_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - @else if $_tab==bottom { - box-shadow: inset 0 -1px $base_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - @else if $_tab==left { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $base_color; - } - @else if $_tab==right { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $base_color, - inset -1px 0 $borders_color; - } - } - } - } - GtkLabel { //tab text - padding: 0 2px; // needed for a nicer focus ring - color: $insensitive_fg_color; - } - .prelight-page GtkLabel, GtkLabel.prelight-page { - // prelight tab text - color: mix($fg_color, $insensitive_fg_color, 50%); - } - .active-page GtkLabel, GtkLabel.active-page { - // active tab text - color: $fg_color; - } - .button { //tab close button - padding: 0; - @extend %undecorated_button; - color: mix($bg_color, $fg_color, 35%); - - &:hover { - color: lighten(red, 15%); - } - &:active { - color: $selected_bg_color; - } - & > GtkImage { // this is a hack which makes tabs grow - padding: 2px; - } - } - } - &.arrow { - color: $insensitive_fg_color; - &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } - &:active { color: $fg_color; } - &:insensitive { - color: transparentize($insensitive_fg_color,0.7); - } - } -} - -/************** - * Scrollbars * - **************/ - -$_scrollbar_bg_color: darken($base_color, 1%); - -.scrollbar { - -GtkRange-slider-width: 13; - -GtkRange-trough-border: 1; - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. - // sadly can't be in '.slider' - // where it belongs - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; - - $_slider_margin: 3px; - $_slider_fine_tune_margin: 4px; - - .button { - border: none; - } - - &.overlay-indicator { - &:not(.dragging):not(.hovering) { // Overlay scrolling indicator - opacity: 0.4; - - -GtkRange-slider-width: 6px; - - .slider { - margin: 0; - background-color: mix($fg_color, $bg_color, 70%); - border: 1px solid if($variant == 'light', transparentize(white, 0.4), transparentize(black, 0.7)); - background-clip: padding-box; - } - - .trough { - border-style: none; - background-color: transparent; - } - - // w/o the following margin tweaks the slider shrinks when hovering/dragging - &.vertical .slider { - margin-top: $_slider_margin - 1px; - margin-bottom: $_slider_margin - 1px; - } - - &.horizontal .slider { - margin-left: $_slider_margin - 1px; - margin-right: $_slider_margin - 1px; - } - - } - - &.dragging, - &.hovering { opacity: 0.99; } - } - - // trough coloring - .trough { - background-color: $_scrollbar_bg_color; - border: 1px none $borders_color; - } - - // slider coloring - .slider { - background-color: mix($fg_color, $bg_color, 40%); - - &:hover { background-color: mix($fg_color, $bg_color, 30%); } - - &:prelight:active { background-color: $selected_bg_color;} - - &:insensitive { - background-color: transparent; - } - } - - // sizing - .slider { - border-radius: 100px; - margin: $_slider_margin; - } - - &.fine-tune .slider { margin: $_slider_fine_tune_margin; } - - &.vertical { - - .slider { - margin-left: 1px + $_slider_margin; - - &:dir(rtl) { - margin-left: $_slider_margin; - margin-right: 1px + $_slider_margin; - } - } - - &.fine-tune .slider { - margin-left: 1px + $_slider_fine_tune_margin; - - &:dir(rtl) { - margin-left: $_slider_fine_tune_margin; - margin-right: 1px + $_slider_fine_tune_margin; - } - } - - .trough { - border-left-style: solid; - - &:dir(rtl) { - border-left-style: none; - border-right-style: solid; - } - } - } - - &.horizontal { - - .slider { margin-top: 1px + $_slider_margin; } - - &.fine-tune .slider { margin-top: 1px + $_slider_fine_tune_margin; } - - .trough { border-top-style: solid; } - } -} - -.scrollbars-junction, -.scrollbars-junction.frame { // the small square between two scrollbars - border-color: transparent; - // the border image is used to add the missing dot between the borders, details, details, details... - border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; - background-color: $_scrollbar_bg_color; - - &:dir(rtl) { border-image-slice: 0 1 0 0; } -} - - -/********** - * Switch * - **********/ -GtkSwitch { - font: 1; - -GtkSwitch-slider-width: 41; - outline-color: transparent; - - &.trough, &.slider { - background-size: 52px 24px; - background-repeat: no-repeat; - background-position: right center; - color: transparent; - border-color: transparent; - border-image: none; - border-style: none; - box-shadow: none; - - &:dir(rtl) { background-position: left center; } - } -} - -@each $i,$j in ('',''), ('.list-row:selected ','-selected') { - - @each $k,$l in ('',''), - (':active','-active'), - (':insensitive','-insensitive'), - (':active:insensitive','-active-insensitive') { - - // load switch troughs from .png files in assets directory - - #{$i}GtkSwitch.trough#{$k} { - background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); - } - - .list-row:selected GtkSwitch.trough#{$k} { - background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); - } - - .header-bar GtkSwitch.trough#{$k}, - .primary-toolbar GtkSwitch.trough#{$k} { - background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); - } - - // load switch sliders from .png files in assets directory - - //#{$i}GtkSwitch.slider#{$k} { - // background-image: -gtk-scaled(url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}.png"),url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}@2.png")); - //} - } -} - -/************************* - * Check and Radio items * - *************************/ - -// draw regular check and radio items using our PNG assets -// all assets are rendered from assets.svg. never add pngs directly - -@each $w,$a in ('check', 'checkbox'), - ('radio','radio') { - - //standard checks and radios - @each $s,$as in ('','-unchecked'), - (':insensitive','-unchecked-insensitive'), - (':inconsistent', '-mixed'), - (':inconsistent:insensitive', '-mixed-insensitive'), - (':checked', '-checked'), - (':checked:insensitive','-checked-insensitive') { - .#{$w}#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), - url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); - } - // the borders of checks and radios are - // too similar in luminosity to the selected background color, hence - // we need special casing. - GtkTreeView.view.#{$w}#{$s}:selected, - .list-row:selected .#{$w}#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), - url("assets/#{$a}#{$as}-selected@2.png")); - } - } -} - -//selection-mode -@each $s,$as in ('','-selectionmode'), - (':checked', '-checked-selectionmode') { - GtkIconView.view.check#{$s}, - GtkFlowBox.view.check#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), - url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); - background-color: transparent; - } -} - -GtkCheckButton.text-button, GtkRadioButton.text-button { - // this is for a nice focus on check and radios text - padding: 1px 2px 4px; - outline-offset: 0; - &:insensitive, - &:insensitive:active, - &:insensitive:inconsistent { - // set insensitive color, which is overriden otherwise - color: $insensitive_fg_color; - } -} - -/************ - * GtkScale * - ************/ -.scale { - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; - -GtkRange-trough-border: 0; - outline-offset: -1px; - outline-radius: 2px; - //@include _shadows(_button_shadow(normal)); - - &.trough { margin: 5px; } - &.fine-tune { - &.trough { border-radius: 5px; margin: 3px; } - } - &.slider { - background-clip: border-box; - background-image: linear-gradient(to bottom, $entry_bg); - border: 1px solid $selected_bg_color; - border-radius: 50%; - box-shadow: none; - - &:hover { - background-image: linear-gradient(to bottom, $selected_bg_color); - border-color: $selected_bg_color; - } - &:insensitive { - background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); - border-color: mix($selected_bg_color, $bg_color, 55%); - } - &:active { - background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); - border-color: darken($selected_bg_color, 10%); - } - //OSD sliders - .osd & { - background-image: linear-gradient(to bottom, $osd_bg_color); - border-color: $selected_bg_color; - - &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); } - &:active { - background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); - border-color: darken($selected_bg_color, 10%); - } - } - //selected list-row sliders - .list-row:selected & { - background-image: linear-gradient(to bottom, $selected_fg_color); - border-color: $selected_fg_color; - - &:hover { - background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 85%)); - border-color: mix($selected_fg_color, $selected_bg_color, 85%); - } - &:active { - background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 50%)); - border-color: mix($selected_fg_color, $selected_bg_color, 50%); - } - &:insensitive{ - background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); - border-color: mix($selected_fg_color, $selected_bg_color, 55%); - } - } - } - &.trough { - - $_scale_trough_bg: if($variant == 'light', $button_border, darken($base_color, 4%)); - - border: none; - border-radius: 2.5px; - background-image: linear-gradient(to bottom, $_scale_trough_bg); - &.highlight { - background-image: linear-gradient(to bottom, $selected_bg_color); - - &:insensitive { - background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); - } - } - &:insensitive { - background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45)); - } - - //OSD troughs - .osd & { - background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%)); - outline-color: transparentize($osd_fg_color, 0.8); - &.highlight { - background-image: none; - background-image: linear-gradient(to bottom, $selected_bg_color); - } - &:insensitive { } - } - // troughs in selected list-rows - .list-row:selected & { - background-image: linear-gradient(to bottom, transparentize(black, 0.8)); - - &.highlight { - background-image: linear-gradient(to bottom, $selected_fg_color); - - &:insensitive { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } - } - &:insensitive { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } - } - } -} - -/***************** - * Progress bars * - *****************/ - -GtkProgressBar { - padding: 0; - font-size: smaller; - color: transparentize($fg_color, 0.3); - //@include _shadows(_button_shadow(normal)); - - &.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 0; - -GtkProgressBar-min-horizontal-bar-height: 3; - } -} - -// moving bit -.progressbar { - background-color: $selected_bg_color; - border: none; - border-radius: 3px; - box-shadow: none; //needed for clipping - &.left.right { - - } - &.osd { - background-color: $selected_bg_color; - } -} - -.osd .scale.progressbar { - background-color: $selected_bg_color; -} - -// background -GtkProgressBar.trough { - border: none; - border-radius: 3px; - background-color: if($variant == 'light', $button_border, darken($base_color, 4%)); - - &.osd { - border-style: none; - background-color: transparent; - box-shadow: none; - //FIXME: there is a margin on top - } -} - -/************* - * Level Bar * - *************/ - -GtkLevelBar { - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 3; -} - -GtkLevelBar.vertical { - -GtkLevelBar-min-block-width: 3; - -GtkLevelBar-min-block-height: 34; -} - -.level-bar { - &.trough { - @extend GtkProgressBar.trough; - padding: 3px; - border-radius: 4px; - } - &.fill-block { - // FIXME: it would be nice to set make fill blocks bigger, but we'd need - // :nth-child working on discrete indicators - border: 1px solid $selected_bg_color; - background-color: $selected_bg_color; - border-radius: 2px; - - &.indicator-discrete { - &.horizontal { margin: 0 1px; } - &.vertical { margin: 1px 0; } - } - &.level-high { - border-color: $success_color; - background-color: $success_color; - } - &.level-low { - border-color: $warning_color; - background-color: $warning_color; - } - &.empty-fill-block { - background-color: transparentize($fg_color,0.8); - border-color: transparentize($fg_color,0.8); - } - } -} - - -/********** - * Frames * - **********/ -.frame { - border: 1px solid $borders_color; - &.flat { border-style: none; } - padding: 0; - &.action-bar { - padding: 6px; - border-width: 1px 0 0; - } -} - -GtkScrolledWindow { - GtkViewport.frame { // avoid double borders when viewport inside - // scrolled window - border-style: none; - } -} - -//vbox and hbox separators -.separator { - // always disable separators - // -GtkWidget-wide-separators: true; - color: transparentize(black, 0.9); - - // Font and File button separators - GtkFileChooserButton &, - GtkFontButton &, - GtkFileChooserButton &.vertical, - GtkFontButton &.vertical { - // always disable separators - -GtkWidget-wide-separators: true; - } -} - -/********* - * Lists * - *********/ - -.list, .list-row { - background-color: $base_color; - border-color: $borders_color; -} - -.list-row, -.grid-child { - padding: 2px; -} - -.list-row.button { - @extend %undecorated_button; - background-color: transparentize(black, 1); // for the transition - border-style: none; // I need no borders here - border-radius: 0; // and no rounded corners - box-shadow: none; // and no box-shadow - &:hover { - background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); - } - &:active { - color: $fg_color; - } - &:selected { - &:active { color: $selected_fg_color; } - &:hover { background-color: mix(black, $selected_bg_color, 10%); } - &:insensitive { - color: transparentize($selected_fg_color, 0.3); - background-color: transparentize($selected_bg_color, 0.3); - .label { color: inherit; } - } - } -} - -.list-row:selected { - @extend %selected_items; - .button { @extend %selected-button } -} - -// transition -.list-row, list-row.button { - transition: all 300ms $ease-out-quad; - &:hover { transition: none; } -} - -/********************* - * App Notifications * - *********************/ - -.app-notification, -.app-notification.frame { - @extend %osd; - padding: 10px; - background-color: $osd_bg_color; - background-clip: border-box; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; - border-color: darken($osd_bg_color, 10%); - - .button { - @include button(osd); - &.flat { - @extend %undecorated_button; - border-color: transparentize($selected_bg_color, 1); - &:insensitive { @extend %undecorated_button; } - } - &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); - } - } -} - -/************* - * Expanders * - *************/ - -.expander { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } - &:hover { color: lighten($fg_color,30%); } //only lightens the arrow - &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } -} - -/************ - * Calendar * - ***********/ -GtkCalendar { - color: $fg_color; - border: 1px solid $borders_color; - border-radius: 3px; - padding: 2px; - - &:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 1.5px; - } - &.header { - color: $fg_color; - border: none; - border-radius: 0; - } - &.button, &.button:focus { - color: transparentize($fg_color,0.55); - box-shadow: none; - border: none; - &:hover { - color: $fg_color; - } - } - &.highlight { color: gtkalpha(currentColor,0.55); } -} - -/*********** - * Dialogs * - ***********/ -.message-dialog .dialog-action-area .button { - padding: 8px; -} - -.message-dialog { // Message Dialog styling - -GtkDialog-button-spacing: 0; - - .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } - - &.csd { // rounded bottom border styling for csd version - &.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; - } - .dialog-action-area .button { - padding: 8px; - border-radius: 0; - - @extend %middle_button; - - &:hover, &:active, &:insensitive { - @extend %middle_button; - } - - &:focus { - color: $selected_bg_color; - - &:active, &:checked { color: $selected_fg_color; } - } - -// @each $b_type, $b_color in (suggested-action, $selected_bg_color), -// (destructive-action, $destructive_color) { -// &.#{$b_type} { -// @include button(normal, $b_color, white, $edge:none); -// @extend %middle_button; -// &:hover { -// @include button(hover, $b_color, white, $edge:none); -// @extend %middle_button; -// } -// &:active { -// @include button(active, $b_color, white, $edge:none); -// @extend %middle_button; -// } -// &:insensitive { -// @include button(insensitive, $edge:none); -// @extend %middle_button; -// } -// } -// } - &:first-child{ @extend %first_button; } - &:last-child { @extend %last_button; } - } - %middle_button { - border-right-style: none; - border-bottom-style: none; - } - %last_button { - border-bottom-right-radius: 3px; - } - %first_button { - border-left-style: none; - border-bottom-left-radius: 3px; - } - } -} - -GtkFileChooserDialog { - .search-bar { - background-color: $bg_color; - border-color: $borders_color; - box-shadow: none; - } - .dialog-action-box { - border-top: 1px solid $borders_color; - } -} - -/*********** - * Sidebar * - ***********/ -.sidebar { - border: none; - background-color: $bg_color; - - &:selected { - background-color: $selected_bg_color; - } -} - -// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color -GtkPlacesSidebar.sidebar .view { - - color: $fg_color; - background-color: transparent; - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - &.separator { @extend .separator; } -} - -.sidebar-item { - padding: 10px 4px; - > GtkLabel { - padding-left: 6px; - padding-right: 6px; - } - &.needs-attention > GtkLabel { - @extend %needs_attention; - background-size: 6px 6px, 0 0; - } -} - -// -// Paned -// -GtkPaned { // this is for the standard paned separator - - -GtkPaned-handle-size: 1; // sets separator width - - -gtk-icon-source: none; // removes handle decoration - margin: 0 8px 8px 0; // drag area of the separator, not a real margin - - &:dir(rtl) { - margin-right: 0; - margin-left: 8px; - } - .pane-separator { - background-color: $borders_color; - } -} - -GtkPaned.wide { // this is for the paned with wide separator - -GtkPaned-handle-size: 5; // wider separator here - margin: 0; // no need of the invisible drag area so, reset margin - .pane-separator { - background-color: transparent; - border-style: none solid; - border-color: $borders_color; - border-width: 1px; - } - &.vertical .pane-separator { border-style: solid none;} -} - -/************** - * GtkInfoBar * - **************/ -GtkInfoBar { - border-style: none; - - .button { @extend %selected-button } -} - -.info, -.question, -.warning, -.error, -GtkInfoBar { - background-color: $selected_bg_color; - color: $selected_fg_color; -} - - -// -// Buttons on selected backgrounds -// -%selected-button { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 0.5); - - &.flat { - @include button(undecorated); - color: $selected_fg_color; - background-color: transparentize($selected_fg_color, 1); - } - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: transparentize($selected_fg_color, 0.8); - border-color: transparentize($selected_fg_color, 0.2); - } - &:active, &:active:hover, &:checked { - color: $selected_bg_color; - outline-color: transparentize($selected_bg_color, 0.7); - background-color: $selected_fg_color; - border-color: $selected_fg_color; - } - &:insensitive { - color: transparentize($selected_fg_color, 0.6); - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 0.8); - - &:active, &:checked { - color: transparentize($selected_bg_color, 0.6); - background-color: transparentize($selected_fg_color, 0.8); - border-color: transparentize($selected_fg_color, 0.8); - } - } -} - -/************ - * Tooltips * - ************/ -.tooltip { - &.background { - // background-color needs to be set this way otherwise it gets drawn twice - // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. - background-color: $tooltip_bg; - background-clip: padding-box; - } - - color: $tooltip_fg; - border-radius: 2px; - - &.window-frame.csd { - background-color: transparent; - } -} - -.tooltip * { //Yeah this is ugly - padding: 4px; - background-color: transparent; - color: inherit; // just to be sure -} - -/***************** - * Color Chooser * - *****************/ - -GtkColorSwatch { - // This widget is made of two boxes one on top of the other, the lower box is GtkColorSwatch {} the other one - // is GtkColorSwatch .overlay {}, GtkColorSwatch has the programmatically set background, so most of the style - // is applied to the overlay box. - - // take care of colorswatches on selected elements - :selected & { - box-shadow: none; - &.overlay, &.overlay:hover { - border-color: $selected_fg_color; - } - } - - // border rounding - &.top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; - } - &.bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - } - &.left, &:first-child, &:first-child .overlay { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - &.right, &:last-child, &:last-child .overlay { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - &:only-child, &:only-child .overlay { - border-radius: 3px; - } - // nth-child works just on the custom colors row - - // hover effect - &:hover, - &:hover:selected { - background-image: linear-gradient(to bottom, transparentize(white, 0.8)); - } - - // no hover effect for the colorswatch in the color editor - GtkColorEditor & { - border-radius: 3px; // same radius as the entry - &:hover { - background-image: none; - } - } - - // indicator and keynav outline colors, color-dark is a color with luminosity lower then 50% - &.color-dark { - color: white; - outline-color: transparentize(black, 0.7); - } - &.color-light { - color: black; - outline-color: transparentize(white, 0.5); - } - - // border color - &.overlay, - &.overlay:selected { - border: 1px solid transparentize(black, 0.85); - &:hover { border-color: transparentize(black, 0.75); } - } - - // make the add color button looks like, well, a button - &#add-color-button { - border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi - border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set - @include button(normal); - &:hover { @include button(hover); } - .overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneath - } -} - -GtkColorButton.button { - padding: 4px; // Uniform padding on the GtkColorButton - - GtkColorSwatch { border-radius: 0; } -} - -/******** - * Misc * - ********/ -.scale-popup .button { // +/- buttons on GtkVolumeButton popup - padding: 6px; - &:hover { - @include button(hover); - } -} - -GtkVolumeButton.button { padding: 8px; } - -/********************** - * Window Decorations * - *********************/ - -.window-frame { - border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); - // lamefun trick to get rounded borders regardless of CSD use - border-width: 0px; - - // this needs to be transparent - // see bug #722563 - $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); - - box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), - 0 4px 8px 1px if($darker == 'false', opacify($_wm_border, 0.1), opacify($_wm_border, 0.15)); - - /* this is used for the resize cursor area */ - margin: 10px; - - &:backdrop { - box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), - 0 4px 5px 2px if($darker == 'false', $_wm_border, opacify($_wm_border, 0.15)); - } - &.tiled { - border-radius: 0; - } - // server-side decorations as used by mutter - &.ssd { - border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); - box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border); - - &.maximized { border-radius: 0; } - } - &.csd { - &.popup, &.menu { - border-radius: 3px; - box-shadow: 0 3px 6px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.1)), - 0 0 0 1px if($variant == 'light', $_wm_border, darken($base_color, 10%)); - } - &.tooltip { - border-radius: 2px; - box-shadow: 0 1px 3px 1px $_wm_border; - } - &.message-dialog { border-radius: 3px; } - } - &.solid-csd { - border-radius: 0; - margin: 1px; - background-color: $header_bg; - box-shadow: none; - } -} - -// -// Titlebuttons -// -.header-bar, -.titlebar { - - &.default-decoration .button.titlebutton { // no vertical padding for ssd buttons - padding-top: 0px; // already handled by the titlebar-padding - padding-bottom: 0px; - } - - .button.titlebutton { - padding: 7px 4px; - - @include button(undecorated); - background-color: transparentize($header_bg, 1); - border-width: 0; - - &:hover { - @include button(header-hover); - } - &:active, &:checked { - @include button(header-active); - } - - &.close, &.maximize, &.minimize { - - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - - &:backdrop { opacity: 1; } - } - - &.close { background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); } - &.close:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } - &.close:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } - &.close:active { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } - - &.maximize { background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); } - &.maximize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); } - &.maximize:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); } - &.maximize:active { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); } - - &.minimize { background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); } - &.minimize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); } - &.minimize:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); } - &.minimize:active { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); } - } -} - - -// catch all extend :) - -%selected_items { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); -} - -/* Decouple the font of context menus from their entry/textview */ -.touch-selection, -.context-menu { - font: initial; -} - -.monospace { - font: Monospace; -} - -// -// Overshoot -// -// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. -// This draws a box on top of the content, the size changes programmatically. -.overshoot { - &.top { @include overshoot(top); } - &.bottom { @include overshoot(bottom); } - &.left { @include overshoot(left); } - &.right { @include overshoot(right); } -} - -// -// Undershoot -// -// Overflow indication, works similarly to the overshoot, the size if fixed tho. -.undershoot { - &.top { @include undershoot(top); } - &.bottom { @include undershoot(bottom); } - &.left { @include undershoot(left); } - &.right { @include undershoot(right); } -} diff --git a/common/gtk-3.0/3.16/_drawing.scss b/common/gtk-3.0/3.16/_drawing.scss deleted file mode 100644 index 378e5d9..0000000 --- a/common/gtk-3.0/3.16/_drawing.scss +++ /dev/null @@ -1,377 +0,0 @@ -// Drawing mixins - -// generic drawing of more complex things - -@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { -// -// Helper function to stack up to 4 box-shadows; -// - - @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } - @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } - @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } - @else { box-shadow: $shadow1; } -} - -// Entries - -@mixin entry($t) { -// -// Entries drawing function -// -// $t: entry type -// - - @if $t==normal { - // - // normal entry - // - color: $text_color; - border-color: $entry_border; - background-color: $entry_bg; - background-image: linear-gradient(to bottom, $entry_bg); - } - - @if $t==focus { - // - // focused entry - // - color: $text_color; - border-color: $selected_bg_color; - background-color: $entry_bg; - background-image: linear-gradient(to bottom, $entry_bg); - } - - @if $t==insensitive { - // - // insensitive entry - // - color: $insensitive_fg_color; - border-color: transparentize($entry_border, 0.45); - background-color: transparentize($entry_bg, 0.45); - background-image: linear-gradient(to bottom, transparentize($entry_bg, 0.45)); - } - - $_header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 4%), 0.1), transparentize($base_color, 0.1)); - $_header_entry_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 10%), transparentize($header_fg, 0.7)); - - @if $t==header-normal { - // - // normal header-bar entry - // - - color: $header_fg; - border-color: $_header_entry_border; - background-image: linear-gradient(to bottom, $_header_entry_bg); - background-color: transparent; - - &.image, &.image:hover { color: inherit; } - } - - @if $t==header-focus { - // - // focused header-bar entry - // - color: $selected_fg_color; - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, $selected_bg_color); - } - - @if $t==header-insensitive { - // - // insensitive header-bar entry - // - color: transparentize($header_fg, 0.45); - background-image: linear-gradient(to bottom, transparentize($_header_entry_bg, 0.35)); - } - - @else if $t==osd { - // - // normal osd button - // - color: $osd_fg_color; - border-color: transparentize($osd_fg_color, 0.7); - background-color: transparent; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-focus { - // - // active osd button - // - color: $selected_bg_color; - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-insensitive { - // - // insensitive osd button - // - color: $osd_insensitive_fg_color; - border-color: transparentize($osd_fg_color, 0.8); - background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); - } -} - -// Buttons - -@mixin button($t, $actionb_color:red) { -// -// Button drawing function -// -// $t: button type, -// $actionb_color: used for destructive and suggested action buttons - - @if $t==normal { - // - // normal button - // - color: $fg_color; - outline-color: transparentize($fg_color, 0.7); - border-color: $button_border; - background-color: $button_bg; - } - - @else if $t==hover { - // - // hovered button - // - color: $fg_color; - outline-color: transparentize($fg_color, 0.7); - border-color: $selected_bg_color; - background-color: $button_bg; - } - - @else if $t==active { - // - // pushed button - // - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $selected_bg_color; - background-color: $selected_bg_color; - } - - @else if $t==insensitive { - // - // insensitive button - // - color: $insensitive_fg_color; - border-color: transparentize($button_border, 0.45); - background-color: transparentize($button_bg, 0.45); - - > GtkLabel { color: inherit; } - } - - @else if $t==insensitive-active { - // - // insensitive pushed button - // - color: transparentize($selected_fg_color, 0.45); - border-color: transparentize($selected_bg_color, 0.45); - background-color: transparentize($selected_bg_color, 0.45); - - opacity: 0.6; - - > GtkLabel { color: inherit; } - } - - $_header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 3%), 0.1), transparentize($button_bg, 0.1)); - $_header_button_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 8%), transparentize($header_fg, 0.7)); - - @if $t==header-normal { - // - // normal header-bar button - // - color: $header_fg; - outline-color: transparentize($header_fg, 0.7); - outline-offset: -3px; - background-color: transparentize($header_bg, 1); - border-color: transparentize($header_bg, 1); - } - - @else if $t==header-hover { - // - // hovered header-bar button - // - color: $header_fg; - outline-color: transparentize($header_fg, 0.7); - border-color: $_header_button_border; - background-color: $_header_button_bg; - } - - @else if $t==header-active { - // - // pushed header-bar button - // - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $selected_bg_color; - background-color: $selected_bg_color; - } - - @else if $t==header-insensitive { - // - // insensitive header-bar button - // - color: transparentize($header_fg, 0.45); - background-color: transparentize($header_bg, 1); - border-color: transparentize($header_bg, 1); - - > GtkLabel { color: inherit; } - } - - @else if $t==header-insensitive-active { - // - // header-bar insensitive pushed button - // - color: transparentize($selected_fg_color, 0.25); - border-color: transparentize($selected_bg_color, 0.35); - background-color: transparentize($selected_bg_color, 0.35); - } - - @else if $t==osd { - // - // normal osd button - // - color: $osd_fg_color; - outline-color: transparentize($osd_fg_color, 0.7); - border-color: transparentize($osd_fg_color, 0.7); - background-color: transparent; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-hover { - // - // active osd button - // - color: $selected_bg_color; - outline-color: transparentize($osd_fg_color, 0.7); - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-active { - // - // active osd button - // - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, $selected_bg_color); - } - - @else if $t==osd-insensitive { - // - // insensitive osd button - // - color: $osd_insensitive_fg_color; - border-color: transparentize($osd_fg_color, 0.8); - background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); - } - - @else if $t==suggested_destructive { - // - // suggested or destructive action buttons - // - background-clip: border-box; - - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: $actionb_color; - border-color: $actionb_color; - } - - @else if $t==undecorated { - // - // reset - // - border-color: transparent; - background-color: transparent; - background-image: none; - } -} - -// -// Overshoot -// -@mixin overshoot($p, $c:$selected_bg_color) { -// $p: position -// $c: base color -// -// possible $p values: -// top, bottom, right, left -// - - $_big_gradient_length: 60%; - - $_position: center top; - $_big_gradient_size: 100% $_big_gradient_length; - - @if $p==bottom { - $_position: center bottom; - } - - @else if $p==right { - $_position: right center; - $_big_gradient_size: $_big_gradient_length 100%; - } - - @else if $p==left { - $_position: left center; - $_big_gradient_size: $_big_gradient_length 100%; - } - - background-image: -gtk-gradient(radial, - $_position, 0, - $_position, 0.6, - from(transparentize($c, 0.8)), - to(transparentize($c, 1))); - - background-size: $_big_gradient_size; - background-repeat: no-repeat; - background-position: $_position; - - background-color: transparent; // reset some properties to be sure to not inherit them somehow - border: none; // - box-shadow: none; // -} - -// -// Undershoot -// -@mixin undershoot($p) { -// $p: position -// -// possible $p values: -// top, bottom, right, left -// - - $_undershoot_color_dark: transparentize(black, 0.8); - $_undershoot_color_light: transparentize(white, 0.8); - - $_gradient_dir: left; - $_dash_bg_size: 10px 1px; - $_gradient_repeat: repeat-x; - $_bg_pos: center $p; - - background-color: transparent; // shouldn't be needed, but better to be sure; - - @if ($p == left) or ($p == right) { - $_gradient_dir: top; - $_dash_bg_size: 1px 10px; - $_gradient_repeat: repeat-y; - $_bg_pos: $p center; - } - - background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%); - - padding-#{$p}: 1px; - background-size: $_dash_bg_size; - background-repeat: $_gradient_repeat; - background-origin: content-box; - background-position: $_bg_pos; -} diff --git a/common/gtk-3.0/3.16/_granite.scss b/common/gtk-3.0/3.16/_granite.scss deleted file mode 100644 index 1e53c7f..0000000 --- a/common/gtk-3.0/3.16/_granite.scss +++ /dev/null @@ -1,214 +0,0 @@ -// Granite Widgets - -// -// Overlay Bar -// -.overlay-bar { - background-color: $selected_bg_color; - border-color: $selected_bg_color; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; - - GtkLabel { color: $selected_fg_color; } -} - -// -// Thin Pane Separator -// -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid $borders_color; - border-right: 1px solid $borders_color; - -} - -// avoid borders when a viewport is -// packed into a Static Notebook, or Popover -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -// -// Help Button -// -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -// -// Secondary Toolbars -// -.secondary-toolbar.toolbar { - padding: 3px; - border-bottom: 1px solid $borders_color; - - .button { padding: 0 3px 0 3px; } -} - -// -// Bottom Toolbars -// -.bottom-toolbar.toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: $borders_color; - background-color: $bg_color; - - .button { padding: 2px 3px 2px 3px; } -} - -// -// Sidebar & Source List -// -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: $bg_color; - color: $fg_color; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:prelight { - background-color: lighten($bg_color, 5%); -} - -.source-list.view:selected, -.source-list.view:prelight:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; -} - -.source-list .scrollbar.trough, -.source-list .scrollbars-junction { - border-image: none; - border-color: transparent; - background-color: $bg_color; - background-image: none; -} - -.source-list.badge, -.source-list.badge:prelight, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:prelight:selected { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:prelight:selected { - background-color: $selected_fg_color; - color: $selected_bg_color; -} - -// -// Expander -// -.source-list.category-expander { - color: $fg_color; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -// -// Welcome -// -GraniteWidgetsWelcome { - background-color: $base_color; -} - -GraniteWidgetsWelcome GtkLabel { - color: mix($fg_color, $bg_color, 50%); - font: open sans 11; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: transparentize($fg_color, 0.2); -} - -// -// Help Button -// -.help_button { - border-radius: 0; -} - -// -// Popover -// -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - - border: 1px solid transparentize(black, 0.7); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, $base_color); - border: 1px solid transparentize(black, 0.7); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -// -// Text Styles -// -.h1 { font: open sans 24px; } -.h2 { font: open sans light 18px; } -.h3 { font: open sans 11px; } -.h4, -.category-label { - color: mix($bg_color, $text_color, 30%); - font-weight: 600; - text-shadow: 0 1px transparentize(white, 0.4); -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4{ - padding-left: 6px; -} diff --git a/common/gtk-3.0/3.16/_lightdm.scss b/common/gtk-3.0/3.16/_lightdm.scss deleted file mode 100644 index 9b14d09..0000000 --- a/common/gtk-3.0/3.16/_lightdm.scss +++ /dev/null @@ -1,141 +0,0 @@ -/* the panel widget at the top */ -#panel_window { - background-color: $panel_bg; - color: $panel_fg; - font: bold; - box-shadow: inset 0 -1px darken($panel_bg, 7%); - - /* the menubars/menus of the panel, i.e. indicators */ - .menubar, - .menubar > .menuitem { - background-color: transparent; - color: $panel_fg; - font: bold; - } - - .menubar .menuitem:insensitive { - color: darken($panel_fg, 20%); - - GtkLabel { color: inherit; } - } - .menubar .menu .menuitem { font: normal; } -} - -/* the login window */ -#login_window, -#shutdown_dialog, -#restart_dialog { - font: normal; - border-style: none; - background-color: transparent; - color: $fg_color; -} - -/* the top half of the login-window, in GtkDialog terms, the content */ -#content_frame { - padding-bottom: 14px; - background-color: transparentize($bg_color, 0.05); - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -#content_frame .button { - @include button(normal); - - &:hover { @include button(hover); } - &:active, &:checked { @include button(active); } - &:insensitive { @include button(insensitive); } -} - -/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: $osd_bg_color; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -#buttonbox_frame .button{ - @include button(osd); - - &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } -} - -#login_window #user_combobox { - color: $fg_color; - font: 13px; - - .menu { font: normal; } - .arrow {} -} - -/* the user's avatar box */ -#user_image { - padding: 3px; - border-radius: 3px; -} - -/* the border around the user's avatar box */ -#user_image_border {} - -/* the shutdown button */ -#shutdown_button.button { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $destructive_color; - background-color: $destructive_color; - background-image: none; - background-clip: border-box; - - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: lighten($destructive_color, 9%); - background-color: lighten($destructive_color, 9%); - background-image: none; - } - &:active, &:checked { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: darken($destructive_color, 7%); - background-color: darken($destructive_color, 7%); - background-image: none; - } -} - -/* the restart button */ -#restart_button.button { - $_restart_bg: #51CF74; - - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $_restart_bg; - background-color: $_restart_bg; - background-image: none; - background-clip: border-box; - - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: lighten($_restart_bg, 9%); - background-color: lighten($_restart_bg, 9%); - background-image: none; - } - &:active, &:checked { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: darken($_restart_bg, 7%); - background-color: darken($_restart_bg, 7%); - background-image: none; - } -} - -/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ -#greeter_infobar { - border-bottom-width: 0; - font: bold; -} diff --git a/common/gtk-3.0/3.16/_transparent_widgets.scss b/common/gtk-3.0/3.16/_transparent_widgets.scss deleted file mode 100644 index 67f5b6c..0000000 --- a/common/gtk-3.0/3.16/_transparent_widgets.scss +++ /dev/null @@ -1,231 +0,0 @@ -.titlebar .separator { - color: $header_border; //fixes separator in gnome-tweak-tool -} - -NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar - -GtkFileChooserDialog *, -NautilusWindow *, -NemoWindow { - -GtkPaned-handle-size: 0; -} - -@if $variant==dark { - GtkFileChooserDialog, - NautilusWindow , - NemoWindow { - .sidebar { border-right: 1px solid $dark_sidebar_border; } - - .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } - } -} - -// Dark transparent sidebars -GtkFileChooserDialog, -NautilusWindow, -NemoWindow, -MarlinViewWindow { - - &.csd.background, - .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } - - .sidebar, .source-list.sidebar.view { - background-color: $dark_sidebar_bg; - - .view, row { - background-color: transparent; - color: $dark_sidebar_fg; - - &.image { color: transparentize($dark_sidebar_fg, 0.4); } - - &.cell:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - - &.frame { - color: $dark_sidebar_fg; - } - - .separator { color: transparent; } - - .scrollbar { - - &.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: lighten($dark_sidebar_fg, 15%); - border: 1px solid transparentize(black, 0.7); - } - - // trough coloring - .trough { - background-color: transparentize(black, 0.8); - border: none; - } - - // slider coloring - .slider { - background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); - - &:hover { background-color: lighten($dark_sidebar_fg, 20%); } - - &:prelight:active { background-color: $selected_bg_color; } - - &:insensitive { - background-color: transparent; - } - } - } - } - &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } - - .pane-separator { background-color: $dark_sidebar_border; } -} - -GtkFileChooserDialog { - - &.background.csd, .background { background-color: $dark_sidebar_bg } - .sidebar { background-color: transparent } - - // Yeah, this is ugly, but prevents a transparent background in the image preview box - GtkPaned > .vertical > .horizontal { background-color: $bg_color; } - - // fix for non gnome environments - .dialog-action-box { background-color: $bg_color } - - .dialog-vbox > .frame { - color: $dark_sidebar_fg; - border-color: transparent; - } - .action-bar.frame { - background-color: transparent; - border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); - } - - .action-bar.frame, - .dialog-vbox > .frame { - - .button { @extend %dark_sidebar_button; } - .entry { @extend %dark_sidebar_entry; } - - GtkLabel, GtkComboBox { color: $dark_sidebar_fg; } - } -} - -// Gedit sidebar -GeditWindow.background.csd { - background-color: transparent; - - .pane-separator, - .pane-separator:hover { background-color: $dark_sidebar_border; } - - .titlebar .pane-separator, - &.maximized .titlebar .pane-separator, - .titlebar .pane-separator:backdrop, - &.maximized .titlebar .pane-separator:backdrop { background-color: $header_border; } -} - -.gedit-bottom-panel-paned { background-color: $base_color; } - -.gedit-document-panel { - background-color: $dark_sidebar_bg; - - .maximized & { background-color: opacify($dark_sidebar_bg, 1); } - - .list-row { color: $dark_sidebar_fg; } - - .list-row { - background-color: transparentize($dark_sidebar_fg, 1); - border: solid transparentize($dark_sidebar_fg, 1); - border-width: 3px 2px 3px 2px; - } - .list-row:hover { - border: solid transparentize($dark_sidebar_fg, 0.85); - border-width: 3px 2px 3px 2px; - background-color: transparentize($dark_sidebar_fg, 0.85); - } - .list-row:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: solid $selected_bg_color; - border-width: 3px 2px 3px 2px; - - .button { color: $selected_fg_color; } - } - .list-row:selected, .list-row:selected:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: solid $selected_bg_color; - border-width: 3px 2px 3px 2px; - } - .prelight-row .button:active { - color: $dark_sidebar_fg; - } -} - -GeditWindow.background.csd GeditFileBrowserWidget { - background-color: $dark_sidebar_bg; - - .maximized & { background-color: opacify($dark_sidebar_bg, 1); } - - .scrollbar { - - &.overlay-indicator:not(.dragging):not(.hovering) .slider { - background-color: lighten($dark_sidebar_fg, 15%); - border: 1px solid transparentize(black, 0.7); - } - - // trough coloring - .trough { - background-color: transparentize(black, 0.8); - border: none; - } - - // slider coloring - .slider { - background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); - - &:hover { background-color: lighten($dark_sidebar_fg, 15%); } - - &:prelight:active { background-color: $selected_bg_color; } - - &:insensitive { - background-color: transparent; - } - } - } - - .horizontal { - background-color: transparent; - border-color: darken($dark_sidebar_bg, 7%); - - .button { @extend %dark_sidebar_button; } - GtkComboBox { color: $dark_sidebar_fg; } - } -} - -GeditWindow.background.csd GeditFileBrowserView.view { - - background-color: transparent; - color: $dark_sidebar_fg; - - &.expander { - color: $dark_sidebar_fg; - &:hover { color: $selected_bg_color; } - } -} - -%dark_sidebar_button { - @include button(osd); - - &:hover { @include button(osd-hover) } - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } -} - -%dark_sidebar_entry { - @include entry(osd); - - &:focus { @include entry(osd-focus) } - &:insensitive { @include entry(osd-insensitive); } -} diff --git a/common/gtk-3.0/3.16/_unity.scss b/common/gtk-3.0/3.16/_unity.scss deleted file mode 100644 index d88377a..0000000 --- a/common/gtk-3.0/3.16/_unity.scss +++ /dev/null @@ -1,56 +0,0 @@ -// Decorations -UnityDecoration { - -UnityDecoration-extents: 28px 1 1 1; - -UnityDecoration-input-extents: 10px; - - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 3px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); - -UnityDecoration-inactive-shadow-radius: 7px; - - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: $selected_bg_color; - - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; - - &.top { - border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 6px 0 6px; - - background-image: linear-gradient(to bottom, opacify($header_bg, 1)); - color: $header_fg; // The foreground color will be used to paint the text - - box-shadow: inset 0 1px lighten($header_bg, 3%); - - &:backdrop { - border-bottom-width: 0; - background-image: linear-gradient(to bottom, opacify($header_bg_backdrop, 1)); - color: transparentize($header_fg, 0.3); - } - } - &.left, &.right, &.bottom, - &.left:backdrop, &.right:backdrop, &.bottom:backdrop { - background-image: linear-gradient(to bottom, if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); - } -} - -// Panel Style -UnityPanelWidget, -.unity-panel { - background-image: linear-gradient(to bottom, opacify($panel_bg, 1)); - color: lighten($panel_fg, 20%); - box-shadow: none; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: $selected_bg_color; - border-bottom: none; -} 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-dark.scss b/common/gtk-3.0/3.16/gtk-contained-dark.scss deleted file mode 100644 index f47d7b5..0000000 --- a/common/gtk-3.0/3.16/gtk-contained-dark.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'dark'; -$darker: 'false'; -$transparency: 'true'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; 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; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #1f2227, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #1f2227, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -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-darker.scss b/common/gtk-3.0/3.16/gtk-contained-darker.scss deleted file mode 100644 index 63166d2..0000000 --- a/common/gtk-3.0/3.16/gtk-contained-darker.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'light'; -$darker: 'true'; -$transparency: 'true'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; 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-dark.scss b/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss deleted file mode 100644 index 157292d..0000000 --- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'dark'; -$darker: 'false'; -$transparency: 'false'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; 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; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #1f2227, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #1f2227, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -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-darker.scss b/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss deleted file mode 100644 index 03ba34b..0000000 --- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'light'; -$darker: 'true'; -$transparency: 'false'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; 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; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -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-solid.scss b/common/gtk-3.0/3.16/gtk-contained-solid.scss deleted file mode 100644 index 347cf2c..0000000 --- a/common/gtk-3.0/3.16/gtk-contained-solid.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'light'; -$darker: 'false'; -$transparency: 'false'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; 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; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -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/gtk-contained.scss b/common/gtk-3.0/3.16/gtk-contained.scss deleted file mode 100644 index c45d673..0000000 --- a/common/gtk-3.0/3.16/gtk-contained.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$variant: 'light'; -$darker: 'false'; -$transparency: 'true'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; -@import 'lightdm'; -@import 'transparent_widgets'; -@import 'colors-public'; 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/sass/_applications.scss b/common/gtk-3.0/3.16/sass/_applications.scss new file mode 100644 index 0000000..09680e1 --- /dev/null +++ b/common/gtk-3.0/3.16/sass/_applications.scss @@ -0,0 +1,728 @@ +// +// Tab overrides +// +GeditNotebook.notebook, +ScratchMainWindow .notebook, +EphyNotebook.notebook, +MidoriNotebook .notebook, +TerminalWindow .notebook, +PantheonTerminalPantheonTerminalWindow .notebook { + + tab.reorderable-page.top, tab.top { + &:active, &.active-page, &.active-page:hover { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + } +} + +TerminalWindow .notebook, +PantheonTerminalPantheonTerminalWindow .notebook { + + tab.reorderable-page.top, tab.top { + padding-top: 7px; + border-top-width: 3px; + } + + &.header.top { + box-shadow: inset 0 1px opacify($header_border, 1), + inset 0 -1px $borders_color; + } +} + +// +// Evolution +// +// needed for webkit/GtkStyle/Evolution compatibility +GtkHTML { + background-color: $base_color; + color: $text_color; + + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +// +// Sushi +// +// used by gnome-font-viewer and sushi +SushiFontWidget { + padding: 6px 12px; +} + +// +// GNOME Terminal +// +$terminal_bg: #2A2F36; +$terminal_fg: white; + +TerminalWindow { + .background { + background-color: transparent; + } + + .scrollbar { + &.vertical .slider { margin-left: 3px; } + &.trough { border-width: 0; } + } +} + +// +// Nautilus +// +NautilusCanvasViewContainer.view .entry { border-radius: 3px; } + +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-desktop.nautilus-canvas-item { + color: $selected_fg_color; + text-shadow: 1px 1px transparentize(black, 0.4); + + &:active { color: $fg_color; } + &:selected { color: $selected_fg_color; } +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: mix($fg_color, $bg_color, 50%); + + &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); } +} + +NautilusNotebook.notebook { + background-color: $base_color; + + tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + } +} + +NautilusQueryEditor .search-bar.toolbar { + padding: 5px; + box-shadow: none; + background-color: $base_color; +} + +.nautilus-circular-button { + border-radius: 50%; + outline-radius: 50%; +} + +$disk_space_unknown: transparentize($fg_color, 0.5); +$disk_space_used: transparentize($selected_bg_color, 0.2); +$disk_space_free: darken($bg_color, 3%); + +.disk-space-display { + border-style: solid; + border-width: 1px; + + &.unknown { + background-color: $disk_space_unknown; + border-color: darken($disk_space_unknown, 10%); + } + &.used { + background-color: $disk_space_used; + border-color: darken($disk_space_used, 10%); + } + &.free { + background-color: $disk_space_free; + border-color: darken($disk_space_free, 10%); + } +} + +// +// Nemo +// +NemoIconViewContainer { @extend NautilusCanvasViewContainer.view } + +NemoWindow .sidebar .frame { + border-width: 0; +} + +NemoWindow GtkSeparator.separator.horizontal { + color: $borders_color; +} + +.nemo-desktop.nemo-canvas-item { + @extend .nautilus-desktop.nautilus-canvas-item; +} + +NemoWindow .primary-toolbar NemoPathBar.linked > .button { + @include button(header-hover); + + &:hover { border-color: $selected_bg_color; } + &:active, &:checked { @include button(header-active); } + + @extend %linked; +} + +// +// Gedit +// +.gedit-headerbar-paned { color: $header_border; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: $base_color; // disable borders, making them transparent doesn't work for some reason + + &:prelight { + background-color: transparentize(black, 0.95); + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } +} + +/* Only normal state is handle */ +.open-document-selector-name-label { + color: $fg_color; +} + +/* Only normal state is handle */ +.open-document-selector-path-label { + color: mix($fg_color, $base_color, 50%); + font-size: smaller; + + &:selected { color: transparentize($selected_fg_color, 0.1); } +} + +.gedit-document-panel { + + .list-row .button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; + & GtkImage { color: inherit; } + } + .prelight-row .button { + color: mix($bg_color, $fg_color, 35%); + } + .list-row .button:hover, + .prelight-row .button:hover { + color: lighten(red, 15%); + } + .prelight-row:selected .button:hover { + color: lighten(red, 20%); + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + &:active { color: $selected_fg_color; } + } + .prelight-row .button:active { + color: $fg_color; + } +} + +.gedit-document-panel-dragged-row { + border: 1px solid $borders_color; + background-color: darken($bg_color, 10%); + color: $fg_color; +} + +//.gedit-document-panel-placeholder-row { +//} + +GeditStatusbar { + border-top: 1px solid $borders_color; + background-color: $bg_color; +} + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:prelight.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; +} + + +GeditViewFrame .gedit-search-slider { @extend %search_slider } + +GeditFileBrowserWidget .toolbar { + border-bottom: 1px solid $borders_color; +} + +.gedit-search-entry-occurrences-tag { + color: transparentize($fg_color, 0.4); + margin: 2px; + padding: 2px; +} + +%search_slider { + background-color: lighten($bg_color, 2%); + padding: 6px; + border-color: $borders_color; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +// +// Gnome Builder +// + +GbSearchBox.linked { + + > GtkMenuButton.button:last-child:dir(ltr), + > GtkMenuButton.button:first-child:dir(rtl) { + padding: 0 10px; + + @include entry(header-normal); + + &:hover { @include entry(header-normal); border-color: $selected_bg_color; } + &:active, &:checked { @include entry(header-focus); } + &:insensitive { @include entry(header-insensitive); } + } + + > 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; + + &:hover { box-shadow: -1px 0 $selected_bg_color; } + } + > GtkMenuButton.button:first-child:dir(rtl) { + border-right-style: none; + border-radius: 14.5px 0 0 14.5px; + outline-radius: 12.5px 0 0 12.5px; + + &:hover { box-shadow: 1px 0 $selected_bg_color; } + } +} + +//Search entry that slides down from top of editor +GbEditorFrame .gb-search-slider { @extend %search_slider; padding: 2px; } + +.gb-search-entry-occurrences-tag { @extend .gedit-search-entry-occurrences-tag } + +GdTaggedEntry { color: $fg_color; } + +// Preferences sidebar style +.preferences.sidebar { + + GtkViewport { border: none; } + GtkListBox { background-color: $bg_color; } + GtkListBoxRow { padding: 10px; } +} + +// Preference page language style +GbPreferencesPageLanguage { + + GtkSearchEntry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + GtkScrolledWindow { border-top-width: 0; } +} + +// Command Bar styling +GtkBox.gb-command-bar-box { + border: none; + background-color: opacify($osd_bg_color, 1); + + GtkLabel { color: $osd_fg_color; } +} + +GtkEntry.gb-command-bar-entry.entry.flat, +GtkEntry.gb-command-bar-entry.entry.flat:focus { + font-family: Monospace; + color: $osd_fg_color; + background-image: none; + background-color: opacify($osd_bg_color, 1); + padding: 6px 6px 6px 6px; + border: none; + + &:selected, + &:selected:focus { + @extend %selected_items; + } +} + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; +} + +GtkScrolledWindow.gb-linked-scroller { + border-top: none; +} + +// Disable various animatinos that are enabled by default and really annoying +// to the overall flow of Builder. +GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { + transition: none; +} + +GbViewStack GtkBox.header.notebook, +GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbViewStack.focused GtkBox.header.notebook { + background-color: $bg_color; + + .button.dim-label { opacity: 1; } +} + +// +// Epiphany +// +EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it + color: $fg_color; +} + +// +// Gnome Documents +// +.documents-load-more.button { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px; +} + +.documents-collection-icon { + background-color: transparentize($fg_color, 0.7); + border-radius: 2px; +} + +.documents-favorite.button:active, +.documents-favorite.button:active:hover { + color: lighten($selected_bg_color, 20%); +} + +.documents-entry-tag { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; + + &:hover { background-color: lighten($selected_bg_color, 4%) } + &:active { background-color: darken($selected_bg_color, 4%) } + + .toolbar .linked &.button { + background: none; + border: none; + box-shadow: none; + icon-shadow: none; + + &:hover { color: transparentize($selected_fg_color, 0.3) } + } +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +// +// Totem +// +TotemGrilo.vertical GdMainView.frame { + border-width: 0; +} + +// +// Synapse +// +SynapseGuiViewDefault *:selected { background-color: $selected_bg_color; } + +// +// Fallback Mode/Budgie Panel +// +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: $panel_fg; + background-image: linear-gradient(to bottom, $panel_bg); +} + +PanelApplet .button, PanelApplet .button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: $panel_fg; +} + +PanelApplet .button:hover { + color: lighten($panel_fg, 10%); + background-color: transparentize(black, 0.83); + border-color: transparentize(black, 0.83); +} + +PanelApplet .button:active, PanelApplet .button:active:backdrop, +PanelApplet .button:checked, PanelApplet .button:checked:backdrop { + background-clip: padding-box; + color: $selected_fg_color; + background-color: transparentize(black, 0.75); + border-radius: 0; + border-color: transparentize(black, 0.75); + box-shadow: inset 0 -2px $selected_bg_color; +} + +PanelApplet:hover { + color: $selected_fg_color; +} + +PanelApplet:active, +PanelApplet:hover:active { + color: $selected_bg_color; +} + +WnckPager { + color: mix($panel_fg, black, 50%); + &:selected { color: $selected_bg_color } +} + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; +} + +ClockBox { + color: $panel_fg; +} + +// Xfce Panel +.xfce4-panel.panel { + background-color: $panel_bg; + + .button.flat { + color: $panel_fg; + background-color: transparentize($panel_bg, 1); + border-radius: 0; + + &:hover { + border: none; + background-color: lighten($panel_bg, 10%); + } + &:active, &:checked { + color: $selected_bg_color; + border: none; + background-color: darken($panel_bg, 7%); + } + } +} + +// +// Floating Bar +// +.floating-bar { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &.top { border-radius: 0 0 2px 2px; } + &.right { border-radius: 2px 0 0 2px; } + &.bottom { border-radius: 2px 2px 0 0; } + &.left { border-radius: 0 2px 2px 0; } + + .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + background-color: transparent; + box-shadow: none; + border: none; + } +} + +// Elementary Apps + +// +// Birdie +// +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; +} + +// +// Marlin / Pantheon Files +// +MarlinViewWindow GtkIconView.view:selected, +MarlinViewWindow GtkIconView.view:selected:focus, +MarlinViewWindow GtkIconView.view:selected:hover, +MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, +MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +MarlinViewWindow *:selected, +MarlinViewWindow *:selected:focus { + color: $selected_fg_color; + background-color: $selected_bg_color; + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + border-radius: 14.5px; + @include entry(header-normal); + + &:focus { @include entry(header-focus) } + + &:insensitive { @include entry(header-insensitive) } + + &:active, &:checked { + color: $selected_bg_color; + } +} + +// +// Gala +// +.gala-notification { + border: 1px solid if($variant=='light', rgba(0, 0, 0, 0.35), $borders_color); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, $base_color); + background-color: transparent; + + .title, .label { + color: $fg_color; + } +} + +// +// Wingpanel +// +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px transparentize(black, 0.4); + icon-shadow: 0 1px 2px transparentize(black, 0.4); +} + +.panel-shadow { + background-image: none; + background-color: transparent; +} + +.panel .menu { + box-shadow: none; +} + +.panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + icon-shadow: none; +} + +.panel .menubar > .menuitem { padding: 3px 6px; } + +.panel .menubar > .menuitem:hover { background-color: transparent; } + +.panel .window-frame.menu.csd, +.panel .window-frame.popup.csd { + box-shadow: none; +} + +.panel .menu .window-frame.menu.csd, +.panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px transparentize(black, 0.8), + 0 10px 20px transparentize(black, 0.81), + 0 6px 6px transparentize(black, 0.77); +} + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px transparentize(black, 0.4); + icon-shadow: 0 1px 2px transparentize(black, 0.4); +} + +.composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.composited-indicator.menuitem:active, +.composited-indicator.menuitem:prelight { + border-style: none; + background-image: none; + box-shadow: none; +} + +.composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; +} + +.panel .menu .spinner, +.menu .spinner { opacity: 1 } // Fixes sound indicator buttons + +// +// Wingpanel Popover +// +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + + text-shadow: none; + icon-shadow: none; + + .menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + icon-shadow: none; + border: solid transparent; + border-width: 1px 0; + + GtkLabel, GtkImage { padding: 0 3px; } + + &:hover, &:active { + background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); + border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); + border-width: 1px 0; + } + *:insensitive { color: $insensitive_fg_color; } + } +} + +// +// Pantheon Terminal +// +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; +} + +// +// Switchboard +// +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: $fg_color; +} diff --git a/common/gtk-3.0/3.16/sass/_colors-public.scss b/common/gtk-3.0/3.16/sass/_colors-public.scss new file mode 100644 index 0000000..60d3cbf --- /dev/null +++ b/common/gtk-3.0/3.16/sass/_colors-public.scss @@ -0,0 +1,77 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var +@define-color theme_fg_color #{"" + $fg_color}; +@define-color theme_text_color #{"" + $text_color}; +@define-color theme_bg_color #{"" + $bg_color}; +@define-color theme_base_color #{"" + $base_color}; +@define-color theme_selected_bg_color #{"" + $selected_bg_color}; +@define-color theme_selected_fg_color #{"" + $selected_fg_color}; +@define-color fg_color #{"" + $fg_color}; +@define-color text_color #{"" + $text_color}; +@define-color bg_color #{"" + $bg_color}; +@define-color base_color #{"" + $base_color}; +@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 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}; +@define-color theme_unfocused_bg_color #{"" + $bg_color}; +@define-color theme_unfocused_base_color #{"" + $base_color}; +@define-color borders #{"" + $borders_color}; +@define-color unfocused_borders #{"" + $borders_color}; + +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; +@define-color success_color #{"" + $success_color}; +@define-color placeholder_text_color #A8A8A8; + +//WM +$wm_highlight: lighten(opacify($header_bg, 1), 3%); +$wm_bg_unfocused: opacify($header_bg_backdrop, 1); + +@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}; + +@define-color wm_highlight #{"" + $wm_highlight}; +@define-color wm_shadow alpha(black, 0.35); + +//WM Buttons + +// Close +@define-color wm_button_close_bg #{"" + $wm_button_close_bg}; +@define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; +@define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; + +@define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; +@define-color wm_icon_close_hover_bg #{"" + $wm_icon_close_hover_bg}; +@define-color wm_icon_close_active_bg #{"" + $wm_icon_close_active_bg}; + +// Minimize, Maximize +@define-color wm_button_bg #{"" + $wm_button_bg}; +@define-color wm_button_unfocused_bg #{"" + $wm_button_unfocused_bg}; +@define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; +@define-color wm_button_active_bg #{"" + $wm_button_active_bg}; + +@define-color wm_button_border #{"" + $wm_button_border}; +@define-color wm_button_unfocused_border #{"" + $wm_button_unfocused_border}; +@define-color wm_button_hover_border #{"" + $wm_button_hover_border}; +@define-color wm_button_active_border #{"" + $wm_button_active_border}; + +@define-color wm_icon_bg #{"" + $wm_icon_bg}; +@define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; +@define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; +@define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; + + +//FIXME this is really an API + +@define-color content_view_bg #{"" + $base_color}; + diff --git a/common/gtk-3.0/3.16/sass/_colors.scss b/common/gtk-3.0/3.16/sass/_colors.scss new file mode 100644 index 0000000..c32b223 --- /dev/null +++ b/common/gtk-3.0/3.16/sass/_colors.scss @@ -0,0 +1,102 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + + +$base_color: if($variant =='light', #ffffff, #383C45); +$text_color: if($variant == 'light', #5c616c, #D3DAE3); +$bg_color: if($variant =='light', #F5F6F7, #444852); +$fg_color: if($variant =='light', #5c616c, #D3DAE3); + +$selected_fg_color: #ffffff; +$selected_bg_color: #5294E2; +$selected_borders_color: darken($selected_bg_color, 20%); +$borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,10%)); + +$link_color: if($variant == 'light', darken($selected_bg_color,10%), + lighten($selected_bg_color,20%)); +$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), + lighten($selected_bg_color,10%)); + +$selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); +$warning_color: #F27835; +$error_color: #FC4138; +$success_color: #73d216; +$destructive_color: #F04A50; +$suggested_color: #4DADD4; + +$osd_fg_color: #A8ADB5; +$osd_bg_color: transparentize(#3c4049, 0.05); +$osd_button_bg: darken($osd_bg_color, 3%); + +$osd_insensitive_bg_color: darken($osd_bg_color, 3%); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); +$osd_borders_color: transparentize(black, 0.3); + + +$tooltip_bg: $osd_bg_color; +$tooltip_fg: #edf5fb; +$tooltip_borders_color: transparentize(white, 0.9); + +//insensitive state derived colors +$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); +$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); + + +$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); +$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); +$entry_focus_border: $selected_bg_color; + +$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); +$button_border: $entry_border; + +$header_bg: red; +@if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } +@if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } +@if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343b, 0.03); } +@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343b; } + +//$header_bg: if(($darker == 'true' or $variant == 'dark') and $transparency == 'true', transparentize(#2f343b, 0.03), #2f343b); + +$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); + +$header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)); + +$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); +$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); + +$dark_sidebar_bg: if($transparency == 'true' and $variant == 'light', $osd_bg_color, opacify($osd_bg_color, 1)); +@if $variant==dark { $dark_sidebar_bg: if($transparency == 'true', lighten($osd_bg_color, 4%), lighten(opacify($osd_bg_color, 1), 4%)); } + +$dark_sidebar_fg: $osd_fg_color; +$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 10%)); + +$panel_bg: darken($osd_bg_color, 10%); +$panel_fg: $dark_sidebar_fg; + + +//WM Buttons + +// Close +$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f37076, #e45e65); +$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f79da1, #f48085); +$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #ef4048, #e6262f); + +$wm_icon_close_bg: $selected_fg_color; +$wm_icon_close_hover_bg: $selected_fg_color; +$wm_icon_close_active_bg: $selected_fg_color; + +// Minimize, Maximize +$wm_button_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); +$wm_button_unfocused_bg: if($variant == 'light' and $darker == 'false', #f6f7f8, #2a3035); +$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); +$wm_button_active_bg: $selected_bg_color; + +$wm_button_border: if($variant == 'light' and $darker == 'false', #d8dae0, #191C21); +$wm_button_unfocused_border: if($variant == 'light' and $darker == 'false', #dddee2, #1F2328); +$wm_button_hover_border: $selected_bg_color; +$wm_button_active_border: $selected_bg_color; + +$wm_icon_bg: if($variant == 'light' and $darker == 'false', #8d93a4, #939ca8); +$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #b8bcc7, #686f78); +$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #70788d, #afb8c5); +$wm_icon_active_bg: $selected_fg_color; diff --git a/common/gtk-3.0/3.16/sass/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss new file mode 100644 index 0000000..5469eb6 --- /dev/null +++ b/common/gtk-3.0/3.16/sass/_common.scss @@ -0,0 +1,2836 @@ +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$asset_suffix: if($variant=='dark', '-dark', ''); // use dark assets in dark variant +$darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + -GtkPaned-handle-size: 1; + + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_visited_color; + + -GtkWidget-focus-padding: 2; // FIXME: do we still need these? + -GtkWidget-focus-line-width: 1; // + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + -GtkStatusbar-shadow-type: none; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-color: transparentize($fg_color, 0.7); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + outline-radius: 2px; +} + + +/*************** + * Base States * + ***************/ + +.background { + color: $fg_color; + background-color: transparentize($bg_color, 0.001); // without this headerbar transparency doesn't seem to work +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +*:insensitive { + -gtk-image-effect: dim; +} + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + &:prelight { + background-color: lighten($bg_color, 10%); + color: $fg_color; + } + &:active { + background-color: darken($bg_color, 10%); + color: $fg_color; + } + &:insensitive { + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +.view { + color: $text_color; + background-color: $base_color; + + &:selected, + &:selected:focus, + &:selected:hover { + @extend %selected_items; + } + &.dim-label { + color: transparentize($text_color, 0.45); + + &:selected, &:selected:focus { + color: transparentize($selected_fg_color, 0.35); + text-shadow: none; + } + } +} + +.rubberband { + border: 1px solid $selected_bg_color; + background-color: transparentize($selected_bg_color,0.8); +} + +.label { + &.separator { + color: $fg_color; + @extend .dim-label; + } + &:selected, + &:selected:focus, + &:selected:hover { + @extend %selected_items; + } + &:insensitive { + color: $insensitive_fg_color; + } +} + +.dim-label { + opacity: 0.55; +} + +GtkAssistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + } + &.csd .sidebar { border-top-style: none; } + .sidebar .label { + padding: 6px 12px; + } + .sidebar .label.highlight { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +GtkTextView { // This will get overridden by .view, needed by gedit line numbers + background-color: mix($bg_color, $base_color, 50%); +} + +.grid-child { + padding: 3px; + border-radius: 3px; + &:selected { + @extend %selected_items; + outline-offset: -2px; + } +} + +%osd, .osd { + color: $osd_fg_color; + border: none; + background-color: $osd_bg_color; + background-clip: padding-box; + outline-color: transparentize($osd_fg_color, 0.7); + box-shadow: none; +} + +/********************** + * Spinner Animations * + **********************/ + +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +.spinner { + background-image: none; + background-color: blue; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:active { + opacity: 1; + animation: spin 1s linear infinite; + + &:insensitive { + opacity: 0.5; + } + } +} + +/**************** + * Text Entries * + ****************/ + +.entry { + border: 1px solid; + padding: 5px 8px 6px; + + border-radius: 15px; + transition: all 200ms $ease-out-quad; + @include entry(normal); + + .header-bar & { padding: 6px 11px; } + + //&.image { // icons inside the entry + // &.left { padding-left: 0; } + // &.right { padding-right: 0; } + //} + &.image { padding-left: 3px; padding-right: 3px; } + + &.flat, &.flat:focus { + padding: 2px; + @include entry(normal); + border: none; + border-radius: 0; + } + + &:focus { + background-clip: border-box; + @include entry(focus); + } + + &:insensitive { @include entry(insensitive); } + + &:selected, + &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &.progressbar { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + } + + .linked > & { //FIXME: use same buttons linking logic and template + &:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + &:dir(rtl) { border-right-style: none;} + } + &:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; + &:dir(rtl) { border-left-style: solid; } + } + } + + &.error { + color: white; + border-color: $error_color; + background-image: linear-gradient(to bottom, mix($error_color, $base_color, 80%)); + &:focus { + background-image: linear-gradient(to bottom, $error_color); + color: white; + } + &:selected, &:selected:focus { + background-color: white; + color: $error_color; + } + } + + &.warning { + color: white; + border-color: $warning_color; + background-image: linear-gradient(to bottom, mix($warning_color, $base_color, 80%)); + &:focus { + background-image: linear-gradient(to bottom, $warning_color); + color: white; + } + &:selected, &:selected:focus { + background-color: white; + color: $warning_color; + } + } + + &.image { // entry icons colors + color: mix($fg_color,$base_color,80%); + &:hover { color: $fg_color; } + &:active { color: $selected_bg_color; } + } + + .linked.vertical > & { //FIXME comment stuff and make the whole thing smarter. + border-bottom-color: mix($borders_color, $base_color, 30%); + box-shadow: none; + @extend %linked_vertical; + + &:focus { + border-color: $selected_bg_color; + box-shadow: 0 -1px 0 0 $selected_bg_color; + @extend %linked_vertical; + } + + &:insensitive { + border-bottom-color: mix($borders_color, $base_color, 30%); + @extend %linked_vertical; + } + + &:first-child { + border-bottom-color: mix($borders_color, $base_color, 30%); + + &:focus { + border-bottom-color: $selected_bg_color; + box-shadow: none; + } + + &:insensitive { + border-bottom-color: mix($borders_color, $base_color, 30%); + @extend %linked_vertical:first-child; + } + } + + &:last-child { + border-bottom-color: rgba(0,0,0,0.14); + &:focus { + border-bottom-color: $selected_bg_color; + box-shadow: 0 -1px 0 0 $selected_bg_color; + @extend %linked_vertical:last-child; + } + + &:insensitive { + border-bottom-color: rgba(0,0,0,0.14); + @extend %linked_vertical:last-child; + + } + } + } + + .osd & { + @include entry(osd); + &:focus { @include entry(osd-focus); } + &:insensitive { @include entry(osd-insensitive); } + } +} + +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +$_dot_color: $selected_bg_color; + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + + +.button { + $_button_transition: all 200ms $ease-out-quad; + + transition: $_button_transition; + border: 1px solid; + border-radius: 3px; + padding: 5px 8px; + + .header-bar & { padding: 6px 11px; } + + @include button(normal); + + &.flat { + @include button(undecorated); + background-color: transparentize($bg_color, 1); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + &:hover { + transition: $_button_transition; + transition-duration: 350ms; + &:active { transition: $_button_transition; } + } + } + &:hover { + @include button(hover); + -gtk-image-effect: highlight; + } + &:active, &:checked { + background-clip: border-box; + @include button(active); + transition-duration: 50ms; + } + + //Webkitgtk workaround start + &:active { color: $fg_color; } + &:active:hover, &:checked { color: $selected_fg_color; } + //Webkitgtk workaround end + + &.flat:insensitive { + @include button(undecorated); + } + &:insensitive { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active); + } + } + // big standalone buttons like in Documents pager + &.osd { + outline-color: transparentize($osd_fg_color, 0.7); + + @include button(osd); + background-color: $osd_bg_color; + + &.image-button { padding: 10px; } + + &:hover { @include button(osd-hover); border-color: transparentize($osd_fg_color, 0.7)} + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } + } + + //overlay / OSD style + .osd & { + @include button(osd); + // there's a problem with sass which prevents it to extend the linked + // placeholder as expected, it should just be "@extend %linked;", the + // placeholder is basically replicated here + // + // Workaround START + border-radius: 0; + border-left-style: none; + border-right-style: none; + + &:dir(rtl) { + border-radius: 0; + border-right-style: none; + border-left-style: none + } + &:first-child { + border-radius: 3px 0 0 3px; + border-left-style: solid; + } + &:last-child { + border-radius: 0 3px 3px 0; + border-right-style: solid; + + &:dir(rtl) { border-left-style: solid; } + } + &:only-child { + border-radius: 3px; + border-style: solid; + } + // Workaround END + &:hover { + @include button(osd-hover); + @extend %linked; + } + &:active, &:checked { + @include button(osd-active); + @extend %linked; + } + &:insensitive { + @include button(osd-insensitive); + @extend %linked; + } + + &.flat { + @include button(undecorated); + box-shadow: none; + &:hover { + @include button(osd-hover); + } + &:insensitive { + @include button(osd-insensitive); + background-image: none; + } + &:active, &:checked { + @include button(osd-active); + } + } + } + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(suggested_destructive, $b_color); + + &.flat { + @include button(undecorated); + color: $b_color; + outline-color: transparentize($b_color, 0.7); + } + &:hover { + @include button(suggested_destructive, lighten($b_color, 10%)); + } + &:active, &:checked { + @include button(suggested_destructive, darken($b_color, 10%)); + } + &.flat:insensitive { + @include button(undecorated); + color: transparentize($b_color, 0.35); + } + &:insensitive { opacity: 0.75; } + } + } + + &.image-button { padding: 8px; } + + .header-bar &.image-button { padding: 6px 9px; } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + .header-bar &.text-button { padding: 6px 16px; } + + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + padding: 4px 8px 5px; // same as .button + GtkLabel:first-child { padding-left: 8px; } + GtkLabel:last-child { padding-right: 8px; } + } + + .header-bar &.text-button.image-button { padding: 6px 16px; } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -3px; // needs to be set or it gets overridden by GtkRadioButton outline-offset + + > GtkLabel { + padding-left: 6px; // label padding + padding-right: 6px; // + } + > GtkImage { + padding-left: 6px; + padding-right: 6px; + padding-top: 5px; + padding-bottom: 5px; + } + + .header-bar > GtkLabel { padding: 6px 10px; } + + &.text-button { padding: 5px 10px; } + + .header-bar &.text-button { padding: 6px 10px; } + + &.image-button { padding: 1px 3px; } + + &.needs-attention > .label, + &.needs-attention > GtkImage { @extend %needs_attention; } + &.needs-attention:active > .label, + &.needs-attention:active > GtkImage, + &.needs-attention:checked > .label, + &.needs-attention:checked > GtkImage { + animation: none; + background-image: none; + } + } + + %needs_attention { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + @if $variant == 'light' { background-position: right 3px, right 4px; } + @else { background-position: right 3px, right 2px; } + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + @else { background-position: left 3px, left 2px; } + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: 2px; + border-width: 1px; + @extend %linked; + } + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked { @extend %linked_vertical; } +} + +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +.inline-toolbar GtkToolButton > .button { // redefining the button look is + // needed since those are flat... + @include button(normal); + &:hover { @include button(hover); } + &:active, + &:checked{ @include button(active); } + &:insensitive { @include button(insensitive); } + &:insensitive:active, + &:insensitive:checked { @include button(insensitive-active); } +} + +// More inline toolbar buttons +.inline-toolbar.toolbar GtkToolButton { + & > .button.flat { @extend %linked_middle; } + &:dir(rtl) > .button.flat { @extend %linked_middle:dir(rtl); } + &:first-child > .button.flat { @extend %linked:first-child; } + &:last-child > .button.flat { @extend %linked:last-child; } + &:last-child:dir(rtl) > .button.flat { @extend %linked:last-child:dir(rtl); } + &:only-child > .button.flat { @extend %linked:only-child; } +} + +%linked_middle { + border-radius: 0; + border-left-style: none; + border-right-style: none; + + &:hover { + box-shadow: inset 1px 0 $selected_bg_color, inset -1px 0 $selected_bg_color; + } + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_middle:dir(rtl) + } +} + +%linked { + @extend %linked_middle; + + &:first-child { + border-radius: 3px 0 0 3px; + border-left-style: solid; + + &:hover { box-shadow: inset -1px 0 $selected_bg_color; } + } + &:last-child { + border-radius: 0 3px 3px 0; + border-right-style: solid; + + &:hover { box-shadow: inset 1px 0 $selected_bg_color; } + + &:dir(rtl) { border-bottom-left-radius: 0; } + + } + &:only-child { + border-radius: 3px; + border-style: solid; + + &:hover { box-shadow: none; } + } +} + +%linked_vertical_middle { + border-style: solid; + border-bottom-style: none; + border-top-style: none; + border-radius: 0; + + &:hover { box-shadow: inset 0 1px $selected_bg_color, inset 0 -1px $selected_bg_color; } +} + +%linked_vertical{ + @extend %linked_vertical_middle; + + &:first-child { + border-radius: 3px 3px 0 0; + border-top-style: solid; + + &:hover { box-shadow: inset 0 -1px $selected_bg_color; } + } + &:last-child { + border-radius: 0 0 3px 3px; + border-bottom-style: solid; + + &:hover { box-shadow: inset 0 1px $selected_bg_color; } + } + &:only-child { + border-radius: 3px; + border-style: solid; + + &:hover { box-shadow: none; } + } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +/* menu buttons */ +.menuitem.button.flat { + transition: none; + @extend %undecorated_button; + outline-offset: -1px; + border-radius: 2px; + + &:hover { background-color: mix($fg_color,$bg_color,5%); } + &:selected, &:checked, &:active { + @extend %selected_items; + } +} + +/********* + * Links * + *********/ + +*:link { + color: $link_color; + &:visited { + color: $link_visited_color; + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + &:hover { + color: lighten($link_color,10%); + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } + } + &:active { + color: $link_color; + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + } + &:selected, *:selected & { + color: mix($selected_fg_color, $selected_bg_color, 80%); + } +} + +.button:link, .button:visited { + @extend %undecorated_button; + @extend *:link; + &:hover, &:active, &:checked { + @extend %undecorated_button; + } +} + +/***************** + * GtkSpinButton * + *****************/ + +.spinbutton { + border-radius: 3px; + + .button { + background-image: none; + border: 1px solid transparentize($borders_color,0.4); + border-style: none none none solid; + color: mix($fg_color,$base_color,95%); + border-radius: 0; + box-shadow: none; + // padding-left: 6px; + // padding-right: 6px; + &:dir(rtl) { border-style: none solid none none; } + &:first-child { color: red; } + &:hover { + color: $selected_bg_color; + } + &:insensitive { + color: $insensitive_fg_color; + } + &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + +// .osd & { +// .button { +// @include button(undecorated); +// color: $osd_fg_color; +// border-style: none none none solid; +// border-color: transparentize($osd_borders_color, 0.3); +// border-radius: 0; +// box-shadow: none; +// &:dir(rtl) { border-style: none solid none none; } +// &:hover { +// @include button(undecorated); +// color: $osd_fg_color; +// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); +// background-color: transparentize($osd_fg_color, 0.9); +// box-shadow: none; +// } +// &:insensitive { +// @include button(undecorated); +// color: $osd_insensitive_fg_color; +// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); +// box-shadow: none; +// } +// &:last-child { border-radius: 0 2px 2px 0; } +// &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } +// } +// } + + &.vertical, &.vertical:dir(rtl) { + .button { + &:first-child { + @extend %top_button; + @include button(normal); + &:active { + @extend %top_button; + @include button(active); + } + &:hover { + @extend %top_button; + @include button(hover); + } + &:insensitive { + @extend %top_button; + @include button(insensitive); + } + } + &:last-child { + @extend %bottom_button; + @include button(normal); + &:active { + @extend %bottom_button; + @include button(active); + } + &:hover { + @extend %bottom_button; + @include button(hover); + } + &:insensitive { + @extend %bottom_button; + @include button(insensitive); + } + } + } + &.entry { + // we should remove the bottom edge hilight here, but seems + // like buttons are on top of it so it doesn't show up + border-radius: 0; + padding-left: 5px; + padding-right: 5px; + } + %top_button { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; + } + %bottom_button { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; + } + } + GtkTreeView & { + &.entry, &.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: $selected_bg_color; + border-radius: 0; + box-shadow: none; + } + } +} + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + > .button { padding-top: 3px; padding-bottom: 4px; } // Otherwise combos + // are bigger then + // buttons + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + + &:insensitive { + color: $insensitive_fg_color; + } + + .separator.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } + + &.combobox-entry .entry { + @extend %linked; + + border-right-style: none; + &:dir(rtl) { border-left-style: none; } + } + + &.combobox-entry .button { + @extend %linked; + + color: transparentize($fg_color, 0.4); + background-color: $button_border; + border-color: $button_border; + + &:hover { + background-color: lighten($button_border, 5%); + border-color: $selected_bg_color; + box-shadow: -1px 0 $selected_bg_color; + } + + &:active, &:checked { @include button(active); } + + &:insensitive { opacity: 0.5 } + } +} + +.linked > GtkComboBox > .button { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr) { @extend %linked_middle; } // specificity bump + &:dir(rtl) { @extend %linked_middle:dir(rtl); } +} +.linked > GtkComboBox:first-child > .button { + @extend %linked:first-child; +} +.linked > GtkComboBox:last-child > .button { + @extend %linked:last-child; +} +.linked > GtkComboBox:only-child > .button { + @extend %linked:only-child; +} +.linked.vertical > GtkComboBoxText > .button, +.linked.vertical > GtkComboBox > .button { @extend %linked_vertical_middle; } +.linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > GtkComboBox:first-child > .button { @extend %linked_vertical:first-child; } +.linked.vertical > GtkComboBoxText:last-child > .button, +.linked.vertical > GtkComboBox:last-child > .button { @extend %linked_vertical:last-child; } +.linked.vertical > GtkComboBoxText:only-child > .button, +.linked.vertical > GtkComboBox:only-child > .button { @extend %linked_vertical:only-child; } + +/************ + * Toolbars * + ************/ +.toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: $bg_color; + .osd &, &.osd { + padding: 7px; + border: none; + border-radius: 4px; + background-color: $osd_bg_color; + } +} + +.primary-toolbar { + color: $header_fg; + background-color: opacify($header_bg, 1); + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, opacify($header_bg, 1), + darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + + .separator { @extend %header_separator; } + + @extend %header_widgets; +} + +.inline-toolbar { + @extend .toolbar; + background-color: darken($bg_color, 3%); + border-style: solid; + border-color: $borders_color; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; +} + +.search-bar { + background-color: $bg_color; + border-style: solid; + border-color: $borders_color; + border-width: 0 0 1px; + padding: 3px; + //box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); +} + +.action-bar { background-color: darken($bg_color, 3%) } + +/*************** + * Header bars * + ***************/ + +.header-bar { + padding: 7px 7px 6px 7px; + + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: $header_border; + + color: $header_fg; + background-color: opacify($header_bg, 1); + + .csd & { background-color: $header_bg; } // Transparent header-bars only in csd windows + + &:backdrop { + color: transparentize($header_fg, 0.3); + background-color: opacify($header_bg_backdrop, 1); + + .csd & { background-color: $header_bg_backdrop; } // Transparent header-bars only in csd windows + } + + .title { + padding: 0px 12px; + } + + .subtitle { + font-size: smaller; + padding: 0 12px; + @extend .dim-label; + } + + // Selectionmode + &.selection-mode, + &.titlebar.selection-mode { + color: $selected_fg_color; + background-color: $selection_mode_bg; + border-color: darken($selection_mode_bg, 4%); + box-shadow: none; + + &:backdrop { + background-color: $selection_mode_bg; + color: transparentize($selected_fg_color, 0.4); + } + + .subtitle:link { @extend *:link:selected; } + + .button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 1); + + &.flat { + @include button(undecorated); + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + } + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 0.95); + border-color: transparentize($selected_fg_color, 0.5); + } + &:active, &:checked { + color: $selection_mode_bg; + outline-color: transparentize($selection_mode_bg, 0.7); + background-color: $selected_fg_color; + border-color: $selected_fg_color; + } + &:insensitive { + color: transparentize($selected_fg_color, 0.6); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 1); + + &:active, &:checked { + color: transparentize($selection_mode_bg, 0.6); + background-color: transparentize($selected_fg_color, 0.85); + border-color: transparentize($selected_fg_color, 0.85); + } + } + } + + .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; + GtkArrow { -GtkArrow-arrow-scaling: 1; } + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + .maximized & { background-color: opacify($selection_mode_bg, 1); } + } + + .tiled &, .tiled &:backdrop, + .maximized &, .maximized &:backdrop { + border-radius: 0; // squared corners when the window is max'd or tiled + } + + .maximized & { + background-color: opacify($header_bg, 1); + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } + + &.default-decoration { + padding-top: 5px; // less padding for ssd + padding-bottom: 5px; // + background-color: opacify($header_bg, 1); + border-bottom-width: 0; + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } +} + +.titlebar { + padding-left: 7px; + padding-right: 7px; + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + color: $header_fg; + background-color: opacify($header_bg, 1); + box-shadow: inset 0 1px lighten($header_bg, 3%); + + .csd & { background-color: $header_bg; } + + &:backdrop { + color: transparentize($header_fg, 0.3); + background-color: opacify($header_bg_backdrop, 1); + + .csd & { background-color: $header_bg_backdrop; } + } + + .maximized & { + background-color: opacify($header_bg, 1); + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } +} + +.titlebar .titlebar, +.titlebar .titlebar:backdrop { background-color: transparent; } + +// Only extending .header-bar avoids some problems (Gnome Documents searchbar) +.header-bar { + .header-bar-separator, + & > GtkBox > .separator.vertical { @extend %header_separator; } + + @extend %header_widgets; +} + +%header_separator { + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 1px; + border-width: 0 1px; + border-image: linear-gradient(to bottom, + transparentize($header_fg, 1) 25%, + transparentize($header_fg, 0.65) 25%, + transparentize($header_fg, 0.65) 75%, + transparentize($header_fg, 1) 75%) 0 1/0 1px stretch; + + &:backdrop { opacity: 0.6; } +} + +%header_widgets { + // Header-bar Entries + .entry { + @include entry(header-normal); + + &:backdrop { opacity: 0.85; } + + &:focus { + @include entry(header-focus); + + &.image { color: $selected_fg_color; } + } + &:insensitive { @include entry(header-insensitive); } + + &:selected:focus { + background-color: $selected_fg_color; + color: $selected_bg_color; + } + + &.progressbar { + border-color: $selected_bg_color; + background-image: none; + background-color: transparent; + } + } + + // Header-bar Buttons + .button { + + @include button(header-normal); + + &:backdrop { opacity: 0.7; } + + &:hover { @include button(header-hover); } + &:active, &:checked { @include button(header-active); } + &:insensitive { @include button(header-insensitive); } + &:insensitive:active, &:insensitive:checked { @include button(header-insensitive-active); } + } + + .linked > .button { border-radius: 3px; border-style: solid} + + .linked > .button:hover { box-shadow: none; } + + .linked.stack-switcher > .button, + .linked.path-bar > .button { + @include button(header-hover); + + &:hover { border-color: $selected_bg_color; } + &:active, &:checked { @include button(header-active); } + + @extend %linked; + } + + // Header-bar Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + .button.#{$b_type} { + @include button(suggested_destructive, $b_color); + + &.flat { + @include button(undecorated); + color: $b_color; + outline-color: transparentize($b_color, 0.7); + } + &:hover { + @include button(suggested_destructive, lighten($b_color, 10%)); + } + &:active, &:checked { + @include button(suggested_destructive, darken($b_color, 10%)); + } + &.flat:insensitive { + @include button(undecorated); + color: transparentize($b_color, 0.35); + } + &:insensitive { opacity: 0.75; } + } + .button.#{$b_type}:backdrop, + .button.#{$b_type}:backdrop { + opacity: 0.8; + } + } + + // Header-bar Spinbuttons + & .spinbutton { + + &:focus .button { color: $selected_fg_color; } + + .button { + color: $header_fg; + + &:hover { background-color: rgba(255,255,255,0.1); border-color: transparent; } + &:insensitive { color: transparentize($header_fg, 0.3); } + &:active { background-color: rgba(0,0,0,0.1); } + } + } + + // Header-bar ComboBoxes + & GtkComboBox{ + &:insensitive { color: transparentize($header_fg, 0.6); } + + &.combobox-entry .button { + @include entry(header-normal); + + &:hover { @include entry(header-focus); } + &:insensitive { @include entry(header-insensitive); } + } + } + + // Header-bar Switches + GtkSwitch { + &:backdrop { opacity: 0.75; } + } + + GtkProgressBar { + + &.trough { background-color: transparentize($header_fg, 0.65); } + + &:backdrop { opacity: 0.75; } + } + + // Header-bar Scale + .scale { + + &:backdrop { opacity: 0.75; } + + &.trough { + background-image: linear-gradient(to bottom, transparentize($header_fg, 0.65)); + + &:insensitive { background-image: linear-gradient(to bottom, transparentize($header_fg, 0.7)); } + } + &.slider { + background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 90%), darken($header_bg, 4%))); + + &:insensitive { + background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 40%), darken($header_bg, 1%))); + + @if $darker=='true' { border-color: mix($header_bg, $selected_bg_color, 60%); } + } + } + } +} + +/************ + * Pathbars * + ************/ + +.path-bar .button { + //padding: 5px 6px 6px; + &:first-child { padding-left: 8px; } + &:last-child { padding-right: 8px; } + &:only-child { + padding-left: 12px; + padding-right: 12px; + } + + // the following is for spacing the icon and the label inside the home button + GtkLabel:last-child { padding-left: 2px; } + GtkLabel:first-child { padding-right: 2px; } + GtkLabel:only-child { padding-right: 0; padding-left: 0; } + //GtkImage { padding-top: 1px; } +} + +/************** + * Tree Views * + **************/ +GtkTreeView.view { // treeview grid lines and expanders, unfortunatelly + // the tree lines color can't be set + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + + border-left-color: transparentize($fg_color, 0.85); // this is actually the tree lines color, + border-top-color: transparentize(black, 0.9); // while this is the grid lines color, better then nothing + + &:selected { + border-radius: 0; + border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly + } + + &:insensitive { + color: $insensitive_fg_color; + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + } + } + + &.dnd { + border-style: solid none; + border-width: 1px; + border-color: mix($fg_color, $selected_bg_color, 50%); + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($fg_color, $base_color, 50%); + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + &:hover { color: $selected_fg_color; } + } + + &:checked { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + + &.progressbar { // progress bar in treeviews + color: $selected_fg_color; + border-radius: 3px; + + &:selected { + color: $selected_bg_color; + box-shadow: none; + background-color: $selected_fg_color; + } + } + &.trough, &.trough:selected { // progress bar trough in treeviews + color: $fg_color; + background-color: $button_border; + border-radius: 3px; + border-width: 0; + } +} + +column-header { + .button { + @extend %column_header_button; + $_column_header_color: mix($fg_color,$base_color,80%); + color: $_column_header_color; + background-color: $base_color; + &:hover { + @extend %column_header_button; + color: $selected_bg_color; + box-shadow: none; + transition: none; //I shouldn't need this + } + &:active { + @extend %column_header_button; + color: $fg_color; + transition: none; //I shouldn't need this + } + &.dnd { + @extend column-header.button.dnd; + } + } + &:last-child .button, + &:last-child.button { //treeview-like derived widgets in Banshee and Evolution + border-right-style: none; + border-image: none; + } +} + +column-header.button.dnd { // for treeview-like derive widgets + transition: none; + color: $selected_bg_color; + box-shadow: inset 1px 1px 0 1px $selected_bg_color, + inset -1px 0 0 1px $selected_bg_color, + inset 1px 1px $base_color, inset -1px 0 $base_color;; + &:active { @extend column-header.button.dnd; } + &:selected { @extend column-header.button.dnd; } + &:hover { @extend column-header.button.dnd; } +} + +%column_header_button { + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, + transparentize(if($variant == 'light', black, white), 1) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 80%, + transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; + + &:active { background-color: $base_color; } + &:insensitive { + border-color: $bg_color; + background-image: none; + } +} + +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: opacify($header_bg, 1); + color: $header_fg; + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + + & > .menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; + + &:hover { //Seems like it :hover even with keyboard focus + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:insensitive { + color: transparentize($header_fg, 0.6); + border-color: transparent; + } + } +} + +.menu, .popup { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: $base_color; + border: 1px solid $borders_color; + + .csd & { + padding: 4px 0px; + border-radius: 3px; + border: none; + } + + .menuitem { + padding: 5px; + &:hover { + color: $fg_color; + background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); + border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); + border-width: 1px 0 1px 0; + } + &:insensitive { + color: $insensitive_fg_color; + } + + &.separator { color: transparentize($base_color, 1); } + + //submenu indicators + &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } + } + &.button { // overlow buttons + @extend %undecorated_button; + border-style: none; + border-radius: 0; + &.top { border-bottom: 1px solid mix($fg_color, $base_color, 10%); } + &.bottom { border-top: 1px solid mix($fg_color, $base_color, 10%); } + &:hover { background-color: mix($fg_color, $base_color, 10%); } + &:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +.menuitem .accelerator { color: gtkalpha(currentColor,0.55); } + +/************ + * Popovers * + ************/ + +.popover { + padding: 2px; + border: 1px solid darken($borders_color, 5%); + border-radius: 3px; + background-clip: border-box; + background-color: $base_color; + + box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); + + & .separator { color: transparentize($base_color, 1); } + .label.separator { @extend .label.separator; } // Noice + + > .list, + > .view, + > .toolbar, + &.osd > .toolbar { + border-style: none; + background-color: transparent; + } + &.osd { @extend %osd; } +} + +//touch selection handlebars for the Popover.osd above +.entry.cursor-handle, +.cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } + &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } +} + +/***************** + * Notebooks and * + * Tabs * + *****************/ + +.notebook { + // Through me you go to the grief wracked city; + // Through me you go to everlasting pain; + // Through me you go a pass among lost souls. + // ... + // Abandon all hope — Ye Who Enter Here + padding: 0; + background-color: $base_color; + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms $ease-out-quad; + + &.frame { + border: 1px solid $borders_color; + // FIXME doesn't work + &.top { border-top-width: 0; } + &.bottom { border-bottom-width: 0; } + &.right { border-right-width: 0; } + &.left { border-left-width: 0; } + } + &.header { + // FIXME: double borders in some case, can't fix it w/o a class tho + // FIXME: doesn't work on dark var + background-color: $bg_color; + + // this is the shading of the header behind the tabs + &.frame { + border: 0px solid $borders_color; + &.top { border-bottom-width: 0; } + &.bottom { border-top-width: 0; } + &.right { border-left-width: 0; } + &.left { border-right-width: 0; } + } + + $_header_border: $borders_color; + &.top { + box-shadow: inset 0 -1px $_header_border; // border + } + &.bottom { + box-shadow: inset 0 1px $_header_border; + } + &.right { + box-shadow: inset 1px 0 $_header_border; + } + &.left { + box-shadow: inset -1px 0 $_header_border; + } + } + tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + outline-color: transparent; + + outline-offset: 0; + + // tab sizing + $vpadding: 4px; + $hpadding: 15px; + + //FIXME: we get double border in some cases, not considering the broken + //notebook content frame... + &.top, &.bottom { padding: $vpadding $hpadding; } + &.left, &.right { padding: $vpadding $hpadding; } + + &.reorderable-page { + &.top, &.bottom { + padding-left: 12px; // for a nicer close button + padding-right: 12px; // placement + } + } + @each $_tab in (top, bottom, right, left) { + &.reorderable-page.#{$_tab}, &.#{$_tab} { + + @if $_tab==top or $_tab==bottom { + padding-#{$_tab}: $vpadding + 2; + } + @else if $_tab==left or $_tab==right { + padding-#{$_tab}: $hpadding + 2; + } + + @if $_tab==top { border-radius: 3.5px 2px 0 0; } + @else if $_tab==bottom { border-radius: 0 0 2px 3.5px; } + @else if $_tab==left { border-radius: 3.5px 0 0 3.5px; } + @else if $_tab==right { border-radius: 0 3.5px 3.5px 0; } + + border-width: 0; + border-#{$_tab}-width: 2px; + border-color: transparent; + background-color: transparentize($base_color, 1); + + &:hover, &.prelight-page { + background-color: transparentize($base_color, 0.5); + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + &:active, &.active-page, &.active-page:hover { + background-color: $base_color; + + @if $_tab==top { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $base_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + @else if $_tab==bottom { + box-shadow: inset 0 -1px $base_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + @else if $_tab==left { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $base_color; + } + @else if $_tab==right { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $base_color, + inset -1px 0 $borders_color; + } + } + } + } + GtkLabel { //tab text + padding: 0 2px; // needed for a nicer focus ring + color: $insensitive_fg_color; + } + .prelight-page GtkLabel, GtkLabel.prelight-page { + // prelight tab text + color: mix($fg_color, $insensitive_fg_color, 50%); + } + .active-page GtkLabel, GtkLabel.active-page { + // active tab text + color: $fg_color; + } + .button { //tab close button + padding: 0; + @extend %undecorated_button; + color: mix($bg_color, $fg_color, 35%); + + &:hover { + color: lighten(red, 15%); + } + &:active { + color: $selected_bg_color; + } + & > GtkImage { // this is a hack which makes tabs grow + padding: 2px; + } + } + } + &.arrow { + color: $insensitive_fg_color; + &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } + &:active { color: $fg_color; } + &:insensitive { + color: transparentize($insensitive_fg_color,0.7); + } + } +} + +/************** + * Scrollbars * + **************/ + +$_scrollbar_bg_color: darken($base_color, 1%); + +.scrollbar { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 1; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. + // sadly can't be in '.slider' + // where it belongs + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; + + $_slider_margin: 3px; + $_slider_fine_tune_margin: 4px; + + .button { + border: none; + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { // Overlay scrolling indicator + opacity: 0.4; + + -GtkRange-slider-width: 6px; + + .slider { + margin: 0; + background-color: mix($fg_color, $bg_color, 70%); + border: 1px solid if($variant == 'light', transparentize(white, 0.4), transparentize(black, 0.7)); + background-clip: padding-box; + } + + .trough { + border-style: none; + background-color: transparent; + } + + // w/o the following margin tweaks the slider shrinks when hovering/dragging + &.vertical .slider { + margin-top: $_slider_margin - 1px; + margin-bottom: $_slider_margin - 1px; + } + + &.horizontal .slider { + margin-left: $_slider_margin - 1px; + margin-right: $_slider_margin - 1px; + } + + } + + &.dragging, + &.hovering { opacity: 0.99; } + } + + // trough coloring + .trough { + background-color: $_scrollbar_bg_color; + border: 1px none $borders_color; + } + + // slider coloring + .slider { + background-color: mix($fg_color, $bg_color, 40%); + + &:hover { background-color: mix($fg_color, $bg_color, 30%); } + + &:prelight:active { background-color: $selected_bg_color;} + + &:insensitive { + background-color: transparent; + } + } + + // sizing + .slider { + border-radius: 100px; + margin: $_slider_margin; + } + + &.fine-tune .slider { margin: $_slider_fine_tune_margin; } + + &.vertical { + + .slider { + margin-left: 1px + $_slider_margin; + + &:dir(rtl) { + margin-left: $_slider_margin; + margin-right: 1px + $_slider_margin; + } + } + + &.fine-tune .slider { + margin-left: 1px + $_slider_fine_tune_margin; + + &:dir(rtl) { + margin-left: $_slider_fine_tune_margin; + margin-right: 1px + $_slider_fine_tune_margin; + } + } + + .trough { + border-left-style: solid; + + &:dir(rtl) { + border-left-style: none; + border-right-style: solid; + } + } + } + + &.horizontal { + + .slider { margin-top: 1px + $_slider_margin; } + + &.fine-tune .slider { margin-top: 1px + $_slider_fine_tune_margin; } + + .trough { border-top-style: solid; } + } +} + +.scrollbars-junction, +.scrollbars-junction.frame { // the small square between two scrollbars + border-color: transparent; + // the border image is used to add the missing dot between the borders, details, details, details... + border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; + background-color: $_scrollbar_bg_color; + + &:dir(rtl) { border-image-slice: 0 1 0 0; } +} + + +/********** + * Switch * + **********/ +GtkSwitch { + font: 1; + -GtkSwitch-slider-width: 41; + outline-color: transparent; + + &.trough, &.slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; + + &:dir(rtl) { background-position: left center; } + } +} + +@each $i,$j in ('',''), ('.list-row:selected ','-selected') { + + @each $k,$l in ('',''), + (':active','-active'), + (':insensitive','-insensitive'), + (':active:insensitive','-active-insensitive') { + + // load switch troughs from .png files in assets directory + + #{$i}GtkSwitch.trough#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); + } + + .list-row:selected GtkSwitch.trough#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); + } + + .header-bar GtkSwitch.trough#{$k}, + .primary-toolbar GtkSwitch.trough#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); + } + + // load switch sliders from .png files in assets directory + + //#{$i}GtkSwitch.slider#{$k} { + // background-image: -gtk-scaled(url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}.png"),url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}@2.png")); + //} + } +} + +/************************* + * Check and Radio items * + *************************/ + +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + //standard checks and radios + @each $s,$as in ('','-unchecked'), + (':insensitive','-unchecked-insensitive'), + (':inconsistent', '-mixed'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:insensitive','-checked-insensitive') { + .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + } + // the borders of checks and radios are + // too similar in luminosity to the selected background color, hence + // we need special casing. + GtkTreeView.view.#{$w}#{$s}:selected, + .list-row:selected .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), + url("assets/#{$a}#{$as}-selected@2.png")); + } + } +} + +//selection-mode +@each $s,$as in ('','-selectionmode'), + (':checked', '-checked-selectionmode') { + GtkIconView.view.check#{$s}, + GtkFlowBox.view.check#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), + url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); + background-color: transparent; + } +} + +GtkCheckButton.text-button, GtkRadioButton.text-button { + // this is for a nice focus on check and radios text + padding: 1px 2px 4px; + outline-offset: 0; + &:insensitive, + &:insensitive:active, + &:insensitive:inconsistent { + // set insensitive color, which is overriden otherwise + color: $insensitive_fg_color; + } +} + +/************ + * GtkScale * + ************/ +.scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + outline-radius: 2px; + //@include _shadows(_button_shadow(normal)); + + &.trough { margin: 5px; } + &.fine-tune { + &.trough { border-radius: 5px; margin: 3px; } + } + &.slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, $entry_bg); + border: 1px solid $selected_bg_color; + border-radius: 50%; + box-shadow: none; + + &:hover { + background-image: linear-gradient(to bottom, $selected_bg_color); + border-color: $selected_bg_color; + } + &:insensitive { + background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); + border-color: mix($selected_bg_color, $bg_color, 55%); + } + &:active { + background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); + border-color: darken($selected_bg_color, 10%); + } + //OSD sliders + .osd & { + background-image: linear-gradient(to bottom, $osd_bg_color); + border-color: $selected_bg_color; + + &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); } + &:active { + background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); + border-color: darken($selected_bg_color, 10%); + } + } + //selected list-row sliders + .list-row:selected & { + background-image: linear-gradient(to bottom, $selected_fg_color); + border-color: $selected_fg_color; + + &:hover { + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 85%)); + border-color: mix($selected_fg_color, $selected_bg_color, 85%); + } + &:active { + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 50%)); + border-color: mix($selected_fg_color, $selected_bg_color, 50%); + } + &:insensitive{ + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); + border-color: mix($selected_fg_color, $selected_bg_color, 55%); + } + } + } + &.trough { + + $_scale_trough_bg: if($variant == 'light', $button_border, darken($base_color, 4%)); + + border: none; + border-radius: 2.5px; + background-image: linear-gradient(to bottom, $_scale_trough_bg); + &.highlight { + background-image: linear-gradient(to bottom, $selected_bg_color); + + &:insensitive { + background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); + } + } + &:insensitive { + background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45)); + } + + //OSD troughs + .osd & { + background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%)); + outline-color: transparentize($osd_fg_color, 0.8); + &.highlight { + background-image: none; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + &:insensitive { } + } + // troughs in selected list-rows + .list-row:selected & { + background-image: linear-gradient(to bottom, transparentize(black, 0.8)); + + &.highlight { + background-image: linear-gradient(to bottom, $selected_fg_color); + + &:insensitive { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } + } + &:insensitive { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } + } + } +} + +/***************** + * Progress bars * + *****************/ + +GtkProgressBar { + padding: 0; + font-size: smaller; + color: transparentize($fg_color, 0.3); + //@include _shadows(_button_shadow(normal)); + + &.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; + } +} + +// moving bit +.progressbar { + background-color: $selected_bg_color; + border: none; + border-radius: 3px; + box-shadow: none; //needed for clipping + &.left.right { + + } + &.osd { + background-color: $selected_bg_color; + } +} + +.osd .scale.progressbar { + background-color: $selected_bg_color; +} + +// background +GtkProgressBar.trough { + border: none; + border-radius: 3px; + background-color: if($variant == 'light', $button_border, darken($base_color, 4%)); + + &.osd { + border-style: none; + background-color: transparent; + box-shadow: none; + //FIXME: there is a margin on top + } +} + +/************* + * Level Bar * + *************/ + +GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; +} + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; +} + +.level-bar { + &.trough { + @extend GtkProgressBar.trough; + padding: 3px; + border-radius: 4px; + } + &.fill-block { + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + border: 1px solid $selected_bg_color; + background-color: $selected_bg_color; + border-radius: 2px; + + &.indicator-discrete { + &.horizontal { margin: 0 1px; } + &.vertical { margin: 1px 0; } + } + &.level-high { + border-color: $success_color; + background-color: $success_color; + } + &.level-low { + border-color: $warning_color; + background-color: $warning_color; + } + &.empty-fill-block { + background-color: transparentize($fg_color,0.8); + border-color: transparentize($fg_color,0.8); + } + } +} + + +/********** + * Frames * + **********/ +.frame { + border: 1px solid $borders_color; + &.flat { border-style: none; } + padding: 0; + &.action-bar { + padding: 6px; + border-width: 1px 0 0; + } +} + +GtkScrolledWindow { + GtkViewport.frame { // avoid double borders when viewport inside + // scrolled window + border-style: none; + } +} + +//vbox and hbox separators +.separator { + // always disable separators + // -GtkWidget-wide-separators: true; + color: transparentize(black, 0.9); + + // Font and File button separators + GtkFileChooserButton &, + GtkFontButton &, + GtkFileChooserButton &.vertical, + GtkFontButton &.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } +} + +/********* + * Lists * + *********/ + +.list, .list-row { + background-color: $base_color; + border-color: $borders_color; +} + +.list-row, +.grid-child { + padding: 2px; +} + +.list-row.button { + @extend %undecorated_button; + background-color: transparentize(black, 1); // for the transition + border-style: none; // I need no borders here + border-radius: 0; // and no rounded corners + box-shadow: none; // and no box-shadow + &:hover { + background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); + } + &:active { + color: $fg_color; + } + &:selected { + &:active { color: $selected_fg_color; } + &:hover { background-color: mix(black, $selected_bg_color, 10%); } + &:insensitive { + color: transparentize($selected_fg_color, 0.3); + background-color: transparentize($selected_bg_color, 0.3); + .label { color: inherit; } + } + } +} + +.list-row:selected { + @extend %selected_items; + .button { @extend %selected-button } +} + +// transition +.list-row, list-row.button { + transition: all 300ms $ease-out-quad; + &:hover { transition: none; } +} + +/********************* + * App Notifications * + *********************/ + +.app-notification, +.app-notification.frame { + @extend %osd; + padding: 10px; + background-color: $osd_bg_color; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: darken($osd_bg_color, 10%); + + .button { + @include button(osd); + &.flat { + @extend %undecorated_button; + border-color: transparentize($selected_bg_color, 1); + &:insensitive { @extend %undecorated_button; } + } + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); + } + } +} + +/************* + * Expanders * + *************/ + +.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + &:hover { color: lighten($fg_color,30%); } //only lightens the arrow + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } +} + +/************ + * Calendar * + ***********/ +GtkCalendar { + color: $fg_color; + border: 1px solid $borders_color; + border-radius: 3px; + padding: 2px; + + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 1.5px; + } + &.header { + color: $fg_color; + border: none; + border-radius: 0; + } + &.button, &.button:focus { + color: transparentize($fg_color,0.55); + box-shadow: none; + border: none; + &:hover { + color: $fg_color; + } + } + &.highlight { color: gtkalpha(currentColor,0.55); } +} + +/*********** + * Dialogs * + ***********/ +.message-dialog .dialog-action-area .button { + padding: 8px; +} + +.message-dialog { // Message Dialog styling + -GtkDialog-button-spacing: 0; + + .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } + + &.csd { // rounded bottom border styling for csd version + &.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; + } + .dialog-action-area .button { + padding: 8px; + border-radius: 0; + + @extend %middle_button; + + &:hover, &:active, &:insensitive { + @extend %middle_button; + } + + &:focus { + color: $selected_bg_color; + + &:active, &:checked { color: $selected_fg_color; } + } + +// @each $b_type, $b_color in (suggested-action, $selected_bg_color), +// (destructive-action, $destructive_color) { +// &.#{$b_type} { +// @include button(normal, $b_color, white, $edge:none); +// @extend %middle_button; +// &:hover { +// @include button(hover, $b_color, white, $edge:none); +// @extend %middle_button; +// } +// &:active { +// @include button(active, $b_color, white, $edge:none); +// @extend %middle_button; +// } +// &:insensitive { +// @include button(insensitive, $edge:none); +// @extend %middle_button; +// } +// } +// } + &:first-child{ @extend %first_button; } + &:last-child { @extend %last_button; } + } + %middle_button { + border-right-style: none; + border-bottom-style: none; + } + %last_button { + border-bottom-right-radius: 3px; + } + %first_button { + border-left-style: none; + border-bottom-left-radius: 3px; + } + } +} + +GtkFileChooserDialog { + .search-bar { + background-color: $bg_color; + border-color: $borders_color; + box-shadow: none; + } + .dialog-action-box { + border-top: 1px solid $borders_color; + } +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + background-color: $bg_color; + + &:selected { + background-color: $selected_bg_color; + } +} + +// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color +GtkPlacesSidebar.sidebar .view { + + color: $fg_color; + background-color: transparent; + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &.separator { @extend .separator; } +} + +.sidebar-item { + padding: 10px 4px; + > GtkLabel { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > GtkLabel { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } +} + +// +// Paned +// +GtkPaned { // this is for the standard paned separator + + -GtkPaned-handle-size: 1; // sets separator width + + -gtk-icon-source: none; // removes handle decoration + margin: 0 8px 8px 0; // drag area of the separator, not a real margin + + &:dir(rtl) { + margin-right: 0; + margin-left: 8px; + } + .pane-separator { + background-color: $borders_color; + } +} + +GtkPaned.wide { // this is for the paned with wide separator + -GtkPaned-handle-size: 5; // wider separator here + margin: 0; // no need of the invisible drag area so, reset margin + .pane-separator { + background-color: transparent; + border-style: none solid; + border-color: $borders_color; + border-width: 1px; + } + &.vertical .pane-separator { border-style: solid none;} +} + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-style: none; + + .button { @extend %selected-button } +} + +.info, +.question, +.warning, +.error, +GtkInfoBar { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + + +// +// Buttons on selected backgrounds +// +%selected-button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.5); + + &.flat { + @include button(undecorated); + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + } + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 0.8); + border-color: transparentize($selected_fg_color, 0.2); + } + &:active, &:active:hover, &:checked { + color: $selected_bg_color; + outline-color: transparentize($selected_bg_color, 0.7); + background-color: $selected_fg_color; + border-color: $selected_fg_color; + } + &:insensitive { + color: transparentize($selected_fg_color, 0.6); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.8); + + &:active, &:checked { + color: transparentize($selected_bg_color, 0.6); + background-color: transparentize($selected_fg_color, 0.8); + border-color: transparentize($selected_fg_color, 0.8); + } + } +} + +/************ + * Tooltips * + ************/ +.tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: $tooltip_bg; + background-clip: padding-box; + } + + color: $tooltip_fg; + border-radius: 2px; + + &.window-frame.csd { + background-color: transparent; + } +} + +.tooltip * { //Yeah this is ugly + padding: 4px; + background-color: transparent; + color: inherit; // just to be sure +} + +/***************** + * Color Chooser * + *****************/ + +GtkColorSwatch { + // This widget is made of two boxes one on top of the other, the lower box is GtkColorSwatch {} the other one + // is GtkColorSwatch .overlay {}, GtkColorSwatch has the programmatically set background, so most of the style + // is applied to the overlay box. + + // take care of colorswatches on selected elements + :selected & { + box-shadow: none; + &.overlay, &.overlay:hover { + border-color: $selected_fg_color; + } + } + + // border rounding + &.top { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + &.bottom { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + &.left, &:first-child, &:first-child .overlay { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + &.right, &:last-child, &:last-child .overlay { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + &:only-child, &:only-child .overlay { + border-radius: 3px; + } + // nth-child works just on the custom colors row + + // hover effect + &:hover, + &:hover:selected { + background-image: linear-gradient(to bottom, transparentize(white, 0.8)); + } + + // no hover effect for the colorswatch in the color editor + GtkColorEditor & { + border-radius: 3px; // same radius as the entry + &:hover { + background-image: none; + } + } + + // indicator and keynav outline colors, color-dark is a color with luminosity lower then 50% + &.color-dark { + color: white; + outline-color: transparentize(black, 0.7); + } + &.color-light { + color: black; + outline-color: transparentize(white, 0.5); + } + + // border color + &.overlay, + &.overlay:selected { + border: 1px solid transparentize(black, 0.85); + &:hover { border-color: transparentize(black, 0.75); } + } + + // make the add color button looks like, well, a button + &#add-color-button { + border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi + border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set + @include button(normal); + &:hover { @include button(hover); } + .overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneath + } +} + +GtkColorButton.button { + padding: 4px; // Uniform padding on the GtkColorButton + + GtkColorSwatch { border-radius: 0; } +} + +/******** + * Misc * + ********/ +.scale-popup .button { // +/- buttons on GtkVolumeButton popup + padding: 6px; + &:hover { + @include button(hover); + } +} + +GtkVolumeButton.button { padding: 8px; } + +/********************** + * Window Decorations * + *********************/ + +.window-frame { + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); + + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), + 0 4px 8px 1px if($darker == 'false', opacify($_wm_border, 0.1), opacify($_wm_border, 0.15)); + + /* this is used for the resize cursor area */ + margin: 10px; + + &:backdrop { + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), + 0 4px 5px 2px if($darker == 'false', $_wm_border, opacify($_wm_border, 0.15)); + } + &.tiled { + border-radius: 0; + } + // server-side decorations as used by mutter + &.ssd { + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border); + + &.maximized { border-radius: 0; } + } + &.csd { + &.popup, &.menu { + border-radius: 3px; + box-shadow: 0 3px 6px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.1)), + 0 0 0 1px if($variant == 'light', $_wm_border, darken($base_color, 10%)); + } + &.tooltip { + border-radius: 2px; + box-shadow: 0 1px 3px 1px $_wm_border; + } + &.message-dialog { border-radius: 3px; } + } + &.solid-csd { + border-radius: 0; + margin: 1px; + background-color: $header_bg; + box-shadow: none; + } +} + +// +// Titlebuttons +// +.header-bar, +.titlebar { + + &.default-decoration .button.titlebutton { // no vertical padding for ssd buttons + padding-top: 0px; // already handled by the titlebar-padding + padding-bottom: 0px; + } + + .button.titlebutton { + padding: 7px 4px; + + @include button(undecorated); + background-color: transparentize($header_bg, 1); + border-width: 0; + + &:hover { + @include button(header-hover); + } + &:active, &:checked { + @include button(header-active); + } + + &.close, &.maximize, &.minimize { + + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + + &:backdrop { opacity: 1; } + } + + &.close { background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); } + &.close:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } + &.close:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } + &.close:active { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } + + &.maximize { background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); } + &.maximize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); } + &.maximize:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); } + &.maximize:active { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); } + + &.minimize { background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); } + &.minimize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); } + &.minimize:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); } + &.minimize:active { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); } + } +} + + +// catch all extend :) + +%selected_items { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); +} + +/* Decouple the font of context menus from their entry/textview */ +.touch-selection, +.context-menu { + font: initial; +} + +.monospace { + font: Monospace; +} + +// +// Overshoot +// +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This draws a box on top of the content, the size changes programmatically. +.overshoot { + &.top { @include overshoot(top); } + &.bottom { @include overshoot(bottom); } + &.left { @include overshoot(left); } + &.right { @include overshoot(right); } +} + +// +// Undershoot +// +// Overflow indication, works similarly to the overshoot, the size if fixed tho. +.undershoot { + &.top { @include undershoot(top); } + &.bottom { @include undershoot(bottom); } + &.left { @include undershoot(left); } + &.right { @include undershoot(right); } +} diff --git a/common/gtk-3.0/3.16/sass/_drawing.scss b/common/gtk-3.0/3.16/sass/_drawing.scss new file mode 100644 index 0000000..378e5d9 --- /dev/null +++ b/common/gtk-3.0/3.16/sass/_drawing.scss @@ -0,0 +1,377 @@ +// Drawing mixins + +// generic drawing of more complex things + +@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +// +// Helper function to stack up to 4 box-shadows; +// + + @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } + @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } + @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } + @else { box-shadow: $shadow1; } +} + +// Entries + +@mixin entry($t) { +// +// Entries drawing function +// +// $t: entry type +// + + @if $t==normal { + // + // normal entry + // + color: $text_color; + border-color: $entry_border; + background-color: $entry_bg; + background-image: linear-gradient(to bottom, $entry_bg); + } + + @if $t==focus { + // + // focused entry + // + color: $text_color; + border-color: $selected_bg_color; + background-color: $entry_bg; + background-image: linear-gradient(to bottom, $entry_bg); + } + + @if $t==insensitive { + // + // insensitive entry + // + color: $insensitive_fg_color; + border-color: transparentize($entry_border, 0.45); + background-color: transparentize($entry_bg, 0.45); + background-image: linear-gradient(to bottom, transparentize($entry_bg, 0.45)); + } + + $_header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 4%), 0.1), transparentize($base_color, 0.1)); + $_header_entry_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 10%), transparentize($header_fg, 0.7)); + + @if $t==header-normal { + // + // normal header-bar entry + // + + color: $header_fg; + border-color: $_header_entry_border; + background-image: linear-gradient(to bottom, $_header_entry_bg); + background-color: transparent; + + &.image, &.image:hover { color: inherit; } + } + + @if $t==header-focus { + // + // focused header-bar entry + // + color: $selected_fg_color; + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + + @if $t==header-insensitive { + // + // insensitive header-bar entry + // + color: transparentize($header_fg, 0.45); + background-image: linear-gradient(to bottom, transparentize($_header_entry_bg, 0.35)); + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + border-color: transparentize($osd_fg_color, 0.7); + background-color: transparent; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-focus { + // + // active osd button + // + color: $selected_bg_color; + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: transparentize($osd_fg_color, 0.8); + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + } +} + +// Buttons + +@mixin button($t, $actionb_color:red) { +// +// Button drawing function +// +// $t: button type, +// $actionb_color: used for destructive and suggested action buttons + + @if $t==normal { + // + // normal button + // + color: $fg_color; + outline-color: transparentize($fg_color, 0.7); + border-color: $button_border; + background-color: $button_bg; + } + + @else if $t==hover { + // + // hovered button + // + color: $fg_color; + outline-color: transparentize($fg_color, 0.7); + border-color: $selected_bg_color; + background-color: $button_bg; + } + + @else if $t==active { + // + // pushed button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + + @else if $t==insensitive { + // + // insensitive button + // + color: $insensitive_fg_color; + border-color: transparentize($button_border, 0.45); + background-color: transparentize($button_bg, 0.45); + + > GtkLabel { color: inherit; } + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: transparentize($selected_fg_color, 0.45); + border-color: transparentize($selected_bg_color, 0.45); + background-color: transparentize($selected_bg_color, 0.45); + + opacity: 0.6; + + > GtkLabel { color: inherit; } + } + + $_header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 3%), 0.1), transparentize($button_bg, 0.1)); + $_header_button_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 8%), transparentize($header_fg, 0.7)); + + @if $t==header-normal { + // + // normal header-bar button + // + color: $header_fg; + outline-color: transparentize($header_fg, 0.7); + outline-offset: -3px; + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + } + + @else if $t==header-hover { + // + // hovered header-bar button + // + color: $header_fg; + outline-color: transparentize($header_fg, 0.7); + border-color: $_header_button_border; + background-color: $_header_button_bg; + } + + @else if $t==header-active { + // + // pushed header-bar button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + + @else if $t==header-insensitive { + // + // insensitive header-bar button + // + color: transparentize($header_fg, 0.45); + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + + > GtkLabel { color: inherit; } + } + + @else if $t==header-insensitive-active { + // + // header-bar insensitive pushed button + // + color: transparentize($selected_fg_color, 0.25); + border-color: transparentize($selected_bg_color, 0.35); + background-color: transparentize($selected_bg_color, 0.35); + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + outline-color: transparentize($osd_fg_color, 0.7); + border-color: transparentize($osd_fg_color, 0.7); + background-color: transparent; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-hover { + // + // active osd button + // + color: $selected_bg_color; + outline-color: transparentize($osd_fg_color, 0.7); + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-active { + // + // active osd button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: transparentize($osd_fg_color, 0.8); + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + } + + @else if $t==suggested_destructive { + // + // suggested or destructive action buttons + // + background-clip: border-box; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: $actionb_color; + border-color: $actionb_color; + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + } +} + +// +// Overshoot +// +@mixin overshoot($p, $c:$selected_bg_color) { +// $p: position +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// + + $_big_gradient_length: 60%; + + $_position: center top; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + } + + @else if $p==right { + $_position: right center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + background-image: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($c, 0.8)), + to(transparentize($c, 1))); + + background-size: $_big_gradient_size; + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +// +// Undershoot +// +@mixin undershoot($p) { +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_undershoot_color_dark: transparentize(black, 0.8); + $_undershoot_color_light: transparentize(white, 0.8); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($p == left) or ($p == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$p}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; +} diff --git a/common/gtk-3.0/3.16/sass/_granite.scss b/common/gtk-3.0/3.16/sass/_granite.scss new file mode 100644 index 0000000..1e53c7f --- /dev/null +++ b/common/gtk-3.0/3.16/sass/_granite.scss @@ -0,0 +1,214 @@ +// Granite Widgets + +// +// Overlay Bar +// +.overlay-bar { + background-color: $selected_bg_color; + border-color: $selected_bg_color; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; + + GtkLabel { color: $selected_fg_color; } +} + +// +// Thin Pane Separator +// +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid $borders_color; + border-right: 1px solid $borders_color; + +} + +// avoid borders when a viewport is +// packed into a Static Notebook, or Popover +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +// +// Help Button +// +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +// +// Secondary Toolbars +// +.secondary-toolbar.toolbar { + padding: 3px; + border-bottom: 1px solid $borders_color; + + .button { padding: 0 3px 0 3px; } +} + +// +// Bottom Toolbars +// +.bottom-toolbar.toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: $borders_color; + background-color: $bg_color; + + .button { padding: 2px 3px 2px 3px; } +} + +// +// Sidebar & Source List +// +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: $bg_color; + color: $fg_color; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:prelight { + background-color: lighten($bg_color, 5%); +} + +.source-list.view:selected, +.source-list.view:prelight:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; +} + +.source-list .scrollbar.trough, +.source-list .scrollbars-junction { + border-image: none; + border-color: transparent; + background-color: $bg_color; + background-image: none; +} + +.source-list.badge, +.source-list.badge:prelight, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:prelight:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:prelight:selected { + background-color: $selected_fg_color; + color: $selected_bg_color; +} + +// +// Expander +// +.source-list.category-expander { + color: $fg_color; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +// +// Welcome +// +GraniteWidgetsWelcome { + background-color: $base_color; +} + +GraniteWidgetsWelcome GtkLabel { + color: mix($fg_color, $bg_color, 50%); + font: open sans 11; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: transparentize($fg_color, 0.2); +} + +// +// Help Button +// +.help_button { + border-radius: 0; +} + +// +// Popover +// +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + + border: 1px solid transparentize(black, 0.7); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, $base_color); + border: 1px solid transparentize(black, 0.7); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +// +// Text Styles +// +.h1 { font: open sans 24px; } +.h2 { font: open sans light 18px; } +.h3 { font: open sans 11px; } +.h4, +.category-label { + color: mix($bg_color, $text_color, 30%); + font-weight: 600; + text-shadow: 0 1px transparentize(white, 0.4); +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4{ + padding-left: 6px; +} diff --git a/common/gtk-3.0/3.16/sass/_lightdm.scss b/common/gtk-3.0/3.16/sass/_lightdm.scss new file mode 100644 index 0000000..9b14d09 --- /dev/null +++ b/common/gtk-3.0/3.16/sass/_lightdm.scss @@ -0,0 +1,141 @@ +/* the panel widget at the top */ +#panel_window { + background-color: $panel_bg; + color: $panel_fg; + font: bold; + box-shadow: inset 0 -1px darken($panel_bg, 7%); + + /* the menubars/menus of the panel, i.e. indicators */ + .menubar, + .menubar > .menuitem { + background-color: transparent; + color: $panel_fg; + font: bold; + } + + .menubar .menuitem:insensitive { + color: darken($panel_fg, 20%); + + GtkLabel { color: inherit; } + } + .menubar .menu .menuitem { font: normal; } +} + +/* the login window */ +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +/* the top half of the login-window, in GtkDialog terms, the content */ +#content_frame { + padding-bottom: 14px; + background-color: transparentize($bg_color, 0.05); + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +#content_frame .button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:insensitive { @include button(insensitive); } +} + +/* the lower half of the login-window, in GtkDialog terms the buttonbox or action area */ +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: $osd_bg_color; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +#buttonbox_frame .button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font: 13px; + + .menu { font: normal; } + .arrow {} +} + +/* the user's avatar box */ +#user_image { + padding: 3px; + border-radius: 3px; +} + +/* the border around the user's avatar box */ +#user_image_border {} + +/* the shutdown button */ +#shutdown_button.button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $destructive_color; + background-color: $destructive_color; + background-image: none; + background-clip: border-box; + + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($destructive_color, 9%); + background-color: lighten($destructive_color, 9%); + background-image: none; + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($destructive_color, 7%); + background-color: darken($destructive_color, 7%); + background-image: none; + } +} + +/* the restart button */ +#restart_button.button { + $_restart_bg: #51CF74; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $_restart_bg; + background-color: $_restart_bg; + background-image: none; + background-clip: border-box; + + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($_restart_bg, 9%); + background-color: lighten($_restart_bg, 9%); + background-image: none; + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($_restart_bg, 7%); + background-color: darken($_restart_bg, 7%); + background-image: none; + } +} + +/* the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +#greeter_infobar { + border-bottom-width: 0; + font: bold; +} diff --git a/common/gtk-3.0/3.16/sass/_transparent_widgets.scss b/common/gtk-3.0/3.16/sass/_transparent_widgets.scss new file mode 100644 index 0000000..67f5b6c --- /dev/null +++ b/common/gtk-3.0/3.16/sass/_transparent_widgets.scss @@ -0,0 +1,231 @@ +.titlebar .separator { + color: $header_border; //fixes separator in gnome-tweak-tool +} + +NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar + +GtkFileChooserDialog *, +NautilusWindow *, +NemoWindow { + -GtkPaned-handle-size: 0; +} + +@if $variant==dark { + GtkFileChooserDialog, + NautilusWindow , + NemoWindow { + .sidebar { border-right: 1px solid $dark_sidebar_border; } + + .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } + } +} + +// Dark transparent sidebars +GtkFileChooserDialog, +NautilusWindow, +NemoWindow, +MarlinViewWindow { + + &.csd.background, + .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } + + .sidebar, .source-list.sidebar.view { + background-color: $dark_sidebar_bg; + + .view, row { + background-color: transparent; + color: $dark_sidebar_fg; + + &.image { color: transparentize($dark_sidebar_fg, 0.4); } + + &.cell:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &.frame { + color: $dark_sidebar_fg; + } + + .separator { color: transparent; } + + .scrollbar { + + &.overlay-indicator:not(.dragging):not(.hovering) .slider { + background-color: lighten($dark_sidebar_fg, 15%); + border: 1px solid transparentize(black, 0.7); + } + + // trough coloring + .trough { + background-color: transparentize(black, 0.8); + border: none; + } + + // slider coloring + .slider { + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + + &:hover { background-color: lighten($dark_sidebar_fg, 20%); } + + &:prelight:active { background-color: $selected_bg_color; } + + &:insensitive { + background-color: transparent; + } + } + } + } + &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } + + .pane-separator { background-color: $dark_sidebar_border; } +} + +GtkFileChooserDialog { + + &.background.csd, .background { background-color: $dark_sidebar_bg } + .sidebar { background-color: transparent } + + // Yeah, this is ugly, but prevents a transparent background in the image preview box + GtkPaned > .vertical > .horizontal { background-color: $bg_color; } + + // fix for non gnome environments + .dialog-action-box { background-color: $bg_color } + + .dialog-vbox > .frame { + color: $dark_sidebar_fg; + border-color: transparent; + } + .action-bar.frame { + background-color: transparent; + border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); + } + + .action-bar.frame, + .dialog-vbox > .frame { + + .button { @extend %dark_sidebar_button; } + .entry { @extend %dark_sidebar_entry; } + + GtkLabel, GtkComboBox { color: $dark_sidebar_fg; } + } +} + +// Gedit sidebar +GeditWindow.background.csd { + background-color: transparent; + + .pane-separator, + .pane-separator:hover { background-color: $dark_sidebar_border; } + + .titlebar .pane-separator, + &.maximized .titlebar .pane-separator, + .titlebar .pane-separator:backdrop, + &.maximized .titlebar .pane-separator:backdrop { background-color: $header_border; } +} + +.gedit-bottom-panel-paned { background-color: $base_color; } + +.gedit-document-panel { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + .list-row { color: $dark_sidebar_fg; } + + .list-row { + background-color: transparentize($dark_sidebar_fg, 1); + border: solid transparentize($dark_sidebar_fg, 1); + border-width: 3px 2px 3px 2px; + } + .list-row:hover { + border: solid transparentize($dark_sidebar_fg, 0.85); + border-width: 3px 2px 3px 2px; + background-color: transparentize($dark_sidebar_fg, 0.85); + } + .list-row:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + + .button { color: $selected_fg_color; } + } + .list-row:selected, .list-row:selected:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + } + .prelight-row .button:active { + color: $dark_sidebar_fg; + } +} + +GeditWindow.background.csd GeditFileBrowserWidget { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + .scrollbar { + + &.overlay-indicator:not(.dragging):not(.hovering) .slider { + background-color: lighten($dark_sidebar_fg, 15%); + border: 1px solid transparentize(black, 0.7); + } + + // trough coloring + .trough { + background-color: transparentize(black, 0.8); + border: none; + } + + // slider coloring + .slider { + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + + &:hover { background-color: lighten($dark_sidebar_fg, 15%); } + + &:prelight:active { background-color: $selected_bg_color; } + + &:insensitive { + background-color: transparent; + } + } + } + + .horizontal { + background-color: transparent; + border-color: darken($dark_sidebar_bg, 7%); + + .button { @extend %dark_sidebar_button; } + GtkComboBox { color: $dark_sidebar_fg; } + } +} + +GeditWindow.background.csd GeditFileBrowserView.view { + + background-color: transparent; + color: $dark_sidebar_fg; + + &.expander { + color: $dark_sidebar_fg; + &:hover { color: $selected_bg_color; } + } +} + +%dark_sidebar_button { + @include button(osd); + + &:hover { @include button(osd-hover) } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +%dark_sidebar_entry { + @include entry(osd); + + &:focus { @include entry(osd-focus) } + &:insensitive { @include entry(osd-insensitive); } +} diff --git a/common/gtk-3.0/3.16/sass/_unity.scss b/common/gtk-3.0/3.16/sass/_unity.scss new file mode 100644 index 0000000..d88377a --- /dev/null +++ b/common/gtk-3.0/3.16/sass/_unity.scss @@ -0,0 +1,56 @@ +// Decorations +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; + + &.top { + border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + + background-image: linear-gradient(to bottom, opacify($header_bg, 1)); + color: $header_fg; // The foreground color will be used to paint the text + + box-shadow: inset 0 1px lighten($header_bg, 3%); + + &:backdrop { + border-bottom-width: 0; + background-image: linear-gradient(to bottom, opacify($header_bg_backdrop, 1)); + color: transparentize($header_fg, 0.3); + } + } + &.left, &.right, &.bottom, + &.left:backdrop, &.right:backdrop, &.bottom:backdrop { + background-image: linear-gradient(to bottom, if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); + } +} + +// Panel Style +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, opacify($panel_bg, 1)); + color: lighten($panel_fg, 20%); + box-shadow: none; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: $selected_bg_color; + border-bottom: none; +} diff --git a/common/gtk-3.0/3.16/sass/gtk-contained-dark.scss b/common/gtk-3.0/3.16/sass/gtk-contained-dark.scss new file mode 100644 index 0000000..f47d7b5 --- /dev/null +++ b/common/gtk-3.0/3.16/sass/gtk-contained-dark.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'dark'; +$darker: 'false'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.16/sass/gtk-contained-darker.scss b/common/gtk-3.0/3.16/sass/gtk-contained-darker.scss new file mode 100644 index 0000000..63166d2 --- /dev/null +++ b/common/gtk-3.0/3.16/sass/gtk-contained-darker.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'light'; +$darker: 'true'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.16/sass/gtk-contained-solid-dark.scss b/common/gtk-3.0/3.16/sass/gtk-contained-solid-dark.scss new file mode 100644 index 0000000..157292d --- /dev/null +++ b/common/gtk-3.0/3.16/sass/gtk-contained-solid-dark.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'dark'; +$darker: 'false'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.16/sass/gtk-contained-solid-darker.scss b/common/gtk-3.0/3.16/sass/gtk-contained-solid-darker.scss new file mode 100644 index 0000000..03ba34b --- /dev/null +++ b/common/gtk-3.0/3.16/sass/gtk-contained-solid-darker.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'light'; +$darker: 'true'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.16/sass/gtk-contained-solid.scss b/common/gtk-3.0/3.16/sass/gtk-contained-solid.scss new file mode 100644 index 0000000..347cf2c --- /dev/null +++ b/common/gtk-3.0/3.16/sass/gtk-contained-solid.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'light'; +$darker: 'false'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.16/sass/gtk-contained.scss b/common/gtk-3.0/3.16/sass/gtk-contained.scss new file mode 100644 index 0000000..c45d673 --- /dev/null +++ b/common/gtk-3.0/3.16/sass/gtk-contained.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$variant: 'light'; +$darker: 'false'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; -- cgit v1.2.3